feat(platform): Indexed content audit (#12988)

* feat(platform): index some missing docs * chore(platform): index fluids as variants Co-authored-by: Andrea Cardona <Andrea.Cardona@ibm.com> * chore(platform): index fluids as variants Co-authored-by: Andrea Cardona <Andrea.Cardona@ibm.com> * chore(platform): remove section from react index as is a sub-component * chore(platform): index some missing assets and add storybookDemo * fix(platform): add missing thumbnails and tags * chore(carbon-plaform): adjust indexing errors * chore(carbon-plaform): adjust indexing errors * chore(carbon-plaform): adjust indexing errors * chore(carbon-platform): comment out invalid thumbnail paths for now * fix(carbon-platform): move some svgs to react package from styles * fix(carbon-platform): correct context-menu tag * chore(carbon-platform): add storybookdemo for unstable_pagination * chore(carbon-platform): make unstable_pagination storybookDemo wide * chore(carbon-platform): add missing thumbnails --------- Co-authored-by: Andrea Cardona <Andrea.Cardona@ibm.com> Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
carbon-design-system · Feb 9, 2023 · 83b06d2 · 83b06d2
1 parent 84d1a95
commit 83b06d2
Show file tree

Hide file tree

Showing 47 changed files with 1,051 additions and 170 deletions.
diff --git a/packages/react/carbon.yml b/packages/react/carbon.yml
diff --git a/packages/react/src/components/ClassPrefix/docs/overview.mdx b/packages/react/src/components/ClassPrefix/docs/overview.mdx
@@ -0,0 +1,12 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  url="https://react.carbondesignsystem.com"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-classprefix--default'
+    }
+  ]}
+/>
diff --git a/packages/react/src/components/ComboBox/docs/overview.mdx b/packages/react/src/components/ComboBox/docs/overview.mdx
@@ -8,6 +8,14 @@
     {
       label: 'Default',
       variant: 'components-combobox--default'
+    },
+    {
+      label: 'Fluid (unstable)',
+      variant: 'experimental-unstable-fluidcombobox--default'
+    },
+    {
+      label: 'Fluid Condensed (unstable)',
+      variant: 'experimental-unstable-fluidcombobox--condensed'
     }
   ]}
 />
diff --git a/packages/react/src/components/ComposedModal/docs/overview.mdx b/packages/react/src/components/ComposedModal/docs/overview.mdx
@@ -10,6 +10,10 @@
       label: 'Default',
       variant: 'components-composedmodal--default'
     },
+    {
+      label: 'Full Width',
+      variant: 'components-composedmodal--full-width'
+    },
     {
       label: 'Passive Modal',
       variant: 'components-composedmodal--passive-modal'

diff --git a/packages/react/src/components/ContainedList/docs/overview.mdx b/packages/react/src/components/ContainedList/docs/overview.mdx
@@ -9,5 +9,29 @@
       label: 'Default',
       variant: 'components-containedlist--default',
     },
+    {
+      label: 'Disclosed',
+      variant: 'components-containedlist--disclosed',
+    },
+    {
+      label: 'With Actions',
+      variant: 'components-containedlist--with-actions',
+    },
+    {
+      label: 'With Icons',
+      variant: 'components-containedlist--with-icons',
+    },
+    {
+      label: 'With Interactive Items',
+      variant: 'components-containedlist--with-interactive-items',
+    },
+    {
+      label: 'With Interactive Items and Actions',
+      variant: 'components-containedlist--with-interactive-items-and-actions',
+    },
+    {
+      label: 'With List Title Decorators',
+      variant: 'components-containedlist--with-list-title-decorators',
+    },
   ]}
 />
diff --git a/packages/react/src/components/ContextMenu/docs/overview.mdx b/packages/react/src/components/ContextMenu/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://react.carbondesignsystem.com"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'experimental-unstable-menu-contextmenu--context-menu'
+    },
+    {
+      label: 'Multiple Groups',
+      variant: 'experimental-unstable-menu-contextmenu--multiple-groups'
+    }
+  ]}
+/>
diff --git a/packages/react/src/components/DatePicker/docs/overview.mdx b/packages/react/src/components/DatePicker/docs/overview.mdx
@@ -16,6 +16,18 @@
     {
       label: 'Single With Calendar',
       variant: 'components-datepicker--single-with-calendar'
+    },
+    {
+      label: 'Fluid Range With Calendar (unstable)',
+      variant: 'experimental-unstable-fluiddatepicker--range-with-calendar'
+    },
+    {
+      label: 'Fluid Simple (unstable)',
+      variant: 'experimental-unstable-fluiddatepicker--simple'
+    },
+    {
+      label: 'Fluid Single (unstable)',
+      variant: 'experimental-unstable-fluiddatepicker--single'
     }
   ]}
 />
