diff --git a/docs/bundle-size.mdx b/docs/bundle-size.mdx
index 6c33fbef27..6708f8c5a9 100644
--- a/docs/bundle-size.mdx
+++ b/docs/bundle-size.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Documentation/Bundle Size" />
 
diff --git a/docs/colors.mdx b/docs/colors.mdx
index db55bf3ddc..cbeb74f334 100644
--- a/docs/colors.mdx
+++ b/docs/colors.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Documentation/Colors" />
 
diff --git a/docs/component-dos-and-donts.mdx b/docs/component-dos-and-donts.mdx
index fd33778649..5292f7c983 100644
--- a/docs/component-dos-and-donts.mdx
+++ b/docs/component-dos-and-donts.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Documentation/Component Dos and Don'ts" />
 
diff --git a/docs/extending-styles-using-styled-components.mdx b/docs/extending-styles-using-styled-components.mdx
index 2d82324d6d..c9ce3ae663 100644
--- a/docs/extending-styles-using-styled-components.mdx
+++ b/docs/extending-styles-using-styled-components.mdx
@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas } from "@storybook/addon-docs";
+import { Meta, Story, Canvas } from "@storybook/blocks";
 import styled from "styled-components";
 import Box from "../src/components/box";
 
diff --git a/docs/how-to-contribute.mdx b/docs/how-to-contribute.mdx
index 32fe206ac0..38f2ab450b 100644
--- a/docs/how-to-contribute.mdx
+++ b/docs/how-to-contribute.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Contributing/How to contribute" />
 
diff --git a/docs/i18n.mdx b/docs/i18n.mdx
index b223d57f1c..e2bea89a77 100644
--- a/docs/i18n.mdx
+++ b/docs/i18n.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Documentation/i18n" />
 
diff --git a/docs/installation.mdx b/docs/installation.mdx
index 6508f2703e..0e9c1c171c 100644
--- a/docs/installation.mdx
+++ b/docs/installation.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Getting Started/Installation" />
 
diff --git a/docs/roadmap.mdx b/docs/roadmap.mdx
index f1035e9ef8..4523f6c0e9 100644
--- a/docs/roadmap.mdx
+++ b/docs/roadmap.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Contributing/Roadmap" />
 
diff --git a/docs/usage-with-routing.mdx b/docs/usage-with-routing.mdx
index 9fe0d9a70c..f4301bdc57 100644
--- a/docs/usage-with-routing.mdx
+++ b/docs/usage-with-routing.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Documentation/Usage with routing" />
 
diff --git a/docs/usage.mdx b/docs/usage.mdx
index 4ee8bbb8bb..bd7d5af109 100644
--- a/docs/usage.mdx
+++ b/docs/usage.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta title="Getting Started/Usage" />
 
diff --git a/docs/using-draft-js.mdx b/docs/using-draft-js.mdx
index 4d9d693b33..4ab873d255 100644
--- a/docs/using-draft-js.mdx
+++ b/docs/using-draft-js.mdx
@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 
 <Meta
   title="Documentation/Using DraftJS"
diff --git a/docs/validations.mdx b/docs/validations.mdx
index 771616d247..9a773d422d 100644
--- a/docs/validations.mdx
+++ b/docs/validations.mdx
@@ -1,13 +1,9 @@
-import { Meta, Canvas } from "@storybook/addon-docs";
+import { Meta, Canvas } from "@storybook/blocks";
 
 import * as ValidationsStories from "./validations.stories";
 
 <Meta
   title="Documentation/Validations"
-  parameters={{
-    info: { disable: true },
-    chromatic: { disableSnapshot: true },
-  }}
   of={ValidationsStories}
 />
 
diff --git a/docs/validations.stories.tsx b/docs/validations.stories.tsx
index 65f43e9fb6..6a0ac7feb1 100644
--- a/docs/validations.stories.tsx
+++ b/docs/validations.stories.tsx
@@ -13,6 +13,9 @@ import { RadioButton, RadioButtonGroup } from "../src/components/radio-button";
 const meta: Meta = {
   title: "Documentation/Validations",
   tags: ["hideInSidebar"],
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 };
 
 export default meta;
diff --git a/src/components/accordion/accordion.mdx b/src/components/accordion/accordion.mdx
index d6bccc7d78..33e3611af8 100644
--- a/src/components/accordion/accordion.mdx
+++ b/src/components/accordion/accordion.mdx
@@ -5,7 +5,6 @@ import * as AccordionGroupStories from "./accordion-group/accordion-group.storie
 
 <Meta
   title="Accordion"
-  parameters={{ info: { disable: true } }}
   of={AccordionStories}
 />
 
diff --git a/src/components/action-popover/action-popover.mdx b/src/components/action-popover/action-popover.mdx
index e56c60be15..6f006d2226 100644
--- a/src/components/action-popover/action-popover.mdx
+++ b/src/components/action-popover/action-popover.mdx
@@ -8,7 +8,6 @@ import * as ActionPopoverStories from "./action-popover.stories";
 
 <Meta
   title="Action Popover"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={ActionPopoverStories}
 />
 
diff --git a/src/components/action-popover/action-popover.stories.tsx b/src/components/action-popover/action-popover.stories.tsx
index d0eb24a211..24d000b3bb 100644
--- a/src/components/action-popover/action-popover.stories.tsx
+++ b/src/components/action-popover/action-popover.stories.tsx
@@ -33,6 +33,7 @@ const meta: Meta<typeof ActionPopover> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/advanced-color-picker/advanced-color-picker.mdx b/src/components/advanced-color-picker/advanced-color-picker.mdx
index 28c18f2700..7c8b18931b 100644
--- a/src/components/advanced-color-picker/advanced-color-picker.mdx
+++ b/src/components/advanced-color-picker/advanced-color-picker.mdx
@@ -5,7 +5,6 @@ import * as AdvancedColorPickerStories from "./advanced-color-picker.stories";
 
 <Meta
   title="Advanced Color Picker"
-  parameters={{ info: { disable: true } }}
   of={AdvancedColorPickerStories}
 />
 
diff --git a/src/components/alert/alert.mdx b/src/components/alert/alert.mdx
index 254b067d37..636d383d5e 100644
--- a/src/components/alert/alert.mdx
+++ b/src/components/alert/alert.mdx
@@ -3,11 +3,7 @@ import * as AlertStories from "./alert.stories";
 
 <Meta
   title="Alert"
-  parameters={{
-    info: { disable: true },
-    themeProvider: { chromatic: { theme: "sage" } },
-  }}
-  of={AlertStories}
+    of={AlertStories}
 />
 
 # Alert
diff --git a/src/components/alert/alert.stories.tsx b/src/components/alert/alert.stories.tsx
index 8a0e5f0137..c124fc9e3e 100644
--- a/src/components/alert/alert.stories.tsx
+++ b/src/components/alert/alert.stories.tsx
@@ -8,6 +8,7 @@ import isChromatic from "../../../.storybook/isChromatic";
 const meta: Meta<typeof Alert> = {
   title: "Alert",
   component: Alert,
+  parameters: { themeProvider: { chromatic: { theme: "sage" } } },
 };
 
 export default meta;
diff --git a/src/components/anchor-navigation/anchor-navigation.mdx b/src/components/anchor-navigation/anchor-navigation.mdx
index c07555bd31..ec8323b8d4 100644
--- a/src/components/anchor-navigation/anchor-navigation.mdx
+++ b/src/components/anchor-navigation/anchor-navigation.mdx
@@ -5,11 +5,7 @@ import * as AnchorNavigationStories from "./anchor-navigation.stories";
 
 <Meta
   title="Anchor Navigation"
-  parameters={{
-    info: { disable: true },
-    chromatic: { disableSnapshot: true },
-  }}
-  of={AnchorNavigationStories}
+    of={AnchorNavigationStories}
 />
 
 # Anchor Navigation
