layout fix

Author: Ruchika Gupta

example/lib/example/storybook/src/components/Feedback/Progress/index.stories.mdx

@@ -205,7 +205,7 @@ GSProgress widget with value
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "progress-value-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 
@@ -234,7 +234,7 @@ You can add track color to progress bar as per our needs.
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "progress-colors-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 
@@ -282,7 +282,7 @@ You can customize the progress bar. Below is the example where we have change th
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "progress-custom-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 

example/lib/example/storybook/src/components/Layout/Box/index.stories.mdx

@@ -21,7 +21,7 @@ This is an illustration of a **Themed GSBox** widget with default configuration.
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "box-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 

example/lib/example/storybook/src/components/Layout/Center/index.stories.mdx

@@ -20,7 +20,7 @@ This is an illustration of a **Themed GSCenter** widget with default configurati
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "center-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 

example/lib/example/storybook/src/components/Layout/HStack/index.stories.mdx

@@ -28,7 +28,7 @@ This is an illustration of a **Themed GSHStack** widget with default configurati
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "hstack-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 
@@ -158,6 +158,6 @@ An GSHStack widget with the reversed parameter reverses the order of horizontall
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "hstack-reversed-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>

example/lib/example/storybook/src/components/MediaAndIcons/Image/index.stories.mdx

@@ -29,7 +29,7 @@ This is an illustration of a **Themed GSImage** widget with default configuratio
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "image-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 

example/lib/example/storybook/src/components/Others/Fab/index.stories.mdx

@@ -28,7 +28,7 @@ This is an illustration of a **Themed GSFab** widget with default configuration.
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "fab-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="500"
 ></iframe>
 

example/lib/example/storybook/src/components/forms/Checkbox/index.stories.mdx

@@ -28,7 +28,7 @@ This is an illustration of a **Themed GSCheckbox** widget with default configura
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "checkbox-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 
@@ -440,7 +440,7 @@ GSCheckbox provide a mutually exclusive selection mechanism, allowing users to c
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "multiple-checkbox-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="350"
 ></iframe>
 
@@ -496,7 +496,7 @@ A horizontal layout incorporating a checkbox allows for intuitive and space-effi
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "multiple-checkbox-horizontal-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="350"
 ></iframe>
 
@@ -552,7 +552,7 @@ A checkbox widget with help text provides informative guidance alongside selecta
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "checkbox-with-helptext-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="350"
 ></iframe>
 
@@ -621,7 +621,7 @@ A checkbox widget integrated with form control enhances the user experience by e
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "form-control-checkbox-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="350"
 ></iframe>
 
@@ -686,7 +686,7 @@ A controlled widget architecture incorporates a checkbox widget, allowing for pr
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "controlled-checkbox-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="350"
 ></iframe>
 
@@ -744,7 +744,7 @@ An uncontrolled widget utilizes a checkbox widget, providing a simpler implement
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "uncontrolled-checkbox-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="350"
 ></iframe>
 
