Merging Dev to Master to Depreciate Storybook

.storybook/index.js

@@ -7,17 +7,25 @@ import { LIBRARY } from '../src/components/LayoutModules/stories';
 
 // Category labels.
 const CATEGORIES = {
+  OVERVIEW: 'Overview',
   COMPONENTS: 'Components',
   DEPRECATED: 'Deprecated',
   LAYOUT_MODULES: 'Layout modules',
-  PAGE_LAYOUTS: 'Page layouts (Canary)',
+  PAGE_LAYOUTS: 'Layouts',
   PATTERNS: 'Patterns',
 };
 
-const { COMPONENTS, DEPRECATED, LAYOUT_MODULES, PAGE_LAYOUTS, PATTERNS } =
-  CATEGORIES;
+const {
+  OVERVIEW,
+  COMPONENTS,
+  DEPRECATED,
+  LAYOUT_MODULES,
+  PAGE_LAYOUTS,
+  PATTERNS,
+} = CATEGORIES;
 
 const ORDER = [
+  OVERVIEW,
   LAYOUT_MODULES,
   [LIBRARY],
   PAGE_LAYOUTS,
@@ -61,6 +69,13 @@ const getDeprecatedCategory = bindCategory(DEPRECATED);
  */
 const getLayoutModulesCategory = bindCategory(LAYOUT_MODULES);
 
+/**
+ * Returns a formatted string for the layout modules category.
+ * @param {string} storyName The story name to format.
+ * @returns {string} The formatted layout module category and story name.
+ */
+const getOverviewModulesCategory = bindCategory(OVERVIEW);
+
 /**
  * Returns a formatted string for the page layouts category.
  * @param {string} storyName The story name to format.
@@ -141,6 +156,7 @@ export {
   getDeprecatedCategory as deprecated,
   getDocsId,
   getDocsParameters,
+  getOverviewModulesCategory as overviewModules,
   getLayoutModulesCategory as layoutModules,
   getPageLayoutsCategory as pageLayouts,
   getPatternsCategory as patterns,

.storybook/index.scss

@@ -7,12 +7,9 @@
 @import '@carbon/layout/scss/spacing';
 @import '@carbon/themes/scss/theme-maps';
 
-@import '../src/globals/index';
-
 @import 'carbon-components/scss/globals/scss/vars';
 
-@import '../src/components/index';
-@import '../src/platform/index';
+@import '../src/index';
 
 // TODO: Remove workaround for https://github.ibm.com/security/design-core-experience/issues/241
 @import 'components/Background/index';

.storybook/preview.js

@@ -16,8 +16,6 @@ import { Column, Row } from '../src';
 import random from '../src/globals/random';
 import theme from '../src/globals/theme';
 
-import Detail from '../src/components/LayoutModules/docs/examples/Detail/index.mdx';
-import Overview from '../src/components/LayoutModules/docs/examples/Overview/index.mdx';
 import Troubleshooting from '../src/components/LayoutModules/docs/Troubleshooting/index.mdx';
 
 import { ORDER } from '.';
@@ -48,9 +46,7 @@ const parameters = {
       ArgsTable,
       Canvas,
       Column,
-      Detail,
       LinkTo: (props) => <LinkTo className="storybook__link" {...props} />,
-      Overview,
       Row,
       Source,
       Story,