diff --git a/src/components/anchor-navigation/anchor-navigation.stories.tsx b/src/components/anchor-navigation/anchor-navigation.stories.tsx
index 948d01d3bc..ab49c8ad09 100644
--- a/src/components/anchor-navigation/anchor-navigation.stories.tsx
+++ b/src/components/anchor-navigation/anchor-navigation.stories.tsx
@@ -15,6 +15,9 @@ import {
 const meta: Meta<typeof AnchorNavigation> = {
   component: AnchorNavigation,
   title: "Anchor Navigation",
+  parameters: {
+    chromatic: { disableSnapshot: true },
+  },
 };
 
 export default meta;
diff --git a/src/components/badge/badge.mdx b/src/components/badge/badge.mdx
index bffeeded05..9a3313ceb0 100644
--- a/src/components/badge/badge.mdx
+++ b/src/components/badge/badge.mdx
@@ -5,7 +5,6 @@ import * as BadgeStories from "./badge.stories";
 
 <Meta
   title="Badge"
-  parameters={{ info: { disable: true } }}
   of={BadgeStories}
 />
 
diff --git a/src/components/batch-selection/batch-selection.mdx b/src/components/batch-selection/batch-selection.mdx
index 0ec7acc5af..0aa17636b0 100644
--- a/src/components/batch-selection/batch-selection.mdx
+++ b/src/components/batch-selection/batch-selection.mdx
@@ -7,7 +7,6 @@ import * as BatchSelectionStories from "./batch-selection.stories";
 
 <Meta
   title="Batch Selection"
-  parameters={{ info: { disable: true } }}
   of={BatchSelectionStories}
 />
 
diff --git a/src/components/box/box.mdx b/src/components/box/box.mdx
index e70770977f..645b31901d 100644
--- a/src/components/box/box.mdx
+++ b/src/components/box/box.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as BoxStories from "./box.stories";
 
-<Meta title="Box" parameters={{ info: { disable: true } }} of={BoxStories} />
+<Meta title="Box" of={BoxStories} />
 
 # Box
 
diff --git a/src/components/breadcrumbs/breadcrumbs.mdx b/src/components/breadcrumbs/breadcrumbs.mdx
index 5035a7a94e..85500bfc8b 100644
--- a/src/components/breadcrumbs/breadcrumbs.mdx
+++ b/src/components/breadcrumbs/breadcrumbs.mdx
@@ -6,7 +6,6 @@ import * as BreadcrumbsStories from "./breadcrumbs.stories.tsx";
 
 <Meta
   title="Breadcrumbs"
-  parameters={{ info: { disable: true } }}
   of={BreadcrumbsStories}
 />
 
diff --git a/src/components/button-bar/button-bar.mdx b/src/components/button-bar/button-bar.mdx
index c0ee9a3fe1..1842c979c3 100644
--- a/src/components/button-bar/button-bar.mdx
+++ b/src/components/button-bar/button-bar.mdx
@@ -4,7 +4,6 @@ import * as ButtonBarStories from "./button-bar.stories";
 
 <Meta
   title="Button Bar"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={ButtonBarStories}
 />
 
diff --git a/src/components/button-bar/button-bar.stories.tsx b/src/components/button-bar/button-bar.stories.tsx
index 7593db944d..29e3f77151 100644
--- a/src/components/button-bar/button-bar.stories.tsx
+++ b/src/components/button-bar/button-bar.stories.tsx
@@ -22,6 +22,7 @@ const meta: Meta<typeof ButtonBar> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/button-minor/button-minor.mdx b/src/components/button-minor/button-minor.mdx
index 630d24403c..071e7071c4 100644
--- a/src/components/button-minor/button-minor.mdx
+++ b/src/components/button-minor/button-minor.mdx
@@ -4,7 +4,6 @@ import * as ButtonMinorStories from "./button-minor.stories";
 
 <Meta
   title="Button Minor"
-  parameters={{ info: { disable: true } }}
   of={ButtonMinorStories}
 />
 
diff --git a/src/components/button-toggle/button-toggle.mdx b/src/components/button-toggle/button-toggle.mdx
index b77bcceda4..961a73830c 100644
--- a/src/components/button-toggle/button-toggle.mdx
+++ b/src/components/button-toggle/button-toggle.mdx
@@ -5,11 +5,7 @@ import * as ButtonToggleGroupStories from "./button-toggle-group/button-toggle-g
 
 <Meta
   title="Button Toggle"
-  parameters={{
-    info: { disable: true },
-    themeProvider: { chromatic: { theme: "sage" } },
-  }}
-  of={ButtonToggleStories}
+    of={ButtonToggleStories}
 />
 
 # Button Toggle
diff --git a/src/components/button-toggle/button-toggle.stories.tsx b/src/components/button-toggle/button-toggle.stories.tsx
index d1ee78429f..850bb1bb82 100644
--- a/src/components/button-toggle/button-toggle.stories.tsx
+++ b/src/components/button-toggle/button-toggle.stories.tsx
@@ -7,6 +7,7 @@ import Box from "../box";
 const meta: Meta<typeof ButtonToggle> = {
   title: "Button Toggle",
   component: ButtonToggle,
+  parameters: { themeProvider: { chromatic: { theme: "sage" } } },
 };
 
 export default meta;
diff --git a/src/components/button/button.mdx b/src/components/button/button.mdx
index 7f440876c7..fc1ef29045 100644
--- a/src/components/button/button.mdx
+++ b/src/components/button/button.mdx
@@ -4,7 +4,6 @@ import * as ButtonStories from "./button.stories";
 
 <Meta
   title="Button"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={ButtonStories}
 />
 
diff --git a/src/components/button/button.stories.tsx b/src/components/button/button.stories.tsx
index 0fcdcf74c5..b0055c739c 100644
--- a/src/components/button/button.stories.tsx
+++ b/src/components/button/button.stories.tsx
@@ -17,6 +17,7 @@ const meta: Meta<typeof Button> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/carbon-provider/carbon-provider.mdx b/src/components/carbon-provider/carbon-provider.mdx
index f75da7f53f..be12243bef 100644
--- a/src/components/carbon-provider/carbon-provider.mdx
+++ b/src/components/carbon-provider/carbon-provider.mdx
@@ -4,7 +4,6 @@ import * as CarbonProviderStories from "./carbon-provider.stories";
 
 <Meta
   title="Carbon Provider"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={CarbonProviderStories}
 />
 
diff --git a/src/components/carbon-provider/carbon-provider.stories.tsx b/src/components/carbon-provider/carbon-provider.stories.tsx
index c4f549d1c8..5d184e152a 100644
--- a/src/components/carbon-provider/carbon-provider.stories.tsx
+++ b/src/components/carbon-provider/carbon-provider.stories.tsx
@@ -8,6 +8,7 @@ import { sageTheme, mintTheme } from "../../style/themes";
 const meta: Meta<typeof CarbonProvider> = {
   title: "Carbon Provider",
   component: CarbonProvider,
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/card/card.mdx b/src/components/card/card.mdx
index af382c084b..5b128590d0 100644
--- a/src/components/card/card.mdx
+++ b/src/components/card/card.mdx
@@ -7,7 +7,6 @@ import * as CardRowStories from "./card-row/card-row.stories";
 
 <Meta
   title="Card"
-  parameters={{ info: { disable: true }, controls: { disable: true } }}
   of={CardStories}
 />
 
diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
index d994e52d5b..811d969a09 100644
--- a/src/components/card/card.stories.tsx
+++ b/src/components/card/card.stories.tsx
@@ -25,6 +25,7 @@ const meta: Meta<typeof Card> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { controls: { disable: true } },
 };
 
 export default meta;
diff --git a/src/components/carousel/carousel.mdx b/src/components/carousel/carousel.mdx
index 09f43f3e45..4c4349546e 100644
--- a/src/components/carousel/carousel.mdx
+++ b/src/components/carousel/carousel.mdx
@@ -7,7 +7,6 @@ import * as CarouselStories from "./carousel.stories";
 
 <Meta
   title="Carousel"
-  parameters={{ info: { disable: true } }}
   of={CarouselStories}
 />
 
diff --git a/src/components/checkbox/checkbox.mdx b/src/components/checkbox/checkbox.mdx
index d1e3f946de..cd32db3add 100644
--- a/src/components/checkbox/checkbox.mdx
+++ b/src/components/checkbox/checkbox.mdx
@@ -6,7 +6,6 @@ import * as ValidationStories from "./validations.stories";
 
 <Meta
   title="Checkbox"
-  parameters={{ info: { disable: true } }}
   of={CheckboxStories}
 />
 
diff --git a/src/components/confirm/confirm.mdx b/src/components/confirm/confirm.mdx
index 7ab8adb2f6..3a4b43c6b5 100644
--- a/src/components/confirm/confirm.mdx
+++ b/src/components/confirm/confirm.mdx
@@ -4,11 +4,7 @@ import * as ConfirmStories from "./confirm.stories";
 
 <Meta
   title="Confirm"
-  parameters={{
-    info: { disable: true },
-    themeProvider: { chromatic: { theme: "sage" } },
-  }}
-  of={ConfirmStories}
+    of={ConfirmStories}
 />
 
 # Confirm
diff --git a/src/components/confirm/confirm.stories.tsx b/src/components/confirm/confirm.stories.tsx
index 4bf4f66ec0..8c164bc8cc 100644
--- a/src/components/confirm/confirm.stories.tsx
+++ b/src/components/confirm/confirm.stories.tsx
@@ -8,6 +8,7 @@ import isChromatic from "../../../.storybook/isChromatic";
 const meta: Meta<typeof Confirm> = {
   title: "Confirm",
   component: Confirm,
+  parameters: { themeProvider: { chromatic: { theme: "sage" } } },
 };
 
 export default meta;
diff --git a/src/components/content/content-test.stories.mdx b/src/components/content/content-test.stories.mdx
deleted file mode 100644
index 2672aa1514..0000000000
--- a/src/components/content/content-test.stories.mdx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Meta, Canvas } from "@storybook/addon-docs";
-import * as ContentTestStories from "./content-test.stories.tsx";
-
-<Meta
-  title="Content/Test"
-  parameters={{
-    info: { disable: true },
-    chromatic: {
-      disableSnapshot: true,
-    },
-  }}
-  argTypes={{
-    variant: {
-      options: ["primary", "secondary"],
-      control: {
-        type: "select",
-      },
-    },
-    align: {
-      options: ["left", "center", "right"],
-      control: {
-        type: "select",
-      },
-    },
-  }}
-/>
-
-# Content
-
-### Default
-
-<Canvas
-  args={{
-    children: "An example of some content.",
-    title: "Content Component",
-    variant: undefined,
-    inline: false,
-    align: undefined,
-    titleWidth: "",
-    bodyFullWidth: false,
-  }}
-  of={ContentTestStories.DefaultStory}
-></Canvas>
diff --git a/src/components/content/content.mdx b/src/components/content/content.mdx
index da615abe1a..22c6bf876a 100644
--- a/src/components/content/content.mdx
+++ b/src/components/content/content.mdx
@@ -4,7 +4,6 @@ import * as ContentStories from "./content.stories.tsx";
 
 <Meta
   title="Content"