@@ -788,7 +788,7 @@ The checkbox group widget allows users to group checkbox and display them in a h
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "checkbox-group-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="350"
 ></iframe>
 ```

example/lib/example/storybook/src/components/forms/button/index.stories.mdx

@@ -26,7 +26,7 @@ import {
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "button-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 
@@ -399,7 +399,7 @@ A loading button is a type of button widget that provides visual feedback to the
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "loading-button-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="300"
 ></iframe>
 
@@ -439,7 +439,7 @@ A button with an icon integrates a visual symbol within the button widget, enhan
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "icon-button-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="300"
 ></iframe>
 
@@ -464,7 +464,7 @@ A button with a link combines the interactive behavior of a button widget with t
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "button-with-link-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="300"
 ></iframe>
 
@@ -475,7 +475,7 @@ A button group within a card widget incorporates multiple button widgets, provid
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "button-group-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 
@@ -549,7 +549,7 @@ The icon widget incorporates a button widget, combining visual representation wi
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "button-with-icons-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="400"
 ></iframe>
 
@@ -617,7 +617,7 @@ The button with full width widget utilizes a button widget, expanding its width
 <iframe
   src={env.NEXT_PUBLIC_PREVIEW + "button-with-fullwidth-preview"}
   title="Example"
-  width="1000"
+  width="727"
   height="500"
 ></iframe>
 

example/lib/widgets/storybook_widgets/badge_with_avatar_preview.dart

@@ -10,6 +10,7 @@ class BadgeWithAvatarPreview extends StatelessWidget {
     return materialWrapper(
       context,
       Storybook(
+        initialLayout: Layout.compact,
         initialStory: 'Badge',
         stories: [
           Story(

example/lib/widgets/storybook_widgets/checkbox_group_preview.dart

@@ -10,6 +10,7 @@ class CheckboxGroupPreview extends StatelessWidget {
     return materialWrapper(
       context,
       Storybook(
+        initialLayout: Layout.compact,
         initialStory: 'Checkbox',
         stories: [
           Story(

example/lib/widgets/storybook_widgets/checkbox_with_help_text_preview.dart

@@ -11,6 +11,7 @@ class CheckboxWithHelpTextPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Checkbox',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Checkbox',

example/lib/widgets/storybook_widgets/controlled_checkbox_preview.dart

@@ -11,6 +11,7 @@ class ControlledCheckboxPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Checkbox',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Checkbox',

example/lib/widgets/storybook_widgets/divider_variants_preview.dart

@@ -11,6 +11,7 @@ class DividerVariantsPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Divider',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Divider',

example/lib/widgets/storybook_widgets/formcontrol_checkbox_preview.dart

@@ -11,6 +11,7 @@ class FormControlCheckboxPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Checkbox',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Checkbox',

example/lib/widgets/storybook_widgets/hstack_reversed_preview.dart

@@ -11,6 +11,7 @@ class HStackReversedPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'HStack',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'HStack',

example/lib/widgets/storybook_widgets/input_with_formcontrol_preview.dart

@@ -11,6 +11,7 @@ class InputWithFormcontrolPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Input',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Input',

example/lib/widgets/storybook_widgets/input_with_icon_preview.dart

@@ -11,6 +11,7 @@ class InputWithIconPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Input',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Input',

example/lib/widgets/storybook_widgets/link_button_preview.dart

@@ -11,6 +11,7 @@ class LinkButtonPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Button',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Button',

example/lib/widgets/storybook_widgets/link_with_icon_preview.dart

@@ -11,6 +11,7 @@ class LinkWithIconPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Link',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Link',

example/lib/widgets/storybook_widgets/link_with_text_preview.dart

@@ -11,6 +11,7 @@ class LinkWithTextPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Link',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Link',

example/lib/widgets/storybook_widgets/loading_button_preview.dart

@@ -11,6 +11,7 @@ class LoadingButtonPreview extends StatelessWidget {
         context,
         Storybook(
           initialStory: 'Button',
+          initialLayout: Layout.compact,
           stories: [
             Story(
               name: 'Button',

example/lib/widgets/storybook_widgets/multiple_checkbox_horizontal_preview.dart

@@ -11,6 +11,7 @@ class MultipleCheckboxHorizontalPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Checkbox',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Checkbox',

example/lib/widgets/storybook_widgets/multiple_checkbox_preview.dart

@@ -11,6 +11,7 @@ class MultipleCheckboxPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Checkbox',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Checkbox',

example/lib/widgets/storybook_widgets/multiple_radio_button_horizontal_preview.dart

@@ -21,6 +21,7 @@ class _MultipleRadioButtonHorizontalPreviewState
       context,
       Storybook(
         initialStory: 'RadioButton',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'RadioButton',

example/lib/widgets/storybook_widgets/multiple_radio_button_preview.dart

@@ -21,6 +21,7 @@ class _MultipleRadioButtonPreviewState
       context,
       Storybook(
         initialStory: 'RadioButton',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'RadioButton',

example/lib/widgets/storybook_widgets/pressable_with_states_preview.dart

@@ -11,6 +11,7 @@ class PressableWithStatesPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Pressable',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Pressable',

example/lib/widgets/storybook_widgets/progress_colors_preview.dart

@@ -11,6 +11,7 @@ class ProgressColorsPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Progress',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Progress',

example/lib/widgets/storybook_widgets/progress_custom_preview.dart

@@ -11,6 +11,7 @@ class ProgressCustomPreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Progress',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Progress',

example/lib/widgets/storybook_widgets/progress_value_preview.dart

@@ -11,6 +11,7 @@ class ProgressValuePreview extends StatelessWidget {
       context,
       Storybook(
         initialStory: 'Progress',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'Progress',

example/lib/widgets/storybook_widgets/radio_button_controlled_preview.dart

@@ -21,6 +21,7 @@ class _RadioButtonControlledPreviewState
       context,
       Storybook(
         initialStory: 'RadioButton',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'RadioButton',

example/lib/widgets/storybook_widgets/radio_button_with_formcontrol_preview.dart

@@ -21,6 +21,7 @@ class _RadioButtonWithFormControlPreviewState
       context,
       Storybook(
         initialStory: 'RadioButton',
+        initialLayout: Layout.compact,
         stories: [
           Story(
             name: 'RadioButton',