diff --git a/packages/blade/src/components/Card/Card.stories.tsx b/packages/blade/src/components/Card/Card.stories.tsx index 2c5aed7f3dc..a0b9108ce3a 100644 --- a/packages/blade/src/components/Card/Card.stories.tsx +++ b/packages/blade/src/components/Card/Card.stories.tsx @@ -183,6 +183,9 @@ export default { isLoading: false, type: undefined, }, + prefix: ('LinkIcon' as unknown) as IconComponent, + suffix: 12, + visual: 'Badge', }, tags: ['autodocs'], argTypes: { @@ -207,7 +210,6 @@ export default { }, mapping: iconMap, options: Object.keys(iconMap), - defaultValue: 'LinkIcon', table: { category: propsCategory.CARD_HEADER_LEADING, }, @@ -216,7 +218,6 @@ export default { control: { type: 'number', }, - defaultValue: 12, table: { category: propsCategory.CARD_HEADER_LEADING }, }, visual: { @@ -225,7 +226,6 @@ export default { }, mapping: visual, options: Object.keys(visual), - defaultValue: 'Badge', table: { category: propsCategory.CARD_HEADER_LEADING, }, @@ -244,6 +244,7 @@ export default { }, ...getStyledPropsArgTypes(), }, + parameters: { docs: { page: Page, diff --git a/packages/blade/src/components/Card/CardInteractive.stories.tsx b/packages/blade/src/components/Card/CardInteractive.stories.tsx index ec00849c3dd..77193c0b338 100644 --- a/packages/blade/src/components/Card/CardInteractive.stories.tsx +++ b/packages/blade/src/components/Card/CardInteractive.stories.tsx @@ -199,74 +199,71 @@ export default { control: { type: 'text', }, - defaultValue: undefined, table: propCategory, }, onClick: { control: { type: 'function', }, - defaultValue: undefined, table: propCategory, }, onHover: { control: { type: 'function', }, - defaultValue: undefined, table: propCategory, }, accessibilityLabel: { control: { type: 'text', }, - defaultValue: 'Payment Pages Card', table: propCategory, }, isSelected: { control: { type: 'boolean', }, - defaultValue: false, table: propCategory, }, shouldScaleOnHover: { control: { type: 'boolean', }, - defaultValue: true, table: propCategory, }, href: { control: { type: 'text', }, - defaultValue: undefined, table: propCategory, }, rel: { control: { type: 'text', }, - defaultValue: undefined, table: propCategory, }, surfaceLevel: { control: { type: 'number', }, - defaultValue: 2, table: propCategory, }, elevation: { - defaultValue: 'midRaised', table: propCategory, }, padding: { - defaultValue: 'spacing.7', table: propCategory, }, }, + args: { + accessibilityLabel: 'Payment Pages Card', + isSelected: false, + shouldScaleOnHover: true, + surfaceLevel: 2, + elevation: 'midRaised', + padding: 'spacing.7', + }, parameters: { docs: { page: Page, diff --git a/packages/blade/src/components/SpotlightPopoverTour/docs/Tour.stories.tsx b/packages/blade/src/components/SpotlightPopoverTour/docs/Tour.stories.tsx index 6b7b1459f09..09494edc771 100644 --- a/packages/blade/src/components/SpotlightPopoverTour/docs/Tour.stories.tsx +++ b/packages/blade/src/components/SpotlightPopoverTour/docs/Tour.stories.tsx @@ -85,19 +85,15 @@ export default { tourStepsTitle: { name: 'steps[0].title', type: 'string', - defaultValue: 'Overview of Refunds', table: { category: propsCategory.TOUR_STEPS }, }, tourStepsContent: { name: 'steps[0].content', type: 'string', - defaultValue: - 'You can issue refunds for various reasons, like when a customer returns a product or cancels a service.', table: { category: propsCategory.TOUR_STEPS }, }, tourStepsPlacement: { name: 'steps[0].placement', - defaultValue: 'bottom', control: { type: 'select', options: [ @@ -120,7 +116,6 @@ export default { tourStepsName: { name: 'steps[0].name', type: 'string', - defaultValue: 'step-1', control: { disable: true, }, @@ -183,6 +178,12 @@ export default { table: { category: propsCategory.TOUR }, }, }, + args: { + tourStepsTitle: 'Overview of Refunds', + tourStepsContent: ('You can issue refunds for various reasons, like when a customer returns a product or cancels a service.' as unknown) as SpotlightPopoverTourSteps[number]['content'], + tourStepsPlacement: 'bottom', + tourStepsName: 'step-1', + }, parameters: { options: { storySort: { diff --git a/packages/blade/src/components/Tabs/Tabs.stories.tsx b/packages/blade/src/components/Tabs/Tabs.stories.tsx index 32309d074b3..a2cca49c87a 100644 --- a/packages/blade/src/components/Tabs/Tabs.stories.tsx +++ b/packages/blade/src/components/Tabs/Tabs.stories.tsx @@ -105,6 +105,7 @@ type StoryControlProps = TabsProps & { tabItemChildren: TabItemProps['children']; tabItemHref: TabItemProps['href']; }; + const tabItemTrailing = { Counter: , Badge: NEW, @@ -140,7 +141,6 @@ export default { type: 'boolean', }, table: { category: propsCategory.TABS }, - defaultValue: false, }, orientation: { control: { @@ -148,22 +148,18 @@ export default { options: ['horizontal', 'vertical'], }, table: { category: propsCategory.TABS }, - defaultValue: 'horizontal', }, size: { table: { category: propsCategory.TABS }, - defaultValue: 'medium', }, variant: { table: { category: propsCategory.TABS }, - defaultValue: 'bordered', }, tabItemChildren: { control: { type: 'text', }, table: { category: propsCategory.TAB_ITEM }, - defaultValue: 'Plans', description: 'The label of the tab item.', }, tabItemIsDisabled: { @@ -171,7 +167,6 @@ export default { type: 'boolean', }, table: { category: propsCategory.TAB_ITEM }, - defaultValue: false, description: 'If `true`, the tab item will be disabled.', }, tabItemLeading: { @@ -181,7 +176,6 @@ export default { }, mapping: iconMap, options: Object.keys(iconMap), - defaultValue: 'ClipboardIcon', description: 'Leading element of the tab item. Can be used to render an icon.', }, tabItemTrailing: { @@ -191,7 +185,6 @@ export default { }, mapping: tabItemTrailing, options: Object.keys(tabItemTrailing), - defaultValue: 'Badge', description: 'Trailing element of the tab item. Can be used to render an badge/counter.', }, tabItemHref: { @@ -199,15 +192,25 @@ export default { control: { type: 'text', }, - defaultValue: '', }, isLazy: { table: { category: propsCategory.TABS }, - defaultValue: false, }, }, + args: { + isFullWidthTabItem: false, + orientation: 'horizontal', + size: 'medium', + variant: 'bordered', + tabItemChildren: 'Tab Item', + tabItemIsDisabled: false, + tabItemLeading: ('ClipboardIcon' as unknown) as IconComponent, + tabItemTrailing: 'Badge', + tabItemHref: '', + isLazy: false, + }, // eslint-disable-next-line babel/new-cap - decorators: [StoryRouter(undefined, { initialEntries: ['/accounts/subscriptions'] })], + decorators: [StoryRouter(undefined, { initialEntries: ['/accounts/subscriptions'] })] as unknown, parameters: { docs: { page: Page,