fix: rename stories

sbb-design-systems · Nov 28, 2024 · 348a361 · 348a361
1 parent 5456486
commit 348a361
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 9 deletions.
diff --git a/src/elements/loading-indicator-circle/loading-indicator-circle.stories.ts b/src/elements/loading-indicator-circle/loading-indicator-circle.stories.ts
@@ -83,19 +83,19 @@ const defaultArgs: Args = {
   color: color.options![0],
 };
 
-export const CircleDefault: StoryObj = {
+export const Default: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs, variant: variant.options![1] },
 };
 
-export const CircleSmoke: StoryObj = {
+export const Smoke: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs, color: color.options![1], variant: variant.options![1] },
 };
 
-export const CircleWhite: StoryObj = {
+export const White: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs, color: color.options![2], variant: variant.options![1] },

diff --git a/src/elements/loading-indicator/loading-indicator.stories.ts b/src/elements/loading-indicator/loading-indicator.stories.ts
@@ -68,42 +68,96 @@ const defaultArgs: Args = {
   color: color.options![0],
 };
 
-export const WindowSmallDefault: StoryObj = {
+export const SmallDefault: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs },
 };
 
-export const WindowSmallSmoke: StoryObj = {
+export const SmallSmoke: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs, color: color.options![1] },
 };
 
-export const WindowSmallWhite: StoryObj = {
+export const SmallWhite: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs, color: color.options![2] },
 };
 
-export const WindowLargeDefault: StoryObj = {
+export const LargeDefault: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs, size: size.options![1] },
 };
 
-export const WindowLargeSmoke: StoryObj = {
+export const LargeSmoke: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs, color: color.options![1], size: size.options![1] },
 };
 
-export const WindowLargeWhite: StoryObj = {
+export const LargeWhite: StoryObj = {
   render: Template,
   argTypes: defaultArgTypes,
   args: { ...defaultArgs, color: color.options![2], size: size.options![1] },
 };
 
+export const XLDefault: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, size: size.options![2] },
+};
+
+export const XLSmoke: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, color: color.options![1], size: size.options![2] },
+};
+
+export const XLWhite: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, color: color.options![2], size: size.options![2] },
+};
+
+export const XXLDefault: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, size: size.options![3] },
+};
+
+export const XXLSmoke: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, color: color.options![1], size: size.options![3] },
+};
+
+export const XXLWhite: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, color: color.options![2], size: size.options![3] },
+};
+
+export const XXXLDefault: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, size: size.options![4] },
+};
+
+export const XXXLSmoke: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, color: color.options![1], size: size.options![4] },
+};
+
+export const XXXLWhite: StoryObj = {
+  render: Template,
+  argTypes: defaultArgTypes,
+  args: { ...defaultArgs, color: color.options![2], size: size.options![4] },
+};
+
 export const Accessibility: StoryObj = {
   render: TemplateAccessibility,
   argTypes: defaultArgTypes,