@aarhus-university/au-lib-react-components 12.6.2 → 12.6.3

package/stories/AUSpinnerComponent.stories.tsx

@@ -1,44 +1,44 @@
-import React from 'react';
-import { StoryObj, Meta } from '@storybook/react';
-import AUSpinnerComponent from '../src/components/AUSpinnerComponent';
-import { ThemeWrapper } from './lib/helpers';
-
-export default {
-  title: 'Delphinus/Spinner',
-  component: AUSpinnerComponent,
-  argTypes: {
-    init: {
-      control: {
-        type: 'radio',
-      },
-      options: [
-        '',
-        'box',
-        'table',
-      ],
-    },
-    className: {
-      table: {
-        disable: true,
-      }
-    },
-  },
-  decorators: [
-    (Story, context) => (
-      <ThemeWrapper theme={context.globals.theme}>
-        {Story()}
-      </ThemeWrapper>
-    )
-  ],
-} as Meta<typeof AUSpinnerComponent>;
-
-type Story = StoryObj<typeof AUSpinnerComponent>;
-
-export const Spinner: Story = {
-  args: {
-    loaded: false,
-    height: '20rem',
-    init: 'box',
-  },
-  render: (args) => <AUSpinnerComponent {...args}><p>Child content</p></AUSpinnerComponent>,
-};
+import React from 'react';
+import { StoryObj, Meta } from '@storybook/react';
+import AUSpinnerComponent from '../src/components/AUSpinnerComponent';
+import { ThemeWrapper } from './lib/helpers';
+
+export default {
+  title: 'Delphinus/Spinner',
+  component: AUSpinnerComponent,
+  argTypes: {
+    init: {
+      control: {
+        type: 'radio',
+      },
+      options: [
+        '',
+        'box',
+        'table',
+      ],
+    },
+    className: {
+      table: {
+        disable: true,
+      }
+    },
+  },
+  decorators: [
+    (Story, context) => (
+      <ThemeWrapper theme={context.globals.theme}>
+        {Story()}
+      </ThemeWrapper>
+    )
+  ],
+} as Meta<typeof AUSpinnerComponent>;
+
+type Story = StoryObj<typeof AUSpinnerComponent>;
+
+export const Spinner: Story = {
+  args: {
+    loaded: false,
+    height: '20rem',
+    init: 'box',
+  },
+  render: (args) => <AUSpinnerComponent {...args}><p>Child content</p></AUSpinnerComponent>,
+};

package/stories/AUStepComponent.stories.tsx

@@ -1,91 +1,91 @@
-import React from 'react';
-import { StoryObj, Meta } from '@storybook/react';
-import AUStepComponent from '../src/components/AUStepComponent';
-import { ThemeWrapper } from './lib/helpers';
-
-export default {
-  title: 'Delphinus/Stepper',
-  component: AUStepComponent,
-  argTypes: {
-    title: {
-      table: {
-        disable: true,
-      }
-    },
-    children: {
-      table: {
-        disable: true,
-      }
-    },
-    stepHeadlines: {
-      table: {
-        disable: true,
-      }
-    },
-    introElement: {
-      table: {
-        disable: true,
-      }
-    },
-    outroElement: {
-      table: {
-        disable: true,
-      }
-    },
-    finalIcon: {
-      table: {
-        disable: true,
-      }
-    },
-  },
-  decorators: [
-    (Story, context) => (
-      <ThemeWrapper theme={context.globals.theme}>
-        {Story()}
-      </ThemeWrapper>
-    )
-  ],
-} as Meta<typeof AUStepComponent>;
-
-type Story = StoryObj<typeof AUStepComponent>;
-
-export const Five_Steps: Story = {
-  args: {
-    step: -1,
-    title: 'Dette er en overskrift af hensyn til tilgængelighed',
-    children: [
-      <p>Step 1</p>,
-      <p>Step 2</p>,
-      <p>Step 3</p>,
-      <p>Step 4</p>,
-      <p>Step 5</p>,
-    ],
-    stepHeadlines: ['Introduction', 'Network connection', 'Sign out devices', 'Change password', 'Update device'],
-    introElement: <p>Her begynder vi</p>,
-    outroElement: <p>Her slutter vi</p>,
-    showFinal: false,
-    showSteps: true,
-  },
-  render: (args) => <AUStepComponent {...args} />,
-};
-
-export const Five_Steps_With_Icon: Story = {
-  args: {
-    step: -1,
-    title: 'Dette er en overskrift af hensyn til tilgængelighed',
-    children: [
-      <p>Step 1</p>,
-      <p>Step 2</p>,
-      <p>Step 3</p>,
-      <p>Step 4</p>,
-      <p>Step 5</p>,
-    ],
-    stepHeadlines: ['Introduction', 'Network connection', 'Sign out devices', 'Change password', 'Update device'],
-    introElement: <p>Her begynder vi</p>,
-    outroElement: <p>Her slutter vi</p>,
-    showFinal: true,
-    finalIcon: 'send',
-    showSteps: true,
-  },
-  render: (args) => <AUStepComponent {...args} />,
-};
+import React from 'react';
+import { StoryObj, Meta } from '@storybook/react';
+import AUStepComponent from '../src/components/AUStepComponent';
+import { ThemeWrapper } from './lib/helpers';
+
+export default {
+  title: 'Delphinus/Stepper',
+  component: AUStepComponent,
+  argTypes: {
+    title: {
+      table: {
+        disable: true,
+      }
+    },
+    children: {
+      table: {
+        disable: true,
+      }
+    },
+    stepHeadlines: {
+      table: {
+        disable: true,
+      }
+    },
+    introElement: {
+      table: {
+        disable: true,
+      }
+    },
+    outroElement: {
+      table: {
+        disable: true,
+      }
+    },
+    finalIcon: {
+      table: {
+        disable: true,
+      }
+    },
+  },
+  decorators: [
+    (Story, context) => (
+      <ThemeWrapper theme={context.globals.theme}>
+        {Story()}
+      </ThemeWrapper>
+    )
+  ],
+} as Meta<typeof AUStepComponent>;
+
+type Story = StoryObj<typeof AUStepComponent>;
+
+export const Five_Steps: Story = {
+  args: {
+    step: -1,
+    title: 'Dette er en overskrift af hensyn til tilgængelighed',
+    children: [
+      <p>Step 1</p>,
+      <p>Step 2</p>,
+      <p>Step 3</p>,
+      <p>Step 4</p>,
+      <p>Step 5</p>,
+    ],
+    stepHeadlines: ['Introduction', 'Network connection', 'Sign out devices', 'Change password', 'Update device'],
+    introElement: <p>Her begynder vi</p>,
+    outroElement: <p>Her slutter vi</p>,
+    showFinal: false,
+    showSteps: true,
+  },
+  render: (args) => <AUStepComponent {...args} />,
+};
+
+export const Five_Steps_With_Icon: Story = {
+  args: {
+    step: -1,
+    title: 'Dette er en overskrift af hensyn til tilgængelighed',
+    children: [
+      <p>Step 1</p>,
+      <p>Step 2</p>,
+      <p>Step 3</p>,
+      <p>Step 4</p>,
+      <p>Step 5</p>,
+    ],
+    stepHeadlines: ['Introduction', 'Network connection', 'Sign out devices', 'Change password', 'Update device'],
+    introElement: <p>Her begynder vi</p>,
+    outroElement: <p>Her slutter vi</p>,
+    showFinal: true,
+    finalIcon: 'send',
+    showSteps: true,
+  },
+  render: (args) => <AUStepComponent {...args} />,
+};