refactor: move stories to preserve chromatic history

sbb-design-systems · Apr 26, 2024 · c4aa463 · c4aa463
1 parent 82d8acf
commit c4aa463
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 40 deletions.
diff --git a/src/components/checkbox/checkbox-group/checkbox-group.stories.ts b/src/components/checkbox/checkbox-group/checkbox-group.stories.ts
@@ -25,7 +25,7 @@ const checkboxes = (
   checked: boolean,
   disabledSingle: boolean,
   iconName: string,
-  iconPlacement: string,
+  iconPlacement: 'start' | 'end',
   label: string,
 ): TemplateResult => html`
   <sbb-checkbox
@@ -330,23 +330,6 @@ export const verticalToHorizontal: StoryObj = {
   argTypes: checkboxArgTypes,
   args: { ...checkboxArgsVertical, 'horizontal-from': 'medium' },
 };
-export const horizontalPanel: StoryObj = {
-  render: PanelTemplate,
-  argTypes: basicArgTypes,
-  args: { ...basicArgs },
-};
-
-export const verticalPanel: StoryObj = {
-  render: PanelTemplate,
-  argTypes: basicArgTypes,
-  args: { ...basicArgs, orientation: orientation.options![1] },
-};
-
-export const verticalToHorizontalPanel: StoryObj = {
-  render: PanelTemplate,
-  argTypes: checkboxArgTypes,
-  args: { ...basicArgs, orientation: orientation.options![1], 'horizontal-from': 'medium' },
-};
 
 export const horizontalSizeM: StoryObj = {
   render: DefaultTemplate,
@@ -414,6 +397,24 @@ export const indeterminateGroup: StoryObj = {
   args: { ...checkboxArgsVertical, checked: undefined },
 };
 
+export const horizontalPanel: StoryObj = {
+  render: PanelTemplate,
+  argTypes: basicArgTypes,
+  args: { ...basicArgs },
+};
+
+export const verticalPanel: StoryObj = {
+  render: PanelTemplate,
+  argTypes: basicArgTypes,
+  args: { ...basicArgs, orientation: orientation.options![1] },
+};
+
+export const verticalToHorizontalPanel: StoryObj = {
+  render: PanelTemplate,
+  argTypes: checkboxArgTypes,
+  args: { ...basicArgs, orientation: orientation.options![1], 'horizontal-from': 'medium' },
+};
+
 const meta: Meta = {
   decorators: [withActions as Decorator],
   parameters: {

diff --git a/src/components/radio-button/radio-button-group/radio-button-group.stories.ts b/src/components/radio-button/radio-button-group/radio-button-group.stories.ts
@@ -151,28 +151,6 @@ export const VerticalToHorizontal: StoryObj = {
   },
 };
 
-export const HorizontalPanels: StoryObj = {
-  render: PanelTemplate,
-  argTypes: defaultArgTypes,
-  args: { ...defaultArgs },
-};
-
-export const VerticalPanels: StoryObj = {
-  render: PanelTemplate,
-  argTypes: defaultArgTypes,
-  args: { ...defaultArgs, orientation: orientation.options![1] },
-};
-
-export const VerticalToHorizontalPanels: StoryObj = {
-  render: PanelTemplate,
-  argTypes: defaultArgTypes,
-  args: {
-    ...defaultArgs,
-    orientation: orientation.options![1],
-    'horizontal-from': horizontalFrom.options![4],
-  },
-};
-
 export const HorizontalSizeS: StoryObj = {
   render: DefaultTemplate,
   argTypes: defaultArgTypes,
@@ -220,6 +198,28 @@ export const ErrorMessageVertical: StoryObj = {
   },
 };
 
+export const HorizontalPanels: StoryObj = {
+  render: PanelTemplate,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs },
+};
+
+export const VerticalPanels: StoryObj = {
+  render: PanelTemplate,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, orientation: orientation.options![1] },
+};
+
+export const VerticalToHorizontalPanels: StoryObj = {
+  render: PanelTemplate,
+  argTypes: defaultArgTypes,
+  args: {
+    ...defaultArgs,
+    orientation: orientation.options![1],
+    'horizontal-from': horizontalFrom.options![4],
+  },
+};
+
 const meta: Meta = {
   decorators: [withActions as Decorator],
   parameters: {