-  parameters={{ info: { disable: true }, controls: { disabled: true } }}
   of={ContentStories}
 />
 
diff --git a/src/components/content/content.stories.tsx b/src/components/content/content.stories.tsx
index ca79a5f808..3fe0b025d5 100644
--- a/src/components/content/content.stories.tsx
+++ b/src/components/content/content.stories.tsx
@@ -20,6 +20,7 @@ const meta: Meta<typeof Content> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { controls: { disabled: true } },
 };
 
 export default meta;
diff --git a/src/components/date-range/date-range.mdx b/src/components/date-range/date-range.mdx
index d7b5e1dd8f..9ca20b4698 100644
--- a/src/components/date-range/date-range.mdx
+++ b/src/components/date-range/date-range.mdx
@@ -5,7 +5,6 @@ import * as DateRangeStories from "./date-range.stories";
 
 <Meta
   title="Date Range"
-  parameters={{ info: { disable: true } }}
   of={DateRangeStories}
 />
 
diff --git a/src/components/date/date.mdx b/src/components/date/date.mdx
index 02acfc5cff..1423f20111 100644
--- a/src/components/date/date.mdx
+++ b/src/components/date/date.mdx
@@ -5,7 +5,6 @@ import * as DateStories from "./date.stories";
 
 <Meta
   title="Date Input"
-  parameters={{ info: { disable: true } }}
   of={DateStories}
 />
 
diff --git a/src/components/decimal/decimal.mdx b/src/components/decimal/decimal.mdx
index 188c48af81..1e43bfbc7c 100644
--- a/src/components/decimal/decimal.mdx
+++ b/src/components/decimal/decimal.mdx
@@ -5,7 +5,6 @@ import * as DecimalStories from "./decimal.stories";
 
 <Meta
   title="Decimal Input"
-  parameters={{ info: { disable: true } }}
   of={DecimalStories}
 />
 
diff --git a/src/components/definition-list/definition-list.mdx b/src/components/definition-list/definition-list.mdx
index 0800332ba7..6bc979f7cd 100644
--- a/src/components/definition-list/definition-list.mdx
+++ b/src/components/definition-list/definition-list.mdx
@@ -4,7 +4,7 @@ import * as DtStories from "./dt/dt.stories";
 import * as DdStories from "./dd/dd.stories";
 import * as DefinitionListStories from "./definition-list.stories";
 
-<Meta title="Definition List" parameters={{ info: { disable: true } }} of={DefinitionListStories} />
+<Meta title="Definition List" of={DefinitionListStories} />
 
 # Definition List
 
diff --git a/src/components/detail/detail.mdx b/src/components/detail/detail.mdx
index efacbeb0a2..4e565ba448 100644
--- a/src/components/detail/detail.mdx
+++ b/src/components/detail/detail.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as DetailStories from "./detail.stories.tsx"
 
-<Meta title="Detail" parameters={{ info: { disable: true } }} of={DetailStories} />
+<Meta title="Detail" of={DetailStories} />
 
 # Detail
 
diff --git a/src/components/dialog-full-screen/dialog-full-screen.mdx b/src/components/dialog-full-screen/dialog-full-screen.mdx
index 1688e16a1e..ce64970cbf 100644
--- a/src/components/dialog-full-screen/dialog-full-screen.mdx
+++ b/src/components/dialog-full-screen/dialog-full-screen.mdx
@@ -5,11 +5,7 @@ import * as DialogFullScreenStories from "./dialog-full-screen.stories";
 
 <Meta
   title="Dialog Full Screen"
-  parameters={{
-    info: { disable: true },
-    themeProvider: { chromatic: { theme: "sage" } },
-  }}
-  of={DialogFullScreenStories}
+    of={DialogFullScreenStories}
 />
 
 # DialogFullScreen
diff --git a/src/components/dialog-full-screen/dialog-full-screen.stories.tsx b/src/components/dialog-full-screen/dialog-full-screen.stories.tsx
index de5eb0b480..6f187a8105 100644
--- a/src/components/dialog-full-screen/dialog-full-screen.stories.tsx
+++ b/src/components/dialog-full-screen/dialog-full-screen.stories.tsx
@@ -23,6 +23,7 @@ import isChromatic from "../../../.storybook/isChromatic";
 const meta: Meta<typeof DialogFullScreen> = {
   title: "Dialog Full Screen",
   component: DialogFullScreen,
+  parameters: { themeProvider: { chromatic: { theme: "sage" } } },
 };
 
 export default meta;
diff --git a/src/components/dialog/dialog.mdx b/src/components/dialog/dialog.mdx
index 4091e15f1e..aadde1bcfd 100644
--- a/src/components/dialog/dialog.mdx
+++ b/src/components/dialog/dialog.mdx
@@ -5,12 +5,7 @@ import * as DialogStories from "./dialog.stories.tsx";
 
 <Meta
   title="Dialog"
-  parameters={{
-    info: { disable: true },
-    themeProvider: { chromatic: { theme: "sage" } },
-    controls: { disable: true },
-  }}
-  of={DialogStories}
+    of={DialogStories}
 />
 
 # Dialog
