chore: regen story types after update

Author: damyanpetev

stories/avatar.stories.ts

@@ -38,9 +38,9 @@ const metadata: Meta<IgcAvatarComponent> = {
       control: 'text',
     },
     shape: {
-      type: '"circle" | "rounded" | "square"',
+      type: '"square" | "circle" | "rounded"',
       description: 'The shape of the avatar.',
-      options: ['circle', 'rounded', 'square'],
+      options: ['square', 'circle', 'rounded'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'square' } },
     },
@@ -58,7 +58,7 @@ interface IgcAvatarArgs {
   /** Initials to use as a fallback when no image is available. */
   initials: string;
   /** The shape of the avatar. */
-  shape: 'circle' | 'rounded' | 'square';
+  shape: 'square' | 'circle' | 'rounded';
 }
 type Story = StoryObj<IgcAvatarArgs>;
 

stories/button.stories.ts

@@ -24,9 +24,9 @@ const metadata: Meta<IgcButtonComponent> = {
   },
   argTypes: {
     variant: {
-      type: '"flat" | "contained" | "outlined" | "fab"',
+      type: '"contained" | "flat" | "outlined" | "fab"',
       description: 'Sets the variant of the button.',
-      options: ['flat', 'contained', 'outlined', 'fab'],
+      options: ['contained', 'flat', 'outlined', 'fab'],
       control: { type: 'select' },
       table: { defaultValue: { summary: 'contained' } },
     },
@@ -75,7 +75,7 @@ export default metadata;
 
 interface IgcButtonArgs {
   /** Sets the variant of the button. */
-  variant: 'flat' | 'contained' | 'outlined' | 'fab';
+  variant: 'contained' | 'flat' | 'outlined' | 'fab';
   /** The type of the button. Defaults to `button`. */
   type: 'button' | 'reset' | 'submit';
   /** The URL the button points to. */

stories/calendar.stories.ts

@@ -40,17 +40,17 @@ const metadata: Meta<IgcCalendarComponent> = {
       table: { defaultValue: { summary: 'false' } },
     },
     headerOrientation: {
-      type: '"vertical" | "horizontal"',
+      type: '"horizontal" | "vertical"',
       description: 'The orientation of the calendar header.',
-      options: ['vertical', 'horizontal'],
+      options: ['horizontal', 'vertical'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'horizontal' } },
     },
     orientation: {
-      type: '"vertical" | "horizontal"',
+      type: '"horizontal" | "vertical"',
       description:
         'The orientation of the calendar months when more than one month\nis being shown.',
-      options: ['vertical', 'horizontal'],
+      options: ['horizontal', 'vertical'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'horizontal' } },
     },
@@ -140,12 +140,12 @@ interface IgcCalendarArgs {
    */
   hideHeader: boolean;
   /** The orientation of the calendar header. */
-  headerOrientation: 'vertical' | 'horizontal';
+  headerOrientation: 'horizontal' | 'vertical';
   /**
    * The orientation of the calendar months when more than one month
    * is being shown.
    */
-  orientation: 'vertical' | 'horizontal';
+  orientation: 'horizontal' | 'vertical';
   /** The number of months displayed in the days view. */
   visibleMonths: number;
   /** The current active view of the component. */

stories/carousel.stories.ts

@@ -68,9 +68,9 @@ const metadata: Meta<IgcCarouselComponent> = {
       table: { defaultValue: { summary: 'false' } },
     },
     indicatorsOrientation: {
-      type: '"start" | "end"',
+      type: '"end" | "start"',
       description: 'Sets the orientation of the indicator controls (dots).',
-      options: ['start', 'end'],
+      options: ['end', 'start'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'end' } },
     },
@@ -137,7 +137,7 @@ interface IgcCarouselArgs {
   /** Whether the carousel has vertical alignment. */
   vertical: boolean;
   /** Sets the orientation of the indicator controls (dots). */
-  indicatorsOrientation: 'start' | 'end';
+  indicatorsOrientation: 'end' | 'start';
   /**
    * The format used to set the aria-label on the carousel indicators.
    * Instances of '{0}' will be replaced with the index of the corresponding slide.

stories/checkbox.stories.ts

@@ -66,9 +66,9 @@ const metadata: Meta<IgcCheckboxComponent> = {
       table: { defaultValue: { summary: 'false' } },
     },
     labelPosition: {
-      type: '"before" | "after"',
+      type: '"after" | "before"',
       description: 'The label position of the control.',
-      options: ['before', 'after'],
+      options: ['after', 'before'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'after' } },
     },
@@ -101,7 +101,7 @@ interface IgcCheckboxArgs {
   /** The checked state of the control. */
   checked: boolean;
   /** The label position of the control. */
-  labelPosition: 'before' | 'after';
+  labelPosition: 'after' | 'before';
 }
 type Story = StoryObj<IgcCheckboxArgs>;
 

stories/icon-button.stories.ts

@@ -37,9 +37,9 @@ const metadata: Meta<IgcIconButtonComponent> = {
       table: { defaultValue: { summary: 'false' } },
     },
     variant: {
-      type: '"flat" | "contained" | "outlined"',
+      type: '"contained" | "flat" | "outlined"',
       description: 'The visual variant of the icon button.',
-      options: ['flat', 'contained', 'outlined'],
+      options: ['contained', 'flat', 'outlined'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'contained' } },
     },