diff --git a/packages/react/src/components/Dropdown/docs/overview.mdx b/packages/react/src/components/Dropdown/docs/overview.mdx
@@ -12,6 +12,14 @@
     {
       label: 'Inline',
       variant: 'components-dropdown--inline'
+    },
+    {
+      label: 'Fluid (unstable)',
+      variant: 'experimental-unstable-fluiddropdown--default'
+    },
+    {
+      label: 'Fluid Condensed (unstable)',
+      variant: 'experimental-unstable-fluiddropdown--condensed'
     }
   ]}
 />
diff --git a/packages/react/src/components/FlexGrid/docs/overview.mdx b/packages/react/src/components/FlexGrid/docs/overview.mdx
@@ -7,39 +7,39 @@
   variants={[
     {
       label: 'Auto Columns',
-      variant: 'components-flexgrid--auto-columns'
+      variant: 'elements-flexgrid--auto-columns'
     },
     {
       label: 'Condensed',
-      variant: 'components-flexgrid--condensed'
+      variant: 'elements-flexgrid--condensed'
     },
     {
       label: 'Condensed Columns',
-      variant: 'components-flexgrid--condensed-columns'
+      variant: 'elements-flexgrid--condensed-columns'
     },
     {
       label: 'Full Width',
-      variant: 'components-flexgrid--full-width'
+      variant: 'elements-flexgrid--full-width'
     },
     {
       label: 'Mixed Grid Modes',
-      variant: 'components-flexgrid--mixed-grid-modes'
+      variant: 'elements-flexgrid--mixed-grid-modes'
     },
     {
       label: 'Narrow',
-      variant: 'components-flexgrid--narrow'
+      variant: 'elements-flexgrid--narrow'
     },
     {
       label: 'Narrow Columns',
-      variant: 'components-flexgrid--narrow-columns'
+      variant: 'elements-flexgrid--narrow-columns'
     },
     {
       label: 'Offset',
-      variant: 'components-flexgrid--offset'
+      variant: 'elements-flexgrid--offset'
     },
     {
       label: 'Responsive Grid',
-      variant: 'components-flexgrid--responsive-grid'
+      variant: 'elements-flexgrid--responsive-grid'
     }
   ]}
 />
diff --git a/packages/react/src/components/Form/docs/overview.mdx b/packages/react/src/components/Form/docs/overview.mdx
@@ -8,6 +8,10 @@
     {
       label: 'Default',
       variant: 'components-form--default'
+    },
+    {
+      label: 'Fluid (unstable)',
+      variant: 'experimental-fluidform--default'
     }
   ]}
 />
diff --git a/packages/react/src/components/FormLabel/docs/overview.mdx b/packages/react/src/components/FormLabel/docs/overview.mdx
@@ -0,0 +1,12 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  url="https://react.carbondesignsystem.com"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-formlabel--default'
+    }
+  ]}
+/>
diff --git a/packages/react/src/components/IdPrefix/docs/overview.mdx b/packages/react/src/components/IdPrefix/docs/overview.mdx
@@ -0,0 +1,12 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  url="https://react.carbondesignsystem.com"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-idprefix--default'
+    }
+  ]}
+/>
diff --git a/packages/react/src/components/Layer/docs/overview.mdx b/packages/react/src/components/Layer/docs/overview.mdx
@@ -11,10 +11,6 @@
     {
       label: 'Custom Level',
       variant: 'components-layer--custom-level'
-    },
-    {
-      label: 'useLayer',
-      variant: 'components-layer--use-layer'
     }
   ]}
 />
diff --git a/packages/react/src/components/Layer/docs/use-layer-overview.mdx b/packages/react/src/components/Layer/docs/use-layer-overview.mdx
@@ -0,0 +1,12 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  url="https://react.carbondesignsystem.com"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'components-layer--use-layer'
+    }
+  ]}
+/>
diff --git a/packages/react/src/components/Layout/docs/overview.mdx b/packages/react/src/components/Layout/docs/overview.mdx
@@ -0,0 +1,12 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  url="https://react.carbondesignsystem.com"
+  variants={[
+    {
+      label: 'Default',
+      variant: 'experimental-unstable-text--layout-and-text#layout-direction'
+    }
+  ]}
+/>
diff --git a/packages/react/src/components/Modal/docs/overview.mdx b/packages/react/src/components/Modal/docs/overview.mdx
@@ -13,6 +13,10 @@
       label: 'Danger Modal',
       variant: 'components-modal--danger-modal'
     },