diff --git a/src/components/dialog/dialog.stories.tsx b/src/components/dialog/dialog.stories.tsx
index e1e33c990f..42a0e20b85 100644
--- a/src/components/dialog/dialog.stories.tsx
+++ b/src/components/dialog/dialog.stories.tsx
@@ -22,6 +22,10 @@ import useMediaQuery from "../../hooks/useMediaQuery";
 const meta: Meta<typeof Dialog> = {
   title: "Dialog",
   component: Dialog,
+  parameters: {
+    themeProvider: { chromatic: { theme: "sage" } },
+    controls: { disable: true },
+  },
 };
 
 export default meta;
diff --git a/src/components/dismissible-box/dismissible-box.mdx b/src/components/dismissible-box/dismissible-box.mdx
index 889f290789..79c8f304ce 100644
--- a/src/components/dismissible-box/dismissible-box.mdx
+++ b/src/components/dismissible-box/dismissible-box.mdx
@@ -4,7 +4,6 @@ import * as DismissibleBoxStories from "./dismissible-box.stories";
 
 <Meta
   title="Dismissible Box"
-  parameters={{ info: { disable: true } }}
   of={DismissibleBoxStories}
 />
 
diff --git a/src/components/draggable/draggable.mdx b/src/components/draggable/draggable.mdx
index 8261f1e294..da9453533a 100644
--- a/src/components/draggable/draggable.mdx
+++ b/src/components/draggable/draggable.mdx
@@ -5,17 +5,7 @@ import * as DraggableStories from "./draggable.stories.tsx";
 
 <Meta
   title="Draggable"
-  parameters={{
-    info: {
-      disable: true,
-    },
-    themeProvider: {
-      chromatic: {
-        theme: "sage",
-      },
-    },
-  }}
-  of={DraggableStories}
+    of={DraggableStories}
 />
 
 # Draggable
diff --git a/src/components/draggable/draggable.stories.tsx b/src/components/draggable/draggable.stories.tsx
index 49cfedf1d8..907b85f8e1 100644
--- a/src/components/draggable/draggable.stories.tsx
+++ b/src/components/draggable/draggable.stories.tsx
@@ -16,6 +16,13 @@ const meta: Meta<typeof DraggableContainer> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: {
+    themeProvider: {
+      chromatic: {
+        theme: "sage",
+      },
+    },
+  },
 };
 
 export default meta;
diff --git a/src/components/drawer/drawer.mdx b/src/components/drawer/drawer.mdx
index 877f20d848..dcb4c1c321 100644
--- a/src/components/drawer/drawer.mdx
+++ b/src/components/drawer/drawer.mdx
@@ -4,7 +4,6 @@ import * as DrawerStories from "./drawer.stories";
 
 <Meta
   title="Drawer"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={DrawerStories}
 />
 
diff --git a/src/components/drawer/drawer.stories.tsx b/src/components/drawer/drawer.stories.tsx
index 4193bd1307..d406b6d3c1 100644
--- a/src/components/drawer/drawer.stories.tsx
+++ b/src/components/drawer/drawer.stories.tsx
@@ -28,6 +28,7 @@ import Pager from "../pager";
 const meta: Meta<typeof Drawer> = {
   title: "Drawer",
   component: Drawer,
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/duelling-picklist/duelling-picklist.mdx b/src/components/duelling-picklist/duelling-picklist.mdx
index 13aacec434..42821bdde1 100644
--- a/src/components/duelling-picklist/duelling-picklist.mdx
+++ b/src/components/duelling-picklist/duelling-picklist.mdx
@@ -8,7 +8,6 @@ import * as DuellingPicklistStories from "./duelling-picklist.stories";
 
 <Meta
   title="DuellingPicklist"
-  parameters={{ info: { disable: true } }}
   of={DuellingPicklistStories}
 />
 
diff --git a/src/components/fieldset/fieldset-examples.mdx b/src/components/fieldset/fieldset-examples.mdx
index 300a0db33f..2a113e2421 100644
--- a/src/components/fieldset/fieldset-examples.mdx
+++ b/src/components/fieldset/fieldset-examples.mdx
@@ -4,7 +4,6 @@ import * as FieldsetExamplesStories from "./fieldset-examples.stories";
 
 <Meta
   title="Fieldset/Address Fieldset Examples"
-  parameters={{ info: { disable: true } }}
   of={FieldsetExamplesStories}
   name="Fieldset Examples"
 />
diff --git a/src/components/fieldset/fieldset.mdx b/src/components/fieldset/fieldset.mdx
index b32be33de0..b9015a6b04 100644
--- a/src/components/fieldset/fieldset.mdx
+++ b/src/components/fieldset/fieldset.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as FieldsetStories from "./fieldset.stories";
 
-<Meta title="Fieldset" parameters={{ info: { disable: true } }} of={FieldsetStories} />
+<Meta title="Fieldset" of={FieldsetStories} />
 
 # Fieldset
 
diff --git a/src/components/file-input/file-input.mdx b/src/components/file-input/file-input.mdx
index 55fdb61389..d1029c29a8 100644
--- a/src/components/file-input/file-input.mdx
+++ b/src/components/file-input/file-input.mdx
@@ -6,7 +6,6 @@ import * as FileInputStories from "./file-input.stories";
 
 <Meta
   title="File Input"
-  parameters={{ info: { disable: true } }}
   of={FileInputStories}
 />
 
diff --git a/src/components/flat-table/flat-table-expandable.mdx b/src/components/flat-table/flat-table-expandable.mdx
index 61cca4893a..cd0f19724b 100644
--- a/src/components/flat-table/flat-table-expandable.mdx
+++ b/src/components/flat-table/flat-table-expandable.mdx
@@ -5,7 +5,6 @@ import * as FlatTableExpandableStories from "./flat-table-expandable.stories";
 
 <Meta
   title="Flat Table/Expandable"
-  parameters={{ info: { disable: true } }}
   of={FlatTableExpandableStories}
 />
 
diff --git a/src/components/flat-table/flat-table-themes.mdx b/src/components/flat-table/flat-table-themes.mdx
index efefdacd46..adc2795d36 100644
--- a/src/components/flat-table/flat-table-themes.mdx
+++ b/src/components/flat-table/flat-table-themes.mdx
@@ -3,7 +3,6 @@ import * as FlatTableThemesStories from "./flat-table-themes.stories";
 
 <Meta
   title="Flat Table/Color Themes"
-  parameters={{ info: { disable: true } }}
   of={FlatTableThemesStories}
 />
 
diff --git a/src/components/flat-table/flat-table.mdx b/src/components/flat-table/flat-table.mdx
index 6e4c5ee2b5..5eb68b9b0a 100644
--- a/src/components/flat-table/flat-table.mdx
+++ b/src/components/flat-table/flat-table.mdx
@@ -13,7 +13,6 @@ import * as FlatTableStories from "./flat-table.stories";
 
 <Meta
   title="Flat Table"
-  parameters={{ info: { disable: true } }}
   of={FlatTableStories}
 />
 
diff --git a/src/components/form/form.mdx b/src/components/form/form.mdx
index 6325054fe8..5b293f3c70 100644
--- a/src/components/form/form.mdx
+++ b/src/components/form/form.mdx
@@ -5,7 +5,6 @@ import * as FormStories from "./form.stories";
 
 <Meta
   title="Form"
-  parameters={{ info: { disable: true }, controls: { disable: true } }}
   of={FormStories}
 />
 
diff --git a/src/components/form/form.stories.tsx b/src/components/form/form.stories.tsx
index 23bf7adfa3..5108057c86 100644
--- a/src/components/form/form.stories.tsx
+++ b/src/components/form/form.stories.tsx
@@ -31,6 +31,7 @@ const meta: Meta<typeof Form> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { controls: { disable: true } },
 };
 
 export default meta;
diff --git a/src/components/global-header/global-header.mdx b/src/components/global-header/global-header.mdx
index 2c2fa90ea9..fa5cb698c5 100644
--- a/src/components/global-header/global-header.mdx
+++ b/src/components/global-header/global-header.mdx
@@ -4,11 +4,7 @@ import * as GlobalHeaderStories from "./global-header.stories";
 
 <Meta
   title="Global Header"
