@aarhus-university/au-lib-react-components 11.5.1 → 11.6.0

package/stories/AUSpinnerComponent.stories.tsx

@@ -1,41 +1,41 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } 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',
-      ],
-    },
-  },
-  decorators: [
-    (Story, context) => (
-      <ThemeWrapper theme={context.globals.theme}>
-        {Story()}
-      </ThemeWrapper>
-    )
-  ],
-} as ComponentMeta<typeof AUSpinnerComponent>;
-
-const Template: ComponentStory<typeof AUSpinnerComponent> = (args) => (
-  <AUSpinnerComponent {...args}>
-    <p>Child content</p>
-  </AUSpinnerComponent>
-);
-
-export const Spinner = Template.bind({});
-Spinner.args = {
-  loaded: false,
-  height: '20rem',
-  init: 'box',
-};
+import React from 'react';
+import { ComponentStory, ComponentMeta } 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',
+      ],
+    },
+  },
+  decorators: [
+    (Story, context) => (
+      <ThemeWrapper theme={context.globals.theme}>
+        {Story()}
+      </ThemeWrapper>
+    )
+  ],
+} as ComponentMeta<typeof AUSpinnerComponent>;
+
+const Template: ComponentStory<typeof AUSpinnerComponent> = (args) => (
+  <AUSpinnerComponent {...args}>
+    <p>Child content</p>
+  </AUSpinnerComponent>
+);
+
+export const Spinner = Template.bind({});
+Spinner.args = {
+  loaded: false,
+  height: '20rem',
+  init: 'box',
+};

package/stories/AUStepComponent.stories.tsx

@@ -1,40 +1,40 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import AUStepComponent from '../src/components/AUStepComponent';
-import { ThemeWrapper } from './lib/helpers';
-
-export default {
-  title: 'Delphinus/Stepper',
-  component: AUStepComponent,
-  argTypes: {
-  },
-  decorators: [
-    (Story, context) => (
-      <ThemeWrapper theme={context.globals.theme}>
-        {Story()}
-      </ThemeWrapper>
-    )
-  ],
-} as ComponentMeta<typeof AUStepComponent>;
-
-const Template: ComponentStory<typeof AUStepComponent> = (args) => (
-  <>
-    <AUStepComponent {...args} />
-  </>
-);
-
-export const Five_Steps = Template.bind({});
-Five_Steps.args = {
-  step: -1,
-  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>,
-};
-
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import AUStepComponent from '../src/components/AUStepComponent';
+import { ThemeWrapper } from './lib/helpers';
+
+export default {
+  title: 'Delphinus/Stepper',
+  component: AUStepComponent,
+  argTypes: {
+  },
+  decorators: [
+    (Story, context) => (
+      <ThemeWrapper theme={context.globals.theme}>
+        {Story()}
+      </ThemeWrapper>
+    )
+  ],
+} as ComponentMeta<typeof AUStepComponent>;
+
+const Template: ComponentStory<typeof AUStepComponent> = (args) => (
+  <>
+    <AUStepComponent {...args} />
+  </>
+);
+
+export const Five_Steps = Template.bind({});
+Five_Steps.args = {
+  step: -1,
+  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>,
+};
+