+    {
+      label: 'Full Width',
+      variant: 'components-modal--full-width'
+    },
     {
       label: 'Passive Modal',
       variant: 'components-modal--passive-modal'

diff --git a/packages/react/src/components/MultiSelect/docs/overview.mdx b/packages/react/src/components/MultiSelect/docs/overview.mdx
@@ -5,16 +5,24 @@
   url="https://react.carbondesignsystem.com"
   variants={[
     {
-      label: 'Default,
-      variant: 'components-dropdown--default'
+      label: 'Default',
+      variant: 'components-multiselect--default'
     },
     {
       label: 'Filterable',
       variant: 'components-multiselect--filterable'
     },
     {
-      label: 'With initial selected items,
+      label: 'With initial selected items',
       variant: 'components-multiselect--with-initial-selected-items'
+    },
+    {
+      label: 'Fluid (unstable)',
+      variant: 'experimental-unstable-fluidmultiselect--default'
+    },
+    {
+      label: 'Fluid Condensed (unstable)',
+      variant: 'experimental-unstable-fluidmultiselect--condensed'
     }
   ]}
 />
diff --git a/packages/react/src/components/NumberInput/docs/overview.mdx b/packages/react/src/components/NumberInput/docs/overview.mdx
@@ -7,6 +7,10 @@
     {
       label: 'Default',
       variant: 'components-numberinput--default'
+    },
+    {
+      label: 'Fluid (unstable)',
+      variant: 'experimental-unstable-fluidnumberinput--default'
     }
   ]}
-/>
+/>
diff --git a/packages/react/src/components/OrderedList/docs/overview.mdx b/packages/react/src/components/OrderedList/docs/overview.mdx
@@ -8,9 +8,14 @@
       label: 'Default',
       variant: 'components-orderedlist--default'
     },
+    {
+      label: 'Native List Styles',
+      variant: 'components-orderedlist--native-list-styles'
+
+    },
     {
       label: 'Nested',
       variant: 'components-orderedlist--nested'
     }
   ]}
-/>
+/>
diff --git a/packages/react/src/components/OverflowMenuV2/docs/overview.mdx b/packages/react/src/components/OverflowMenuV2/docs/overview.mdx
@@ -0,0 +1,21 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  tall
+  url="https://react.carbondesignsystem.com"
+  variants={[
+    {
+      label: 'Custom Icon',
+      variant: 'experimental-unstable-menu-overflowmenuv2--custom-icon'
+    },
+    {
+      label: 'Nested',
+      variant: 'experimental-unstable-menu-overflowmenuv2--nested'
+    },
+    {
+      label: 'Overflow Menu V2',
+      variant: 'experimental-unstable-menu-overflowmenuv2--overflow-menu-v-2'
+    }
+  ]}
+/>
diff --git a/packages/react/src/components/Pagination/experimental/docs/overview.mdx b/packages/react/src/components/Pagination/experimental/docs/overview.mdx
@@ -0,0 +1,17 @@
+## Live demo
+
+<StorybookDemo
+  themeSelector
+  wide
+  url="https://react.carbondesignsystem.com"
+  variants={[
+    {
+      label: 'With a Page Selector',
+      variant: 'experimental-unstable-pagination--with-a-page-selector'
+    },
+    {
+      label: 'With no Sizer, Child Input, or Child Selector',
+      variant: 'experimental-unstable-pagination--with-no-sizer-child-input-or-child-selector'
+    }
+  ]}
+/>
diff --git a/packages/react/src/components/Search/docs/overview.mdx b/packages/react/src/components/Search/docs/overview.mdx
@@ -8,9 +8,17 @@
       label: 'Default',
       variant: 'components-search--default'
     },
+    {
+      label: 'Disabled',
+      variant: 'components-search--disabled'
+    },
     {
       label: 'Expandable',
       variant: 'components-search--expandable'
+    },
+    {
+      label: 'Fluid (unstable)',
+      variant: 'experimental-unstable-fluidsearch--default'
     }
   ]}
 />
diff --git a/packages/react/src/components/Select/docs/overview.mdx b/packages/react/src/components/Select/docs/overview.mdx
@@ -11,6 +11,10 @@
     {
       label: 'Inline',
       variant: 'components-select--inline'
+    },
+    {
+      label: 'Fluid (unstable)',
+      variant: 'experimental-unstable-fluidselect--default'
     }
   ]}
 />