-  parameters={{
-    info: { disable: true },
-    chromatic: { disableSnapshot: true },
-  }}
-  of={GlobalHeaderStories}
+    of={GlobalHeaderStories}
 />
 
 # Global Header
diff --git a/src/components/global-header/global-header.stories.tsx b/src/components/global-header/global-header.stories.tsx
index a10129acc0..1e7883cd75 100644
--- a/src/components/global-header/global-header.stories.tsx
+++ b/src/components/global-header/global-header.stories.tsx
@@ -32,6 +32,7 @@ const meta: Meta<typeof GlobalHeader> = {
       </div>
     ),
   ],
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/grid/grid.mdx b/src/components/grid/grid.mdx
index 46a8d8dd9e..a404871aab 100644
--- a/src/components/grid/grid.mdx
+++ b/src/components/grid/grid.mdx
@@ -6,7 +6,6 @@ import * as GridStories from "./grid.stories";
 
 <Meta
   title="Grid"
-  parameters={{ chromatic: { disableSnapshot: true }, info: { disable: true } }}
   of={GridStories}
 />
 
diff --git a/src/components/grid/grid.stories.tsx b/src/components/grid/grid.stories.tsx
index dbe16461ee..33664c0527 100644
--- a/src/components/grid/grid.stories.tsx
+++ b/src/components/grid/grid.stories.tsx
@@ -59,6 +59,7 @@ const meta: Meta = {
       },
     },
   },
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/grouped-character/grouped-character.mdx b/src/components/grouped-character/grouped-character.mdx
index 2e14d40d97..ff46d2af2e 100644
--- a/src/components/grouped-character/grouped-character.mdx
+++ b/src/components/grouped-character/grouped-character.mdx
@@ -4,7 +4,6 @@ import * as GroupedCharacterStories from "./grouped-character.stories";
 
 <Meta
   title="GroupedCharacter"
-  parameters={{ info: { disable: true } }}
   of={GroupedCharacterStories}
 />
 
diff --git a/src/components/heading/heading.mdx b/src/components/heading/heading.mdx
index 5e9c884d8b..9268c3a15e 100644
--- a/src/components/heading/heading.mdx
+++ b/src/components/heading/heading.mdx
@@ -4,7 +4,6 @@ import * as HeadingStories from "./heading.stories";
 
 <Meta
   title="Heading"
-  parameters={{ info: { disable: true } }}
   of={HeadingStories}
 />
 
diff --git a/src/components/help/help.mdx b/src/components/help/help.mdx
index c982473f5a..5c70c81886 100644
--- a/src/components/help/help.mdx
+++ b/src/components/help/help.mdx
@@ -4,7 +4,6 @@ import * as HelpStories from "./help.stories";
 
 <Meta
   title="Help"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={HelpStories}
 />
 
diff --git a/src/components/help/help.stories.tsx b/src/components/help/help.stories.tsx
index ff833718eb..bcaddfa9ce 100644
--- a/src/components/help/help.stories.tsx
+++ b/src/components/help/help.stories.tsx
@@ -17,6 +17,7 @@ const meta: Meta<typeof Help> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/hr/hr.mdx b/src/components/hr/hr.mdx
index e6a4144374..d7da1bbd02 100644
--- a/src/components/hr/hr.mdx
+++ b/src/components/hr/hr.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as HrStories from "./hr.stories";
 
-<Meta title="Hr" parameters={{ info: { disable: true } }} of={HrStories} />
+<Meta title="Hr" of={HrStories} />
 
 # Hr
 
diff --git a/src/components/icon-button/icon-button.mdx b/src/components/icon-button/icon-button.mdx
index 40e12d58f7..d990e483bd 100644
--- a/src/components/icon-button/icon-button.mdx
+++ b/src/components/icon-button/icon-button.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as IconButtonStories from "./icon-button.stories";
 
-<Meta title="Icon Button" parameters={{ info: { disable: true } }} of={IconButtonStories} />
+<Meta title="Icon Button" of={IconButtonStories} />
 
 # Icon Button
 
diff --git a/src/components/icon/icon.mdx b/src/components/icon/icon.mdx
index f1128c4b27..c9cd0df71f 100644
--- a/src/components/icon/icon.mdx
+++ b/src/components/icon/icon.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as IconStories from "./icon.stories";
 
-<Meta title="Icon" parameters={{ info: { disable: true } }} of={IconStories} />
+<Meta title="Icon" of={IconStories} />
 
 # Icon
 
diff --git a/src/components/inline-inputs/inline-inputs.mdx b/src/components/inline-inputs/inline-inputs.mdx
index b39df7c005..064b5e6a4a 100644
--- a/src/components/inline-inputs/inline-inputs.mdx
+++ b/src/components/inline-inputs/inline-inputs.mdx
@@ -6,10 +6,7 @@ import * as InlineInputsStories from "./inline-inputs.stories";
 
 <Meta
   title="Inline Inputs"
