fix(doc): erreur duplication id stories toggle

projects/ngx-dsfr-components/src/lib/forms/form-toggle/form-toggle.component.html

@@ -17,7 +17,7 @@
     [(ngModel)]="value" />
   <label
     class="fr-toggle__label"
-    [attr.for]="inputId"
+    [for]="inputId"
     [attr.data-fr-checked-label]="getDataLabelChecked()"
     [attr.data-fr-unchecked-label]="getDataLabelUnchecked()">
     <ng-container *ngIf="label">{{ label }}</ng-container>

projects/ngx-dsfr-components/src/lib/forms/form-toggle/form-toggle.stories.ts

 import { dsfrDecorator, optionsPosition } from '.storybook/storybook-utils';
 import { FormsModule } from '@angular/forms';
 import { Meta, moduleMetadata, StoryObj } from '@storybook/angular';
+import { DsfrSeverityConst } from '../../shared';
 import { DsfrFormToggleComponent } from './form-toggle.component';
 
 const meta: Meta = {
@@ -9,7 +10,7 @@ const meta: Meta = {
   decorators: [moduleMetadata({ imports: [FormsModule] })],
   argTypes: {
     labelPosition: { control: 'inline-radio', options: optionsPosition },
-    severity: { control: { type: 'inline-radio' } },
+    messageSeverity: { control: 'inline-radio', options: Object.values(DsfrSeverityConst) },
     value: { control: { type: 'boolean' } },
     id: { table: { disable: true } },
     error: { table: { disable: true } },
@@ -43,7 +44,6 @@ export const Hint: Story = {
     ...Default.args,
     hint: 'Texte de description additionnel',
     showSeparator: false,
-    inputId: 'foobar',
   },
 };
 
@@ -83,7 +83,7 @@ export const Error: Story = {
   decorators: dsfrDecorator('Toggle en erreur'),
   args: {
     ...Default.args,
-    messageSeverity: 'error',
+    messageSeverity: 'success',
     message: 'Texte d’erreur obligatoire',
   },
 };
@@ -94,6 +94,7 @@ export const Valid: Story = {
     ...Default.args,
     messageSeverity: 'success',
     message: 'Texte de validation',
+    inputId: 'valid-toggle',
   },
 };