diff --git a/packages/components/CONTRIBUTING.md b/packages/components/CONTRIBUTING.md index bf7569a19ddba..aa3dee7ecff55 100644 --- a/packages/components/CONTRIBUTING.md +++ b/packages/components/CONTRIBUTING.md @@ -622,7 +622,7 @@ Given a component folder (e.g. `packages/components/src/unit-control`): const meta: ComponentMeta< typeof MyComponent > = { parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; ``` diff --git a/packages/components/src/alignment-matrix-control/stories/index.story.tsx b/packages/components/src/alignment-matrix-control/stories/index.story.tsx index 45817cd61b53e..1ed93cb647d73 100644 --- a/packages/components/src/alignment-matrix-control/stories/index.story.tsx +++ b/packages/components/src/alignment-matrix-control/stories/index.story.tsx @@ -25,7 +25,7 @@ const meta: ComponentMeta< typeof AlignmentMatrixControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/angle-picker-control/stories/index.story.tsx b/packages/components/src/angle-picker-control/stories/index.story.tsx index bfa2952b697b0..1550e158b6c8a 100644 --- a/packages/components/src/angle-picker-control/stories/index.story.tsx +++ b/packages/components/src/angle-picker-control/stories/index.story.tsx @@ -25,7 +25,7 @@ const meta: ComponentMeta< typeof AnglePickerControl > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/animate/stories/index.story.tsx b/packages/components/src/animate/stories/index.story.tsx index 8874f7a3b1afd..267f34ed7b15f 100644 --- a/packages/components/src/animate/stories/index.story.tsx +++ b/packages/components/src/animate/stories/index.story.tsx @@ -14,7 +14,7 @@ const meta: ComponentMeta< typeof Animate > = { component: Animate, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/base-control/stories/index.story.tsx b/packages/components/src/base-control/stories/index.story.tsx index b1b64caec0c3b..f3ad5bf8d6722 100644 --- a/packages/components/src/base-control/stories/index.story.tsx +++ b/packages/components/src/base-control/stories/index.story.tsx @@ -19,7 +19,7 @@ const meta: ComponentMeta< typeof BaseControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/border-box-control/stories/index.story.tsx b/packages/components/src/border-box-control/stories/index.story.tsx index 01d8f39c615c2..b76a86e455700 100644 --- a/packages/components/src/border-box-control/stories/index.story.tsx +++ b/packages/components/src/border-box-control/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof BorderBoxControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/border-control/stories/index.story.tsx b/packages/components/src/border-control/stories/index.story.tsx index ce50d017ac51e..6dbee9f98299c 100644 --- a/packages/components/src/border-control/stories/index.story.tsx +++ b/packages/components/src/border-control/stories/index.story.tsx @@ -29,7 +29,7 @@ const meta: ComponentMeta< typeof BorderControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/button-group/stories/index.story.tsx b/packages/components/src/button-group/stories/index.story.tsx index 33d7cbfacd35d..3ad0a34582545 100644 --- a/packages/components/src/button-group/stories/index.story.tsx +++ b/packages/components/src/button-group/stories/index.story.tsx @@ -17,7 +17,7 @@ const meta: ComponentMeta< typeof ButtonGroup > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/button/stories/index.story.tsx b/packages/components/src/button/stories/index.story.tsx index fbb0d007a378f..5752d97ba8a17 100644 --- a/packages/components/src/button/stories/index.story.tsx +++ b/packages/components/src/button/stories/index.story.tsx @@ -39,7 +39,7 @@ const meta: Meta< typeof Button > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/card/stories/index.story.tsx b/packages/components/src/card/stories/index.story.tsx index bb85c9b8b57ec..43f00143eccbe 100644 --- a/packages/components/src/card/stories/index.story.tsx +++ b/packages/components/src/card/stories/index.story.tsx @@ -33,7 +33,7 @@ const meta: ComponentMeta< typeof Card > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/checkbox-control/stories/index.story.tsx b/packages/components/src/checkbox-control/stories/index.story.tsx index 9054e50dc2ffc..2afcb967c67b4 100644 --- a/packages/components/src/checkbox-control/stories/index.story.tsx +++ b/packages/components/src/checkbox-control/stories/index.story.tsx @@ -31,7 +31,7 @@ const meta: ComponentMeta< typeof CheckboxControl > = { expanded: true, exclude: [ 'heading' ], }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/circular-option-picker/stories/index.story.tsx b/packages/components/src/circular-option-picker/stories/index.story.tsx index 4632ede2187c4..69f13f17cb560 100644 --- a/packages/components/src/circular-option-picker/stories/index.story.tsx +++ b/packages/components/src/circular-option-picker/stories/index.story.tsx @@ -27,7 +27,10 @@ const meta: ComponentMeta< typeof CircularOptionPicker > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open', excludeDecorators: true } }, + docs: { + canvas: { sourceState: 'shown' }, + source: { excludeDecorators: true }, + }, }, decorators: [ // Share current color state between main component, `actions` and `options` diff --git a/packages/components/src/color-indicator/stories/index.story.tsx b/packages/components/src/color-indicator/stories/index.story.tsx index 40019fbf0ba1a..f6af185f71206 100644 --- a/packages/components/src/color-indicator/stories/index.story.tsx +++ b/packages/components/src/color-indicator/stories/index.story.tsx @@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof ColorIndicator > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/color-palette/stories/index.story.tsx b/packages/components/src/color-palette/stories/index.story.tsx index 2399b7e9220c0..4f57ffabdea68 100644 --- a/packages/components/src/color-palette/stories/index.story.tsx +++ b/packages/components/src/color-palette/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof ColorPalette > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/color-picker/stories/index.story.tsx b/packages/components/src/color-picker/stories/index.story.tsx index a45f36e7a9f13..0cc0181b8f5de 100644 --- a/packages/components/src/color-picker/stories/index.story.tsx +++ b/packages/components/src/color-picker/stories/index.story.tsx @@ -25,7 +25,7 @@ const meta: ComponentMeta< typeof ColorPicker > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/combobox-control/stories/index.story.tsx b/packages/components/src/combobox-control/stories/index.story.tsx index fe6fe2a9ef9ef..5b88624209531 100644 --- a/packages/components/src/combobox-control/stories/index.story.tsx +++ b/packages/components/src/combobox-control/stories/index.story.tsx @@ -31,7 +31,7 @@ const meta: ComponentMeta< typeof ComboboxControl > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/confirm-dialog/stories/index.story.js b/packages/components/src/confirm-dialog/stories/index.story.js index a4250d28da1f2..f308206ad1df8 100644 --- a/packages/components/src/confirm-dialog/stories/index.story.js +++ b/packages/components/src/confirm-dialog/stories/index.story.js @@ -32,7 +32,7 @@ const meta = { children: 'Would you like to privately publish the post now?', }, parameters: { - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/custom-gradient-picker/stories/index.story.tsx b/packages/components/src/custom-gradient-picker/stories/index.story.tsx index 3648db3abe571..f902d34c0bd92 100644 --- a/packages/components/src/custom-gradient-picker/stories/index.story.tsx +++ b/packages/components/src/custom-gradient-picker/stories/index.story.tsx @@ -18,7 +18,7 @@ const meta: ComponentMeta< typeof CustomGradientPicker > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/date-time/stories/date-time.story.tsx b/packages/components/src/date-time/stories/date-time.story.tsx index 447b9cf265ab8..600a419e9d6a1 100644 --- a/packages/components/src/date-time/stories/date-time.story.tsx +++ b/packages/components/src/date-time/stories/date-time.story.tsx @@ -23,7 +23,7 @@ const meta: ComponentMeta< typeof DateTimePicker > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/date-time/stories/date.story.tsx b/packages/components/src/date-time/stories/date.story.tsx index 58d3295b425a1..8bde0bda4859c 100644 --- a/packages/components/src/date-time/stories/date.story.tsx +++ b/packages/components/src/date-time/stories/date.story.tsx @@ -23,7 +23,7 @@ const meta: ComponentMeta< typeof DatePicker > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/date-time/stories/time.story.tsx b/packages/components/src/date-time/stories/time.story.tsx index 9fc72086075f7..4ad40626b73af 100644 --- a/packages/components/src/date-time/stories/time.story.tsx +++ b/packages/components/src/date-time/stories/time.story.tsx @@ -22,7 +22,7 @@ const meta: ComponentMeta< typeof TimePicker > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/dimension-control/stories/index.story.tsx b/packages/components/src/dimension-control/stories/index.story.tsx index e34200754c9c4..0abb5b815429d 100644 --- a/packages/components/src/dimension-control/stories/index.story.tsx +++ b/packages/components/src/dimension-control/stories/index.story.tsx @@ -31,7 +31,7 @@ export default { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }, } as ComponentMeta< typeof DimensionControl >; diff --git a/packages/components/src/disabled/stories/index.story.tsx b/packages/components/src/disabled/stories/index.story.tsx index 81f2bf4c07923..40260fe106643 100644 --- a/packages/components/src/disabled/stories/index.story.tsx +++ b/packages/components/src/disabled/stories/index.story.tsx @@ -28,7 +28,7 @@ const meta: ComponentMeta< typeof Disabled > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/divider/stories/index.story.tsx b/packages/components/src/divider/stories/index.story.tsx index 312e5b8d7f6be..b1776e1f67fc2 100644 --- a/packages/components/src/divider/stories/index.story.tsx +++ b/packages/components/src/divider/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof Divider > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/drop-zone/stories/index.story.tsx b/packages/components/src/drop-zone/stories/index.story.tsx index de94c98e4be03..6470b77e41c9f 100644 --- a/packages/components/src/drop-zone/stories/index.story.tsx +++ b/packages/components/src/drop-zone/stories/index.story.tsx @@ -13,7 +13,7 @@ const meta: ComponentMeta< typeof DropZone > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/dropdown-menu-v2/stories/index.story.tsx b/packages/components/src/dropdown-menu-v2/stories/index.story.tsx index 7260231c1d2d9..4182285d60054 100644 --- a/packages/components/src/dropdown-menu-v2/stories/index.story.tsx +++ b/packages/components/src/dropdown-menu-v2/stories/index.story.tsx @@ -46,7 +46,10 @@ const meta: Meta< typeof DropdownMenu > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open', excludeDecorators: true } }, + docs: { + canvas: { sourceState: 'shown' }, + source: { excludeDecorators: true }, + }, }, decorators: [ // Layout wrapper diff --git a/packages/components/src/dropdown-menu/stories/index.story.tsx b/packages/components/src/dropdown-menu/stories/index.story.tsx index 0cc4777f5a060..5b9bb9bcfa0c8 100644 --- a/packages/components/src/dropdown-menu/stories/index.story.tsx +++ b/packages/components/src/dropdown-menu/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof DropdownMenu > = { component: DropdownMenu, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, argTypes: { icon: { diff --git a/packages/components/src/duotone-picker/stories/duotone-picker.story.tsx b/packages/components/src/duotone-picker/stories/duotone-picker.story.tsx index a8a1111720d36..862edae9ee946 100644 --- a/packages/components/src/duotone-picker/stories/duotone-picker.story.tsx +++ b/packages/components/src/duotone-picker/stories/duotone-picker.story.tsx @@ -23,7 +23,7 @@ const meta: ComponentMeta< typeof DuotonePicker > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/duotone-picker/stories/duotone-swatch.story.tsx b/packages/components/src/duotone-picker/stories/duotone-swatch.story.tsx index 1485bca10e1d8..7f37b60360376 100644 --- a/packages/components/src/duotone-picker/stories/duotone-swatch.story.tsx +++ b/packages/components/src/duotone-picker/stories/duotone-swatch.story.tsx @@ -13,7 +13,7 @@ const meta: ComponentMeta< typeof DuotoneSwatch > = { component: DuotoneSwatch, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/elevation/stories/index.story.tsx b/packages/components/src/elevation/stories/index.story.tsx index af4be87daa0cd..f5b79a90dfa8c 100644 --- a/packages/components/src/elevation/stories/index.story.tsx +++ b/packages/components/src/elevation/stories/index.story.tsx @@ -19,7 +19,7 @@ const meta: ComponentMeta< typeof Elevation > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/external-link/stories/index.story.tsx b/packages/components/src/external-link/stories/index.story.tsx index f782d962f3740..2c4aa7943b046 100644 --- a/packages/components/src/external-link/stories/index.story.tsx +++ b/packages/components/src/external-link/stories/index.story.tsx @@ -18,7 +18,7 @@ const meta: ComponentMeta< typeof ExternalLink > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/flex/stories/index.story.tsx b/packages/components/src/flex/stories/index.story.tsx index 21a282965280d..f0f83be3b9fb8 100644 --- a/packages/components/src/flex/stories/index.story.tsx +++ b/packages/components/src/flex/stories/index.story.tsx @@ -29,7 +29,7 @@ const meta: ComponentMeta< typeof Flex > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/focal-point-picker/stories/index.story.tsx b/packages/components/src/focal-point-picker/stories/index.story.tsx index 709b864baf021..3e4f67870449d 100644 --- a/packages/components/src/focal-point-picker/stories/index.story.tsx +++ b/packages/components/src/focal-point-picker/stories/index.story.tsx @@ -22,7 +22,7 @@ const meta: ComponentMeta< typeof FocalPointPicker > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/font-size-picker/stories/index.story.tsx b/packages/components/src/font-size-picker/stories/index.story.tsx index db7101ab0c446..25c8eda5d7bd1 100644 --- a/packages/components/src/font-size-picker/stories/index.story.tsx +++ b/packages/components/src/font-size-picker/stories/index.story.tsx @@ -22,7 +22,7 @@ const meta: ComponentMeta< typeof FontSizePicker > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/form-file-upload/stories/index.story.tsx b/packages/components/src/form-file-upload/stories/index.story.tsx index dfdaf0fb14d88..c45bc2bddca5d 100644 --- a/packages/components/src/form-file-upload/stories/index.story.tsx +++ b/packages/components/src/form-file-upload/stories/index.story.tsx @@ -23,7 +23,7 @@ const meta: ComponentMeta< typeof FormFileUpload > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/form-toggle/stories/index.story.tsx b/packages/components/src/form-toggle/stories/index.story.tsx index eba2bf4c8580c..9f120593313fa 100644 --- a/packages/components/src/form-toggle/stories/index.story.tsx +++ b/packages/components/src/form-toggle/stories/index.story.tsx @@ -25,7 +25,7 @@ const meta: ComponentMeta< typeof FormToggle > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/form-token-field/stories/index.story.tsx b/packages/components/src/form-token-field/stories/index.story.tsx index f120c0dc52211..1c2fc3b65f2db 100644 --- a/packages/components/src/form-token-field/stories/index.story.tsx +++ b/packages/components/src/form-token-field/stories/index.story.tsx @@ -28,7 +28,7 @@ const meta: ComponentMeta< typeof FormTokenField > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/gradient-picker/stories/index.story.tsx b/packages/components/src/gradient-picker/stories/index.story.tsx index 0f34d65d5eb62..5510ccfc9883f 100644 --- a/packages/components/src/gradient-picker/stories/index.story.tsx +++ b/packages/components/src/gradient-picker/stories/index.story.tsx @@ -17,7 +17,7 @@ const meta: ComponentMeta< typeof GradientPicker > = { component: GradientPicker, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, actions: { argTypesRegex: '^on.*' }, }, argTypes: { diff --git a/packages/components/src/grid/stories/index.story.tsx b/packages/components/src/grid/stories/index.story.tsx index 44451c54fd6c9..89272a9134cac 100644 --- a/packages/components/src/grid/stories/index.story.tsx +++ b/packages/components/src/grid/stories/index.story.tsx @@ -34,7 +34,7 @@ const meta: ComponentMeta< typeof Grid > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/h-stack/stories/index.story.tsx b/packages/components/src/h-stack/stories/index.story.tsx index 479ac04c8acce..d60cf3d4430bc 100644 --- a/packages/components/src/h-stack/stories/index.story.tsx +++ b/packages/components/src/h-stack/stories/index.story.tsx @@ -71,7 +71,7 @@ const meta: ComponentMeta< typeof HStack > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/heading/stories/index.story.tsx b/packages/components/src/heading/stories/index.story.tsx index 8382504d05b60..380e93c1dcab0 100644 --- a/packages/components/src/heading/stories/index.story.tsx +++ b/packages/components/src/heading/stories/index.story.tsx @@ -28,7 +28,7 @@ const meta: ComponentMeta< typeof Heading > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/icon/stories/index.story.tsx b/packages/components/src/icon/stories/index.story.tsx index 78c2a8dc5e371..1f1002991497c 100644 --- a/packages/components/src/icon/stories/index.story.tsx +++ b/packages/components/src/icon/stories/index.story.tsx @@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof Icon > = { component: Icon, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/input-control/stories/index.story.tsx b/packages/components/src/input-control/stories/index.story.tsx index c664cc2c4098a..72878013add7e 100644 --- a/packages/components/src/input-control/stories/index.story.tsx +++ b/packages/components/src/input-control/stories/index.story.tsx @@ -24,7 +24,7 @@ const meta: ComponentMeta< typeof InputControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/item-group/stories/index.story.tsx b/packages/components/src/item-group/stories/index.story.tsx index 1b8c9ddaecd4e..d720791fade2a 100644 --- a/packages/components/src/item-group/stories/index.story.tsx +++ b/packages/components/src/item-group/stories/index.story.tsx @@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof ItemGroup > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/keyboard-shortcuts/stories/index.story.tsx b/packages/components/src/keyboard-shortcuts/stories/index.story.tsx index 9a66bacce9108..fe801e7c8607a 100644 --- a/packages/components/src/keyboard-shortcuts/stories/index.story.tsx +++ b/packages/components/src/keyboard-shortcuts/stories/index.story.tsx @@ -13,7 +13,7 @@ const meta: ComponentMeta< typeof KeyboardShortcuts > = { title: 'Components/KeyboardShortcuts', parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/menu-group/stories/index.story.tsx b/packages/components/src/menu-group/stories/index.story.tsx index 1370642258743..f00cec2cc386f 100644 --- a/packages/components/src/menu-group/stories/index.story.tsx +++ b/packages/components/src/menu-group/stories/index.story.tsx @@ -23,7 +23,7 @@ const meta: ComponentMeta< typeof MenuGroup > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/menu-items-choice/stories/index.story.tsx b/packages/components/src/menu-items-choice/stories/index.story.tsx index 1b374b4a92b8d..9e1f3d1cf3d48 100644 --- a/packages/components/src/menu-items-choice/stories/index.story.tsx +++ b/packages/components/src/menu-items-choice/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof MenuItemsChoice > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/navigable-container/stories/navigable-menu.story.tsx b/packages/components/src/navigable-container/stories/navigable-menu.story.tsx index 5f8ee2e4e5d85..1c4fa6b184c52 100644 --- a/packages/components/src/navigable-container/stories/navigable-menu.story.tsx +++ b/packages/components/src/navigable-container/stories/navigable-menu.story.tsx @@ -19,7 +19,7 @@ const meta: ComponentMeta< typeof NavigableMenu > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/navigable-container/stories/tabbable-container.story.tsx b/packages/components/src/navigable-container/stories/tabbable-container.story.tsx index b517019e29571..95b97340bdf8d 100644 --- a/packages/components/src/navigable-container/stories/tabbable-container.story.tsx +++ b/packages/components/src/navigable-container/stories/tabbable-container.story.tsx @@ -19,7 +19,7 @@ const meta: ComponentMeta< typeof TabbableContainer > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/navigation/stories/index.story.tsx b/packages/components/src/navigation/stories/index.story.tsx index c007038d129e6..d335ec1ef6b8a 100644 --- a/packages/components/src/navigation/stories/index.story.tsx +++ b/packages/components/src/navigation/stories/index.story.tsx @@ -29,7 +29,7 @@ const meta: ComponentMeta< typeof Navigation > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/navigator/stories/index.story.tsx b/packages/components/src/navigator/stories/index.story.tsx index 75d8571f1e545..1cd6d8be9eabb 100644 --- a/packages/components/src/navigator/stories/index.story.tsx +++ b/packages/components/src/navigator/stories/index.story.tsx @@ -29,7 +29,7 @@ const meta: ComponentMeta< typeof NavigatorProvider > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/notice/stories/index.story.tsx b/packages/components/src/notice/stories/index.story.tsx index 097a6f2dffd69..957d3cca3ef93 100644 --- a/packages/components/src/notice/stories/index.story.tsx +++ b/packages/components/src/notice/stories/index.story.tsx @@ -22,7 +22,7 @@ const meta: ComponentMeta< typeof Notice > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/number-control/stories/index.story.tsx b/packages/components/src/number-control/stories/index.story.tsx index 8dce45db26d5d..fedbbb41e0dd4 100644 --- a/packages/components/src/number-control/stories/index.story.tsx +++ b/packages/components/src/number-control/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof NumberControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/palette-edit/stories/index.story.tsx b/packages/components/src/palette-edit/stories/index.story.tsx index 39eb18bf49167..45500cf41e072 100644 --- a/packages/components/src/palette-edit/stories/index.story.tsx +++ b/packages/components/src/palette-edit/stories/index.story.tsx @@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof PaletteEdit > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/panel/stories/index.story.tsx b/packages/components/src/panel/stories/index.story.tsx index 520cf1ea5a447..af3bdbee46b88 100644 --- a/packages/components/src/panel/stories/index.story.tsx +++ b/packages/components/src/panel/stories/index.story.tsx @@ -24,7 +24,7 @@ const meta: ComponentMeta< typeof Panel > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/placeholder/stories/index.story.tsx b/packages/components/src/placeholder/stories/index.story.tsx index 3796c8efd1e60..7c414e4a1cca3 100644 --- a/packages/components/src/placeholder/stories/index.story.tsx +++ b/packages/components/src/placeholder/stories/index.story.tsx @@ -32,7 +32,7 @@ const meta: ComponentMeta< typeof Placeholder > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/progress-bar/stories/index.story.tsx b/packages/components/src/progress-bar/stories/index.story.tsx index 1499d68a10bbb..a9cce7c2fe272 100644 --- a/packages/components/src/progress-bar/stories/index.story.tsx +++ b/packages/components/src/progress-bar/stories/index.story.tsx @@ -18,7 +18,7 @@ const meta: ComponentMeta< typeof ProgressBar > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/query-controls/stories/index.story.tsx b/packages/components/src/query-controls/stories/index.story.tsx index 086ff884f8fe7..293da6c500b45 100644 --- a/packages/components/src/query-controls/stories/index.story.tsx +++ b/packages/components/src/query-controls/stories/index.story.tsx @@ -32,7 +32,7 @@ const meta: ComponentMeta< typeof QueryControls > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/radio-control/stories/index.story.tsx b/packages/components/src/radio-control/stories/index.story.tsx index bf4bbcca24ea3..c6729804bb595 100644 --- a/packages/components/src/radio-control/stories/index.story.tsx +++ b/packages/components/src/radio-control/stories/index.story.tsx @@ -34,7 +34,7 @@ const meta: ComponentMeta< typeof RadioControl > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/range-control/stories/index.story.tsx b/packages/components/src/range-control/stories/index.story.tsx index 587231c03f3d2..3c07d85b8088a 100644 --- a/packages/components/src/range-control/stories/index.story.tsx +++ b/packages/components/src/range-control/stories/index.story.tsx @@ -48,7 +48,7 @@ const meta: ComponentMeta< typeof RangeControl > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/resizable-box/stories/index.story.tsx b/packages/components/src/resizable-box/stories/index.story.tsx index 77b98ce67bbde..2e05877853b51 100644 --- a/packages/components/src/resizable-box/stories/index.story.tsx +++ b/packages/components/src/resizable-box/stories/index.story.tsx @@ -23,7 +23,7 @@ const meta: ComponentMeta< typeof ResizableBox > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/responsive-wrapper/stories/index.story.tsx b/packages/components/src/responsive-wrapper/stories/index.story.tsx index acca93afe56bc..409a266e81da2 100644 --- a/packages/components/src/responsive-wrapper/stories/index.story.tsx +++ b/packages/components/src/responsive-wrapper/stories/index.story.tsx @@ -16,7 +16,7 @@ const meta: ComponentMeta< typeof ResponsiveWrapper > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/sandbox/stories/index.story.tsx b/packages/components/src/sandbox/stories/index.story.tsx index c5fea158cbd21..1d1ea23347cd8 100644 --- a/packages/components/src/sandbox/stories/index.story.tsx +++ b/packages/components/src/sandbox/stories/index.story.tsx @@ -17,7 +17,7 @@ const meta: ComponentMeta< typeof SandBox > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/scroll-lock/stories/index.story.tsx b/packages/components/src/scroll-lock/stories/index.story.tsx index 61f6fc166094b..113a7d0c7f7bc 100644 --- a/packages/components/src/scroll-lock/stories/index.story.tsx +++ b/packages/components/src/scroll-lock/stories/index.story.tsx @@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof ScrollLock > = { title: 'Components/ScrollLock', parameters: { controls: { hideNoControlsWarning: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/scrollable/stories/index.story.tsx b/packages/components/src/scrollable/stories/index.story.tsx index d460dbd8e9c8c..0048beb400501 100644 --- a/packages/components/src/scrollable/stories/index.story.tsx +++ b/packages/components/src/scrollable/stories/index.story.tsx @@ -29,7 +29,7 @@ const meta: ComponentMeta< typeof Scrollable > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/search-control/stories/index.story.tsx b/packages/components/src/search-control/stories/index.story.tsx index fc04b670e86ea..b6235b4bad63e 100644 --- a/packages/components/src/search-control/stories/index.story.tsx +++ b/packages/components/src/search-control/stories/index.story.tsx @@ -21,7 +21,7 @@ const meta: ComponentMeta< typeof SearchControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/select-control/stories/index.story.tsx b/packages/components/src/select-control/stories/index.story.tsx index 417ab17d15ddc..eea1561cf2c2b 100644 --- a/packages/components/src/select-control/stories/index.story.tsx +++ b/packages/components/src/select-control/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: Meta< typeof SelectControl > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/slot-fill/stories/index.story.js b/packages/components/src/slot-fill/stories/index.story.js index 3e23493020ec7..09de9dd67573c 100644 --- a/packages/components/src/slot-fill/stories/index.story.js +++ b/packages/components/src/slot-fill/stories/index.story.js @@ -13,7 +13,7 @@ export default { component: Slot, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/snackbar/stories/index.story.tsx b/packages/components/src/snackbar/stories/index.story.tsx index 0d226f321e72a..1ac577e222035 100644 --- a/packages/components/src/snackbar/stories/index.story.tsx +++ b/packages/components/src/snackbar/stories/index.story.tsx @@ -29,7 +29,7 @@ const meta: ComponentMeta< typeof Snackbar > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/snackbar/stories/list.story.tsx b/packages/components/src/snackbar/stories/list.story.tsx index a12b2c171ae7a..f30e01aa48ec3 100644 --- a/packages/components/src/snackbar/stories/list.story.tsx +++ b/packages/components/src/snackbar/stories/list.story.tsx @@ -27,7 +27,7 @@ const meta: ComponentMeta< typeof SnackbarList > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/spacer/stories/index.story.tsx b/packages/components/src/spacer/stories/index.story.tsx index 46520e2069bce..c73f2e1ee5e02 100644 --- a/packages/components/src/spacer/stories/index.story.tsx +++ b/packages/components/src/spacer/stories/index.story.tsx @@ -43,7 +43,7 @@ const meta: ComponentMeta< typeof Spacer > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/spinner/stories/index.story.tsx b/packages/components/src/spinner/stories/index.story.tsx index 7afaa35d3871f..63b38548bc582 100644 --- a/packages/components/src/spinner/stories/index.story.tsx +++ b/packages/components/src/spinner/stories/index.story.tsx @@ -16,7 +16,7 @@ const meta: ComponentMeta< typeof Spinner > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/surface/stories/index.story.tsx b/packages/components/src/surface/stories/index.story.tsx index aa26cf29882f8..7689f66eabdc5 100644 --- a/packages/components/src/surface/stories/index.story.tsx +++ b/packages/components/src/surface/stories/index.story.tsx @@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof Surface > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/tab-panel/stories/index.story.tsx b/packages/components/src/tab-panel/stories/index.story.tsx index b6a247d99ebdf..e5f68932cd497 100644 --- a/packages/components/src/tab-panel/stories/index.story.tsx +++ b/packages/components/src/tab-panel/stories/index.story.tsx @@ -21,7 +21,7 @@ const meta: ComponentMeta< typeof TabPanel > = { parameters: { actions: { argTypesRegex: '^on.*' }, controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/text-control/stories/index.story.tsx b/packages/components/src/text-control/stories/index.story.tsx index d2b08835d631e..b5be8f88dc64f 100644 --- a/packages/components/src/text-control/stories/index.story.tsx +++ b/packages/components/src/text-control/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof TextControl > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/text-highlight/stories/index.story.tsx b/packages/components/src/text-highlight/stories/index.story.tsx index e844d402f5d6e..bf86311414b1a 100644 --- a/packages/components/src/text-highlight/stories/index.story.tsx +++ b/packages/components/src/text-highlight/stories/index.story.tsx @@ -15,7 +15,7 @@ const meta: ComponentMeta< typeof TextHighlight > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/textarea-control/stories/index.story.tsx b/packages/components/src/textarea-control/stories/index.story.tsx index 4d6a5f9ceaacb..f227a0c0c31cb 100644 --- a/packages/components/src/textarea-control/stories/index.story.tsx +++ b/packages/components/src/textarea-control/stories/index.story.tsx @@ -26,7 +26,7 @@ const meta: ComponentMeta< typeof TextareaControl > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/theme/stories/index.story.tsx b/packages/components/src/theme/stories/index.story.tsx index c9a3f495e4835..235c9fe2c8d54 100644 --- a/packages/components/src/theme/stories/index.story.tsx +++ b/packages/components/src/theme/stories/index.story.tsx @@ -20,7 +20,7 @@ const meta: ComponentMeta< typeof Theme > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; @@ -110,5 +110,5 @@ ColorScheme.argTypes = { children: { table: { disable: true } }, }; ColorScheme.parameters = { - docs: { source: { state: 'closed' } }, + docs: { canvas: { sourceState: 'hidden' } }, }; diff --git a/packages/components/src/tip/stories/index.story.tsx b/packages/components/src/tip/stories/index.story.tsx index 4a251a34b2046..dcdee273147a0 100644 --- a/packages/components/src/tip/stories/index.story.tsx +++ b/packages/components/src/tip/stories/index.story.tsx @@ -18,7 +18,7 @@ const meta: ComponentMeta< typeof Tip > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/toggle-control/stories/index.story.tsx b/packages/components/src/toggle-control/stories/index.story.tsx index 07cb9303dcba7..1279801ac7164 100644 --- a/packages/components/src/toggle-control/stories/index.story.tsx +++ b/packages/components/src/toggle-control/stories/index.story.tsx @@ -24,7 +24,7 @@ const meta: ComponentMeta< typeof ToggleControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/toggle-group-control/stories/index.story.tsx b/packages/components/src/toggle-group-control/stories/index.story.tsx index 622bf4f66dd8b..d818859083e97 100644 --- a/packages/components/src/toggle-group-control/stories/index.story.tsx +++ b/packages/components/src/toggle-group-control/stories/index.story.tsx @@ -33,7 +33,7 @@ const meta: ComponentMeta< typeof ToggleGroupControl > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/toolbar/stories/index.story.tsx b/packages/components/src/toolbar/stories/index.story.tsx index b5100b856d58d..e596abadc2318 100644 --- a/packages/components/src/toolbar/stories/index.story.tsx +++ b/packages/components/src/toolbar/stories/index.story.tsx @@ -45,7 +45,7 @@ const meta: ComponentMeta< typeof Toolbar > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/tools-panel/stories/index.story.tsx b/packages/components/src/tools-panel/stories/index.story.tsx index 025185dfd0800..df4a09a79283e 100644 --- a/packages/components/src/tools-panel/stories/index.story.tsx +++ b/packages/components/src/tools-panel/stories/index.story.tsx @@ -39,7 +39,7 @@ const meta: ComponentMeta< typeof ToolsPanel > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/tooltip/stories/index.story.js b/packages/components/src/tooltip/stories/index.story.js index dc573a189bf93..a808dc3d4cb82 100644 --- a/packages/components/src/tooltip/stories/index.story.js +++ b/packages/components/src/tooltip/stories/index.story.js @@ -24,7 +24,7 @@ export default { text: { control: 'text' }, }, parameters: { - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/tree-select/stories/index.story.tsx b/packages/components/src/tree-select/stories/index.story.tsx index 63424973ee216..be16f7d00be6d 100644 --- a/packages/components/src/tree-select/stories/index.story.tsx +++ b/packages/components/src/tree-select/stories/index.story.tsx @@ -27,7 +27,7 @@ const meta: ComponentMeta< typeof TreeSelect > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; diff --git a/packages/components/src/truncate/stories/index.story.tsx b/packages/components/src/truncate/stories/index.story.tsx index b339dac6bf956..701513d953f49 100644 --- a/packages/components/src/truncate/stories/index.story.tsx +++ b/packages/components/src/truncate/stories/index.story.tsx @@ -19,7 +19,7 @@ const meta: ComponentMeta< typeof Truncate > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/unit-control/stories/index.story.tsx b/packages/components/src/unit-control/stories/index.story.tsx index 9721d2de631a4..477b6a2251a57 100644 --- a/packages/components/src/unit-control/stories/index.story.tsx +++ b/packages/components/src/unit-control/stories/index.story.tsx @@ -30,7 +30,7 @@ const meta: ComponentMeta< typeof UnitControl > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/v-stack/stories/index.story.tsx b/packages/components/src/v-stack/stories/index.story.tsx index b0b0ece2d0f9b..87d66d4487ff8 100644 --- a/packages/components/src/v-stack/stories/index.story.tsx +++ b/packages/components/src/v-stack/stories/index.story.tsx @@ -39,7 +39,7 @@ const meta: ComponentMeta< typeof VStack > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/view/stories/index.story.tsx b/packages/components/src/view/stories/index.story.tsx index fb27e29433470..021f1ffcad885 100644 --- a/packages/components/src/view/stories/index.story.tsx +++ b/packages/components/src/view/stories/index.story.tsx @@ -17,7 +17,7 @@ const meta: ComponentMeta< typeof View > = { }, parameters: { controls: { expanded: true }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/visually-hidden/stories/index.story.tsx b/packages/components/src/visually-hidden/stories/index.story.tsx index 7ed337b5bac9f..bc2d4b51e9504 100644 --- a/packages/components/src/visually-hidden/stories/index.story.tsx +++ b/packages/components/src/visually-hidden/stories/index.story.tsx @@ -19,7 +19,7 @@ const meta: ComponentMeta< typeof VisuallyHidden > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta; diff --git a/packages/components/src/z-stack/stories/index.story.tsx b/packages/components/src/z-stack/stories/index.story.tsx index 9b0b080378033..74ebdcb0dd3d1 100644 --- a/packages/components/src/z-stack/stories/index.story.tsx +++ b/packages/components/src/z-stack/stories/index.story.tsx @@ -22,7 +22,7 @@ const meta: ComponentMeta< typeof ZStack > = { controls: { expanded: true, }, - docs: { source: { state: 'open' } }, + docs: { canvas: { sourceState: 'shown' } }, }, }; export default meta;