@@ -99,7 +99,7 @@ interface IgcIconButtonArgs {
   /** Whether to flip the icon button. Useful for RTL layouts. */
   mirrored: boolean;
   /** The visual variant of the icon button. */
-  variant: 'flat' | 'contained' | 'outlined';
+  variant: 'contained' | 'flat' | 'outlined';
   /** The type of the button. Defaults to `button`. */
   type: 'button' | 'reset' | 'submit';
   /** The URL the button points to. */

stories/radio-group.stories.ts

@@ -24,9 +24,9 @@ const metadata: Meta<IgcRadioGroupComponent> = {
   },
   argTypes: {
     alignment: {
-      type: '"vertical" | "horizontal"',
+      type: '"horizontal" | "vertical"',
       description: 'Alignment of the radio controls inside this group.',
-      options: ['vertical', 'horizontal'],
+      options: ['horizontal', 'vertical'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'vertical' } },
     },
@@ -49,7 +49,7 @@ export default metadata;
 
 interface IgcRadioGroupArgs {
   /** Alignment of the radio controls inside this group. */
-  alignment: 'vertical' | 'horizontal';
+  alignment: 'horizontal' | 'vertical';
   /** Gets/Sets the name for all child igc-radio components. */
   name: string;
   /** Gets/Sets the checked igc-radio element that matches `value` */

stories/radio.stories.ts

@@ -33,9 +33,9 @@ const metadata: Meta<IgcRadioComponent> = {
       table: { defaultValue: { summary: 'false' } },
     },
     labelPosition: {
-      type: '"before" | "after"',
+      type: '"after" | "before"',
       description: 'The label position of the radio control.',
-      options: ['before', 'after'],
+      options: ['after', 'before'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'after' } },
     },
@@ -76,7 +76,7 @@ interface IgcRadioArgs {
   /** The checked state of the control. */
   checked: boolean;
   /** The label position of the radio control. */
-  labelPosition: 'before' | 'after';
+  labelPosition: 'after' | 'before';
   /** The name attribute of the control. */
   name: string;
   /** The disabled state of the component. */

stories/range-slider.stories.ts

@@ -107,9 +107,9 @@ const metadata: Meta<IgcRangeSliderComponent> = {
       table: { defaultValue: { summary: '0' } },
     },
     tickOrientation: {
-      type: '"mirror" | "start" | "end"',
+      type: '"end" | "mirror" | "start"',
       description: 'Changes the orientation of the ticks.',
-      options: ['mirror', 'start', 'end'],
+      options: ['end', 'mirror', 'start'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'end' } },
     },
@@ -139,10 +139,10 @@ const metadata: Meta<IgcRangeSliderComponent> = {
       control: 'text',
     },
     tickLabelRotation: {
-      type: '0 | 90 | -90',
+      type: '"0" | "90"',
       description:
         'The degrees for the rotation of the tick labels. Defaults to 0.',
-      options: ['0', '90', '-90'],
+      options: ['0', '90'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: '0' } },
     },
@@ -220,7 +220,7 @@ interface IgcRangeSliderArgs {
   /** The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed. */
   secondaryTicks: number;
   /** Changes the orientation of the ticks. */
-  tickOrientation: 'mirror' | 'start' | 'end';
+  tickOrientation: 'end' | 'mirror' | 'start';
   /** Hides the primary tick labels. */
   hidePrimaryLabels: boolean;
   /** Hides the secondary tick labels. */
@@ -230,7 +230,7 @@ interface IgcRangeSliderArgs {
   /** String format used for the thumb and tick label values in the slider. */
   valueFormat: string;
   /** The degrees for the rotation of the tick labels. Defaults to 0. */
-  tickLabelRotation: 0 | 90 | -90;
+  tickLabelRotation: '0' | '90';
 }
 type Story = StoryObj<IgcRangeSliderArgs>;
 

stories/slider.stories.ts

@@ -104,9 +104,9 @@ const metadata: Meta<IgcSliderComponent> = {
       table: { defaultValue: { summary: '0' } },
     },
     tickOrientation: {
-      type: '"mirror" | "start" | "end"',
+      type: '"end" | "mirror" | "start"',
       description: 'Changes the orientation of the ticks.',
-      options: ['mirror', 'start', 'end'],
+      options: ['end', 'mirror', 'start'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: 'end' } },
     },
@@ -136,10 +136,10 @@ const metadata: Meta<IgcSliderComponent> = {
       control: 'text',
     },
     tickLabelRotation: {
-      type: '0 | 90 | -90',
+      type: '"0" | "90"',
       description:
         'The degrees for the rotation of the tick labels. Defaults to 0.',
-      options: ['0', '90', '-90'],
+      options: ['0', '90'],
       control: { type: 'inline-radio' },
       table: { defaultValue: { summary: '0' } },
     },
@@ -216,7 +216,7 @@ interface IgcSliderArgs {
   /** The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed. */
   secondaryTicks: number;
   /** Changes the orientation of the ticks. */
-  tickOrientation: 'mirror' | 'start' | 'end';
+  tickOrientation: 'end' | 'mirror' | 'start';
   /** Hides the primary tick labels. */
   hidePrimaryLabels: boolean;
   /** Hides the secondary tick labels. */
@@ -226,7 +226,7 @@ interface IgcSliderArgs {
   /** String format used for the thumb and tick label values in the slider. */
   valueFormat: string;
   /** The degrees for the rotation of the tick labels. Defaults to 0. */
-  tickLabelRotation: 0 | 90 | -90;
+  tickLabelRotation: '0' | '90';
 }
 type Story = StoryObj<IgcSliderArgs>;