chore: clean up switch stories (#26057)

## Description
Clean up switch stories

---------

Co-authored-by: Valera Melnikov <melnikov.vv@greendatasoft.ru>

.github/workflows/build-chromatic.yml

@@ -6,9 +6,11 @@ on:
       - release
     paths:
       - 'app/client/packages/design-system/**'
+      - 'app/client/packages/storybook/**'
   pull_request:
     paths:
       - 'app/client/packages/design-system/**'
+      - 'app/client/packages/storybook/**'
 
 jobs:
   chromatic-deployment:

.github/workflows/build-storybook.yml

@@ -6,9 +6,11 @@ on:
       - release
     paths:
       - 'app/client/packages/design-system/**'
+      - 'app/client/packages/storybook/**'
   pull_request:
     paths:
       - 'app/client/packages/design-system/**'
+      - 'app/client/packages/storybook/**'
 
 jobs:
   chromatic-deployment:

app/client/packages/storybook/stories/design-system/widgets/Switch.stories.mdx

@@ -21,9 +21,10 @@ Switch is a component that allows the user to select one or more options from a
   <Story name="Switch">{Template.bind({})}</Story>
 </Canvas>
 
+<ArgsTable story="Switch" of={Switch} />
+
 ### States
 
-<Canvas>
 <Story
   name="State - unchecked"
   args={{
@@ -32,6 +33,7 @@ Switch is a component that allows the user to select one or more options from a
 >
   {Template.bind({})}
 </Story>
+
 <Story
   name="State - Default Checked"
   args={{
@@ -41,6 +43,7 @@ Switch is a component that allows the user to select one or more options from a
 >
   {Template.bind({})}
 </Story>
+
 <Story
   name="State - Disabled"
   args={{
@@ -51,6 +54,7 @@ Switch is a component that allows the user to select one or more options from a
 >
   {Template.bind({})}
 </Story>
+
 <Story
   name="State - Disabled unchecked"
   args={{
@@ -60,11 +64,9 @@ Switch is a component that allows the user to select one or more options from a
 >
   {Template.bind({})}
 </Story>
-</Canvas>
 
 ### Label Position
 
-<Canvas>
 <Story
   parameters={{
     width: 250,
@@ -77,6 +79,7 @@ Switch is a component that allows the user to select one or more options from a
 >
   {Template.bind({})}
 </Story>
+
 <Story
   parameters={{
     width: 250,
@@ -89,4 +92,3 @@ Switch is a component that allows the user to select one or more options from a
 >
   {Template.bind({})}
 </Story>
-</Canvas>

app/client/packages/storybook/stories/design-system/widgets/SwitchGroup.stories.mdx

@@ -31,7 +31,6 @@ Switch Group is a group of checkboxes that can be selected together.
 
 # Orientation
 
-<Canvas>
 <Story
   args={{
     orientation: "vertical",
@@ -40,6 +39,7 @@ Switch Group is a group of checkboxes that can be selected together.
 >
   {Template.bind({})}
 </Story>
+
 <Story
   args={{
     orientation: "horizontal",
@@ -48,11 +48,9 @@ Switch Group is a group of checkboxes that can be selected together.
 >
   {Template.bind({})}
 </Story>
-</Canvas>
 
 # Emphasized
 
-<Canvas>
 <Story
   args={{
     isEmphasized: true,
@@ -61,11 +59,9 @@ Switch Group is a group of checkboxes that can be selected together.
 >
   {Template.bind({})}
 </Story>
-</Canvas>
 
 # Label Position and Alignment
 
-<Canvas>
 <Story
   args={{
     labelPosition: "side",
@@ -76,11 +72,9 @@ Switch Group is a group of checkboxes that can be selected together.
 >
   {Template.bind({})}
 </Story>
-</Canvas>
 
 # Is Disabled
 
-<Canvas>
 <Story
   args={{
     isDisabled: true,
@@ -89,11 +83,9 @@ Switch Group is a group of checkboxes that can be selected together.
 >
   {Template.bind({})}
 </Story>
-</Canvas>
 
 # Is Required
 
-<Canvas>
 <Story
   args={{
     isRequired: true,
@@ -102,11 +94,9 @@ Switch Group is a group of checkboxes that can be selected together.
 >
   {Template.bind({})}
 </Story>
-</Canvas>
 
 # Invalid State
 
-<Canvas>
 <Story
   args={{
     validationState: "invalid",
@@ -116,4 +106,3 @@ Switch Group is a group of checkboxes that can be selected together.
 >
   {Template.bind({})}
 </Story>
-</Canvas>