-  parameters={{
-    info: { disable: true },
-  }}
-  argTypes={{
+    argTypes={{
     gutter: {
       options: INLINE_INPUTS_SIZES,
       control: {
diff --git a/src/components/link-preview/link-preview.mdx b/src/components/link-preview/link-preview.mdx
index d083f1438d..0167cb670a 100644
--- a/src/components/link-preview/link-preview.mdx
+++ b/src/components/link-preview/link-preview.mdx
@@ -4,7 +4,6 @@ import * as LinkPreviewStories from "./link-preview.stories.tsx";
 
 <Meta
   title="Link Preview"
-  parameters={{ info: { disable: true } }}
   of={LinkPreviewStories}
 />
 
diff --git a/src/components/link/link.mdx b/src/components/link/link.mdx
index a13a9f6e28..5934424ee0 100644
--- a/src/components/link/link.mdx
+++ b/src/components/link/link.mdx
@@ -5,7 +5,6 @@ import * as LinkStories from "./link.stories";
 
 <Meta
   title="Link"
-  parameters={{ info: { disable: true }, controls: { disable: true } }}
   of={LinkStories}
 />
 
diff --git a/src/components/link/link.stories.tsx b/src/components/link/link.stories.tsx
index e4ee34d49f..d13777459e 100644
--- a/src/components/link/link.stories.tsx
+++ b/src/components/link/link.stories.tsx
@@ -9,6 +9,7 @@ import Typography from "../typography";
 const meta: Meta<typeof Link> = {
   title: "Link",
   component: Link,
+  parameters: { controls: { disable: true } },
 };
 
 export default meta;
diff --git a/src/components/loader-bar/loader-bar.mdx b/src/components/loader-bar/loader-bar.mdx
index 11340a1ece..ed289c5eb1 100644
--- a/src/components/loader-bar/loader-bar.mdx
+++ b/src/components/loader-bar/loader-bar.mdx
@@ -5,7 +5,6 @@ import * as LoaderBarStories from "./loader-bar.stories.tsx";
 
 <Meta
   title="Loader Bar"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={LoaderBarStories}
 />
 
diff --git a/src/components/loader-bar/loader-bar.stories.tsx b/src/components/loader-bar/loader-bar.stories.tsx
index 400d430afb..939b03d7cc 100644
--- a/src/components/loader-bar/loader-bar.stories.tsx
+++ b/src/components/loader-bar/loader-bar.stories.tsx
@@ -13,6 +13,7 @@ const meta: Meta<typeof LoaderBar> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/loader/loader.mdx b/src/components/loader/loader.mdx
index d7c3bf62c2..bdc0cd943c 100644
--- a/src/components/loader/loader.mdx
+++ b/src/components/loader/loader.mdx
@@ -5,7 +5,6 @@ import * as LoaderStories from "./loader.stories";
 
 <Meta
   title="Loader"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={LoaderStories}
 />
 
diff --git a/src/components/loader/loader.stories.tsx b/src/components/loader/loader.stories.tsx
index 1ef3aa4733..bc441caf9c 100644
--- a/src/components/loader/loader.stories.tsx
+++ b/src/components/loader/loader.stories.tsx
@@ -17,6 +17,7 @@ const meta: Meta<typeof Loader> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/menu/menu.mdx b/src/components/menu/menu.mdx
index 3b61cbd11b..4efe346176 100644
--- a/src/components/menu/menu.mdx
+++ b/src/components/menu/menu.mdx
@@ -7,7 +7,7 @@ import * as MenuDividerStories from "./menu-divider/menu-divider.stories";
 import * as MenuItemStories from "./menu-item/menu-item.stories";
 import * as MenuStories from "./menu.stories";
 
-<Meta title="Menu" parameters={{ info: { disable: true } }} of={MenuStories} />
+<Meta title="Menu" of={MenuStories} />
 
 # Menu
 
diff --git a/src/components/message/message.mdx b/src/components/message/message.mdx
index de10060333..bd8f910e4c 100644
--- a/src/components/message/message.mdx
+++ b/src/components/message/message.mdx
@@ -5,7 +5,6 @@ import * as MessageStories from "./message.stories";
 
 <Meta
   title="Message"
-  parameters={{ info: { disable: true } }}
   of={MessageStories}
 />
 
diff --git a/src/components/multi-action-button/multi-action-button.mdx b/src/components/multi-action-button/multi-action-button.mdx
index 88e2f1222b..2e2144e61c 100644
--- a/src/components/multi-action-button/multi-action-button.mdx
+++ b/src/components/multi-action-button/multi-action-button.mdx
@@ -5,7 +5,6 @@ import * as MultiActionButtonStories from "./multi-action-button.stories.tsx";
 
 <Meta
   title="Multi Action Button"
-  parameters={{ info: { disable: true } }}
   of={MultiActionButtonStories}
 />
 
diff --git a/src/components/navigation-bar/navigation-bar.mdx b/src/components/navigation-bar/navigation-bar.mdx
index ccfac0d471..04b94bc9a7 100644
--- a/src/components/navigation-bar/navigation-bar.mdx
+++ b/src/components/navigation-bar/navigation-bar.mdx
@@ -4,7 +4,6 @@ import * as NavigationBarStories from "./navigation-bar.stories";
 
 <Meta
   title="Navigation Bar"
-  parameters={{ info: { disable: true } }}
   of={NavigationBarStories}
 />
 
diff --git a/src/components/note/note.mdx b/src/components/note/note.mdx
index f9a3acc2f6..62e6622a4f 100644
--- a/src/components/note/note.mdx
+++ b/src/components/note/note.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as NoteStories from "./note.stories";
 
-<Meta title="Note" parameters={{ info: { disable: true } }} of={NoteStories} />
+<Meta title="Note" of={NoteStories} />
 
 # Note
 
diff --git a/src/components/number/number.mdx b/src/components/number/number.mdx
index e8eebb0e33..46668c6782 100644
--- a/src/components/number/number.mdx
+++ b/src/components/number/number.mdx
@@ -4,7 +4,6 @@ import * as NumberStories from "./number.stories.tsx";
 
 <Meta
   title="Number Input"
-  parameters={{ info: { disable: true } }}
   of={NumberStories}
 />
 
diff --git a/src/components/numeral-date/numeral-date.mdx b/src/components/numeral-date/numeral-date.mdx
index bbcf955b5d..cf2d490d1a 100644
--- a/src/components/numeral-date/numeral-date.mdx
+++ b/src/components/numeral-date/numeral-date.mdx
@@ -5,7 +5,6 @@ import * as NumeralDateStories from "./numeral-date.stories";
 
 <Meta
   title="Numeral Date"
-  parameters={{ info: { disable: true } }}
   of={NumeralDateStories}
 />
 
diff --git a/src/components/pager/pager.mdx b/src/components/pager/pager.mdx
index c09b46dbcd..5214af4f24 100644
--- a/src/components/pager/pager.mdx
+++ b/src/components/pager/pager.mdx
@@ -5,10 +5,7 @@ import * as PagerStories from "./pager.stories.tsx";
 
 <Meta
   title="Pager"
-  parameters={{
-    info: { disable: true },
-  }}
-  of={PagerStories}
+    of={PagerStories}
 />
 
 # Pager
diff --git a/src/components/pages/pages.mdx b/src/components/pages/pages.mdx
index 3667362ac1..445ff367e2 100644
--- a/src/components/pages/pages.mdx
+++ b/src/components/pages/pages.mdx
@@ -5,7 +5,6 @@ import * as PagesStories from "./pages.stories";
 
 <Meta
   title="Pages"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={PagesStories}
 />
 
diff --git a/src/components/pages/pages.stories.tsx b/src/components/pages/pages.stories.tsx
index 037d3ecb59..103eb85d98 100644
--- a/src/components/pages/pages.stories.tsx
+++ b/src/components/pages/pages.stories.tsx
@@ -10,6 +10,7 @@ import Button from "../button";
 const meta: Meta<typeof Pages> = {
   title: "Pages",
   component: Pages,
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/password/password.mdx b/src/components/password/password.mdx
index 6cafa8bd3f..f2b6401097 100644
--- a/src/components/password/password.mdx
+++ b/src/components/password/password.mdx
@@ -5,11 +5,7 @@ import * as PasswordStories from "./password.stories.tsx";
 
 <Meta
   title="Password"
-  parameters={{
-    info: { disable: true },
-    themeProvider: { chromatic: { theme: "sage" } },
-  }}
-  of={PasswordStories}
+    of={PasswordStories}
 />
 
 # Password
diff --git a/src/components/password/password.stories.tsx b/src/components/password/password.stories.tsx
index 6727d8b2c3..ca4fa31578 100644
--- a/src/components/password/password.stories.tsx
+++ b/src/components/password/password.stories.tsx
@@ -17,6 +17,7 @@ const meta: Meta<typeof Password> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { themeProvider: { chromatic: { theme: "sage" } } },
 };
 
 export default meta;
diff --git a/src/components/pill/pill.mdx b/src/components/pill/pill.mdx
index e84cfcd38b..a6e65bc56d 100644
--- a/src/components/pill/pill.mdx
+++ b/src/components/pill/pill.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as PillStories from "./pill.stories";
 
-<Meta title="Pill" parameters={{ info: { disable: true } }} of={PillStories} />
+<Meta title="Pill" of={PillStories} />
 
 # Pill
 
diff --git a/src/components/pod/pod.mdx b/src/components/pod/pod.mdx
index 1e82daf383..856958306d 100644
--- a/src/components/pod/pod.mdx
+++ b/src/components/pod/pod.mdx
@@ -3,7 +3,7 @@ import TranslationKeysTable from "../../../.storybook/utils/translation-keys-tab
 
 import * as PodStories from "./pod.stories.tsx";
 
-<Meta title="Pod" parameters={{ info: { disable: true } }} of={PodStories} />
+<Meta title="Pod" of={PodStories} />
 
 # Pod
 
diff --git a/src/components/popover-container/popover-container.mdx b/src/components/popover-container/popover-container.mdx
index 400439d1db..de39e3f7a2 100644
--- a/src/components/popover-container/popover-container.mdx
+++ b/src/components/popover-container/popover-container.mdx
@@ -6,10 +6,7 @@ import * as PopoverContainerStories from "./popover-container.stories";
 
 <Meta
   title="Popover Container"
-  parameters={{
-    info: { disable: true },
-  }}
-  of={PopoverContainerStories}
+    of={PopoverContainerStories}
 />
 
 # Popover Container
diff --git a/src/components/portal/portal.mdx b/src/components/portal/portal.mdx
index 65e7e9288f..4117bf7cee 100644
--- a/src/components/portal/portal.mdx
+++ b/src/components/portal/portal.mdx
@@ -4,7 +4,6 @@ import PortalStories from "./portal.stories";
 
 <Meta
   title="Portal"
-  parameters={{ info: { disable: true } }}
   of={PortalStories}
 />
 
diff --git a/src/components/portrait/portrait.mdx b/src/components/portrait/portrait.mdx
index 18c09631d0..f006258caa 100644
--- a/src/components/portrait/portrait.mdx
+++ b/src/components/portrait/portrait.mdx
@@ -2,7 +2,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 
 import * as PortraitStories from "./portrait.stories";
 
-<Meta title="Portrait" parameters={{ info: { disable: true } }} of={PortraitStories} />
+<Meta title="Portrait" of={PortraitStories} />
 
 # Portrait
 
diff --git a/src/components/preview/preview.mdx b/src/components/preview/preview.mdx
index 10fff54e76..94d9fb18cb 100644
--- a/src/components/preview/preview.mdx
+++ b/src/components/preview/preview.mdx
@@ -4,7 +4,6 @@ import * as PreviewStories from "./preview.stories";
 
 <Meta
   title="Preview"
-  parameters={{ info: { disable: true } }}
   of={PreviewStories}
 />
 
diff --git a/src/components/profile/profile.mdx b/src/components/profile/profile.mdx
index c74fafd836..5d5a45ba93 100644
--- a/src/components/profile/profile.mdx
+++ b/src/components/profile/profile.mdx
@@ -4,7 +4,6 @@ import * as ProfileStories from "./profile.stories";
 
 <Meta
   title="Profile"
-  parameters={{ info: { disable: true } }}
   of={ProfileStories}
 />
 
diff --git a/src/components/progress-tracker/progress-tracker.mdx b/src/components/progress-tracker/progress-tracker.mdx
index 37cde3b9a8..677f577714 100644
--- a/src/components/progress-tracker/progress-tracker.mdx
+++ b/src/components/progress-tracker/progress-tracker.mdx
@@ -5,7 +5,6 @@ import * as ProgressTrackerStories from "./progress-tracker.stories";
 
 <Meta
   title="Progress Tracker"
-  parameters={{ info: { disable: true } }}
   of={ProgressTrackerStories}
 />
 
diff --git a/src/components/radio-button/radio-button.mdx b/src/components/radio-button/radio-button.mdx
index 9847a388de..313a433519 100644
--- a/src/components/radio-button/radio-button.mdx
+++ b/src/components/radio-button/radio-button.mdx
@@ -5,7 +5,6 @@ import * as RadioButtonStories from "./radio-button.stories";
 
 <Meta
   title="RadioButton"
-  parameters={{ info: { disable: true } }}
   of={RadioButtonStories}
 />
 
diff --git a/src/components/search/search.mdx b/src/components/search/search.mdx
index 35b80e903b..a4eab621af 100644
--- a/src/components/search/search.mdx
+++ b/src/components/search/search.mdx
@@ -4,7 +4,6 @@ import * as SearchStories from "./search.stories";
 
 <Meta
   title="Search"
-  parameters={{ info: { disable: true } }}
   of={SearchStories}
 />
 
diff --git a/src/components/select/filterable-select/filterable-select.mdx b/src/components/select/filterable-select/filterable-select.mdx
index 32cd97e22e..8217cc2e9f 100644
--- a/src/components/select/filterable-select/filterable-select.mdx
+++ b/src/components/select/filterable-select/filterable-select.mdx
@@ -7,7 +7,6 @@ import * as FilterableSelectStories from "./filterable-select.stories";
 
 <Meta
   title="Select/Filterable"
-  parameters={{ info: { disable: true } }}
   of={FilterableSelectStories}
 />
 
diff --git a/src/components/select/multi-select/multi-select.mdx b/src/components/select/multi-select/multi-select.mdx
index c8d5ec11e1..6f4522575a 100644
--- a/src/components/select/multi-select/multi-select.mdx
+++ b/src/components/select/multi-select/multi-select.mdx
@@ -7,7 +7,6 @@ import * as MultiSelectStories from "./multi-select.stories";
 
 <Meta
   title="Select/MultiSelect"
-  parameters={{ info: { disable: true } }}
   of={MultiSelectStories}
 />
 
diff --git a/src/components/select/simple-select/simple-select.mdx b/src/components/select/simple-select/simple-select.mdx
index 9282440cef..7a55a8fb2d 100644
--- a/src/components/select/simple-select/simple-select.mdx
+++ b/src/components/select/simple-select/simple-select.mdx
@@ -7,7 +7,6 @@ import * as SimpleSelectStories from "./simple-select.stories";
 
 <Meta
   title="Select"
-  parameters={{ info: { disable: true } }}
   of={SimpleSelectStories}
 />
 
diff --git a/src/components/sidebar/sidebar.mdx b/src/components/sidebar/sidebar.mdx
index 909cf26d14..1280b030b3 100644
--- a/src/components/sidebar/sidebar.mdx
+++ b/src/components/sidebar/sidebar.mdx
@@ -5,11 +5,7 @@ import * as SidebarStories from "./sidebar.stories.tsx";
 
 <Meta
   title="Sidebar"
-  parameters={{
-    info: { disable: true },
-    themeProvider: { chromatic: { theme: "sage" } },
-  }}
-  of={SidebarStories}
+    of={SidebarStories}
 />
 
 # Sidebar
diff --git a/src/components/sidebar/sidebar.stories.tsx b/src/components/sidebar/sidebar.stories.tsx
index 8272b8516e..bea030b48f 100644
--- a/src/components/sidebar/sidebar.stories.tsx
+++ b/src/components/sidebar/sidebar.stories.tsx
@@ -26,6 +26,7 @@ const meta: Meta<typeof Sidebar> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { themeProvider: { chromatic: { theme: "sage" } } },
 };
 
 export default meta;
diff --git a/src/components/simple-color-picker/simple-color-picker.mdx b/src/components/simple-color-picker/simple-color-picker.mdx
index e469ba1c87..afec91f882 100644
--- a/src/components/simple-color-picker/simple-color-picker.mdx
+++ b/src/components/simple-color-picker/simple-color-picker.mdx
@@ -5,7 +5,6 @@ import * as SimpleColorPickerStories from "./simple-color-picker.stories.tsx";
 
 <Meta
   title="Simple Color Picker"
-  parameters={{ info: { disable: true } }}
   of={SimpleColorPickerStories}
 />
 
diff --git a/src/components/split-button/split-button.mdx b/src/components/split-button/split-button.mdx
index 706f917216..ad7d76db68 100644
--- a/src/components/split-button/split-button.mdx
+++ b/src/components/split-button/split-button.mdx
@@ -5,7 +5,6 @@ import * as SplitButtonStories from "./split-button.stories";
 
 <Meta
   title="Split Button"
-  parameters={{ info: { disable: true } }}
   of={SplitButtonStories}
 />
 
diff --git a/src/components/step-flow/step-flow.mdx b/src/components/step-flow/step-flow.mdx
index fcc36221a5..fc1afc666c 100644
--- a/src/components/step-flow/step-flow.mdx
+++ b/src/components/step-flow/step-flow.mdx
@@ -6,7 +6,6 @@ import * as StepFlowStories from "./step-flow.stories";
 
 <Meta
   title="Step Flow"
-  parameters={{ info: { disable: true }, controls: { disabled: true } }}
   of={StepFlowStories}
 />
 
diff --git a/src/components/step-flow/step-flow.stories.tsx b/src/components/step-flow/step-flow.stories.tsx
index aa9afc9234..2199a31c4a 100644
--- a/src/components/step-flow/step-flow.stories.tsx
+++ b/src/components/step-flow/step-flow.stories.tsx
@@ -23,6 +23,7 @@ const meta: Meta<typeof StepFlow> = {
   argTypes: {
     ...styledSystemProps,
   },
+  parameters: { controls: { disabled: true } },
 };
 
 export default meta;
diff --git a/src/components/step-sequence/step-sequence.mdx b/src/components/step-sequence/step-sequence.mdx
index 9bfe2b94ad..07759a2418 100644
--- a/src/components/step-sequence/step-sequence.mdx
+++ b/src/components/step-sequence/step-sequence.mdx
@@ -7,7 +7,6 @@ import * as StepSequenceStories from "./step-sequence.stories.tsx";
 
 <Meta
   title="Step Sequence"
-  parameters={{ info: { disable: true } }}
   of={StepSequenceStories}
 />
 
diff --git a/src/components/switch/switch.mdx b/src/components/switch/switch.mdx
index 2d40acaced..02a2c27889 100644
--- a/src/components/switch/switch.mdx
+++ b/src/components/switch/switch.mdx
@@ -5,7 +5,6 @@ import * as SwitchStories from "./switch.stories.tsx";
 
 <Meta
   title="Switch"
-  parameters={{ info: { disable: true } }}
   of={SwitchStories}
 />
 
diff --git a/src/components/tabs/tabs.mdx b/src/components/tabs/tabs.mdx
index dcc057da1a..0832d542f3 100644
--- a/src/components/tabs/tabs.mdx
+++ b/src/components/tabs/tabs.mdx
@@ -3,7 +3,7 @@ import { Meta, ArgTypes, Canvas } from "@storybook/blocks";
 import * as TabStories from "./tab/tab.stories";
 import * as TabsStories from "./tabs.stories";
 
-<Meta title="Tabs" parameters={{ info: { disable: true } }} of={TabsStories} />
+<Meta title="Tabs" of={TabsStories} />
 
 # Tabs
 
diff --git a/src/components/text-editor/text-editor.mdx b/src/components/text-editor/text-editor.mdx
index d013d8428d..4521792604 100644
--- a/src/components/text-editor/text-editor.mdx
+++ b/src/components/text-editor/text-editor.mdx
@@ -5,7 +5,6 @@ import * as TextEditorStories from "./text-editor.stories";
 
 <Meta
   title="Text Editor"
-  parameters={{ info: { disable: true } }}
   of={TextEditorStories}
 />
 
diff --git a/src/components/textarea/textarea.mdx b/src/components/textarea/textarea.mdx
index 09fbf2c72f..b17c70d190 100644
--- a/src/components/textarea/textarea.mdx
+++ b/src/components/textarea/textarea.mdx
@@ -5,7 +5,6 @@ import * as TextareaStories from "./textarea.stories";
 
 <Meta
   title="Textarea"
-  parameters={{ info: { disable: true } }}
   of={TextareaStories}
 />
 
diff --git a/src/components/textbox/textbox.mdx b/src/components/textbox/textbox.mdx
index 235ab7f92c..4505e388fd 100644
--- a/src/components/textbox/textbox.mdx
+++ b/src/components/textbox/textbox.mdx
@@ -5,7 +5,6 @@ import * as TextboxStories from "./textbox.stories";
 
 <Meta
   title="Textbox"
-  parameters={{ info: { disable: true } }}
   of={TextboxStories}
 />
 
diff --git a/src/components/tile-select/tile-select.mdx b/src/components/tile-select/tile-select.mdx
index b208826c5a..b1872daab2 100644
--- a/src/components/tile-select/tile-select.mdx
+++ b/src/components/tile-select/tile-select.mdx
@@ -6,7 +6,6 @@ import * as TileSelectStories from "./tile-select.stories";
 
 <Meta
   title="Tile Select"
-  parameters={{ info: { disable: true } }}
   of={TileSelectStories}
 />
 
diff --git a/src/components/tile/tile.mdx b/src/components/tile/tile.mdx
index 63a343f511..a3c019fb01 100644
--- a/src/components/tile/tile.mdx
+++ b/src/components/tile/tile.mdx
@@ -11,9 +11,6 @@ import * as TileStories from "./tile.stories";
 
 <Meta
   title="Tile"
-  parameters={{
-    info: { disable: true },
-  }}
   of={TileStories}
 />
 
diff --git a/src/components/time/time.mdx b/src/components/time/time.mdx
index cd392ecbee..d5cd8e80fa 100644
--- a/src/components/time/time.mdx
+++ b/src/components/time/time.mdx
@@ -6,9 +6,6 @@ import * as TimeStories from "./time.stories";
 
 <Meta
   title="Time"
-  parameters={{
-    info: { disable: true },
-  }}
   of={TimeStories}
 />
 
diff --git a/src/components/toast/toast.mdx b/src/components/toast/toast.mdx
index 6890619dd6..1465765dd7 100644
--- a/src/components/toast/toast.mdx
+++ b/src/components/toast/toast.mdx
@@ -5,7 +5,6 @@ import * as ToastStories from "./toast.stories";
 
 <Meta
   title="Toast"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={ToastStories}
 />
 
diff --git a/src/components/toast/toast.stories.tsx b/src/components/toast/toast.stories.tsx
index 5195fd8ad8..0de7c22f80 100644
--- a/src/components/toast/toast.stories.tsx
+++ b/src/components/toast/toast.stories.tsx
@@ -12,6 +12,7 @@ import Toast from ".";
 const meta: Meta<typeof Toast> = {
   title: "Toast",
   component: Toast,
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/tooltip/tooltip.mdx b/src/components/tooltip/tooltip.mdx
index a001307dae..e695c0d3e3 100644
--- a/src/components/tooltip/tooltip.mdx
+++ b/src/components/tooltip/tooltip.mdx
@@ -4,7 +4,6 @@ import * as TooltipStories from "./tooltip.stories";
 
 <Meta
   title="Tooltip"
-  parameters={{ info: { disable: true }, chromatic: { disableSnapshot: true } }}
   of={TooltipStories}
 />
 
diff --git a/src/components/tooltip/tooltip.stories.tsx b/src/components/tooltip/tooltip.stories.tsx
index 999f2f3cd4..38056e87b2 100644
--- a/src/components/tooltip/tooltip.stories.tsx
+++ b/src/components/tooltip/tooltip.stories.tsx
@@ -9,6 +9,7 @@ import Tooltip from ".";
 const meta: Meta<typeof Tooltip> = {
   title: "Tooltip",
   component: Tooltip,
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;
diff --git a/src/components/vertical-divider/vertical-divider.mdx b/src/components/vertical-divider/vertical-divider.mdx
index b03af8134c..8f1173601d 100644
--- a/src/components/vertical-divider/vertical-divider.mdx
+++ b/src/components/vertical-divider/vertical-divider.mdx
@@ -4,7 +4,6 @@ import * as VerticalDividerStories from "./vertical-divider.stories";
 
 <Meta
   title="VerticalDivider"
-  parameters={{ info: { disable: true } }}
   of={VerticalDividerStories}
 />
 
diff --git a/src/components/vertical-menu/vertical-menu.mdx b/src/components/vertical-menu/vertical-menu.mdx
index 1b93dae455..6f188eeecd 100644
--- a/src/components/vertical-menu/vertical-menu.mdx
+++ b/src/components/vertical-menu/vertical-menu.mdx
@@ -8,10 +8,6 @@ import * as VerticalMenuStories from "./vertical-menu.stories";
 
 <Meta
   title="VerticalMenu"
-  parameters={{
-    info: { disable: true },
-    themeProvider: { chromatic: { theme: "sage" } },
-  }}
   of={VerticalMenuStories}
 />
 
diff --git a/src/components/vertical-menu/vertical-menu.stories.tsx b/src/components/vertical-menu/vertical-menu.stories.tsx
index 02f33775e7..74d30e8b8d 100644
--- a/src/components/vertical-menu/vertical-menu.stories.tsx
+++ b/src/components/vertical-menu/vertical-menu.stories.tsx
@@ -15,6 +15,7 @@ import {
 const meta: Meta<typeof VerticalMenu> = {
   title: "Vertical Menu",
   component: VerticalMenu,
+  parameters: { themeProvider: { chromatic: { theme: "sage" } } },
 };
 
 export default meta;
diff --git a/src/hooks/useMediaQuery/use-media-query.mdx b/src/hooks/useMediaQuery/use-media-query.mdx
index fc166bcbd1..c9056afa7d 100644
--- a/src/hooks/useMediaQuery/use-media-query.mdx
+++ b/src/hooks/useMediaQuery/use-media-query.mdx
@@ -4,7 +4,6 @@ import * as useMediaQueryStories from "./use-media-query.stories";
 
 <Meta
   title="Documentation/Hooks/useMediaQuery"
-  parameters={{ info: { disable: true } }}
   of={useMediaQueryStories}
 />