From 277485769b5185dae45a8000fe4a1b6fa863f22a Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 09:16:31 -0500
Subject: [PATCH 01/11] feat(repo): upgrade to carbon 10.50

Only one test failure related to message change in publicAPI test
---
 .../__snapshots__/Welcome.story.storyshot     | 145 +++++--
 packages/react/package.json                   |   6 +-
 .../Card/__snapshots__/Card.story.storyshot   |   7 +-
 .../__snapshots__/CardEditor.story.storyshot  |   9 +
 .../ComboChartCard.story.storyshot            |   6 +-
 .../ComposedModal.story.storyshot             |   1 +
 .../__snapshots__/Dashboard.story.storyshot   |  51 ++-
 .../DashboardGrid.story.storyshot             |   6 +-
 .../DashboardEditor.story.storyshot           |   8 +-
 .../DateTimePickerV2.story.storyshot          |   9 +
 .../__snapshots__/FlyoutMenu.story.storyshot  |  12 +
 .../__snapshots__/GaugeCard.story.storyshot   |   5 +
 .../Hero/__snapshots__/Hero.story.storyshot   |   2 +
 .../HotspotEditorModal.story.storyshot        |   6 +
 .../HotspotContent.story.storyshot            |   4 +
 .../__snapshots__/ImageCard.story.storyshot   |  10 +
 .../ImageHotspots.story.storyshot             |  48 +++
 .../List/__snapshots__/List.story.storyshot   |  32 +-
 .../__snapshots__/ListBuilder.story.storyshot |   6 +-
 .../PageTitleBar.story.storyshot              |  18 +-
 .../__snapshots__/PageWizard.story.storyshot  |   5 +
 .../PieChartCard.story.storyshot              |   5 +-
 .../ProgressIndicator.story.storyshot         |   2 +
 .../__snapshots__/RuleBuilder.story.storyshot |  16 +-
 .../__snapshots__/SideNav.story.storyshot     |  15 +-
 .../TableBodyRow.story.storyshot              |   3 +-
 ...leColumnCustomizationModal.story.storyshot |  24 +-
 .../TableManageViewsModal.story.storyshot     |   2 -
 .../TableSaveViewModal.story.storyshot        |   8 -
 .../StatefulTable.story.storyshot             | 402 ++----------------
 .../__snapshots__/Table.main.story.storyshot  |   4 +-
 .../Table/__snapshots__/Table.story.storyshot | 193 ++-------
 .../TableColumnCustomization.story.storyshot  |  14 +-
 .../TableUserViewManagement.story.storyshot   |   5 +-
 .../__snapshots__/TableCard.story.storyshot   |  49 ++-
 .../TimeSeriesCard.story.storyshot            |   4 +-
 .../__snapshots__/Tooltip.story.storyshot     |   4 +
 .../__snapshots__/ValueCard.story.storyshot   |   3 +
 .../__snapshots__/publicAPI.test.js.snap      |  28 +-
 .../src/utils/__tests__/publicAPI.test.js     |   2 +-
 yarn.lock                                     |  43 +-
 41 files changed, 514 insertions(+), 708 deletions(-)

diff --git a/packages/react/.storybook/__snapshots__/Welcome.story.storyshot b/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
index 512ac7a79a..130813bdfc 100644
--- a/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
+++ b/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
@@ -1889,12 +1889,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_ContainedTab
+                  TabContent
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  TabContent
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -1904,13 +1906,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TabContent
+                  Tabs
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TabContent
+                  Tabs
                 </div>
               </div>
               <div
@@ -1921,14 +1923,27 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tabs
+                  unstable_TabPanel
                 </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tabs
+                  unstable_TabPanels
                 </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -1938,7 +1953,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_ContainedTabs
+                  unstable_TabList
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3286,6 +3301,21 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   SideNavSwitcher
                 </div>
               </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_useContextMenu
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
               <div
                 className="bx--structured-list-row"
                 role="row"
@@ -3339,14 +3369,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_PageSelector
+                  unstable_Heading
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  unstable_PageSelector
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3356,14 +3384,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Pagination
+                  unstable_Section
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  unstable_Pagination
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3373,14 +3399,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_TreeView
+                  unstable_IconButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  unstable_TreeView
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3390,14 +3414,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_TreeNode
+                  unstable_Layer
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  unstable_TreeNode
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3497,12 +3519,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_useContextMenu
+                  unstable_PageSelector
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  unstable_PageSelector
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3512,7 +3536,24 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Heading
+                  unstable_Pagination
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_Pagination
+                </div>
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_Popover
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3527,7 +3568,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Section
+                  unstable_PopoverContent
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3557,7 +3598,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_usePrefix
+                  unstable_HStack
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3572,7 +3613,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Popover
+                  unstable_Stack
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3587,7 +3628,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_PopoverContent
+                  unstable_VStack
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3602,7 +3643,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_HStack
+                  unstable_Tooltip
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3617,7 +3658,41 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Stack
+                  unstable_TreeView
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_TreeView
+                </div>
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_TreeNode
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_TreeNode
+                </div>
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_usePrefix
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3632,7 +3707,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_VStack
+                  unstable_ThemeContext
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3647,7 +3722,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Tooltip
+                  unstable_Theme
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3662,7 +3737,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_IconButton
+                  unstable_useTheme
                 </div>
                 <div
                   className="bx--structured-list-td"
diff --git a/packages/react/package.json b/packages/react/package.json
index f2b835d477..ec47a95602 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -177,10 +177,10 @@
     "@carbon/motion": "10.26.0",
     "@carbon/pictograms-react": "11.20.0",
     "@carbon/telemetry": "^0.0.0-alpha.6",
-    "@carbon/themes": "10.47.0",
+    "@carbon/themes": "10.48.0",
     "@monaco-editor/react": "^3.6.2",
-    "carbon-components": "10.49.0",
-    "carbon-components-react": "7.49.1",
+    "carbon-components": "10.50.0",
+    "carbon-components-react": "7.50.0",
     "carbon-icons": "^7.0.7",
     "classnames": "^2.2.5",
     "core-js": "3.6.5",
diff --git a/packages/react/src/components/Card/__snapshots__/Card.story.storyshot b/packages/react/src/components/Card/__snapshots__/Card.story.storyshot
index 2a8eee740f..f43e919347 100644
--- a/packages/react/src/components/Card/__snapshots__/Card.story.storyshot
+++ b/packages/react/src/components/Card/__snapshots__/Card.story.storyshot
@@ -206,7 +206,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -1656,6 +1658,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C
                   className="iot--flyout-menu--tooltip-anchor"
                 >
                   <div
+                    aria-describedby={null}
                     aria-expanded={false}
                     aria-label="Calendar"
                     className="bx--tooltip__label"
@@ -1806,6 +1809,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C
                   className="iot--flyout-menu--tooltip-anchor"
                 >
                   <div
+                    aria-describedby={null}
                     aria-expanded={false}
                     aria-label="Calendar"
                     className="bx--tooltip__label"
@@ -1887,6 +1891,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
diff --git a/packages/react/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot b/packages/react/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
index 878165f8ac..d28c76f066 100644
--- a/packages/react/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
+++ b/packages/react/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
@@ -357,6 +357,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       id="card-edit-form-Columns"
                     >
                       <div
+                        aria-describedby={null}
                         className="bx--tooltip__trigger"
                         onBlur={[Function]}
                         onClick={[Function]}
@@ -2364,6 +2365,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   id="calculated-abbreviate-numbers-tooltip"
                 >
                   <div
+                    aria-describedby={null}
                     className="bx--tooltip__trigger"
                     onBlur={[Function]}
                     onClick={[Function]}
@@ -2882,6 +2884,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       id="card-edit-form-Columns"
                     >
                       <div
+                        aria-describedby={null}
                         className="bx--tooltip__trigger"
                         onBlur={[Function]}
                         onClick={[Function]}
@@ -4394,6 +4397,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     id="card-edit-form-Data"
                   >
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -4550,6 +4554,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     id="card-edit-form-customTitle"
                   >
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -5430,6 +5435,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   id="calculated-abbreviate-numbers-tooltip"
                 >
                   <div
+                    aria-describedby={null}
                     className="bx--tooltip__trigger"
                     onBlur={[Function]}
                     onClick={[Function]}
@@ -5945,6 +5951,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     id="card-edit-form-Image"
                   >
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -6778,6 +6785,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     id="card-edit-form-Data"
                   >
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -7996,6 +8004,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     id="card-1-abbreviate-numbers-tooltip"
                   >
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
diff --git a/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot b/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot
index c106c3a2ac..d47af1e196 100644
--- a/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot
+++ b/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot
@@ -168,7 +168,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     <p
                       className="bx--batch-summary__para"
                     >
-                      <span>
+                      <span
+                        dir="auto"
+                      >
                         0 items selected
                       </span>
                     </p>
@@ -2123,6 +2125,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
@@ -2315,6 +2318,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
diff --git a/packages/react/src/components/ComposedModal/__snapshots__/ComposedModal.story.storyshot b/packages/react/src/components/ComposedModal/__snapshots__/ComposedModal.story.storyshot
index 3b5e3d22ff..9469c1b158 100644
--- a/packages/react/src/components/ComposedModal/__snapshots__/ComposedModal.story.storyshot
+++ b/packages/react/src/components/ComposedModal/__snapshots__/ComposedModal.story.storyshot
@@ -593,6 +593,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C
         >
           Trigger Text
           <div
+            aria-describedby={null}
             aria-labelledby="my test tooltip"
             className="bx--tooltip__trigger"
             onBlur={[Function]}
diff --git a/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot b/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
index 1876008aba..a1e1487e20 100644
--- a/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
+++ b/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
@@ -1174,6 +1174,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                   >
                     
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -1618,7 +1619,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         <p
                           className="bx--batch-summary__para"
                         >
-                          <span>
+                          <span
+                            dir="auto"
+                          >
                             0 items selected
                           </span>
                         </p>
@@ -2686,6 +2689,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-35-65"
                           className="bx--tooltip__label"
                           id="hotspot-35-65"
@@ -2732,6 +2736,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-25"
                           className="bx--tooltip__label"
                           id="hotspot-45-25"
@@ -2783,6 +2788,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-50"
                           className="bx--tooltip__label"
                           id="hotspot-45-50"
@@ -2834,6 +2840,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-75"
                           className="bx--tooltip__label"
                           id="hotspot-45-75"
@@ -4109,6 +4116,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                   >
                     
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -4553,7 +4561,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         <p
                           className="bx--batch-summary__para"
                         >
-                          <span>
+                          <span
+                            dir="auto"
+                          >
                             0 items selected
                           </span>
                         </p>
@@ -5621,6 +5631,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-35-65"
                           className="bx--tooltip__label"
                           id="hotspot-35-65"
@@ -5667,6 +5678,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-25"
                           className="bx--tooltip__label"
                           id="hotspot-45-25"
@@ -5718,6 +5730,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-50"
                           className="bx--tooltip__label"
                           id="hotspot-45-50"
@@ -5769,6 +5782,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-75"
                           className="bx--tooltip__label"
                           id="hotspot-45-75"
@@ -7079,6 +7093,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                   >
                     
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -7523,7 +7538,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         <p
                           className="bx--batch-summary__para"
                         >
-                          <span>
+                          <span
+                            dir="auto"
+                          >
                             0 items selected
                           </span>
                         </p>
@@ -8591,6 +8608,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-35-65"
                           className="bx--tooltip__label"
                           id="hotspot-35-65"
@@ -8637,6 +8655,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-25"
                           className="bx--tooltip__label"
                           id="hotspot-45-25"
@@ -8688,6 +8707,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-50"
                           className="bx--tooltip__label"
                           id="hotspot-45-50"
@@ -8739,6 +8759,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-75"
                           className="bx--tooltip__label"
                           id="hotspot-45-75"
@@ -9579,7 +9600,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         <p
                           className="bx--batch-summary__para"
                         >
-                          <span>
+                          <span
+                            dir="auto"
+                          >
                             0 items selected
                           </span>
                         </p>
@@ -12343,6 +12366,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                   >
                     
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -12787,7 +12811,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         <p
                           className="bx--batch-summary__para"
                         >
-                          <span>
+                          <span
+                            dir="auto"
+                          >
                             0 items selected
                           </span>
                         </p>
@@ -13855,6 +13881,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-35-65"
                           className="bx--tooltip__label"
                           id="hotspot-35-65"
@@ -13901,6 +13928,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-25"
                           className="bx--tooltip__label"
                           id="hotspot-45-25"
@@ -13952,6 +13980,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-50"
                           className="bx--tooltip__label"
                           id="hotspot-45-50"
@@ -14003,6 +14032,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-75"
                           className="bx--tooltip__label"
                           id="hotspot-45-75"
@@ -14888,6 +14918,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         className="iot--data-state-grid"
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="iot--data-state-grid__icon-xsmall-number-5"
                           className="bx--tooltip__label"
                           id="iot--data-state-grid__icon-xsmall-number-5"
@@ -15695,6 +15726,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         className="iot--data-state-grid"
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="iot--data-state-grid__icon-xsmall-number-5"
                           className="bx--tooltip__label"
                           id="iot--data-state-grid__icon-xsmall-number-5"
@@ -30016,6 +30048,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                   >
                     
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -30460,7 +30493,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         <p
                           className="bx--batch-summary__para"
                         >
-                          <span>
+                          <span
+                            dir="auto"
+                          >
                             0 items selected
                           </span>
                         </p>
@@ -31528,6 +31563,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-35-65"
                           className="bx--tooltip__label"
                           id="hotspot-35-65"
@@ -31574,6 +31610,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-25"
                           className="bx--tooltip__label"
                           id="hotspot-45-25"
@@ -31625,6 +31662,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-50"
                           className="bx--tooltip__label"
                           id="hotspot-45-50"
@@ -31676,6 +31714,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                         }
                       >
                         <div
+                          aria-describedby={null}
                           aria-labelledby="hotspot-45-75"
                           className="bx--tooltip__label"
                           id="hotspot-45-75"
diff --git a/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot b/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
index 195ae013d0..6e0c0f241f 100644
--- a/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
+++ b/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
@@ -875,6 +875,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
               >
                 
                 <div
+                  aria-describedby={null}
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
                   onClick={[Function]}
@@ -2124,7 +2125,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
                     <p
                       className="bx--batch-summary__para"
                     >
-                      <span>
+                      <span
+                        dir="auto"
+                      >
                         0 items selected
                       </span>
                     </p>
@@ -3466,6 +3469,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
                     }
                   >
                     <div
+                      aria-describedby={null}
                       aria-labelledby="hotspot-35-65"
                       className="bx--tooltip__label"
                       id="hotspot-35-65"
diff --git a/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot b/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
index 1e92478940..7f099571b0 100644
--- a/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
+++ b/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
@@ -650,7 +650,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                               <p
                                 className="bx--batch-summary__para"
                               >
-                                <span>
+                                <span
+                                  dir="auto"
+                                >
                                   0 items selected
                                 </span>
                               </p>
@@ -19924,7 +19926,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                             <p
                               className="bx--batch-summary__para"
                             >
-                              <span>
+                              <span
+                                dir="auto"
+                              >
                                 0 items selected
                               </span>
                             </p>
diff --git a/packages/react/src/components/DateTimePicker/__snapshots__/DateTimePickerV2.story.storyshot b/packages/react/src/components/DateTimePicker/__snapshots__/DateTimePickerV2.story.storyshot
index 55f69099f9..b728540313 100644
--- a/packages/react/src/components/DateTimePicker/__snapshots__/DateTimePickerV2.story.storyshot
+++ b/packages/react/src/components/DateTimePicker/__snapshots__/DateTimePickerV2.story.storyshot
@@ -99,6 +99,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           className="iot--flyout-menu--tooltip-anchor"
         >
           <div
+            aria-describedby={null}
             aria-expanded={false}
             aria-label="Calendar"
             className="bx--tooltip__label"
@@ -199,6 +200,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
             className="iot--flyout-menu--tooltip-anchor"
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Calendar"
               className="bx--tooltip__label"
@@ -320,6 +322,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           className="iot--flyout-menu--tooltip-anchor"
         >
           <div
+            aria-describedby={null}
             aria-expanded={false}
             aria-label="Calendar"
             className="bx--tooltip__label"
@@ -423,6 +426,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           className="iot--flyout-menu--tooltip-anchor"
         >
           <div
+            aria-describedby={null}
             aria-expanded={false}
             aria-label="Calendar"
             className="bx--tooltip__label"
@@ -526,6 +530,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           className="iot--flyout-menu--tooltip-anchor"
         >
           <div
+            aria-describedby={null}
             aria-expanded={false}
             aria-label="Calendar"
             className="bx--tooltip__label"
@@ -646,6 +651,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           className="iot--flyout-menu--tooltip-anchor"
         >
           <div
+            aria-describedby={null}
             aria-expanded={false}
             aria-label="Calendar"
             className="bx--tooltip__label"
@@ -749,6 +755,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           className="iot--flyout-menu--tooltip-anchor"
         >
           <div
+            aria-describedby={null}
             aria-expanded={false}
             aria-label="Calendar"
             className="bx--tooltip__label"
@@ -869,6 +876,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           className="iot--flyout-menu--tooltip-anchor"
         >
           <div
+            aria-describedby={null}
             aria-expanded={false}
             aria-label="Calendar"
             className="bx--tooltip__label"
@@ -989,6 +997,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           className="iot--flyout-menu--tooltip-anchor"
         >
           <div
+            aria-describedby={null}
             aria-expanded={false}
             aria-label="Calendar"
             className="bx--tooltip__label"
diff --git a/packages/react/src/components/FlyoutMenu/__snapshots__/FlyoutMenu.story.storyshot b/packages/react/src/components/FlyoutMenu/__snapshots__/FlyoutMenu.story.storyshot
index c26c10ac5e..26c7f20ed2 100644
--- a/packages/react/src/components/FlyoutMenu/__snapshots__/FlyoutMenu.story.storyshot
+++ b/packages/react/src/components/FlyoutMenu/__snapshots__/FlyoutMenu.story.storyshot
@@ -65,6 +65,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
       >
         <div
           aria-controls="flyout-tooltip"
+          aria-describedby="flyout-tooltip"
           aria-expanded={true}
           aria-label="Helpful description"
           className="bx--tooltip__label"
@@ -254,6 +255,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
         data-floating-menu-container={true}
       >
         <div
+          aria-describedby={null}
           aria-expanded={false}
           aria-label="Helpful description"
           className="bx--tooltip__label"
@@ -338,6 +340,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
         data-floating-menu-container={true}
       >
         <div
+          aria-describedby={null}
           aria-expanded={false}
           aria-label="Helpful description"
           className="bx--tooltip__label"
@@ -443,6 +446,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
@@ -522,6 +526,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
@@ -601,6 +606,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
@@ -690,6 +696,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
@@ -769,6 +776,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
@@ -848,6 +856,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
@@ -937,6 +946,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
@@ -1016,6 +1026,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
@@ -1095,6 +1106,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/F
             data-floating-menu-container={true}
           >
             <div
+              aria-describedby={null}
               aria-expanded={false}
               aria-label="Helpful description"
               className="bx--tooltip__label"
diff --git a/packages/react/src/components/GaugeCard/__snapshots__/GaugeCard.story.storyshot b/packages/react/src/components/GaugeCard/__snapshots__/GaugeCard.story.storyshot
index e28d429b33..bc6b2e5dfa 100644
--- a/packages/react/src/components/GaugeCard/__snapshots__/GaugeCard.story.storyshot
+++ b/packages/react/src/components/GaugeCard/__snapshots__/GaugeCard.story.storyshot
@@ -43,6 +43,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
@@ -205,6 +206,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
@@ -408,6 +410,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
@@ -472,6 +475,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G
               className="iot--data-state-grid"
             >
               <div
+                aria-describedby={null}
                 aria-labelledby="iot--data-state-grid__icon-GaugeCard"
                 className="bx--tooltip__label"
                 id="iot--data-state-grid__icon-GaugeCard"
@@ -566,6 +570,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
diff --git a/packages/react/src/components/Hero/__snapshots__/Hero.story.storyshot b/packages/react/src/components/Hero/__snapshots__/Hero.story.storyshot
index 00f69da718..b556aed4ec 100644
--- a/packages/react/src/components/Hero/__snapshots__/Hero.story.storyshot
+++ b/packages/react/src/components/Hero/__snapshots__/Hero.story.storyshot
@@ -569,6 +569,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
@@ -699,6 +700,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
           >
             
             <div
+              aria-describedby={null}
               className="bx--tooltip__trigger"
               onBlur={[Function]}
               onClick={[Function]}
diff --git a/packages/react/src/components/HotspotEditorModal/__snapshots__/HotspotEditorModal.story.storyshot b/packages/react/src/components/HotspotEditorModal/__snapshots__/HotspotEditorModal.story.storyshot
index 1a2d9e6b00..57c191d955 100644
--- a/packages/react/src/components/HotspotEditorModal/__snapshots__/HotspotEditorModal.story.storyshot
+++ b/packages/react/src/components/HotspotEditorModal/__snapshots__/HotspotEditorModal.story.storyshot
@@ -1910,6 +1910,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-45-25"
                   className="bx--tooltip__label"
                   id="hotspot-45-25"
@@ -1996,6 +1997,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-0-0"
                   className="bx--tooltip__label"
                   id="hotspot-0-0"
@@ -2047,6 +2049,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-0-99.9"
                   className="bx--tooltip__label"
                   id="hotspot-0-99.9"
@@ -2098,6 +2101,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-99.9-99.9"
                   className="bx--tooltip__label"
                   id="hotspot-99.9-99.9"
@@ -2149,6 +2153,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-99.9-0"
                   className="bx--tooltip__label"
                   id="hotspot-99.9-0"
@@ -2241,6 +2246,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-35-65"
                   className="bx--tooltip__label"
                   id="hotspot-35-65"
diff --git a/packages/react/src/components/ImageCard/__snapshots__/HotspotContent.story.storyshot b/packages/react/src/components/ImageCard/__snapshots__/HotspotContent.story.storyshot
index 587ec14816..2f5bad9749 100644
--- a/packages/react/src/components/ImageCard/__snapshots__/HotspotContent.story.storyshot
+++ b/packages/react/src/components/ImageCard/__snapshots__/HotspotContent.story.storyshot
@@ -10,6 +10,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/H
   >
     <div
       aria-controls="tooltip"
+      aria-describedby="tooltip"
       aria-expanded={true}
       className="bx--tooltip__trigger"
       onBlur={[Function]}
@@ -179,6 +180,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/H
   >
     <div
       aria-controls="tooltip"
+      aria-describedby="tooltip"
       aria-expanded={true}
       className="bx--tooltip__trigger"
       onBlur={[Function]}
@@ -358,6 +360,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/H
   >
     <div
       aria-controls="tooltip"
+      aria-describedby="tooltip"
       aria-expanded={true}
       className="bx--tooltip__trigger"
       onBlur={[Function]}
@@ -583,6 +586,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/H
   >
     <div
       aria-controls="tooltip"
+      aria-describedby="tooltip"
       aria-expanded={true}
       className="bx--tooltip__trigger"
       onBlur={[Function]}
diff --git a/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot b/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot
index fbc5c402c3..cee12d902c 100644
--- a/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot
+++ b/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot
@@ -154,6 +154,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-35-65"
                   className="bx--tooltip__label"
                   id="hotspot-35-65"
@@ -208,6 +209,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-45-75"
                   className="bx--tooltip__label"
                   id="hotspot-45-75"
@@ -463,6 +465,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-35-65"
                   className="bx--tooltip__label"
                   id="hotspot-35-65"
@@ -511,6 +514,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-45-25"
                   className="bx--tooltip__label"
                   id="hotspot-45-25"
@@ -562,6 +566,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-45-50"
                   className="bx--tooltip__label"
                   id="hotspot-45-50"
@@ -613,6 +618,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-45-75"
                   className="bx--tooltip__label"
                   id="hotspot-45-75"
@@ -1643,6 +1649,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-0-0"
                   className="bx--tooltip__label"
                   id="hotspot-0-0"
@@ -1694,6 +1701,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-0-99.99"
                   className="bx--tooltip__label"
                   id="hotspot-0-99.99"
@@ -1745,6 +1753,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-99.99-99.99"
                   className="bx--tooltip__label"
                   id="hotspot-99.99-99.99"
@@ -1796,6 +1805,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 }
               >
                 <div
+                  aria-describedby={null}
                   aria-labelledby="hotspot-99.99-0"
                   className="bx--tooltip__label"
                   id="hotspot-99.99-0"
diff --git a/packages/react/src/components/ImageCard/__snapshots__/ImageHotspots.story.storyshot b/packages/react/src/components/ImageCard/__snapshots__/ImageHotspots.story.storyshot
index cef49fa931..20bb00c553 100644
--- a/packages/react/src/components/ImageCard/__snapshots__/ImageHotspots.story.storyshot
+++ b/packages/react/src/components/ImageCard/__snapshots__/ImageHotspots.story.storyshot
@@ -74,6 +74,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-0"
             className="bx--tooltip__label"
             id="hotspot-0-0"
@@ -125,6 +126,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-99.9"
             className="bx--tooltip__label"
             id="hotspot-0-99.9"
@@ -176,6 +178,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-99.9"
             className="bx--tooltip__label"
             id="hotspot-99.9-99.9"
@@ -227,6 +230,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-0"
             className="bx--tooltip__label"
             id="hotspot-99.9-0"
@@ -278,6 +282,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-10-20"
             className="bx--tooltip__label"
             id="hotspot-10-20"
@@ -431,6 +436,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-10"
             className="bx--tooltip__label"
             id="hotspot-50-10"
@@ -485,6 +491,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-30-40"
             className="bx--tooltip__label"
             id="hotspot-30-40"
@@ -536,6 +543,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-60"
             className="bx--tooltip__label"
             id="hotspot-50-60"
@@ -815,6 +823,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-0"
             className="bx--tooltip__label"
             id="hotspot-0-0"
@@ -866,6 +875,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-99.9"
             className="bx--tooltip__label"
             id="hotspot-0-99.9"
@@ -917,6 +927,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-99.9"
             className="bx--tooltip__label"
             id="hotspot-99.9-99.9"
@@ -968,6 +979,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-0"
             className="bx--tooltip__label"
             id="hotspot-99.9-0"
@@ -1019,6 +1031,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-10-20"
             className="bx--tooltip__label"
             id="hotspot-10-20"
@@ -1172,6 +1185,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-10"
             className="bx--tooltip__label"
             id="hotspot-50-10"
@@ -1226,6 +1240,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-30-40"
             className="bx--tooltip__label"
             id="hotspot-30-40"
@@ -1277,6 +1292,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-60"
             className="bx--tooltip__label"
             id="hotspot-50-60"
@@ -1443,6 +1459,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-0"
             className="bx--tooltip__label"
             id="hotspot-0-0"
@@ -1494,6 +1511,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-99.9"
             className="bx--tooltip__label"
             id="hotspot-0-99.9"
@@ -1545,6 +1563,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-99.9"
             className="bx--tooltip__label"
             id="hotspot-99.9-99.9"
@@ -1596,6 +1615,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-0"
             className="bx--tooltip__label"
             id="hotspot-99.9-0"
@@ -1647,6 +1667,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-10-20"
             className="bx--tooltip__label"
             id="hotspot-10-20"
@@ -1800,6 +1821,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-10"
             className="bx--tooltip__label"
             id="hotspot-50-10"
@@ -1854,6 +1876,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-30-40"
             className="bx--tooltip__label"
             id="hotspot-30-40"
@@ -1905,6 +1928,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-60"
             className="bx--tooltip__label"
             id="hotspot-50-60"
@@ -2071,6 +2095,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-0"
             className="bx--tooltip__label"
             id="hotspot-0-0"
@@ -2122,6 +2147,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-99.9"
             className="bx--tooltip__label"
             id="hotspot-0-99.9"
@@ -2173,6 +2199,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-99.9"
             className="bx--tooltip__label"
             id="hotspot-99.9-99.9"
@@ -2224,6 +2251,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-0"
             className="bx--tooltip__label"
             id="hotspot-99.9-0"
@@ -2275,6 +2303,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-10-20"
             className="bx--tooltip__label"
             id="hotspot-10-20"
@@ -2428,6 +2457,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-10"
             className="bx--tooltip__label"
             id="hotspot-50-10"
@@ -2482,6 +2512,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-30-40"
             className="bx--tooltip__label"
             id="hotspot-30-40"
@@ -2533,6 +2564,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-60"
             className="bx--tooltip__label"
             id="hotspot-50-60"
@@ -2699,6 +2731,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-0"
             className="bx--tooltip__label"
             id="hotspot-0-0"
@@ -2750,6 +2783,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-99.9"
             className="bx--tooltip__label"
             id="hotspot-0-99.9"
@@ -2801,6 +2835,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-99.9"
             className="bx--tooltip__label"
             id="hotspot-99.9-99.9"
@@ -2852,6 +2887,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-0"
             className="bx--tooltip__label"
             id="hotspot-99.9-0"
@@ -2903,6 +2939,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-10-20"
             className="bx--tooltip__label"
             id="hotspot-10-20"
@@ -3056,6 +3093,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-10"
             className="bx--tooltip__label"
             id="hotspot-50-10"
@@ -3110,6 +3148,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-30-40"
             className="bx--tooltip__label"
             id="hotspot-30-40"
@@ -3161,6 +3200,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-60"
             className="bx--tooltip__label"
             id="hotspot-50-60"
@@ -3327,6 +3367,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-0"
             className="bx--tooltip__label"
             id="hotspot-0-0"
@@ -3378,6 +3419,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-0-99.9"
             className="bx--tooltip__label"
             id="hotspot-0-99.9"
@@ -3429,6 +3471,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-99.9"
             className="bx--tooltip__label"
             id="hotspot-99.9-99.9"
@@ -3480,6 +3523,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-99.9-0"
             className="bx--tooltip__label"
             id="hotspot-99.9-0"
@@ -3531,6 +3575,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-10-20"
             className="bx--tooltip__label"
             id="hotspot-10-20"
@@ -3684,6 +3729,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-10"
             className="bx--tooltip__label"
             id="hotspot-50-10"
@@ -3738,6 +3784,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-30-40"
             className="bx--tooltip__label"
             id="hotspot-30-40"
@@ -3789,6 +3836,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
           }
         >
           <div
+            aria-describedby={null}
             aria-labelledby="hotspot-50-60"
             className="bx--tooltip__label"
             id="hotspot-50-60"
diff --git a/packages/react/src/components/List/__snapshots__/List.story.storyshot b/packages/react/src/components/List/__snapshots__/List.story.storyshot
index 02aae41891..5fcc122489 100644
--- a/packages/react/src/components/List/__snapshots__/List.story.storyshot
+++ b/packages/react/src/components/List/__snapshots__/List.story.storyshot
@@ -2081,7 +2081,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2090,6 +2089,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="DJ LeMahieu-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2143,7 +2143,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2152,6 +2151,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Luke Voit-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2205,7 +2205,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2214,6 +2213,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Gary Sanchez-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2267,7 +2267,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2276,6 +2275,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Kendrys Morales-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2329,7 +2329,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2338,6 +2337,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Gleyber Torres-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2391,7 +2391,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2400,6 +2399,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Clint Frazier-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2453,7 +2453,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2462,6 +2461,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Brett Gardner-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2515,7 +2515,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2524,6 +2523,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Gio Urshela-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2577,7 +2577,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2586,6 +2585,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Cameron Maybin-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2639,7 +2639,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2648,6 +2647,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Robinson Cano-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2807,7 +2807,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2816,6 +2815,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Chicago White Sox-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2895,7 +2895,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2904,6 +2903,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="New York Yankees-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -2983,7 +2983,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -2992,6 +2991,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Houston Astros-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -3053,7 +3053,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -3062,6 +3061,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Atlanta Braves-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -3123,7 +3123,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -3132,6 +3131,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="New York Mets-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
@@ -3193,7 +3193,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -3202,6 +3201,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L
                     disabled={false}
                     id="Washington Nationals-checkbox"
                     onChange={[Function]}
+                    onClick={[Function]}
                     type="checkbox"
                   />
                   <label
diff --git a/packages/react/src/components/ListBuilder/__snapshots__/ListBuilder.story.storyshot b/packages/react/src/components/ListBuilder/__snapshots__/ListBuilder.story.storyshot
index 2bc9a86536..f5f96d1881 100644
--- a/packages/react/src/components/ListBuilder/__snapshots__/ListBuilder.story.storyshot
+++ b/packages/react/src/components/ListBuilder/__snapshots__/ListBuilder.story.storyshot
@@ -1493,7 +1493,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -1502,6 +1501,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         disabled={false}
                         id="1-checkbox"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                       />
                       <label
@@ -1564,7 +1564,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -1573,6 +1572,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         disabled={false}
                         id="2-checkbox"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                       />
                       <label
@@ -1635,7 +1635,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -1644,6 +1643,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         disabled={false}
                         id="3-checkbox"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                       />
                       <label
diff --git a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
index d1f9028129..68e57a1fd6 100644
--- a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
+++ b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
@@ -124,7 +124,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                       <p
                         className="bx--batch-summary__para"
                       >
-                        <span>
+                        <span
+                          dir="auto"
+                        >
                           0 items selected
                         </span>
                       </p>
@@ -407,7 +409,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                             >
                               <div
                                 className="bx--form-item bx--checkbox-wrapper"
-                                onClick={[Function]}
                               >
                                 <input
                                   checked={false}
@@ -1383,7 +1384,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                             >
                               <div
                                 className="bx--form-item bx--checkbox-wrapper"
-                                onClick={[Function]}
                               >
                                 <input
                                   checked={false}
@@ -1719,7 +1719,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                             >
                               <div
                                 className="bx--form-item bx--checkbox-wrapper"
-                                onClick={[Function]}
                               >
                                 <input
                                   checked={false}
@@ -2229,7 +2228,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                       <p
                         className="bx--batch-summary__para"
                       >
-                        <span>
+                        <span
+                          dir="auto"
+                        >
                           0 items selected
                         </span>
                       </p>
@@ -2512,7 +2513,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                             >
                               <div
                                 className="bx--form-item bx--checkbox-wrapper"
-                                onClick={[Function]}
                               >
                                 <input
                                   checked={false}
@@ -3488,7 +3488,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                             >
                               <div
                                 className="bx--form-item bx--checkbox-wrapper"
-                                onClick={[Function]}
                               >
                                 <input
                                   checked={false}
@@ -3824,7 +3823,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                             >
                               <div
                                 className="bx--form-item bx--checkbox-wrapper"
-                                onClick={[Function]}
                               >
                                 <input
                                   checked={false}
@@ -4415,6 +4413,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="More information"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -4960,6 +4959,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="More information"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -5418,6 +5418,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="More information"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -5768,6 +5769,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="More information"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
diff --git a/packages/react/src/components/PageWizard/__snapshots__/PageWizard.story.storyshot b/packages/react/src/components/PageWizard/__snapshots__/PageWizard.story.storyshot
index b920c96f02..7f463f1df7 100644
--- a/packages/react/src/components/PageWizard/__snapshots__/PageWizard.story.storyshot
+++ b/packages/react/src/components/PageWizard/__snapshots__/PageWizard.story.storyshot
@@ -686,6 +686,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
             >
               
               <div
+                aria-describedby={null}
                 aria-label="More information"
                 className="bx--tooltip__trigger"
                 onBlur={[Function]}
@@ -1095,6 +1096,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
             >
               
               <div
+                aria-describedby={null}
                 aria-label="More information"
                 className="bx--tooltip__trigger"
                 onBlur={[Function]}
@@ -1561,6 +1563,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
             >
               
               <div
+                aria-describedby={null}
                 aria-label="More information"
                 className="bx--tooltip__trigger"
                 onBlur={[Function]}
@@ -2386,6 +2389,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
             >
               
               <div
+                aria-describedby={null}
                 aria-label="More information"
                 className="bx--tooltip__trigger"
                 onBlur={[Function]}
@@ -3397,6 +3401,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
             >
               
               <div
+                aria-describedby={null}
                 aria-label="More information"
                 className="bx--tooltip__trigger"
                 onBlur={[Function]}
diff --git a/packages/react/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot b/packages/react/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot
index 4fc86b9006..76c4e02582 100644
--- a/packages/react/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot
+++ b/packages/react/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot
@@ -119,7 +119,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                     <p
                       className="bx--batch-summary__para"
                     >
-                      <span>
+                      <span
+                        dir="auto"
+                      >
                         0 items selected
                       </span>
                     </p>
@@ -232,6 +234,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                       data-floating-menu-container={true}
                     >
                       <div
+                        aria-describedby={null}
                         aria-expanded={false}
                         aria-label=""
                         className="bx--tooltip__label"
diff --git a/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.story.storyshot b/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.story.storyshot
index 433b6755ca..8a76518bb4 100644
--- a/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.story.storyshot
+++ b/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.story.storyshot
@@ -104,6 +104,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
           className="bx--progress-text"
         >
           <div
+            aria-describedby={null}
             aria-labelledby="tooltipTrigger-0"
             className="bx--tooltip__label bx--progress-label"
             id="tooltipTrigger-0"
@@ -162,6 +163,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
           className="bx--progress-text"
         >
           <div
+            aria-describedby={null}
             aria-labelledby="tooltipTrigger-1"
             className="bx--tooltip__label bx--progress-label"
             id="tooltipTrigger-1"
diff --git a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
index f984ec4826..7131761f86 100644
--- a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
+++ b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
@@ -871,7 +871,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                           <p
                             className="bx--batch-summary__para"
                           >
-                            <span>
+                            <span
+                              dir="auto"
+                            >
                               0 items selected
                             </span>
                           </p>
@@ -1387,7 +1389,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                           <p
                             className="bx--batch-summary__para"
                           >
-                            <span>
+                            <span
+                              dir="auto"
+                            >
                               0 items selected
                             </span>
                           </p>
@@ -6514,7 +6518,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                           <p
                             className="bx--batch-summary__para"
                           >
-                            <span>
+                            <span
+                              dir="auto"
+                            >
                               0 items selected
                             </span>
                           </p>
@@ -6794,7 +6800,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                           <p
                             className="bx--batch-summary__para"
                           >
-                            <span>
+                            <span
+                              dir="auto"
+                            >
                               0 items selected
                             </span>
                           </p>
diff --git a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
index 97fdc3fa52..2e13e34de8 100644
--- a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
+++ b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
@@ -491,7 +491,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -774,7 +776,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -1750,7 +1751,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -2086,7 +2086,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -2389,7 +2388,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -2692,7 +2690,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -3028,7 +3025,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -3364,7 +3360,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -3700,7 +3695,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -4036,7 +4030,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -4339,7 +4332,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
@@ -4675,7 +4667,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                       >
                         <div
                           className="bx--form-item bx--checkbox-wrapper"
-                          onClick={[Function]}
                         >
                           <input
                             checked={false}
diff --git a/packages/react/src/components/Table/TableBody/TableBodyRow/__snapshots__/TableBodyRow.story.storyshot b/packages/react/src/components/Table/TableBody/TableBodyRow/__snapshots__/TableBodyRow.story.storyshot
index b763d5d5fc..71c28dbff8 100644
--- a/packages/react/src/components/Table/TableBody/TableBodyRow/__snapshots__/TableBodyRow.story.storyshot
+++ b/packages/react/src/components/Table/TableBody/TableBodyRow/__snapshots__/TableBodyRow.story.storyshot
@@ -30,7 +30,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -163,7 +162,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 <div
                   className="bx--form-item bx--checkbox-wrapper"
-                  onClick={[Function]}
                 >
                   <input
                     checked={false}
@@ -706,6 +704,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     
                     <div
+                      aria-describedby={null}
                       className="bx--tooltip__trigger"
                       onBlur={[Function]}
                       onClick={[Function]}
diff --git a/packages/react/src/components/Table/TableColumnCustomizationModal/__snapshots__/TableColumnCustomizationModal.story.storyshot b/packages/react/src/components/Table/TableColumnCustomizationModal/__snapshots__/TableColumnCustomizationModal.story.storyshot
index e3e39e5187..60a43e6385 100644
--- a/packages/react/src/components/Table/TableColumnCustomizationModal/__snapshots__/TableColumnCustomizationModal.story.storyshot
+++ b/packages/react/src/components/Table/TableColumnCustomizationModal/__snapshots__/TableColumnCustomizationModal.story.storyshot
@@ -151,7 +151,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -160,6 +159,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={true}
                               id="string-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -222,7 +222,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -231,6 +230,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="date-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -293,7 +293,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -302,6 +301,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="select-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -1440,7 +1440,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -1449,6 +1448,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="groupA-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -1519,7 +1519,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -1528,6 +1527,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="date-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -1598,7 +1598,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -1607,6 +1606,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="select-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -2907,7 +2907,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={false}
@@ -2916,6 +2915,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="id-1-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -2978,7 +2978,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={false}
@@ -2987,6 +2986,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="id-2-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -3049,7 +3049,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={false}
@@ -3058,6 +3057,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="id-3-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -3631,7 +3631,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -3640,6 +3639,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={true}
                               id="string-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -3702,7 +3702,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={false}
@@ -3711,6 +3710,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="date-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -3773,7 +3773,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={false}
@@ -3782,6 +3781,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="select-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
diff --git a/packages/react/src/components/Table/TableManageViewsModal/__snapshots__/TableManageViewsModal.story.storyshot b/packages/react/src/components/Table/TableManageViewsModal/__snapshots__/TableManageViewsModal.story.storyshot
index 882280200c..71c93ed38e 100644
--- a/packages/react/src/components/Table/TableManageViewsModal/__snapshots__/TableManageViewsModal.story.storyshot
+++ b/packages/react/src/components/Table/TableManageViewsModal/__snapshots__/TableManageViewsModal.story.storyshot
@@ -133,7 +133,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </div>
           <div
             className="bx--form-item bx--checkbox-wrapper iot--manage-views-modal__public-checkbox"
-            onClick={[Function]}
           >
             <input
               className="bx--checkbox"
@@ -1573,7 +1572,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </div>
           <div
             className="bx--form-item bx--checkbox-wrapper iot--manage-views-modal__public-checkbox"
-            onClick={[Function]}
           >
             <input
               className="bx--checkbox"
diff --git a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
index 1eb89e781d..c0be2c712b 100644
--- a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
+++ b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
@@ -113,7 +113,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           >
             <div
               className="bx--form-item bx--checkbox-wrapper iot--save-view-modal__default-view-checkbox"
-              onClick={[Function]}
             >
               <input
                 checked={false}
@@ -140,7 +139,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             </div>
             <div
               className="bx--form-item bx--checkbox-wrapper iot--save-view-modal__public-checkbox"
-              onClick={[Function]}
             >
               <input
                 checked={false}
@@ -414,7 +412,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           >
             <div
               className="bx--form-item bx--checkbox-wrapper iot--save-view-modal__default-view-checkbox"
-              onClick={[Function]}
             >
               <input
                 checked={false}
@@ -441,7 +438,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             </div>
             <div
               className="bx--form-item bx--checkbox-wrapper iot--save-view-modal__public-checkbox"
-              onClick={[Function]}
             >
               <input
                 checked={false}
@@ -776,7 +772,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           >
             <div
               className="bx--form-item bx--checkbox-wrapper iot--save-view-modal__default-view-checkbox"
-              onClick={[Function]}
             >
               <input
                 checked={false}
@@ -803,7 +798,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             </div>
             <div
               className="bx--form-item bx--checkbox-wrapper iot--save-view-modal__public-checkbox"
-              onClick={[Function]}
             >
               <input
                 checked={false}
@@ -990,7 +984,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           >
             <div
               className="bx--form-item bx--checkbox-wrapper iot--save-view-modal__default-view-checkbox"
-              onClick={[Function]}
             >
               <input
                 checked={true}
@@ -1017,7 +1010,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             </div>
             <div
               className="bx--form-item bx--checkbox-wrapper iot--save-view-modal__public-checkbox"
-              onClick={[Function]}
             >
               <input
                 checked={false}
diff --git a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
index 8bd4981e75..8d49d221f3 100644
--- a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
@@ -42,7 +42,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -553,7 +552,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -757,7 +755,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -968,7 +965,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -1179,7 +1175,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -1383,7 +1378,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -1594,7 +1588,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -1805,7 +1798,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2009,7 +2001,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2220,7 +2211,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2431,7 +2421,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2635,7 +2624,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2846,7 +2834,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3057,7 +3044,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3261,7 +3247,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3472,7 +3457,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3683,7 +3667,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3887,7 +3870,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4098,7 +4080,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4309,7 +4290,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4513,7 +4493,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4724,7 +4703,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4935,7 +4913,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5139,7 +5116,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5350,7 +5326,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5561,7 +5536,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5765,7 +5739,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5976,7 +5949,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -6187,7 +6159,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -6391,7 +6362,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -6602,7 +6572,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -6813,7 +6782,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7017,7 +6985,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7228,7 +7195,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7439,7 +7405,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7643,7 +7608,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7854,7 +7818,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8065,7 +8028,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8269,7 +8231,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8480,7 +8441,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8691,7 +8651,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8895,7 +8854,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9106,7 +9064,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9317,7 +9274,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9521,7 +9477,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9732,7 +9687,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9943,7 +9897,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10147,7 +10100,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10358,7 +10310,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10569,7 +10520,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10773,7 +10723,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10984,7 +10933,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -11195,7 +11143,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -11399,7 +11346,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -11610,7 +11556,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -11821,7 +11766,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12025,7 +11969,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12236,7 +12179,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12447,7 +12389,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12651,7 +12592,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12862,7 +12802,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13073,7 +13012,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13277,7 +13215,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13488,7 +13425,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13699,7 +13635,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13903,7 +13838,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14114,7 +14048,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14325,7 +14258,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14529,7 +14461,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14740,7 +14671,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14951,7 +14881,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15155,7 +15084,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15366,7 +15294,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15577,7 +15504,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15781,7 +15707,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15992,7 +15917,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -16203,7 +16127,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -16407,7 +16330,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -16618,7 +16540,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -16829,7 +16750,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17033,7 +16953,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17244,7 +17163,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17455,7 +17373,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17659,7 +17576,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17870,7 +17786,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18081,7 +17996,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18285,7 +18199,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18496,7 +18409,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18707,7 +18619,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18911,7 +18822,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19122,7 +19032,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19333,7 +19242,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19537,7 +19445,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19748,7 +19655,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19959,7 +19865,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20163,7 +20068,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20374,7 +20278,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20585,7 +20488,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20789,7 +20691,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -21000,7 +20901,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -21211,7 +21111,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -21441,7 +21340,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -21505,7 +21406,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -21839,7 +21739,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -22003,7 +21902,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -22174,7 +22072,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -22345,7 +22242,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -22509,7 +22405,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -22680,7 +22575,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -22851,7 +22745,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -23015,7 +22908,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -23186,7 +23078,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -23357,7 +23248,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -23521,7 +23411,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -23692,7 +23581,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -23863,7 +23751,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -24027,7 +23914,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -24198,7 +24084,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -24369,7 +24254,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -24533,7 +24417,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -24704,7 +24587,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -24875,7 +24757,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -25039,7 +24920,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -25210,7 +25090,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -25381,7 +25260,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -25545,7 +25423,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -25716,7 +25593,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -25887,7 +25763,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -26051,7 +25926,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -26222,7 +26096,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -26393,7 +26266,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -26557,7 +26429,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -26728,7 +26599,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -26899,7 +26769,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -27063,7 +26932,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -27234,7 +27102,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -27405,7 +27272,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -27569,7 +27435,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -27740,7 +27605,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -27911,7 +27775,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -28075,7 +27938,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -28246,7 +28108,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -28417,7 +28278,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -28581,7 +28441,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -28752,7 +28611,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -28923,7 +28781,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -29087,7 +28944,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -29258,7 +29114,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -29429,7 +29284,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -29593,7 +29447,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -29764,7 +29617,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -29935,7 +29787,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30099,7 +29950,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30270,7 +30120,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30441,7 +30290,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30605,7 +30453,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30776,7 +30623,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30947,7 +30793,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31111,7 +30956,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31282,7 +31126,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31453,7 +31296,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31617,7 +31459,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31788,7 +31629,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31959,7 +31799,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -32123,7 +31962,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -32294,7 +32132,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -32465,7 +32302,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -32629,7 +32465,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -32800,7 +32635,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -32971,7 +32805,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -33135,7 +32968,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -33306,7 +33138,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -33477,7 +33308,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -33641,7 +33471,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -33812,7 +33641,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -33983,7 +33811,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -34147,7 +33974,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -34318,7 +34144,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -34489,7 +34314,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -34653,7 +34477,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -34824,7 +34647,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -34995,7 +34817,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -35159,7 +34980,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -35330,7 +35150,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -35501,7 +35320,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -35665,7 +35483,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -35836,7 +35653,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -36007,7 +35823,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -36171,7 +35986,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -36342,7 +36156,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -36513,7 +36326,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -36677,7 +36489,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -36848,7 +36659,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -37019,7 +36829,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -37183,7 +36992,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -37354,7 +37162,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -37525,7 +37332,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -37689,7 +37495,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -37860,7 +37665,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -38031,7 +37835,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -38195,7 +37998,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -38366,7 +38168,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -38537,7 +38338,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -38728,7 +38528,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -38832,7 +38634,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -39550,7 +39351,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -39763,7 +39563,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -39983,7 +39782,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -40203,7 +40001,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -40416,7 +40213,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -40636,7 +40432,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -40856,7 +40651,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -41069,7 +40863,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -41289,7 +41082,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -41509,7 +41301,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -42210,7 +42001,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             </div>
             <div
               className="bx--form-item bx--checkbox-wrapper iot--manage-views-modal__public-checkbox"
-              onClick={[Function]}
             >
               <input
                 className="bx--checkbox"
@@ -42557,7 +42347,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -42943,7 +42735,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -44033,7 +43824,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -44378,7 +44168,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -44723,7 +44512,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -45068,7 +44856,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -45413,7 +45200,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -45758,7 +45544,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -46103,7 +45888,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -46448,7 +46232,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -46793,7 +46576,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -47138,7 +46920,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -47706,7 +47487,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
@@ -47770,7 +47553,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -48344,7 +48126,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -48567,7 +48348,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -48797,7 +48577,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -49027,7 +48806,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -49250,7 +49028,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -49480,7 +49257,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -49710,7 +49486,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -49933,7 +49708,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -50163,7 +49937,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -50393,7 +50166,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -50616,7 +50388,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -50846,7 +50617,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -51076,7 +50846,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -51299,7 +51068,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -51529,7 +51297,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -51759,7 +51526,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -51982,7 +51748,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -52212,7 +51977,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -52442,7 +52206,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -52665,7 +52428,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -52895,7 +52657,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -53125,7 +52886,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -53348,7 +53108,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -53578,7 +53337,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -53808,7 +53566,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -54031,7 +53788,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -54261,7 +54017,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -54491,7 +54246,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -54714,7 +54468,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -54944,7 +54697,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -55174,7 +54926,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -55397,7 +55148,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -55627,7 +55377,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -55857,7 +55606,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -56080,7 +55828,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -56310,7 +56057,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -56540,7 +56286,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -56763,7 +56508,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -56993,7 +56737,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -57223,7 +56966,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -57446,7 +57188,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -57676,7 +57417,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -57906,7 +57646,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -58129,7 +57868,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -58359,7 +58097,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -58589,7 +58326,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -58812,7 +58548,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -59042,7 +58777,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -59272,7 +59006,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -59495,7 +59228,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -59725,7 +59457,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -59955,7 +59686,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -60178,7 +59908,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -60408,7 +60137,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -60638,7 +60366,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -60861,7 +60588,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -61091,7 +60817,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -61321,7 +61046,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -61544,7 +61268,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -61774,7 +61497,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -62004,7 +61726,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -62227,7 +61948,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -62457,7 +62177,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -62687,7 +62406,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -62910,7 +62628,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -63140,7 +62857,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -63370,7 +63086,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -63593,7 +63308,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -63823,7 +63537,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -64053,7 +63766,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -64276,7 +63988,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -64506,7 +64217,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -64736,7 +64446,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -64959,7 +64668,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -65189,7 +64897,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -65419,7 +65126,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -65642,7 +65348,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -65872,7 +65577,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -66102,7 +65806,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -66325,7 +66028,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -66555,7 +66257,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -66785,7 +66486,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -67008,7 +66708,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -67238,7 +66937,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -67468,7 +67166,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -67691,7 +67388,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -67921,7 +67617,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -68151,7 +67846,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -68374,7 +68068,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -68604,7 +68297,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -68834,7 +68526,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -69057,7 +68748,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -69287,7 +68977,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -69517,7 +69206,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -69740,7 +69428,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -69970,7 +69657,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -70200,7 +69886,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -70423,7 +70108,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -70653,7 +70337,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -70883,7 +70566,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -71132,7 +70814,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -71434,6 +71118,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               data-floating-menu-container={true}
             >
               <div
+                aria-describedby={null}
                 aria-expanded={false}
                 aria-label="Helpful description"
                 className="bx--tooltip__label"
@@ -71486,7 +71171,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -72591,7 +72275,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -72928,7 +72611,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -73232,7 +72914,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -73536,7 +73217,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -73873,7 +73553,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -74210,7 +73889,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -74547,7 +74225,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -74884,7 +74561,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -75188,7 +74864,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -75525,7 +75200,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -76103,7 +75777,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
@@ -76987,7 +76663,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -77224,7 +76902,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -77638,7 +77315,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -77941,7 +77617,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -78284,7 +77959,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -78627,7 +78301,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -78963,7 +78636,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -79273,7 +78945,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -79616,7 +79287,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -79952,7 +79622,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -80295,7 +79964,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -80605,7 +80273,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -81229,7 +80896,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -81517,7 +81186,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -82231,7 +81899,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -82571,7 +82238,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -82878,7 +82544,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -83185,7 +82850,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -83525,7 +83189,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -83865,7 +83528,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -84205,7 +83867,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -84545,7 +84206,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -84852,7 +84512,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -85192,7 +84851,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -85788,7 +85446,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -85885,6 +85545,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               data-floating-menu-container={true}
             >
               <div
+                aria-describedby={null}
                 aria-expanded={false}
                 aria-label="advanced-filter-flyout-icon"
                 className="bx--tooltip__label"
@@ -85978,7 +85639,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -86223,7 +85883,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -86434,7 +86093,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -86645,7 +86303,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -86856,7 +86513,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
diff --git a/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot b/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot
index cf95aed8da..9883b664be 100644
--- a/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot
@@ -26,7 +26,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
diff --git a/packages/react/src/components/Table/__snapshots__/Table.story.storyshot b/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
index d9a0216114..86ba683fb2 100644
--- a/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
@@ -25,7 +25,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
@@ -64,6 +66,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
         >
           
           <div
+            aria-describedby={null}
             aria-label="Toolbar tooltip"
             className="bx--tooltip__trigger"
             onBlur={[Function]}
@@ -210,7 +213,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -480,7 +482,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -703,7 +704,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -933,7 +933,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -1163,7 +1162,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -1386,7 +1384,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -1616,7 +1613,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -1846,7 +1842,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2069,7 +2064,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2299,7 +2293,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2529,7 +2522,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2752,7 +2744,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -2982,7 +2973,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3212,7 +3202,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3435,7 +3424,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3665,7 +3653,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -3895,7 +3882,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4118,7 +4104,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4348,7 +4333,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4578,7 +4562,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -4801,7 +4784,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5031,7 +5013,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5261,7 +5242,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5484,7 +5464,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5714,7 +5693,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -5944,7 +5922,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -6167,7 +6144,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -6397,7 +6373,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -6627,7 +6602,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -6850,7 +6824,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7080,7 +7053,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7310,7 +7282,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7533,7 +7504,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7763,7 +7733,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -7993,7 +7962,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8216,7 +8184,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8446,7 +8413,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8676,7 +8642,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -8899,7 +8864,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9129,7 +9093,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9359,7 +9322,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9582,7 +9544,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -9812,7 +9773,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10042,7 +10002,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10265,7 +10224,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10495,7 +10453,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10725,7 +10682,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -10948,7 +10904,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -11178,7 +11133,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -11408,7 +11362,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -11631,7 +11584,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -11861,7 +11813,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12091,7 +12042,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12314,7 +12264,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12544,7 +12493,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12774,7 +12722,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -12997,7 +12944,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13227,7 +13173,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13457,7 +13402,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13680,7 +13624,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -13910,7 +13853,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14140,7 +14082,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14363,7 +14304,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14593,7 +14533,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -14823,7 +14762,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15046,7 +14984,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15276,7 +15213,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15506,7 +15442,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15729,7 +15664,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -15959,7 +15893,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -16189,7 +16122,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -16412,7 +16344,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -16642,7 +16573,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -16872,7 +16802,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17095,7 +17024,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17325,7 +17253,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17555,7 +17482,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -17778,7 +17704,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18008,7 +17933,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18238,7 +18162,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18461,7 +18384,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18691,7 +18613,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -18921,7 +18842,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19144,7 +19064,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19374,7 +19293,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19604,7 +19522,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -19827,7 +19744,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20057,7 +19973,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20287,7 +20202,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20510,7 +20424,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20740,7 +20653,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -20970,7 +20882,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -21193,7 +21104,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -21423,7 +21333,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -21653,7 +21562,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -21876,7 +21784,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -22106,7 +22013,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -22336,7 +22242,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -22559,7 +22464,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -22789,7 +22693,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -23019,7 +22922,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -26743,7 +26645,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
@@ -27266,7 +27170,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
@@ -27738,7 +27644,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             </div>
             <div
               className="bx--form-item bx--checkbox-wrapper iot--manage-views-modal__public-checkbox"
-              onClick={[Function]}
             >
               <input
                 className="bx--checkbox"
@@ -28085,7 +27990,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -28476,7 +28383,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -29566,7 +29472,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -29871,7 +29776,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30216,7 +30120,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30561,7 +30464,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -30899,7 +30801,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31211,7 +31112,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31556,7 +31456,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -31894,7 +31793,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -32239,7 +32137,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -32551,7 +32448,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   >
                     <div
                       className="bx--form-item bx--checkbox-wrapper"
-                      onClick={[Function]}
                     >
                       <input
                         checked={false}
@@ -33716,7 +33612,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
@@ -33916,7 +33814,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -34573,7 +34470,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -34784,7 +34680,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -34995,7 +34890,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -35206,7 +35100,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -35417,7 +35310,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -35628,7 +35520,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -35839,7 +35730,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -36050,7 +35940,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -36261,7 +36150,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -36472,7 +36360,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -36939,7 +36826,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -40156,7 +40045,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -48049,6 +47940,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                     >
                       
                       <div
+                        aria-describedby={null}
                         className="bx--tooltip__trigger"
                         onBlur={[Function]}
                         onClick={[Function]}
@@ -79377,7 +79269,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               4 items selected
             </span>
           </p>
@@ -79515,7 +79409,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -79793,7 +79686,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -80030,7 +79922,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -80274,7 +80165,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -80518,7 +80408,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={true}
@@ -80755,7 +80644,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -80992,7 +80880,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -81229,7 +81116,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={true}
@@ -81473,7 +81359,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -81717,7 +81602,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={true}
@@ -81954,7 +81838,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={true}
@@ -82198,7 +82081,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -82442,7 +82324,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -82686,7 +82567,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -82930,7 +82810,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -83174,7 +83053,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -83418,7 +83296,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -83662,7 +83539,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -83906,7 +83782,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -84420,7 +84295,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
@@ -84518,6 +84395,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           >
             <div
               aria-controls="flyout-tooltip"
+              aria-describedby="flyout-tooltip"
               aria-expanded={true}
               aria-label="advanced-filter-flyout-icon"
               className="bx--tooltip__label"
@@ -85264,7 +85142,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -85509,7 +85386,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -85713,7 +85589,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -85924,7 +85799,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -86135,7 +86009,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -86339,7 +86212,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -86550,7 +86422,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -86761,7 +86632,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -86965,7 +86835,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -87176,7 +87045,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
@@ -87387,7 +87255,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 >
                   <div
                     className="bx--form-item bx--checkbox-wrapper"
-                    onClick={[Function]}
                   >
                     <input
                       checked={false}
diff --git a/packages/react/src/components/Table/__snapshots__/TableColumnCustomization.story.storyshot b/packages/react/src/components/Table/__snapshots__/TableColumnCustomization.story.storyshot
index 640dc29630..a2bf106fc1 100644
--- a/packages/react/src/components/Table/__snapshots__/TableColumnCustomization.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/TableColumnCustomization.story.storyshot
@@ -32,7 +32,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
@@ -1254,7 +1256,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -1263,6 +1264,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="string-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -1325,7 +1327,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -1334,6 +1335,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="date-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -1396,7 +1398,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                         >
                           <div
                             className="bx--form-item bx--checkbox-wrapper"
-                            onClick={[Function]}
                           >
                             <input
                               checked={true}
@@ -1405,6 +1406,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                               disabled={false}
                               id="select-checkbox"
                               onChange={[Function]}
+                              onClick={[Function]}
                               type="checkbox"
                             />
                             <label
@@ -3186,7 +3188,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <p
             className="bx--batch-summary__para"
           >
-            <span>
+            <span
+              dir="auto"
+            >
               0 items selected
             </span>
           </p>
diff --git a/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot b/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
index 9001b7981b..2858a6fa2e 100644
--- a/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
@@ -139,7 +139,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             </div>
             <div
               className="bx--form-item bx--checkbox-wrapper iot--manage-views-modal__public-checkbox"
-              onClick={[Function]}
             >
               <input
                 className="bx--checkbox"
@@ -486,7 +485,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             <p
               className="bx--batch-summary__para"
             >
-              <span>
+              <span
+                dir="auto"
+              >
                 0 items selected
               </span>
             </p>
diff --git a/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot b/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot
index d2416e3488..b4093425ad 100644
--- a/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot
+++ b/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot
@@ -53,7 +53,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -92,6 +94,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -1325,7 +1328,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -1364,6 +1369,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -2602,7 +2608,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -2641,6 +2649,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -4047,7 +4056,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -4948,7 +4959,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -4987,6 +5000,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -6026,7 +6040,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -6065,6 +6081,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -8044,7 +8061,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -8083,6 +8102,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -9908,7 +9928,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -9947,6 +9969,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -11421,7 +11444,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -11460,6 +11485,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
@@ -13148,7 +13174,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 <p
                   className="bx--batch-summary__para"
                 >
-                  <span>
+                  <span
+                    dir="auto"
+                  >
                     0 items selected
                   </span>
                 </p>
@@ -13187,6 +13215,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               >
                 
                 <div
+                  aria-describedby={null}
                   aria-label="Toolbar tooltip"
                   className="bx--tooltip__trigger"
                   onBlur={[Function]}
diff --git a/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot b/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
index a82369ec3e..e875d66b81 100644
--- a/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
+++ b/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
@@ -953,7 +953,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   <p
                     className="bx--batch-summary__para"
                   >
-                    <span>
+                    <span
+                      dir="auto"
+                    >
                       0 items selected
                     </span>
                   </p>
diff --git a/packages/react/src/components/Tooltip/__snapshots__/Tooltip.story.storyshot b/packages/react/src/components/Tooltip/__snapshots__/Tooltip.story.storyshot
index 449ea0126d..a8fd351cab 100644
--- a/packages/react/src/components/Tooltip/__snapshots__/Tooltip.story.storyshot
+++ b/packages/react/src/components/Tooltip/__snapshots__/Tooltip.story.storyshot
@@ -562,6 +562,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
     }
   >
     <div
+      aria-describedby={null}
       aria-labelledby="withoutIcon"
       className="bx--tooltip__label"
       id="withoutIcon"
@@ -600,6 +601,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
       id="customIconOnly"
     >
       <div
+        aria-describedby={null}
         aria-label="Helpful Information"
         className="bx--tooltip__trigger"
         onBlur={[Function]}
@@ -666,6 +668,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
     >
       Tooltip label
       <div
+        aria-describedby={null}
         aria-labelledby="customIcon"
         className="bx--tooltip__trigger"
         onBlur={[Function]}
@@ -760,6 +763,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
   >
     <div
       aria-controls="uncontrolled"
+      aria-describedby="uncontrolled"
       aria-expanded={true}
       aria-labelledby="uncontrolled"
       className="bx--tooltip__label"
diff --git a/packages/react/src/components/ValueCard/__snapshots__/ValueCard.story.storyshot b/packages/react/src/components/ValueCard/__snapshots__/ValueCard.story.storyshot
index 4f0c8547a8..73765a42b5 100644
--- a/packages/react/src/components/ValueCard/__snapshots__/ValueCard.story.storyshot
+++ b/packages/react/src/components/ValueCard/__snapshots__/ValueCard.story.storyshot
@@ -68,6 +68,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V
               className="iot--data-state-grid"
             >
               <div
+                aria-describedby={null}
                 aria-labelledby="iot--data-state-grid__icon-myStoryId"
                 className="bx--tooltip__label"
                 id="iot--data-state-grid__icon-myStoryId"
@@ -104,6 +105,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V
                 </svg>
               </div>
               <div
+                aria-describedby={null}
                 aria-labelledby="iot--data-state-grid__label-myStoryId"
                 className="bx--tooltip__label"
                 id="iot--data-state-grid__label-myStoryId"
@@ -124,6 +126,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V
                 </span>
               </div>
               <div
+                aria-describedby={null}
                 aria-labelledby="iot--data-state-grid__description-myStoryId"
                 className="bx--tooltip__label"
                 id="iot--data-state-grid__description-myStoryId"
diff --git a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
index d6e1094384..ed88fc6eae 100644
--- a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
+++ b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
@@ -30626,7 +30626,6 @@ Map {
     "defaultProps": Object {
       "indeterminate": false,
       "onChange": [Function],
-      "onClick": [Function],
     },
     "displayName": "Checkbox",
     "propTypes": Object {
@@ -30659,9 +30658,6 @@ Map {
       "onChange": Object {
         "type": "func",
       },
-      "onClick": Object {
-        "type": "func",
-      },
       "title": Object {
         "type": "string",
       },
@@ -31410,6 +31406,9 @@ Map {
         "colSpan": Object {
           "type": "number",
         },
+        "id": Object {
+          "type": "string",
+        },
         "isSortHeader": Object {
           "type": "bool",
         },
@@ -32113,17 +32112,7 @@ Map {
         "type": "object",
       },
       "helperText": Object {
-        "args": Array [
-          Array [
-            Object {
-              "type": "string",
-            },
-            Object {
-              "type": "node",
-            },
-          ],
-        ],
-        "type": "oneOfType",
+        "type": "node",
       },
       "hideLabel": Object {
         "type": "bool",
@@ -32175,6 +32164,9 @@ Map {
       "onChange": Object {
         "type": "func",
       },
+      "renderSelectedItem": Object {
+        "type": "func",
+      },
       "selectedItem": Object {
         "args": Array [
           Array [
@@ -32635,7 +32627,6 @@ Map {
       "selectionFeedback": "top-after-reopen",
       "sortItems": [Function],
     },
-    "displayName": "MultiSelect.Filterable",
     "propTypes": Object {
       "ariaLabel": Object {
         "type": "string",
@@ -33515,7 +33506,6 @@ Map {
         "selectionFeedback": "top-after-reopen",
         "sortItems": [Function],
       },
-      "displayName": "MultiSelect.Filterable",
       "propTypes": Object {
         "ariaLabel": Object {
           "type": "string",
@@ -33668,6 +33658,7 @@ Map {
       "light": false,
       "locale": "en",
       "open": false,
+      "selectedItems": null,
       "selectionFeedback": "top-after-reopen",
       "sortItems": [Function],
       "title": false,
@@ -33779,6 +33770,9 @@ Map {
       "open": Object {
         "type": "bool",
       },
+      "selectedItems": Object {
+        "type": "array",
+      },
       "selectionFeedback": Object {
         "args": Array [
           Array [
diff --git a/packages/react/src/utils/__tests__/publicAPI.test.js b/packages/react/src/utils/__tests__/publicAPI.test.js
index 6469a3f1c0..fdd950354b 100644
--- a/packages/react/src/utils/__tests__/publicAPI.test.js
+++ b/packages/react/src/utils/__tests__/publicAPI.test.js
@@ -161,7 +161,7 @@ test('Public API should only change with a semver change', () => {
 
   expect(PublicAPI).toMatchSnapshot();
   expect(console.warn).toHaveBeenCalledWith(
-    `Warning: The Filterable field has been deprecated on the MultiSelect object. Please import and use MultiSelect.Filterable directly.`
+    `Warning: The Filterable field has been deprecated on the MultiSelect object. Please import and use FilterableMultiSelect directly.`
   );
   expect(console.warn).toHaveBeenCalledWith(
     `Warning: The ControlledPasswordInput field has been deprecated on the TextInput object. Please import and use ControlledPasswordInput directly.`
diff --git a/yarn.lock b/yarn.lock
index 31578091a5..07e8b15b78 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3832,6 +3832,11 @@
   resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.27.0.tgz#ab8d920c94cca994f5f3f56b59768f1d894c2ec0"
   integrity sha512-RL7wlUN3BE3hTGpxTloKVfnoLwGsBmLHHZkphiKBuL3xzBZx2GYptPYNRtQOGDPZxeqEfxXzH2RKQk2Mh1eVZA==
 
+"@carbon/layout@^10.35.0":
+  version "10.36.0"
+  resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.36.0.tgz#03807f557abbf7db78681ac43699e5fbdfa1bcde"
+  integrity sha512-53nlp/hjJ8nd69bwc9clSeeXrJt8HBVZN9s/Ehw7enOhf21Hfnb/U2PGoGl189BspCN5tT/gXp+5fprm0nm7TA==
+
 "@carbon/motion@10.12.0":
   version "10.12.0"
   resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.12.0.tgz#5afe2f72a4a907645265a31041495f30ff5f5669"
@@ -3877,14 +3882,14 @@
     "@carbon/type" "^10.20.0"
     color "^3.1.2"
 
-"@carbon/themes@10.47.0":
-  version "10.47.0"
-  resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.47.0.tgz#c83d666d270e7c21f27b297557ad98e8f29e360b"
-  integrity sha512-/HDFq5JeQbxADhV8yCcNpTN2sNMlgTjaEBtgPDdmLlqU2hj5cl7NwHXGcixVfZa9Kp+Nha+njx9+shM19nd7ag==
+"@carbon/themes@10.48.0":
+  version "10.48.0"
+  resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.48.0.tgz#64cd3df55d62e2fca20e1317c7ef7f51fbd0ff0d"
+  integrity sha512-g0dqvWQHPwWW1y+BSuu5JKzMyACw/oHwEu3gqO9X39Z0VyAWFU9ReuG2HK3eLdxd8uCX4YRnDrrWsEbcJuczuA==
   dependencies:
     "@carbon/colors" "^10.34.0"
     "@carbon/layout" "^10.34.0"
-    "@carbon/type" "^10.38.0"
+    "@carbon/type" "^10.39.0"
     color "^3.1.2"
 
 "@carbon/type@^10.20.0":
@@ -3895,13 +3900,13 @@
     "@carbon/import-once" "^10.6.0"
     "@carbon/layout" "^10.27.0"
 
-"@carbon/type@^10.38.0":
-  version "10.38.0"
-  resolved "https://registry.yarnpkg.com/@carbon/type/-/type-10.38.0.tgz#ffd3135b27e3494aece0a4ea5a2cda4aa37ec2f8"
-  integrity sha512-I1Xc9s7LPdAX4KRrOZl8sIv+c0uFnIdVBSwBnBODB3ZJ+EiZgaNdvWKOlkoYRA07Vn1VUcptwkBDuXXO1vHL0A==
+"@carbon/type@^10.39.0":
+  version "10.40.0"
+  resolved "https://registry.yarnpkg.com/@carbon/type/-/type-10.40.0.tgz#b189baed73ce2d0ffb5dc08437144b38f788fbf7"
+  integrity sha512-+ECJANAmAFmF3DmmH9iaCNtVZypBcE8vvhecjRYirSj7FS+9LeiqAZGhjzAqtHpsItH5QHqQs10PrAY2zSylYA==
   dependencies:
     "@carbon/import-once" "^10.6.0"
-    "@carbon/layout" "^10.34.0"
+    "@carbon/layout" "^10.35.0"
 
 "@carbon/utils-position@1.1.1":
   version "1.1.1"
@@ -9813,10 +9818,10 @@ carbon-components-angular@4.56.2:
     flatpickr "4.6.1"
     tslib "^1.9.0"
 
-carbon-components-react@7.49.1:
-  version "7.49.1"
-  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.49.1.tgz#32f17882ab0fa4122473d1e44f6035b1102bef28"
-  integrity sha512-5BziCgloaUOmR+RjjYt2PUxD90w81x3wHnjkBJPn81LkqyBl9WT+yjlZDQJPXI8dTkyCbqppFspL/Jtqir1u4g==
+carbon-components-react@7.50.0:
+  version "7.50.0"
+  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.50.0.tgz#b26a327991e980866d19b49447c4e40845d31014"
+  integrity sha512-HM7cj1AHQ/v385+eenbt2A0/RaFYMCahSsemEHG8jyf/4ESjpad3hCgP6BQ0UhZAS0X5EsX5LX6OHSSKywWdeA==
   dependencies:
     "@babel/runtime" "^7.14.6"
     "@carbon/feature-flags" "^0.6.0"
@@ -9858,10 +9863,10 @@ carbon-components@10.47.0:
     lodash.debounce "^4.0.8"
     warning "^3.0.0"
 
-carbon-components@10.49.0:
-  version "10.49.0"
-  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.49.0.tgz#1c43ffdc8a48bed5e67b21d5ddd817d950b969a6"
-  integrity sha512-toGvNgXA9YCs9XuNSj3E2UWPCCaSkAS9JoMi0qJFNa70CPXgt0TF/PeHNXLi8swS7eIEsNxNn6bQ6W3Rk+5KsQ==
+carbon-components@10.50.0:
+  version "10.50.0"
+  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.50.0.tgz#970cf978e9be83aeb53eb3f263014964974360fd"
+  integrity sha512-MAtqZMQbOzrzO7X8tjlhDrWzF6VnjM19OIYqTuOsDv5XmiGNnmBqnPSFBi2n2PPGLXKnpOnHAXYVx5yQIHSKLQ==
   dependencies:
     "@carbon/telemetry" "0.0.0-alpha.6"
     flatpickr "4.6.1"
@@ -27423,8 +27428,10 @@ watchpack@^1.7.4:
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
   integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==
   dependencies:
+    chokidar "^3.4.1"
     graceful-fs "^4.1.2"
     neo-async "^2.5.0"
+    watchpack-chokidar2 "^2.0.1"
   optionalDependencies:
     chokidar "^3.4.1"
     watchpack-chokidar2 "^2.0.1"

From c7ec393cf273b3d885aac466cd7bce9bff248cc3 Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 09:24:37 -0500
Subject: [PATCH 02/11] chore(repo): upgrade carbon to 10.51

---
 .../__snapshots__/Welcome.story.storyshot     | 911 +++++++++---------
 packages/react/package.json                   |  16 +-
 .../DashboardHeader.story.storyshot           |   4 +-
 .../DateTimePicker.story.storyshot            |   4 -
 .../ProgressIndicator.story.storyshot         |  11 +-
 .../__snapshots__/publicAPI.test.js.snap      |  19 +-
 yarn.lock                                     | 122 ++-
 7 files changed, 558 insertions(+), 529 deletions(-)

diff --git a/packages/react/.storybook/__snapshots__/Welcome.story.storyshot b/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
index 130813bdfc..762f3ee6f8 100644
--- a/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
+++ b/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
@@ -208,13 +208,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  AspectRatio
+                  AccordionSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  AspectRatio
+                  AccordionSkeleton
                 </div>
               </div>
               <div
@@ -225,14 +225,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Breadcrumb
+                  ActionableNotification
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  Breadcrumb
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -242,13 +240,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  BreadcrumbItem
+                  AspectRatio
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  BreadcrumbItem
+                  AspectRatio
                 </div>
               </div>
               <div
@@ -259,13 +257,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Button
+                  Breadcrumb
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Button
+                  Breadcrumb
                 </div>
               </div>
               <div
@@ -276,13 +274,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ButtonSet
+                  BreadcrumbItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ButtonSet
+                  BreadcrumbItem
                 </div>
               </div>
               <div
@@ -293,13 +291,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Checkbox
+                  BreadcrumbSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Checkbox
+                  BreadcrumbSkeleton
                 </div>
               </div>
               <div
@@ -310,13 +308,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  CodeSnippet
+                  Button
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  CodeSnippet
+                  Button
                 </div>
               </div>
               <div
@@ -327,13 +325,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ComboBox
+                  ButtonSet
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ComboBox
+                  ButtonSet
                 </div>
               </div>
               <div
@@ -344,13 +342,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ComposedModal
+                  ButtonSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ComposedModal
+                  ButtonSkeleton
                 </div>
               </div>
               <div
@@ -361,13 +359,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ModalHeader
+                  Checkbox
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ModalHeader
+                  Checkbox
                 </div>
               </div>
               <div
@@ -378,13 +376,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ModalBody
+                  CheckboxSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ModalBody
+                  CheckboxSkeleton
                 </div>
               </div>
               <div
@@ -395,13 +393,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ModalFooter
+                  ClickableTile
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ModalFooter
+                  ClickableTile
                 </div>
               </div>
               <div
@@ -412,13 +410,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ContentSwitcher
+                  CodeSnippet
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ContentSwitcher
+                  CodeSnippet
                 </div>
               </div>
               <div
@@ -429,13 +427,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Copy
+                  CodeSnippetSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Copy
+                  CodeSnippetSkeleton
                 </div>
               </div>
               <div
@@ -446,13 +444,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  CopyButton
+                  Column
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  CopyButton
+                  Column
                 </div>
               </div>
               <div
@@ -463,13 +461,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DangerButton
+                  ComboBox
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DangerButton
+                  ComboBox
                 </div>
               </div>
               <div
@@ -480,13 +478,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DataTable
+                  ComposedModal
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DataTable
+                  ComposedModal
                 </div>
               </div>
               <div
@@ -497,13 +495,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Table
+                  Content
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Table
+                  Content
                 </div>
               </div>
               <div
@@ -514,12 +512,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableActionList
+                  ContentSwitcher
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  ContentSwitcher
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -529,12 +529,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableBatchAction
+                  ControlledPasswordInput
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  ControlledPasswordInput
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -544,12 +546,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableBatchActions
+                  Copy
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  Copy
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -559,13 +563,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableBody
+                  CopyButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableBody
+                  CopyButton
                 </div>
               </div>
               <div
@@ -576,12 +580,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableCell
+                  DangerButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  DangerButton
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -591,12 +597,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableContainer
+                  DataTable
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  DataTable
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -606,12 +614,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableExpandHeader
+                  DataTableSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  DataTableSkeleton
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -621,12 +631,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableExpandRow
+                  DatePicker
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  DatePicker
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -636,12 +648,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableExpandedRow
+                  DatePickerInput
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  DatePickerInput
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -651,13 +665,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableHead
+                  DatePickerSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableHead
+                  DatePickerSkeleton
                 </div>
               </div>
               <div
@@ -668,12 +682,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableHeader
+                  Dropdown
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  Dropdown
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -683,12 +699,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableRow
+                  DropdownSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  DropdownSkeleton
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -698,12 +716,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableSelectAll
+                  ErrorBoundary
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  ErrorBoundary
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -713,12 +733,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableSelectRow
+                  ErrorBoundaryContext
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  ErrorBoundaryContext
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -728,14 +750,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableToolbar
+                  ExpandableSearch
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  TableToolbar
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -745,12 +765,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableToolbarAction
+                  ExpandableTile
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  ExpandableTile
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -760,12 +782,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableToolbarContent
+                  FileUploader
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  FileUploader
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -775,12 +799,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableToolbarSearch
+                  FileUploaderButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  FileUploaderButton
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -790,12 +816,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TableToolbarMenu
+                  FileUploaderDropContainer
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  FileUploaderDropContainer
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -805,13 +833,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DatePicker
+                  FileUploaderItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DatePicker
+                  FileUploaderItem
                 </div>
               </div>
               <div
@@ -822,13 +850,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DatePickerInput
+                  FileUploaderSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DatePickerInput
+                  FileUploaderSkeleton
                 </div>
               </div>
               <div
@@ -839,13 +867,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Dropdown
+                  Filename
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Dropdown
+                  Filename
                 </div>
               </div>
               <div
@@ -856,13 +884,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ErrorBoundary
+                  FilterableMultiSelect
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ErrorBoundary
+                  FilterableMultiSelect
                 </div>
               </div>
               <div
@@ -873,13 +901,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ErrorBoundaryContext
+                  FluidForm
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ErrorBoundaryContext
+                  FluidForm
                 </div>
               </div>
               <div
@@ -890,13 +918,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploader
+                  Form
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploader
+                  Form
                 </div>
               </div>
               <div
@@ -907,13 +935,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Filename
+                  FormGroup
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Filename
+                  FormGroup
                 </div>
               </div>
               <div
@@ -924,13 +952,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploaderButton
+                  FormItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploaderButton
+                  FormItem
                 </div>
               </div>
               <div
@@ -941,13 +969,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploaderDropContainer
+                  FormLabel
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploaderDropContainer
+                  FormLabel
                 </div>
               </div>
               <div
@@ -958,13 +986,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploaderItem
+                  Grid
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploaderItem
+                  Grid
                 </div>
               </div>
               <div
@@ -975,13 +1003,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FilterableMultiSelect
+                  Header
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FilterableMultiSelect
+                  Header
                 </div>
               </div>
               <div
@@ -992,13 +1020,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Form
+                  HeaderContainer
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Form
+                  HeaderContainer
                 </div>
               </div>
               <div
@@ -1009,13 +1037,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FluidForm
+                  HeaderGlobalAction
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FluidForm
+                  HeaderGlobalAction
                 </div>
               </div>
               <div
@@ -1026,13 +1054,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FormGroup
+                  HeaderGlobalBar
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FormGroup
+                  HeaderGlobalBar
                 </div>
               </div>
               <div
@@ -1043,13 +1071,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FormItem
+                  HeaderMenu
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FormItem
+                  HeaderMenu
                 </div>
               </div>
               <div
@@ -1060,13 +1088,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FormLabel
+                  HeaderMenuButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FormLabel
+                  HeaderMenuButton
                 </div>
               </div>
               <div
@@ -1077,13 +1105,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Grid
+                  HeaderMenuItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Grid
+                  HeaderMenuItem
                 </div>
               </div>
               <div
@@ -1094,13 +1122,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Row
+                  HeaderName
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Row
+                  HeaderName
                 </div>
               </div>
               <div
@@ -1111,13 +1139,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Column
+                  HeaderNavigation
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Column
+                  HeaderNavigation
                 </div>
               </div>
               <div
@@ -1128,13 +1156,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Icon
+                  HeaderPanel
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Icon
+                  HeaderPanel
                 </div>
               </div>
               <div
@@ -1145,13 +1173,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  InlineLoading
+                  HeaderSideNavItems
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  InlineLoading
+                  HeaderSideNavItems
                 </div>
               </div>
               <div
@@ -1162,13 +1190,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Link
+                  Icon
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Link
+                  Icon
                 </div>
               </div>
               <div
@@ -1179,13 +1207,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ListItem
+                  IconSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ListItem
+                  IconSkeleton
                 </div>
               </div>
               <div
@@ -1196,13 +1224,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Loading
+                  InlineLoading
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Loading
+                  InlineLoading
                 </div>
               </div>
               <div
@@ -1213,13 +1241,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Modal
+                  InlineNotification
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Modal
+                  InlineNotification
                 </div>
               </div>
               <div
@@ -1230,13 +1258,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ModalWrapper
+                  Link
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ModalWrapper
+                  Link
                 </div>
               </div>
               <div
@@ -1247,13 +1275,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  MultiSelect
+                  ListItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  MultiSelect
+                  ListItem
                 </div>
               </div>
               <div
@@ -1264,12 +1292,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ActionableNotification
+                  Loading
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  Loading
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -1279,13 +1309,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToastNotification
+                  Modal
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToastNotification
+                  Modal
                 </div>
               </div>
               <div
@@ -1296,13 +1326,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  InlineNotification
+                  ModalBody
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  InlineNotification
+                  ModalBody
                 </div>
               </div>
               <div
@@ -1313,13 +1343,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NotificationActionButton
+                  ModalFooter
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NotificationActionButton
+                  ModalFooter
                 </div>
               </div>
               <div
@@ -1330,13 +1360,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NotificationButton
+                  ModalHeader
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NotificationButton
+                  ModalHeader
                 </div>
               </div>
               <div
@@ -1347,13 +1377,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NotificationTextDetails
+                  ModalWrapper
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NotificationTextDetails
+                  ModalWrapper
                 </div>
               </div>
               <div
@@ -1364,13 +1394,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NumberInput
+                  MultiSelect
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NumberInput
+                  MultiSelect
                 </div>
               </div>
               <div
@@ -1381,13 +1411,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  OrderedList
+                  NotificationActionButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  OrderedList
+                  NotificationActionButton
                 </div>
               </div>
               <div
@@ -1398,13 +1428,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  OverflowMenu
+                  NotificationButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  OverflowMenu
+                  NotificationButton
                 </div>
               </div>
               <div
@@ -1415,13 +1445,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  OverflowMenuItem
+                  NotificationTextDetails
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  OverflowMenuItem
+                  NotificationTextDetails
                 </div>
               </div>
               <div
@@ -1432,13 +1462,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Pagination
+                  NumberInput
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Pagination
+                  NumberInput
                 </div>
               </div>
               <div
@@ -1449,13 +1479,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  PaginationNav
+                  NumberInputSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  PaginationNav
+                  NumberInputSkeleton
                 </div>
               </div>
               <div
@@ -1466,13 +1496,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ControlledPasswordInput
+                  OrderedList
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ControlledPasswordInput
+                  OrderedList
                 </div>
               </div>
               <div
@@ -1483,13 +1513,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  PasswordInput
+                  OverflowMenu
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  PasswordInput
+                  OverflowMenu
                 </div>
               </div>
               <div
@@ -1500,13 +1530,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  PrimaryButton
+                  OverflowMenuItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  PrimaryButton
+                  OverflowMenuItem
                 </div>
               </div>
               <div
@@ -1517,13 +1547,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ProgressIndicator
+                  Pagination
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ProgressIndicator
+                  Pagination
                 </div>
               </div>
               <div
@@ -1534,13 +1564,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ProgressStep
+                  PaginationNav
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ProgressStep
+                  PaginationNav
                 </div>
               </div>
               <div
@@ -1551,13 +1581,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  RadioButton
+                  PaginationSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  RadioButton
+                  PaginationSkeleton
                 </div>
               </div>
               <div
@@ -1568,13 +1598,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  RadioButtonGroup
+                  PasswordInput
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  RadioButtonGroup
+                  PasswordInput
                 </div>
               </div>
               <div
@@ -1585,13 +1615,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Search
+                  PrimaryButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Search
+                  PrimaryButton
                 </div>
               </div>
               <div
@@ -1602,13 +1632,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SearchFilterButton
+                  ProgressIndicator
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SearchFilterButton
+                  ProgressIndicator
                 </div>
               </div>
               <div
@@ -1619,13 +1649,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SearchLayoutButton
+                  ProgressIndicatorSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SearchLayoutButton
+                  ProgressIndicatorSkeleton
                 </div>
               </div>
               <div
@@ -1636,12 +1666,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ExpandableSearch
+                  ProgressStep
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  ProgressStep
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -1651,13 +1683,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SecondaryButton
+                  RadioButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SecondaryButton
+                  RadioButton
                 </div>
               </div>
               <div
@@ -1668,13 +1700,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Select
+                  RadioButtonGroup
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Select
+                  RadioButtonGroup
                 </div>
               </div>
               <div
@@ -1685,13 +1717,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SelectItem
+                  RadioButtonSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SelectItem
+                  RadioButtonSkeleton
                 </div>
               </div>
               <div
@@ -1702,13 +1734,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SelectItemGroup
+                  RadioTile
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SelectItemGroup
+                  RadioTile
                 </div>
               </div>
               <div
@@ -1719,13 +1751,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Switch
+                  Row
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Switch
+                  Row
                 </div>
               </div>
               <div
@@ -1736,13 +1768,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Slider
+                  Search
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Slider
+                  Search
                 </div>
               </div>
               <div
@@ -1753,13 +1785,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListWrapper
+                  SearchFilterButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListWrapper
+                  SearchFilterButton
                 </div>
               </div>
               <div
@@ -1770,13 +1802,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListHead
+                  SearchLayoutButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListHead
+                  SearchLayoutButton
                 </div>
               </div>
               <div
@@ -1787,13 +1819,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListBody
+                  SearchSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListBody
+                  SearchSkeleton
                 </div>
               </div>
               <div
@@ -1804,13 +1836,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListRow
+                  SecondaryButton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListRow
+                  SecondaryButton
                 </div>
               </div>
               <div
@@ -1821,13 +1853,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListInput
+                  Select
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListInput
+                  Select
                 </div>
               </div>
               <div
@@ -1838,13 +1870,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListCell
+                  SelectItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListCell
+                  SelectItem
                 </div>
               </div>
               <div
@@ -1855,13 +1887,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListSkeleton
+                  SelectItemGroup
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  StructuredListSkeleton
+                  SelectItemGroup
                 </div>
               </div>
               <div
@@ -1872,13 +1904,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tab
+                  SelectSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tab
+                  SelectSkeleton
                 </div>
               </div>
               <div
@@ -1889,13 +1921,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TabContent
+                  SelectableTile
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TabContent
+                  SelectableTile
                 </div>
               </div>
               <div
@@ -1906,13 +1938,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tabs
+                  SideNav
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tabs
+                  SideNav
                 </div>
               </div>
               <div
@@ -1923,12 +1955,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_TabPanel
+                  SideNavDetails
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  SideNavDetails
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -1938,7 +1972,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_TabPanels
+                  SideNavDivider
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -1953,12 +1987,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_TabList
+                  SideNavFooter
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  SideNavFooter
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -1968,13 +2004,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tag
+                  SideNavHeader
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tag
+                  SideNavHeader
                 </div>
               </div>
               <div
@@ -1985,13 +2021,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TextArea
+                  SideNavIcon
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TextArea
+                  SideNavIcon
                 </div>
               </div>
               <div
@@ -2002,13 +2038,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TextInput
+                  SideNavItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TextInput
+                  SideNavItem
                 </div>
               </div>
               <div
@@ -2019,13 +2055,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tile
+                  SideNavItems
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tile
+                  SideNavItems
                 </div>
               </div>
               <div
@@ -2036,13 +2072,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ClickableTile
+                  SideNavLink
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ClickableTile
+                  SideNavLink
                 </div>
               </div>
               <div
@@ -2053,13 +2089,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SelectableTile
+                  SideNavLinkText
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SelectableTile
+                  SideNavLinkText
                 </div>
               </div>
               <div
@@ -2070,13 +2106,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ExpandableTile
+                  SideNavMenu
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ExpandableTile
+                  SideNavMenu
                 </div>
               </div>
               <div
@@ -2087,13 +2123,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TileAboveTheFoldContent
+                  SideNavMenuItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TileAboveTheFoldContent
+                  SideNavMenuItem
                 </div>
               </div>
               <div
@@ -2104,13 +2140,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TileBelowTheFoldContent
+                  SideNavSwitcher
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TileBelowTheFoldContent
+                  SideNavSwitcher
                 </div>
               </div>
               <div
@@ -2121,13 +2157,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  RadioTile
+                  SkeletonPlaceholder
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  RadioTile
+                  SkeletonPlaceholder
                 </div>
               </div>
               <div
@@ -2138,13 +2174,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TileGroup
+                  SkeletonText
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TileGroup
+                  SkeletonText
                 </div>
               </div>
               <div
@@ -2155,13 +2191,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TimePicker
+                  SkipToContent
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TimePicker
+                  SkipToContent
                 </div>
               </div>
               <div
@@ -2172,13 +2208,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TimePickerSelect
+                  Slider
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TimePickerSelect
+                  Slider
                 </div>
               </div>
               <div
@@ -2189,13 +2225,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Toggle
+                  SliderSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Toggle
+                  SliderSkeleton
                 </div>
               </div>
               <div
@@ -2206,13 +2242,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToggleSmall
+                  StructuredListBody
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToggleSmall
+                  StructuredListBody
                 </div>
               </div>
               <div
@@ -2223,13 +2259,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Toolbar
+                  StructuredListCell
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Toolbar
+                  StructuredListCell
                 </div>
               </div>
               <div
@@ -2240,13 +2276,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarItem
+                  StructuredListHead
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarItem
+                  StructuredListHead
                 </div>
               </div>
               <div
@@ -2257,13 +2293,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarTitle
+                  StructuredListInput
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarTitle
+                  StructuredListInput
                 </div>
               </div>
               <div
@@ -2274,13 +2310,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarOption
+                  StructuredListRow
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarOption
+                  StructuredListRow
                 </div>
               </div>
               <div
@@ -2291,13 +2327,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarDivider
+                  StructuredListSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarDivider
+                  StructuredListSkeleton
                 </div>
               </div>
               <div
@@ -2308,13 +2344,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarSearch
+                  StructuredListWrapper
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToolbarSearch
+                  StructuredListWrapper
                 </div>
               </div>
               <div
@@ -2325,13 +2361,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tooltip
+                  Switch
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Tooltip
+                  Switch
                 </div>
               </div>
               <div
@@ -2342,13 +2378,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TooltipDefinition
+                  Switcher
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TooltipDefinition
+                  Switcher
                 </div>
               </div>
               <div
@@ -2359,13 +2395,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TooltipIcon
+                  SwitcherDivider
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TooltipIcon
+                  SwitcherDivider
                 </div>
               </div>
               <div
@@ -2376,13 +2412,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  UnorderedList
+                  SwitcherItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  UnorderedList
+                  SwitcherItem
                 </div>
               </div>
               <div
@@ -2393,13 +2429,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SkeletonText
+                  Tab
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SkeletonText
+                  Tab
                 </div>
               </div>
               <div
@@ -2410,13 +2446,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SkeletonPlaceholder
+                  TabContent
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SkeletonPlaceholder
+                  TabContent
                 </div>
               </div>
               <div
@@ -2427,13 +2463,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DataTableSkeleton
+                  Table
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DataTableSkeleton
+                  Table
                 </div>
               </div>
               <div
@@ -2444,14 +2480,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  AccordionSkeleton
+                  TableActionList
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  AccordionSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2461,14 +2495,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  BreadcrumbSkeleton
+                  TableBatchAction
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  BreadcrumbSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2478,14 +2510,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ButtonSkeleton
+                  TableBatchActions
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  ButtonSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2495,13 +2525,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  CheckboxSkeleton
+                  TableBody
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  CheckboxSkeleton
+                  TableBody
                 </div>
               </div>
               <div
@@ -2512,14 +2542,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  CodeSnippetSkeleton
+                  TableCell
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  CodeSnippetSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2529,14 +2557,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DropdownSkeleton
+                  TableContainer
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  DropdownSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2546,14 +2572,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  FileUploaderSkeleton
+                  TableExpandHeader
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  FileUploaderSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2563,14 +2587,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  NumberInputSkeleton
+                  TableExpandRow
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  NumberInputSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2580,14 +2602,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  PaginationSkeleton
+                  TableExpandedRow
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  PaginationSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2597,13 +2617,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ProgressIndicatorSkeleton
+                  TableHead
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ProgressIndicatorSkeleton
+                  TableHead
                 </div>
               </div>
               <div
@@ -2614,14 +2634,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  RadioButtonSkeleton
+                  TableHeader
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  RadioButtonSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2631,14 +2649,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SearchSkeleton
+                  TableRow
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  SearchSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2648,14 +2664,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SelectSkeleton
+                  TableSelectAll
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  SelectSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2665,14 +2679,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SliderSkeleton
+                  TableSelectRow
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  SliderSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2682,13 +2694,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TabsSkeleton
+                  TableToolbar
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TabsSkeleton
+                  TableToolbar
                 </div>
               </div>
               <div
@@ -2699,14 +2711,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TagSkeleton
+                  TableToolbarAction
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  TagSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2716,14 +2726,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TextAreaSkeleton
+                  TableToolbarContent
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  TextAreaSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2733,14 +2741,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  TextInputSkeleton
+                  TableToolbarMenu
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  TextInputSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2750,14 +2756,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToggleSkeleton
+                  TableToolbarSearch
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  ToggleSkeleton
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -2767,13 +2771,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToggleSmallSkeleton
+                  Tabs
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  ToggleSmallSkeleton
+                  Tabs
                 </div>
               </div>
               <div
@@ -2784,13 +2788,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  IconSkeleton
+                  TabsSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  IconSkeleton
+                  TabsSkeleton
                 </div>
               </div>
               <div
@@ -2801,13 +2805,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DatePickerSkeleton
+                  Tag
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  DatePickerSkeleton
+                  Tag
                 </div>
               </div>
               <div
@@ -2818,13 +2822,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Content
+                  TagSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Content
+                  TagSkeleton
                 </div>
               </div>
               <div
@@ -2835,13 +2839,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Header
+                  TextArea
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Header
+                  TextArea
                 </div>
               </div>
               <div
@@ -2852,13 +2856,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderContainer
+                  TextAreaSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderContainer
+                  TextAreaSkeleton
                 </div>
               </div>
               <div
@@ -2869,13 +2873,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderGlobalAction
+                  TextInput
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderGlobalAction
+                  TextInput
                 </div>
               </div>
               <div
@@ -2886,13 +2890,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderGlobalBar
+                  TextInputSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderGlobalBar
+                  TextInputSkeleton
                 </div>
               </div>
               <div
@@ -2903,13 +2907,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderMenu
+                  Tile
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderMenu
+                  Tile
                 </div>
               </div>
               <div
@@ -2920,13 +2924,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderMenuButton
+                  TileAboveTheFoldContent
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderMenuButton
+                  TileAboveTheFoldContent
                 </div>
               </div>
               <div
@@ -2937,13 +2941,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderMenuItem
+                  TileBelowTheFoldContent
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderMenuItem
+                  TileBelowTheFoldContent
                 </div>
               </div>
               <div
@@ -2954,13 +2958,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderName
+                  TileGroup
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderName
+                  TileGroup
                 </div>
               </div>
               <div
@@ -2971,13 +2975,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderNavigation
+                  TimePicker
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderNavigation
+                  TimePicker
                 </div>
               </div>
               <div
@@ -2988,13 +2992,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderPanel
+                  TimePickerSelect
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderPanel
+                  TimePickerSelect
                 </div>
               </div>
               <div
@@ -3005,13 +3009,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderSideNavItems
+                  ToastNotification
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  HeaderSideNavItems
+                  ToastNotification
                 </div>
               </div>
               <div
@@ -3022,13 +3026,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Switcher
+                  Toggle
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  Switcher
+                  Toggle
                 </div>
               </div>
               <div
@@ -3039,13 +3043,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SwitcherItem
+                  ToggleSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SwitcherItem
+                  ToggleSkeleton
                 </div>
               </div>
               <div
@@ -3056,13 +3060,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SwitcherDivider
+                  ToggleSmall
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SwitcherDivider
+                  ToggleSmall
                 </div>
               </div>
               <div
@@ -3073,13 +3077,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SkipToContent
+                  ToggleSmallSkeleton
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SkipToContent
+                  ToggleSmallSkeleton
                 </div>
               </div>
               <div
@@ -3090,13 +3094,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNav
+                  Toolbar
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNav
+                  Toolbar
                 </div>
               </div>
               <div
@@ -3107,13 +3111,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavDetails
+                  ToolbarDivider
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavDetails
+                  ToolbarDivider
                 </div>
               </div>
               <div
@@ -3124,12 +3128,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavDivider
+                  ToolbarItem
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  ToolbarItem
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3139,13 +3145,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavFooter
+                  ToolbarOption
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavFooter
+                  ToolbarOption
                 </div>
               </div>
               <div
@@ -3156,13 +3162,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavHeader
+                  ToolbarSearch
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavHeader
+                  ToolbarSearch
                 </div>
               </div>
               <div
@@ -3173,13 +3179,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavIcon
+                  ToolbarTitle
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavIcon
+                  ToolbarTitle
                 </div>
               </div>
               <div
@@ -3190,13 +3196,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavItem
+                  Tooltip
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavItem
+                  Tooltip
                 </div>
               </div>
               <div
@@ -3207,13 +3213,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavItems
+                  TooltipDefinition
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavItems
+                  TooltipDefinition
                 </div>
               </div>
               <div
@@ -3224,13 +3230,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavLink
+                  TooltipIcon
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavLink
+                  TooltipIcon
                 </div>
               </div>
               <div
@@ -3241,13 +3247,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavLinkText
+                  UnorderedList
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavLinkText
+                  UnorderedList
                 </div>
               </div>
               <div
@@ -3258,14 +3264,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavMenu
+                  unstable_FeatureFlags
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  SideNavMenu
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3275,14 +3279,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavMenuItem
+                  unstable_HStack
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  SideNavMenuItem
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3292,14 +3294,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  SideNavSwitcher
+                  unstable_Heading
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  SideNavSwitcher
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3309,7 +3309,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_useContextMenu
+                  unstable_IconButton
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3324,7 +3324,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_FeatureFlags
+                  unstable_IconTab
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3339,7 +3339,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_useFeatureFlag
+                  unstable_Layer
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3354,7 +3354,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_useFeatureFlags
+                  unstable_Menu
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3369,7 +3369,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Heading
+                  unstable_MenuDivider
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3384,7 +3384,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Section
+                  unstable_MenuGroup
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3399,7 +3399,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_IconButton
+                  unstable_MenuItem
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3414,7 +3414,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Layer
+                  unstable_MenuRadioGroup
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3429,7 +3429,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Menu
+                  unstable_MenuSelectableItem
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3444,12 +3444,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_MenuDivider
+                  unstable_PageSelector
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  unstable_PageSelector
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3459,12 +3461,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_MenuGroup
+                  unstable_Pagination
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  unstable_Pagination
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3474,7 +3478,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_MenuItem
+                  unstable_Popover
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3489,7 +3493,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_MenuRadioGroup
+                  unstable_PopoverContent
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3504,7 +3508,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_MenuSelectableItem
+                  unstable_ProgressBar
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3519,14 +3523,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_PageSelector
+                  unstable_Section
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  unstable_PageSelector
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3536,14 +3538,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Pagination
+                  unstable_Stack
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                >
-                  unstable_Pagination
-                </div>
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3553,7 +3553,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Popover
+                  unstable_TabList
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3568,7 +3568,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_PopoverContent
+                  unstable_TabPanel
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3583,7 +3583,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_ProgressBar
+                  unstable_TabPanels
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3598,7 +3598,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_HStack
+                  unstable_Theme
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3613,7 +3613,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Stack
+                  unstable_ThemeContext
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3628,7 +3628,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_VStack
+                  unstable_Tooltip
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3643,12 +3643,14 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Tooltip
+                  unstable_TreeNode
                 </div>
                 <div
                   className="bx--structured-list-td"
                   role="cell"
-                />
+                >
+                  unstable_TreeNode
+                </div>
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3675,14 +3677,27 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_TreeNode
+                  unstable_VStack
                 </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
                 <div
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_TreeNode
+                  unstable_useContextMenu
                 </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
               </div>
               <div
                 className="bx--structured-list-row"
@@ -3692,7 +3707,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_usePrefix
+                  unstable_useFeatureFlag
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3707,7 +3722,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_ThemeContext
+                  unstable_useFeatureFlags
                 </div>
                 <div
                   className="bx--structured-list-td"
@@ -3722,7 +3737,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   className="bx--structured-list-td"
                   role="cell"
                 >
-                  unstable_Theme
+                  unstable_usePrefix
                 </div>
                 <div
                   className="bx--structured-list-td"
diff --git a/packages/react/package.json b/packages/react/package.json
index ec47a95602..18e7b7306f 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -171,16 +171,16 @@
     "@babel/runtime": "^7.10.2",
     "@carbon/charts": "0.54.2",
     "@carbon/charts-react": "0.54.2",
-    "@carbon/colors": "10.34.0",
-    "@carbon/icons-react": "10.44.0",
-    "@carbon/layout": "10.34.0",
-    "@carbon/motion": "10.26.0",
-    "@carbon/pictograms-react": "11.20.0",
+    "@carbon/colors": "10.35.0",
+    "@carbon/icons-react": "10.45.0",
+    "@carbon/layout": "10.35.0",
+    "@carbon/motion": "10.27.0",
+    "@carbon/pictograms-react": "11.21.0",
     "@carbon/telemetry": "^0.0.0-alpha.6",
-    "@carbon/themes": "10.48.0",
+    "@carbon/themes": "10.49.0",
     "@monaco-editor/react": "^3.6.2",
-    "carbon-components": "10.50.0",
-    "carbon-components-react": "7.50.0",
+    "carbon-components": "10.51.0",
+    "carbon-components-react": "7.51.0",
     "carbon-icons": "^7.0.7",
     "classnames": "^2.2.5",
     "core-js": "3.6.5",
diff --git a/packages/react/src/components/Dashboard/__snapshots__/DashboardHeader.story.storyshot b/packages/react/src/components/Dashboard/__snapshots__/DashboardHeader.story.storyshot
index cc5a1e592f..26b420e1f9 100644
--- a/packages/react/src/components/Dashboard/__snapshots__/DashboardHeader.story.storyshot
+++ b/packages/react/src/components/Dashboard/__snapshots__/DashboardHeader.story.storyshot
@@ -265,12 +265,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                   type="text"
                 />
                 <svg
+                  aria-hidden="true"
                   aria-label="Icon description"
                   className="bx--date-picker__icon"
                   fill="currentColor"
                   focusable="false"
                   height={16}
-                  onClick={[Function]}
                   preserveAspectRatio="xMidYMid meet"
                   role="img"
                   viewBox="0 0 32 32"
@@ -362,12 +362,12 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                   type="text"
                 />
                 <svg
+                  aria-hidden="true"
                   aria-label="Icon description"
                   className="bx--date-picker__icon"
                   fill="currentColor"
                   focusable="false"
                   height={16}
-                  onClick={[Function]}
                   preserveAspectRatio="xMidYMid meet"
                   role="img"
                   viewBox="0 0 32 32"
diff --git a/packages/react/src/components/DateTimePicker/__snapshots__/DateTimePicker.story.storyshot b/packages/react/src/components/DateTimePicker/__snapshots__/DateTimePicker.story.storyshot
index 4abf79c30b..b944a8e694 100644
--- a/packages/react/src/components/DateTimePicker/__snapshots__/DateTimePicker.story.storyshot
+++ b/packages/react/src/components/DateTimePicker/__snapshots__/DateTimePicker.story.storyshot
@@ -540,7 +540,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
                             fill="currentColor"
                             focusable="false"
                             height={16}
-                            onClick={[Function]}
                             preserveAspectRatio="xMidYMid meet"
                             role="img"
                             viewBox="0 0 32 32"
@@ -574,7 +573,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
                             fill="currentColor"
                             focusable="false"
                             height={16}
-                            onClick={[Function]}
                             preserveAspectRatio="xMidYMid meet"
                             role="img"
                             viewBox="0 0 32 32"
@@ -1033,7 +1031,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
                             fill="currentColor"
                             focusable="false"
                             height={16}
-                            onClick={[Function]}
                             preserveAspectRatio="xMidYMid meet"
                             role="img"
                             viewBox="0 0 32 32"
@@ -1067,7 +1064,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
                             fill="currentColor"
                             focusable="false"
                             height={16}
-                            onClick={[Function]}
                             preserveAspectRatio="xMidYMid meet"
                             role="img"
                             viewBox="0 0 32 32"
diff --git a/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.story.storyshot b/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.story.storyshot
index 8a76518bb4..ed8d5d426f 100644
--- a/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.story.storyshot
+++ b/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.story.storyshot
@@ -88,13 +88,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
           width={16}
           xmlns="http://www.w3.org/2000/svg"
         >
-          <circle
-            cx="16"
-            cy="16"
-            r="10"
-          />
           <path
-            d="M16,30A14,14,0,1,1,30,16,14.0158,14.0158,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12.0137,12.0137,0,0,0,16,4Z"
+            d="M23.7642 6.8593l1.2851-1.5315A13.976 13.976 0 0020.8672 2.887l-.6836 1.8776A11.9729 11.9729 0 0123.7642 6.8593zM27.81 14l1.9677-.4128A13.8888 13.8888 0 0028.14 9.0457L26.4087 10A12.52 12.52 0 0127.81 14zM20.1836 27.2354l.6836 1.8776a13.976 13.976 0 004.1821-2.4408l-1.2851-1.5315A11.9729 11.9729 0 0120.1836 27.2354zM26.4087 22L28.14 23a14.14 14.14 0 001.6382-4.5872L27.81 18.0659A12.1519 12.1519 0 0126.4087 22zM16 30V2a14 14 0 000 28z"
           />
           <title>
             Step 2: Getting started with Carbon Design System
@@ -153,7 +148,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"
+            d="M7.7 4.7a14.7 14.7 0 00-3 3.1L6.3 9A13.26 13.26 0 018.9 6.3zM4.6 12.3l-1.9-.6A12.51 12.51 0 002 16H4A11.48 11.48 0 014.6 12.3zM2.7 20.4a14.4 14.4 0 002 3.9l1.6-1.2a12.89 12.89 0 01-1.7-3.3zM7.8 27.3a14.4 14.4 0 003.9 2l.6-1.9A12.89 12.89 0 019 25.7zM11.7 2.7l.6 1.9A11.48 11.48 0 0116 4V2A12.51 12.51 0 0011.7 2.7zM24.2 27.3a15.18 15.18 0 003.1-3.1L25.7 23A11.53 11.53 0 0123 25.7zM27.4 19.7l1.9.6A15.47 15.47 0 0030 16H28A11.48 11.48 0 0127.4 19.7zM29.2 11.6a14.4 14.4 0 00-2-3.9L25.6 8.9a12.89 12.89 0 011.7 3.3zM24.1 4.6a14.4 14.4 0 00-3.9-2l-.6 1.9a12.89 12.89 0 013.3 1.7zM20.3 29.3l-.6-1.9A11.48 11.48 0 0116 28v2A21.42 21.42 0 0020.3 29.3z"
           />
           <title>
             Step 3: Getting started with Carbon Design System
@@ -270,7 +265,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"
+            d="M7.7 4.7a14.7 14.7 0 00-3 3.1L6.3 9A13.26 13.26 0 018.9 6.3zM4.6 12.3l-1.9-.6A12.51 12.51 0 002 16H4A11.48 11.48 0 014.6 12.3zM2.7 20.4a14.4 14.4 0 002 3.9l1.6-1.2a12.89 12.89 0 01-1.7-3.3zM7.8 27.3a14.4 14.4 0 003.9 2l.6-1.9A12.89 12.89 0 019 25.7zM11.7 2.7l.6 1.9A11.48 11.48 0 0116 4V2A12.51 12.51 0 0011.7 2.7zM24.2 27.3a15.18 15.18 0 003.1-3.1L25.7 23A11.53 11.53 0 0123 25.7zM27.4 19.7l1.9.6A15.47 15.47 0 0030 16H28A11.48 11.48 0 0127.4 19.7zM29.2 11.6a14.4 14.4 0 00-2-3.9L25.6 8.9a12.89 12.89 0 011.7 3.3zM24.1 4.6a14.4 14.4 0 00-3.9-2l-.6 1.9a12.89 12.89 0 013.3 1.7zM20.3 29.3l-.6-1.9A11.48 11.48 0 0116 28v2A21.42 21.42 0 0020.3 29.3z"
           />
           <title>
             Step 5: Getting started with Carbon Design System
diff --git a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
index ed88fc6eae..3f6b54bc16 100644
--- a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
+++ b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
@@ -24732,7 +24732,8 @@ Map {
       "open": Object {
         "type": "bool",
       },
-      "renderExpando": Object {
+      "renderExpando": [Function],
+      "renderToggle": Object {
         "type": "func",
       },
       "testId": Object {
@@ -30570,7 +30571,8 @@ Map {
       "open": Object {
         "type": "bool",
       },
-      "renderExpando": Object {
+      "renderExpando": [Function],
+      "renderToggle": Object {
         "type": "func",
       },
       "title": Object {
@@ -30677,7 +30679,7 @@ Map {
         "type": "string",
       },
       "children": Object {
-        "type": "string",
+        "type": "node",
       },
       "className": Object {
         "type": "string",
@@ -30688,6 +30690,9 @@ Map {
       "copyLabel": Object {
         "type": "string",
       },
+      "copyText": Object {
+        "type": "string",
+      },
       "disabled": Object {
         "type": "bool",
       },
@@ -32024,9 +32029,7 @@ Map {
       "hideLabel": Object {
         "type": "bool",
       },
-      "iconDescription": Object {
-        "type": "string",
-      },
+      "iconDescription": [Function],
       "id": Object {
         "isRequired": true,
         "type": "string",
@@ -32047,9 +32050,7 @@ Map {
       "onClick": Object {
         "type": "func",
       },
-      "openCalendar": Object {
-        "type": "func",
-      },
+      "openCalendar": [Function],
       "pattern": [Function],
       "placeholder": Object {
         "type": "string",
diff --git a/yarn.lock b/yarn.lock
index 07e8b15b78..e3f457b4c9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3322,6 +3322,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.16.7":
+  version "7.17.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.2.tgz#66f68591605e59da47523c631416b18508779941"
+  integrity sha512-hzeyJyMA1YGdJTuWU0e/j4wKXrU4OMFvY2MSlaI9B7VQb0r5cxTE3EAIS2Q7Tn2RIcDkRvTA/v2JsAEhxe99uw==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.8.4.tgz#d79f5a2040f7caa24d53e563aad49cbc05581308"
@@ -3764,20 +3771,25 @@
   resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.29.0.tgz#92b1f8822a0ca07d23daba12d360f90debcc3d26"
   integrity sha512-Ga20vVFGrhEgALIVZoWbcooWOVnx7Ox8GbRWlZDEAe6JUbz6ynDKiq3td7GtFVk0ELRCIV8gVu3F/PfssyhwQA==
 
-"@carbon/colors@10.34.0", "@carbon/colors@^10.34.0":
-  version "10.34.0"
-  resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.34.0.tgz#0bf039e85e797fc3a5e6e84a3cbada61ed2fd097"
-  integrity sha512-Tq7ZF6zdlT1V2VliqjeSVKVOK6ixy3CknifZAd3oxq4BYJC/jwsYwRHJAbSM/KFJrZ2ZUvQCrOsves6f7hndLg==
+"@carbon/colors@10.35.0":
+  version "10.35.0"
+  resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.35.0.tgz#639639653f513979da80fe2615ca63e2e49fb780"
+  integrity sha512-V+nzHibjze9VqNdI2de7Fdb1IWgPzBvBwjalkAM6IMUTY9REcO2vNxPe9PyqC++sy6EIjRy3mRKRyIm9TrY35Q==
 
 "@carbon/colors@^10.19.0":
   version "10.28.0"
   resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.28.0.tgz#b0bedf54bbb1c68c625283e921f9e437746f781d"
   integrity sha512-jk2CY9tGQt0yjERFrw+Wwywmpx/ACayh3DYbD1A1MjRRKl39D4FW6pgcy4HmWwL9MFyhe1rI7YjQLueBCNcdMQ==
 
-"@carbon/feature-flags@^0.6.0":
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/@carbon/feature-flags/-/feature-flags-0.6.0.tgz#9452194af71b56dab0f2b9c75db3ddf6196453f1"
-  integrity sha512-Y1jQC30PBEzfVLoZF6Fj4sTez2XqPCY+kVsaXjYWDysTc64+GFVkfGqvcBS+vZB9QTCSlGouaMKppfakdNwUqw==
+"@carbon/colors@^10.35.0":
+  version "10.36.0"
+  resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.36.0.tgz#35a16b80bd40da5ee71a3a7ec75c85e1d90bd47e"
+  integrity sha512-C2M4SfsumD9lgCChR5d/2WM4941DBe6Or/lTvTOlEWX2Emm9tihr+yKhq5ztoOYk1w0iYVKTtVxi4CyYAnkJcw==
+
+"@carbon/feature-flags@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@carbon/feature-flags/-/feature-flags-0.7.0.tgz#fe8068b482439ae7af519ccdbf627f31373bb646"
+  integrity sha512-nxVvnSMC6Ia/xn0j02FHPATfB/Iv6nnkZAQ6GrEdPLivSF1T2oaTvgawUsXBO8RBX7wQBq5l7uW8qH/0WfjIFw==
 
 "@carbon/icon-helpers@10.9.0":
   version "10.9.0"
@@ -3789,17 +3801,17 @@
   resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.21.0.tgz#446223e26afe436455cfffcc4da235e6a23dfe3f"
   integrity sha512-axRNtdg5PAIpPFXGYAHRk2JudHhgHlu/o00BkFlsbMhgsLhEgsUddLZoVjCByBCEPxLwt9CSk048VmcKuJzm7w==
 
-"@carbon/icon-helpers@^10.25.0":
-  version "10.25.0"
-  resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.25.0.tgz#bfe2465e165bb78477c77494610552064fcab09f"
-  integrity sha512-jvDUKz3NLopiDf7BROLDAT4NoswMpeXg4+ulbkLlFHdgY3v7gaxT/MJ7f9DZeEIiYUBhQSjTmcB3agIIO1jOdw==
+"@carbon/icon-helpers@^10.26.0", "@carbon/icon-helpers@^10.27.0":
+  version "10.27.0"
+  resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.27.0.tgz#ae3e5389e3b4efe868d23ab107282ef345110287"
+  integrity sha512-tYp5Uz1In5idyTFKyDWA1yxHWkhyUQe4IsuajMyVkd93cbWmFjqKvPjx/j5cLUle3j91vLfVawpErB2oL/fXuw==
 
-"@carbon/icons-react@10.44.0", "@carbon/icons-react@^10.44.0":
-  version "10.44.0"
-  resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.44.0.tgz#40f411ea162ecbb86fea0756f954bcd43c5bfaf0"
-  integrity sha512-1M8J0/vMHYj5Bd4GmgkMP+tCsAD1gRCoiZYHNhohJb6ed40c2yaLa7DQ89PLStocZR9ZNtvc3akR00Ro3uiNWA==
+"@carbon/icons-react@10.45.0":
+  version "10.45.0"
+  resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.45.0.tgz#662b3667c74193fd51722e99ee00df72a3b9ac99"
+  integrity sha512-bQfAxq19VnNkvaqYvBtF1H1WrINQK0JCA0wR0t8YLDPuC+WmlOPAyJIkAGlYukFJuHVP4p+CpSWIO6+/8PXsqw==
   dependencies:
-    "@carbon/icon-helpers" "^10.25.0"
+    "@carbon/icon-helpers" "^10.26.0"
     "@carbon/telemetry" "0.0.0-alpha.6"
     prop-types "^15.7.2"
 
@@ -3812,6 +3824,15 @@
     "@carbon/telemetry" "0.0.0-alpha.6"
     prop-types "^15.7.2"
 
+"@carbon/icons-react@^10.45.0":
+  version "10.46.0"
+  resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.46.0.tgz#349d28f7651829ea2f3f22e1a1c6133910afa25f"
+  integrity sha512-Bzj6P7f0HgocduOLca6rh9l4i3wsiUedeIyYkXODyNK1xyy07BrDXbSxlwy78Wmia/QpygxMtdFDP4XoHIhfng==
+  dependencies:
+    "@carbon/icon-helpers" "^10.27.0"
+    "@carbon/telemetry" "0.0.0-alpha.6"
+    prop-types "^15.7.2"
+
 "@carbon/icons@10.20.0":
   version "10.20.0"
   resolved "https://registry.yarnpkg.com/@carbon/icons/-/icons-10.20.0.tgz#223dc74cef30611bbe4412b214ad131268573ba6"
@@ -3822,10 +3843,10 @@
   resolved "https://registry.yarnpkg.com/@carbon/import-once/-/import-once-10.6.0.tgz#a8fb846d9dc3eea9d45d9131a235e898d0f8db1e"
   integrity sha512-vi0lnmZot9J5uW2p9chtyLBwe3nCTY4HrDWuglLOZVOHu7dbLQiRjD/r3uOjB4lr5qduRwk2hblBXKBhpVDBpg==
 
-"@carbon/layout@10.34.0", "@carbon/layout@^10.34.0":
-  version "10.34.0"
-  resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.34.0.tgz#83dd68303f6ad29e6b4964b88da7bb2942e3e8d2"
-  integrity sha512-+PAQfV/bEXM9zRcjDWtuCjl/62mqdN6vpaal+6wnFi0FADr+uHYhNi+9W6QUpa29nbUqgIla+jlr59gAYidGLw==
+"@carbon/layout@10.35.0":
+  version "10.35.0"
+  resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.35.0.tgz#ab62fbb7464fc4086bce84a5ab72553de6adcb54"
+  integrity sha512-UKMOVN+fNnvNbIOPpSg3BlO5/tT+rd4O+exEWrPAb416WehHP2y/kf9l+EI2bD784gF4TtXVqwbr+SV7GGLjtw==
 
 "@carbon/layout@^10.17.0", "@carbon/layout@^10.27.0":
   version "10.27.0"
@@ -3842,17 +3863,17 @@
   resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.12.0.tgz#5afe2f72a4a907645265a31041495f30ff5f5669"
   integrity sha512-Jf6sKufX/VdE7az77c20HVnQu2CyypkTavSSbiRBLrasV6g4Um86wrGXW+M1ZJh9efzs0jEcjg2B/ikwKB4mmA==
 
-"@carbon/motion@10.26.0":
-  version "10.26.0"
-  resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.26.0.tgz#28a997cd8cd95e57ca480b00fe6e077d9d257bc7"
-  integrity sha512-xNkDoRBfNsTKsUR0Hk7FItcdCDH7Mrn0mwvV83C8srV0M4x1D9Uh6Mg7pO9YLbUDMNEmihYp5u4Lf9zJv+XEVg==
+"@carbon/motion@10.27.0":
+  version "10.27.0"
+  resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.27.0.tgz#6b21d059600cccf462c9d29bb1133cfa1bc01f1e"
+  integrity sha512-E9UmtVojjTGoeVME7DtguFodCm697EkNBZifq8tHwczBLSpU+j02vQjH1l1K8wrpEr5CGxTs6CaD4RQsoXuYLA==
 
-"@carbon/pictograms-react@11.20.0":
-  version "11.20.0"
-  resolved "https://registry.yarnpkg.com/@carbon/pictograms-react/-/pictograms-react-11.20.0.tgz#5cb8faf1f5803e2cdc4a8b33f0c4092bf213f7cf"
-  integrity sha512-JfNQro7884XJdiXkHbIzgrs8d2dLajpR66nuoYshA/TlbcH/gSdH+gDQYQ3FIC0SSk12zfKJ8edzdw7suIAWIA==
+"@carbon/pictograms-react@11.21.0":
+  version "11.21.0"
+  resolved "https://registry.yarnpkg.com/@carbon/pictograms-react/-/pictograms-react-11.21.0.tgz#63c86e75449ab8ce6df5d47178786b38fc06cbda"
+  integrity sha512-rQhVV6eB9EY8jf9d8JqoDcu2ajc7K9EMhVAtmdTVv6N/FqQxDr3EwtV1HcKnhloVjx/NePn+5JS05dRijdD1IA==
   dependencies:
-    "@carbon/icon-helpers" "^10.25.0"
+    "@carbon/icon-helpers" "^10.26.0"
     "@carbon/telemetry" "0.0.0-alpha.6"
     prop-types "^15.7.2"
 
@@ -3882,14 +3903,14 @@
     "@carbon/type" "^10.20.0"
     color "^3.1.2"
 
-"@carbon/themes@10.48.0":
-  version "10.48.0"
-  resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.48.0.tgz#64cd3df55d62e2fca20e1317c7ef7f51fbd0ff0d"
-  integrity sha512-g0dqvWQHPwWW1y+BSuu5JKzMyACw/oHwEu3gqO9X39Z0VyAWFU9ReuG2HK3eLdxd8uCX4YRnDrrWsEbcJuczuA==
+"@carbon/themes@10.49.0":
+  version "10.49.0"
+  resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.49.0.tgz#9b08c9b2cc5039262d657e2f4c25b8822f6215da"
+  integrity sha512-+Oed5krJrj5WKSOysqeqxGFpLgK+EGhQLwSVYPlBcIPbJNSEfy/D3Ftsx/vYk0f7lsgye7keRa+xRpIJEDfXJg==
   dependencies:
-    "@carbon/colors" "^10.34.0"
-    "@carbon/layout" "^10.34.0"
-    "@carbon/type" "^10.39.0"
+    "@carbon/colors" "^10.35.0"
+    "@carbon/layout" "^10.35.0"
+    "@carbon/type" "^10.40.0"
     color "^3.1.2"
 
 "@carbon/type@^10.20.0":
@@ -3900,7 +3921,7 @@
     "@carbon/import-once" "^10.6.0"
     "@carbon/layout" "^10.27.0"
 
-"@carbon/type@^10.39.0":
+"@carbon/type@^10.40.0":
   version "10.40.0"
   resolved "https://registry.yarnpkg.com/@carbon/type/-/type-10.40.0.tgz#b189baed73ce2d0ffb5dc08437144b38f788fbf7"
   integrity sha512-+ECJANAmAFmF3DmmH9iaCNtVZypBcE8vvhecjRYirSj7FS+9LeiqAZGhjzAqtHpsItH5QHqQs10PrAY2zSylYA==
@@ -9818,15 +9839,15 @@ carbon-components-angular@4.56.2:
     flatpickr "4.6.1"
     tslib "^1.9.0"
 
-carbon-components-react@7.50.0:
-  version "7.50.0"
-  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.50.0.tgz#b26a327991e980866d19b49447c4e40845d31014"
-  integrity sha512-HM7cj1AHQ/v385+eenbt2A0/RaFYMCahSsemEHG8jyf/4ESjpad3hCgP6BQ0UhZAS0X5EsX5LX6OHSSKywWdeA==
+carbon-components-react@7.51.0:
+  version "7.51.0"
+  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.51.0.tgz#e934665ce1138b9b06321edafd25893db77ed902"
+  integrity sha512-lyTfOPQ04dMe51J/l1NtwsogW+64fp1/JPtQAOhJHEm7S/x8YqrBx/wjtrfOWz4N812UHQ/EkLNKapZcbxru4g==
   dependencies:
-    "@babel/runtime" "^7.14.6"
-    "@carbon/feature-flags" "^0.6.0"
-    "@carbon/icons-react" "^10.44.0"
-    "@carbon/layout" "^10.34.0"
+    "@babel/runtime" "^7.16.7"
+    "@carbon/feature-flags" "^0.7.0"
+    "@carbon/icons-react" "^10.45.0"
+    "@carbon/layout" "^10.35.0"
     "@carbon/telemetry" "0.0.0-alpha.6"
     classnames "2.3.1"
     copy-to-clipboard "^3.3.1"
@@ -9838,6 +9859,7 @@ carbon-components-react@7.50.0:
     lodash.isequal "^4.5.0"
     lodash.omit "^4.5.0"
     lodash.throttle "^4.1.1"
+    prop-types "^15.7.2"
     react-is "^17.0.2"
     use-resize-observer "^6.0.0"
     wicg-inert "^3.1.1"
@@ -9863,10 +9885,10 @@ carbon-components@10.47.0:
     lodash.debounce "^4.0.8"
     warning "^3.0.0"
 
-carbon-components@10.50.0:
-  version "10.50.0"
-  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.50.0.tgz#970cf978e9be83aeb53eb3f263014964974360fd"
-  integrity sha512-MAtqZMQbOzrzO7X8tjlhDrWzF6VnjM19OIYqTuOsDv5XmiGNnmBqnPSFBi2n2PPGLXKnpOnHAXYVx5yQIHSKLQ==
+carbon-components@10.51.0:
+  version "10.51.0"
+  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.51.0.tgz#a09b259db12fa3ea7868489bbea6cb165d4f814a"
+  integrity sha512-TkcfsYdFioZBx5vasC6bMOxI4XqJPt6EM7AqWAjwOeS7HByfBREYALHbZ3pBslb9yauoSbxQFKO2JlK5l+Baag==
   dependencies:
     "@carbon/telemetry" "0.0.0-alpha.6"
     flatpickr "4.6.1"

From 81ee374673c9ab46160022524e774ab872c4c751 Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 09:46:26 -0500
Subject: [PATCH 03/11] chore(repo): upgrade carbon to 10.52

Had to add mocks for window.mediaMatches, but otherwise no new test failures
---
 .../__snapshots__/Welcome.story.storyshot     | 17 +++++++-
 packages/react/config/jest/setupTest.js       | 19 ++++++++-
 packages/react/package.json                   |  6 +--
 .../AccordionItemDefer.story.storyshot        |  2 +-
 .../DashboardGrid.story.storyshot             |  2 +-
 .../__snapshots__/ImageCard.story.storyshot   | 40 +++++++++----------
 .../__snapshots__/RuleBuilder.story.storyshot |  4 +-
 .../__snapshots__/SideNav.story.storyshot     |  4 +-
 .../__snapshots__/SuiteHeader.story.storyshot |  2 +-
 .../TableSaveViewModal.story.storyshot        |  2 +-
 .../__snapshots__/TileGallery.story.storyshot | 14 +++----
 .../__snapshots__/publicAPI.test.js.snap      |  8 ++--
 yarn.lock                                     | 24 +++++------
 13 files changed, 88 insertions(+), 56 deletions(-)

diff --git a/packages/react/.storybook/__snapshots__/Welcome.story.storyshot b/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
index 762f3ee6f8..22f0503957 100644
--- a/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
+++ b/packages/react/.storybook/__snapshots__/Welcome.story.storyshot
@@ -91,7 +91,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
       </a>
     </p>
     <ul
-      className="bx--accordion bx--accordion--end"
+      className="bx--accordion bx--accordion--end bx--accordion--md"
     >
       <li
         className="bx--accordion__item"
@@ -3271,6 +3271,21 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0 - Overview/Get
                   role="cell"
                 />
               </div>
+              <div
+                className="bx--structured-list-row"
+                role="row"
+              >
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                >
+                  unstable_FlexGrid
+                </div>
+                <div
+                  className="bx--structured-list-td"
+                  role="cell"
+                />
+              </div>
               <div
                 className="bx--structured-list-row"
                 role="row"
diff --git a/packages/react/config/jest/setupTest.js b/packages/react/config/jest/setupTest.js
index d90b613887..c054610e11 100644
--- a/packages/react/config/jest/setupTest.js
+++ b/packages/react/config/jest/setupTest.js
@@ -35,6 +35,23 @@ beforeEach(() => {
   // Review this for more context: https://github.com/carbon-design-system/carbon-addons-iot-react/issues/1143#issuecomment-623577505
   expect.hasAssertions();
 
-  // Ensure that downshift's internal ID is always 0, otherwise snapshots will change unecessarily when unrelated snaps are regenerated.
+  // Ensure that downshift's internal ID is always 0, otherwise snapshots will change unnecessarily when unrelated snaps are regenerated.
   resetIdCounter();
+
+  // carbon v10.52 adds matchMedia which needs to be mocked in tests, wrapped in if otherwise breaks ssr test
+  if (typeof window !== 'undefined') {
+    Object.defineProperty(window, 'matchMedia', {
+      writable: true,
+      value: jest.fn().mockImplementation((query) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // Deprecated
+        removeListener: jest.fn(), // Deprecated
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn(),
+      })),
+    });
+  }
 });
diff --git a/packages/react/package.json b/packages/react/package.json
index 18e7b7306f..b1c886add3 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -177,10 +177,10 @@
     "@carbon/motion": "10.27.0",
     "@carbon/pictograms-react": "11.21.0",
     "@carbon/telemetry": "^0.0.0-alpha.6",
-    "@carbon/themes": "10.49.0",
+    "@carbon/themes": "10.50.0",
     "@monaco-editor/react": "^3.6.2",
-    "carbon-components": "10.51.0",
-    "carbon-components-react": "7.51.0",
+    "carbon-components": "10.52.0",
+    "carbon-components-react": "7.52.0",
     "carbon-icons": "^7.0.7",
     "classnames": "^2.2.5",
     "core-js": "3.6.5",
diff --git a/packages/react/src/components/Accordion/__snapshots__/AccordionItemDefer.story.storyshot b/packages/react/src/components/Accordion/__snapshots__/AccordionItemDefer.story.storyshot
index b8d347c161..9c3698509a 100644
--- a/packages/react/src/components/Accordion/__snapshots__/AccordionItemDefer.story.storyshot
+++ b/packages/react/src/components/Accordion/__snapshots__/AccordionItemDefer.story.storyshot
@@ -12,7 +12,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/A
     }
   >
     <ul
-      className="bx--accordion bx--accordion--end"
+      className="bx--accordion bx--accordion--end bx--accordion--md"
     >
       <li
         className="bx--accordion__item"
diff --git a/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot b/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
index 6e0c0f241f..f3ba6d3c28 100644
--- a/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
+++ b/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
@@ -1887,7 +1887,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
                 </button>
               </div>
               <ul
-                className="bx--accordion settings-accordion bx--accordion--end"
+                className="bx--accordion settings-accordion bx--accordion--end bx--accordion--md"
                 style={
                   Object {
                     "paddingTop": 0,
diff --git a/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot b/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot
index cee12d902c..c49374cfba 100644
--- a/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot
+++ b/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot
@@ -1241,17 +1241,17 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 >
                   
                 </div>
-                <input
-                  accept={Array []}
-                  className="bx--file-input"
-                  id="id16"
-                  multiple={false}
-                  onChange={[Function]}
-                  onClick={[Function]}
-                  tabIndex="-1"
-                  type="file"
-                />
               </label>
+              <input
+                accept={Array []}
+                className="bx--file-input"
+                id="id16"
+                multiple={false}
+                onChange={[Function]}
+                onClick={[Function]}
+                tabIndex="-1"
+                type="file"
+              />
             </div>
             <div
               className="iot--image-uploader-icon"
@@ -1408,17 +1408,17 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                 >
                   
                 </div>
-                <input
-                  accept={Array []}
-                  className="bx--file-input"
-                  id="id14"
-                  multiple={false}
-                  onChange={[Function]}
-                  onClick={[Function]}
-                  tabIndex="-1"
-                  type="file"
-                />
               </label>
+              <input
+                accept={Array []}
+                className="bx--file-input"
+                id="id14"
+                multiple={false}
+                onChange={[Function]}
+                onClick={[Function]}
+                tabIndex="-1"
+                type="file"
+              />
             </div>
             <div
               className="iot--image-uploader-icon"
diff --git a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
index 7131761f86..0b133df364 100644
--- a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
+++ b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
@@ -693,7 +693,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           tabIndex={0}
         >
           <ul
-            className="bx--accordion bx--accordion--end"
+            className="bx--accordion bx--accordion--end bx--accordion--md"
           >
             <li
               className="bx--accordion__item bx--accordion__item--active"
@@ -6258,7 +6258,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           tabIndex={0}
         >
           <ul
-            className="bx--accordion bx--accordion--end"
+            className="bx--accordion bx--accordion--end bx--accordion--md"
           >
             <li
               className="bx--accordion__item bx--accordion__item--active"
diff --git a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
index 2e13e34de8..3d612d4367 100644
--- a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
+++ b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
@@ -124,7 +124,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
       className="bx--side-nav__overlay"
     />
     <nav
-      aria-hidden={true}
+      aria-hidden={false}
       aria-label="Side navigation"
       className="bx--side-nav__navigation bx--side-nav bx--side-nav--rail iot--side-nav bx--side-nav--ux"
       data-testid="side-nav"
@@ -5293,7 +5293,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
       className="bx--side-nav__overlay"
     />
     <nav
-      aria-hidden={true}
+      aria-hidden={false}
       aria-label="Side navigation"
       className="bx--side-nav__navigation bx--side-nav bx--side-nav--rail iot--side-nav bx--side-nav--ux"
       data-testid="side-nav"
diff --git a/packages/react/src/components/SuiteHeader/__snapshots__/SuiteHeader.story.storyshot b/packages/react/src/components/SuiteHeader/__snapshots__/SuiteHeader.story.storyshot
index 12187e4a90..61c3211401 100644
--- a/packages/react/src/components/SuiteHeader/__snapshots__/SuiteHeader.story.storyshot
+++ b/packages/react/src/components/SuiteHeader/__snapshots__/SuiteHeader.story.storyshot
@@ -3960,7 +3960,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
     className="bx--side-nav__overlay"
   />
   <nav
-    aria-hidden={true}
+    aria-hidden={false}
     aria-label="Side navigation"
     className="bx--side-nav__navigation bx--side-nav bx--side-nav--rail iot--side-nav bx--side-nav--ux"
     data-testid="suite-header-side-nav"
diff --git a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
index c0be2c712b..79cd188ac2 100644
--- a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
+++ b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
@@ -318,7 +318,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             </div>
           </div>
           <ul
-            className="bx--accordion iot--save-view-modal__view-description bx--accordion--end"
+            className="bx--accordion iot--save-view-modal__view-description bx--accordion--end bx--accordion--md"
           >
             <li
               className="bx--accordion__item"
diff --git a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot
index 3161079e59..37ac2581e5 100644
--- a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot
+++ b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot
@@ -192,7 +192,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               data-testid="stateful-tile-gallery-section-id1"
             >
               <ul
-                className="bx--accordion bx--accordion--end"
+                className="bx--accordion bx--accordion--end bx--accordion--md"
                 data-testid="stateful-tile-gallery-section-id1-accordion"
               >
                 <li
@@ -630,7 +630,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               data-testid="stateful-tile-gallery-section-id2"
             >
               <ul
-                className="bx--accordion bx--accordion--end"
+                className="bx--accordion bx--accordion--end bx--accordion--md"
                 data-testid="stateful-tile-gallery-section-id2-accordion"
               >
                 <li
@@ -1525,7 +1525,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               data-testid="stateful-tile-gallery-section-id1"
             >
               <ul
-                className="bx--accordion bx--accordion--end"
+                className="bx--accordion bx--accordion--end bx--accordion--md"
                 data-testid="stateful-tile-gallery-section-id1-accordion"
               >
                 <li
@@ -1725,7 +1725,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
         data-testid="tile-gallery-section"
       >
         <ul
-          className="bx--accordion bx--accordion--end"
+          className="bx--accordion bx--accordion--end bx--accordion--md"
           data-testid="tile-gallery-section-accordion"
         >
           <li
@@ -2188,7 +2188,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
         data-testid="tile-gallery-section"
       >
         <ul
-          className="bx--accordion bx--accordion--end"
+          className="bx--accordion bx--accordion--end bx--accordion--md"
           data-testid="tile-gallery-section-accordion"
         >
           <li
@@ -2480,7 +2480,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           data-testid="tile-gallery-section"
         >
           <ul
-            className="bx--accordion bx--accordion--end"
+            className="bx--accordion bx--accordion--end bx--accordion--md"
             data-testid="tile-gallery-section-accordion"
           >
             <li
@@ -2943,7 +2943,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           data-testid="tile-gallery-section"
         >
           <ul
-            className="bx--accordion bx--accordion--end"
+            className="bx--accordion bx--accordion--end bx--accordion--md"
             data-testid="tile-gallery-section-accordion"
           >
             <li
diff --git a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
index 3f6b54bc16..25407a0222 100644
--- a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
+++ b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
@@ -24907,7 +24907,6 @@ Map {
         "type": "func",
       },
       "placeholder": Object {
-        "isRequired": true,
         "type": "string",
       },
       "selectedItem": Object {
@@ -30515,9 +30514,6 @@ Map {
     },
   },
   "Accordion" => Object {
-    "defaultProps": Object {
-      "align": "end",
-    },
     "propTypes": Object {
       "align": Object {
         "args": Array [
@@ -34996,6 +34992,7 @@ Map {
       "_threadCount": 0,
     },
     "defaultProps": Object {
+      "scrollDebounceWait": 150,
       "scrollIntoView": true,
       "selected": 0,
       "selectionMode": "automatic",
@@ -35029,6 +35026,9 @@ Map {
       "rightOverflowButtonProps": Object {
         "type": "object",
       },
+      "scrollDebounceWait": Object {
+        "type": "number",
+      },
       "scrollIntoView": Object {
         "type": "bool",
       },
diff --git a/yarn.lock b/yarn.lock
index e3f457b4c9..0bce617c0b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3903,10 +3903,10 @@
     "@carbon/type" "^10.20.0"
     color "^3.1.2"
 
-"@carbon/themes@10.49.0":
-  version "10.49.0"
-  resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.49.0.tgz#9b08c9b2cc5039262d657e2f4c25b8822f6215da"
-  integrity sha512-+Oed5krJrj5WKSOysqeqxGFpLgK+EGhQLwSVYPlBcIPbJNSEfy/D3Ftsx/vYk0f7lsgye7keRa+xRpIJEDfXJg==
+"@carbon/themes@10.50.0":
+  version "10.50.0"
+  resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.50.0.tgz#1ebe92e2b1d34db501dd1c0826e847892d4183c2"
+  integrity sha512-+sz/l7b7lORgLNlauFF1UMchq4u0hoo0gXtGvBHXx04tivs9rK9rwRdZ0uJtakk6dNmN+me5femm1SM6kr9ziw==
   dependencies:
     "@carbon/colors" "^10.35.0"
     "@carbon/layout" "^10.35.0"
@@ -9839,10 +9839,10 @@ carbon-components-angular@4.56.2:
     flatpickr "4.6.1"
     tslib "^1.9.0"
 
-carbon-components-react@7.51.0:
-  version "7.51.0"
-  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.51.0.tgz#e934665ce1138b9b06321edafd25893db77ed902"
-  integrity sha512-lyTfOPQ04dMe51J/l1NtwsogW+64fp1/JPtQAOhJHEm7S/x8YqrBx/wjtrfOWz4N812UHQ/EkLNKapZcbxru4g==
+carbon-components-react@7.52.0:
+  version "7.52.0"
+  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.52.0.tgz#d8c1caea7d777f9608ec4524d36bd075540c549e"
+  integrity sha512-VBstCYnqGiekqkObwiN9x18opdTnYmEbIP1+YrA4uXQCmWFEMnUiIaeI1vqRVAl9TLOMSLIVv1BNl6KfUxIWfg==
   dependencies:
     "@babel/runtime" "^7.16.7"
     "@carbon/feature-flags" "^0.7.0"
@@ -9885,10 +9885,10 @@ carbon-components@10.47.0:
     lodash.debounce "^4.0.8"
     warning "^3.0.0"
 
-carbon-components@10.51.0:
-  version "10.51.0"
-  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.51.0.tgz#a09b259db12fa3ea7868489bbea6cb165d4f814a"
-  integrity sha512-TkcfsYdFioZBx5vasC6bMOxI4XqJPt6EM7AqWAjwOeS7HByfBREYALHbZ3pBslb9yauoSbxQFKO2JlK5l+Baag==
+carbon-components@10.52.0:
+  version "10.52.0"
+  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.52.0.tgz#07db35dddbc5f9e5042e8621a781e9cb96fce0fa"
+  integrity sha512-itiG52GdDGxGh4IyuIV7gsuQCE1LLD2FCTEp5bPGhF/Onn042QzGendjl+yE7kfUk3FVlWmHN216dh/mA2sdZg==
   dependencies:
     "@carbon/telemetry" "0.0.0-alpha.6"
     flatpickr "4.6.1"

From 98e2be48d3af6754c86a81613cebc13b9e5171c7 Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 09:53:00 -0500
Subject: [PATCH 04/11] chore(repo): upgrade carbon to 10.53

no new test failures
---
 packages/react/package.json                   |  14 +-
 .../ThresholdsFormItem.story.storyshot        |   3 +-
 .../__snapshots__/CardEditor.story.storyshot  | 169 ++++++++++--------
 .../HotspotEditorTooltipTab.story.storyshot   |  51 +++---
 .../ImageHotspots.story.storyshot             |   3 +-
 .../PageTitleBar.story.storyshot              |  30 ++--
 .../__snapshots__/PageWizard.story.storyshot  |  18 +-
 .../__snapshots__/RuleBuilder.story.storyshot |  36 ++--
 .../RuleBuilderEditor.story.storyshot         |  27 +--
 .../__snapshots__/SideNav.story.storyshot     |  15 +-
 .../TableSaveViewModal.story.storyshot        |  26 +--
 .../StatefulTable.story.storyshot             |  45 ++---
 .../Table/__snapshots__/Table.story.storyshot |  60 +++----
 .../TableUserViewManagement.story.storyshot   |  15 +-
 .../__snapshots__/publicAPI.test.js.snap      |  50 ++----
 yarn.lock                                     |  98 +++++-----
 16 files changed, 279 insertions(+), 381 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index b1c886add3..0886e9f3eb 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -172,15 +172,15 @@
     "@carbon/charts": "0.54.2",
     "@carbon/charts-react": "0.54.2",
     "@carbon/colors": "10.35.0",
-    "@carbon/icons-react": "10.45.0",
-    "@carbon/layout": "10.35.0",
-    "@carbon/motion": "10.27.0",
-    "@carbon/pictograms-react": "11.21.0",
+    "@carbon/icons-react": "10.46.0",
+    "@carbon/layout": "10.36.0",
+    "@carbon/motion": "10.28.0",
+    "@carbon/pictograms-react": "11.22.0",
     "@carbon/telemetry": "^0.0.0-alpha.6",
-    "@carbon/themes": "10.50.0",
+    "@carbon/themes": "10.51.0",
     "@monaco-editor/react": "^3.6.2",
-    "carbon-components": "10.52.0",
-    "carbon-components-react": "7.52.0",
+    "carbon-components": "10.53.0",
+    "carbon-components-react": "7.53.0",
     "carbon-icons": "^7.0.7",
     "classnames": "^2.2.5",
     "core-js": "3.6.5",
diff --git a/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot b/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
index dbfafabc50..f9322b9eb7 100644
--- a/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
+++ b/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
@@ -1204,8 +1204,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 data-invalid={null}
               >
                 <input
-                  aria-describedby=""
-                  className="bx--text-input"
+                  className="bx--text-input bx--text-input--md"
                   data-testid="threshold-2-text-input"
                   disabled={false}
                   id="undefined_value-card-threshold-value_2"
diff --git a/packages/react/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot b/packages/react/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
index d28c76f066..675937ae95 100644
--- a/packages/react/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
+++ b/packages/react/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
@@ -149,8 +149,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         disabled={false}
                         id="table card_title"
                         onChange={[Function]}
@@ -168,12 +167,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 <div
                   className="bx--form-item"
                 >
-                  <label
-                    className="bx--label"
-                    htmlFor="table card_description"
+                  <div
+                    className="bx--text-area__label-wrapper"
                   >
-                    Description (Optional)
-                  </label>
+                    <label
+                      className="bx--label"
+                      htmlFor="table card_description"
+                    >
+                      Description (Optional)
+                    </label>
+                  </div>
                   <div
                     className="bx--text-area__wrapper"
                     data-invalid={null}
@@ -2054,8 +2057,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         disabled={false}
                         id="calculated_title"
                         onChange={[Function]}
@@ -2073,12 +2075,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 <div
                   className="bx--form-item"
                 >
-                  <label
-                    className="bx--label"
-                    htmlFor="calculated_description"
+                  <div
+                    className="bx--text-area__label-wrapper"
                   >
-                    Description (Optional)
-                  </label>
+                    <label
+                      className="bx--label"
+                      htmlFor="calculated_description"
+                    >
+                      Description (Optional)
+                    </label>
+                  </div>
                   <div
                     className="bx--text-area__wrapper"
                     data-invalid={null}
@@ -2676,8 +2682,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         disabled={false}
                         id="table card_title"
                         onChange={[Function]}
@@ -2695,12 +2700,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 <div
                   className="bx--form-item"
                 >
-                  <label
-                    className="bx--label"
-                    htmlFor="table card_description"
+                  <div
+                    className="bx--text-area__label-wrapper"
                   >
-                    Description (Optional)
-                  </label>
+                    <label
+                      className="bx--label"
+                      htmlFor="table card_description"
+                    >
+                      Description (Optional)
+                    </label>
+                  </div>
                   <div
                     className="bx--text-area__wrapper"
                     data-invalid={null}
@@ -4192,8 +4201,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         disabled={false}
                         id="calculated_title"
                         onChange={[Function]}
@@ -4211,12 +4219,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 <div
                   className="bx--form-item"
                 >
-                  <label
-                    className="bx--label"
-                    htmlFor="calculated_description"
+                  <div
+                    className="bx--text-area__label-wrapper"
                   >
-                    Description (Optional)
-                  </label>
+                    <label
+                      className="bx--label"
+                      htmlFor="calculated_description"
+                    >
+                      Description (Optional)
+                    </label>
+                  </div>
                   <div
                     className="bx--text-area__wrapper"
                     data-invalid={null}
@@ -4606,8 +4618,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input"
+                      className="bx--text-input bx--text-input--md"
                       disabled={false}
                       id="custom-content-textinput"
                       onChange={[Function]}
@@ -4647,8 +4658,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="calculated_title"
                       onChange={[Function]}
@@ -4679,8 +4689,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="calculated_y-axis-label"
                       onChange={[Function]}
@@ -4711,8 +4720,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="calculated_unit-selection"
                       onChange={[Function]}
@@ -4743,8 +4751,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="calculated_decimal-precision"
                       onChange={[Function]}
@@ -4775,8 +4782,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="calculated_maximum_data_points"
                       onChange={[Function]}
@@ -5124,8 +5130,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         disabled={false}
                         id="calculated_title"
                         onChange={[Function]}
@@ -5143,12 +5148,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 <div
                   className="bx--form-item"
                 >
-                  <label
-                    className="bx--label"
-                    htmlFor="calculated_description"
+                  <div
+                    className="bx--text-area__label-wrapper"
                   >
-                    Description (Optional)
-                  </label>
+                    <label
+                      className="bx--label"
+                      htmlFor="calculated_description"
+                    >
+                      Description (Optional)
+                    </label>
+                  </div>
                   <div
                     className="bx--text-area__wrapper"
                     data-invalid={null}
@@ -5746,8 +5755,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         disabled={false}
                         id="image_title"
                         onChange={[Function]}
@@ -5765,12 +5773,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 <div
                   className="bx--form-item"
                 >
-                  <label
-                    className="bx--label"
-                    htmlFor="image_description"
+                  <div
+                    className="bx--text-area__label-wrapper"
                   >
-                    Description (Optional)
-                  </label>
+                    <label
+                      className="bx--label"
+                      htmlFor="image_description"
+                    >
+                      Description (Optional)
+                    </label>
+                  </div>
                   <div
                     className="bx--text-area__wrapper"
                     data-invalid={null}
@@ -6580,8 +6592,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         disabled={false}
                         id="timeseries_title"
                         onChange={[Function]}
@@ -6599,12 +6610,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 <div
                   className="bx--form-item"
                 >
-                  <label
-                    className="bx--label"
-                    htmlFor="timeseries_description"
+                  <div
+                    className="bx--text-area__label-wrapper"
                   >
-                    Description (Optional)
-                  </label>
+                    <label
+                      className="bx--label"
+                      htmlFor="timeseries_description"
+                    >
+                      Description (Optional)
+                    </label>
+                  </div>
                   <div
                     className="bx--text-area__wrapper"
                     data-invalid={null}
@@ -7196,8 +7211,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="timeseries_title"
                       onChange={[Function]}
@@ -7229,8 +7243,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="timeseries_y-axis-label"
                       onChange={[Function]}
@@ -7262,8 +7275,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="timeseries_unit-selection"
                       onChange={[Function]}
@@ -7295,8 +7307,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="timeseries_decimal-precision"
                       onChange={[Function]}
@@ -7327,8 +7338,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       disabled={false}
                       id="timeseries_maximum_data_points"
                       onChange={[Function]}
@@ -7693,8 +7703,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         data-invalid={null}
                       >
                         <input
-                          aria-describedby=""
-                          className="bx--text-input bx--text-input--light"
+                          className="bx--text-input bx--text-input--light bx--text-input--md"
                           disabled={false}
                           id="card-1_title"
                           onChange={[Function]}
@@ -7712,12 +7721,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   <div
                     className="bx--form-item"
                   >
-                    <label
-                      className="bx--label"
-                      htmlFor="card-1_description"
+                    <div
+                      className="bx--text-area__label-wrapper"
                     >
-                      Description (Optional)
-                    </label>
+                      <label
+                        className="bx--label"
+                        htmlFor="card-1_description"
+                      >
+                        Description (Optional)
+                      </label>
+                    </div>
                     <div
                       className="bx--text-area__wrapper"
                       data-invalid={null}
diff --git a/packages/react/src/components/HotspotEditorModal/HotspotEditorTooltipTab/__snapshots__/HotspotEditorTooltipTab.story.storyshot b/packages/react/src/components/HotspotEditorModal/HotspotEditorTooltipTab/__snapshots__/HotspotEditorTooltipTab.story.storyshot
index a5397fe60c..2c03ceb82f 100644
--- a/packages/react/src/components/HotspotEditorModal/HotspotEditorTooltipTab/__snapshots__/HotspotEditorTooltipTab.story.storyshot
+++ b/packages/react/src/components/HotspotEditorModal/HotspotEditorTooltipTab/__snapshots__/HotspotEditorTooltipTab.story.storyshot
@@ -30,8 +30,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
               data-invalid={null}
             >
               <input
-                aria-describedby=""
-                className="bx--text-input bx--text-input--light"
+                className="bx--text-input bx--text-input--light bx--text-input--md"
                 data-testid="HotspotEditorTooltipTab-title-input"
                 disabled={false}
                 id="tooltip-form-title"
@@ -49,12 +48,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
         <div
           className="bx--form-item"
         >
-          <label
-            className="bx--label"
-            htmlFor="tooltip-form-description"
+          <div
+            className="bx--text-area__label-wrapper"
           >
-            Description
-          </label>
+            <label
+              className="bx--label"
+              htmlFor="tooltip-form-description"
+            >
+              Description
+            </label>
+          </div>
           <div
             className="bx--text-area__wrapper"
             data-invalid={null}
@@ -297,8 +300,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
               data-invalid={null}
             >
               <input
-                aria-describedby=""
-                className="bx--text-input bx--text-input--light"
+                className="bx--text-input bx--text-input--light bx--text-input--md"
                 data-testid="HotspotEditorTooltipTab-title-input"
                 disabled={false}
                 id="tooltip-form-title"
@@ -316,12 +318,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
         <div
           className="bx--form-item"
         >
-          <label
-            className="bx--label"
-            htmlFor="tooltip-form-description"
+          <div
+            className="bx--text-area__label-wrapper"
           >
-            Description
-          </label>
+            <label
+              className="bx--label"
+              htmlFor="tooltip-form-description"
+            >
+              Description
+            </label>
+          </div>
           <div
             className="bx--text-area__wrapper"
             data-invalid={null}
@@ -603,8 +609,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
               data-invalid={null}
             >
               <input
-                aria-describedby=""
-                className="bx--text-input bx--text-input--light"
+                className="bx--text-input bx--text-input--light bx--text-input--md"
                 data-testid="HotspotEditorTooltipTab-title-input"
                 disabled={false}
                 id="tooltip-form-title"
@@ -622,12 +627,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
         <div
           className="bx--form-item"
         >
-          <label
-            className="bx--label"
-            htmlFor="tooltip-form-description"
+          <div
+            className="bx--text-area__label-wrapper"
           >
-            Description
-          </label>
+            <label
+              className="bx--label"
+              htmlFor="tooltip-form-description"
+            >
+              Description
+            </label>
+          </div>
           <div
             className="bx--text-area__wrapper"
             data-invalid={null}
diff --git a/packages/react/src/components/ImageCard/__snapshots__/ImageHotspots.story.storyshot b/packages/react/src/components/ImageCard/__snapshots__/ImageHotspots.story.storyshot
index 20bb00c553..be8ed10bfd 100644
--- a/packages/react/src/components/ImageCard/__snapshots__/ImageHotspots.story.storyshot
+++ b/packages/react/src/components/ImageCard/__snapshots__/ImageHotspots.story.storyshot
@@ -669,8 +669,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input iot--hotspot-content-title-input"
+                        className="bx--text-input iot--hotspot-content-title-input bx--text-input--md"
                         data-testid="hotspot-content-75-40-title-test"
                         defaultValue=""
                         disabled={false}
diff --git a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
index 68e57a1fd6..e884da0cf3 100644
--- a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
+++ b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
@@ -956,8 +956,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="string"
                                         onBlur={[Function]}
@@ -1027,8 +1026,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="date"
                                         onBlur={[Function]}
@@ -1203,8 +1201,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="number"
                                         onBlur={[Function]}
@@ -1250,8 +1247,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="boolean"
                                         onBlur={[Function]}
@@ -1308,8 +1304,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="object"
                                         onBlur={[Function]}
@@ -3060,8 +3055,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="string"
                                         onBlur={[Function]}
@@ -3131,8 +3125,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="date"
                                         onBlur={[Function]}
@@ -3307,8 +3300,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="number"
                                         onBlur={[Function]}
@@ -3354,8 +3346,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="boolean"
                                         onBlur={[Function]}
@@ -3412,8 +3403,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                                       data-invalid={null}
                                     >
                                       <input
-                                        aria-describedby=""
-                                        className="bx--text-input"
+                                        className="bx--text-input bx--text-input--md"
                                         disabled={false}
                                         id="object"
                                         onBlur={[Function]}
diff --git a/packages/react/src/components/PageWizard/__snapshots__/PageWizard.story.storyshot b/packages/react/src/components/PageWizard/__snapshots__/PageWizard.story.storyshot
index 7f463f1df7..5c8f5c7b98 100644
--- a/packages/react/src/components/PageWizard/__snapshots__/PageWizard.story.storyshot
+++ b/packages/react/src/components/PageWizard/__snapshots__/PageWizard.story.storyshot
@@ -914,8 +914,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                               data-invalid={null}
                             >
                               <input
-                                aria-describedby=""
-                                className="bx--text-input"
+                                className="bx--text-input bx--text-input--md"
                                 data-testid="first-name"
                                 disabled={false}
                                 id="first-name"
@@ -948,8 +947,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                               data-invalid={null}
                             >
                               <input
-                                aria-describedby=""
-                                className="bx--text-input"
+                                className="bx--text-input bx--text-input--md"
                                 data-testid="last-name"
                                 disabled={false}
                                 id="last-name"
@@ -1324,8 +1322,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                               data-invalid={null}
                             >
                               <input
-                                aria-describedby=""
-                                className="bx--text-input"
+                                className="bx--text-input bx--text-input--md"
                                 data-testid="first-name"
                                 disabled={false}
                                 id="first-name"
@@ -1358,8 +1355,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                               data-invalid={null}
                             >
                               <input
-                                aria-describedby=""
-                                className="bx--text-input"
+                                className="bx--text-input bx--text-input--md"
                                 data-testid="last-name"
                                 disabled={false}
                                 id="last-name"
@@ -2617,8 +2613,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                               data-invalid={null}
                             >
                               <input
-                                aria-describedby=""
-                                className="bx--text-input"
+                                className="bx--text-input bx--text-input--md"
                                 data-testid="first-name"
                                 disabled={false}
                                 id="first-name"
@@ -2651,8 +2646,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                               data-invalid={null}
                             >
                               <input
-                                aria-describedby=""
-                                className="bx--text-input"
+                                className="bx--text-input bx--text-input--md"
                                 data-testid="last-name"
                                 disabled={false}
                                 id="last-name"
diff --git a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
index 0b133df364..49dc16f6ba 100644
--- a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
+++ b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot
@@ -552,8 +552,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       data-testid="rsiru4rjba-value"
                       defaultValue=""
                       disabled={false}
@@ -750,8 +749,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input iot--rule-builder-wrap--title-input bx--text-input--light"
+                        className="bx--text-input iot--rule-builder-wrap--title-input bx--text-input--light bx--text-input--md"
                         data-testid="rule-builder-title-input"
                         disabled={false}
                         id="rule-builder-title-input"
@@ -786,8 +784,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         data-invalid={null}
                       >
                         <input
-                          aria-describedby=""
-                          className="bx--text-input bx--text-input--light"
+                          className="bx--text-input bx--text-input--light bx--text-input--md"
                           disabled={false}
                           id="rule-builder-tags-input"
                           onChange={[Function]}
@@ -4227,8 +4224,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       data-testid="rsiru4rjba-value"
                       defaultValue="45"
                       disabled={false}
@@ -4503,8 +4499,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                     data-invalid={null}
                   >
                     <input
-                      aria-describedby=""
-                      className="bx--text-input bx--text-input--light"
+                      className="bx--text-input bx--text-input--light bx--text-input--md"
                       data-testid="34bvyub9jq-value"
                       defaultValue="14"
                       disabled={false}
@@ -4856,8 +4851,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         data-testid="ewc2z5kyfu-value"
                         defaultValue="46"
                         disabled={false}
@@ -5132,8 +5126,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input bx--text-input--light"
+                        className="bx--text-input bx--text-input--light bx--text-input--md"
                         data-testid="hks7h2zin4-value"
                         defaultValue="45"
                         disabled={false}
@@ -5485,8 +5478,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         data-invalid={null}
                       >
                         <input
-                          aria-describedby=""
-                          className="bx--text-input bx--text-input--light"
+                          className="bx--text-input bx--text-input--light bx--text-input--md"
                           data-testid="wg9hlv197c-value"
                           defaultValue=""
                           disabled={false}
@@ -5838,8 +5830,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                           data-invalid={null}
                         >
                           <input
-                            aria-describedby=""
-                            className="bx--text-input bx--text-input--light"
+                            className="bx--text-input bx--text-input--light bx--text-input--md"
                             data-testid="7kadk2wfv8-value"
                             defaultValue="44"
                             disabled={false}
@@ -6114,8 +6105,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                           data-invalid={null}
                         >
                           <input
-                            aria-describedby=""
-                            className="bx--text-input bx--text-input--light"
+                            className="bx--text-input bx--text-input--light bx--text-input--md"
                             data-testid="49mf09vjhn-value"
                             defaultValue="46"
                             disabled={false}
@@ -6315,8 +6305,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                       data-invalid={null}
                     >
                       <input
-                        aria-describedby=""
-                        className="bx--text-input iot--rule-builder-wrap--title-input bx--text-input--light"
+                        className="bx--text-input iot--rule-builder-wrap--title-input bx--text-input--light bx--text-input--md"
                         data-testid="rule-builder-title-input"
                         defaultValue="My Filter"
                         disabled={false}
@@ -6352,8 +6341,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         data-invalid={null}
                       >
                         <input
-                          aria-describedby=""
-                          className="bx--text-input bx--text-input--light"
+                          className="bx--text-input bx--text-input--light bx--text-input--md"
                           disabled={false}
                           id="rule-builder-tags-input"
                           onChange={[Function]}
diff --git a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilderEditor.story.storyshot b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilderEditor.story.storyshot
index b963a8acac..f25101315e 100644
--- a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilderEditor.story.storyshot
+++ b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilderEditor.story.storyshot
@@ -297,8 +297,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
             data-invalid={null}
           >
             <input
-              aria-describedby=""
-              className="bx--text-input bx--text-input--light"
+              className="bx--text-input bx--text-input--light bx--text-input--md"
               data-testid="rsiru4rjba-value"
               defaultValue="45"
               disabled={false}
@@ -573,8 +572,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
             data-invalid={null}
           >
             <input
-              aria-describedby=""
-              className="bx--text-input bx--text-input--light"
+              className="bx--text-input bx--text-input--light bx--text-input--md"
               data-testid="34bvyub9jq-value"
               defaultValue="14"
               disabled={false}
@@ -926,8 +924,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
               data-invalid={null}
             >
               <input
-                aria-describedby=""
-                className="bx--text-input bx--text-input--light"
+                className="bx--text-input bx--text-input--light bx--text-input--md"
                 data-testid="ewc2z5kyfu-value"
                 defaultValue="46"
                 disabled={false}
@@ -1202,8 +1199,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
               data-invalid={null}
             >
               <input
-                aria-describedby=""
-                className="bx--text-input bx--text-input--light"
+                className="bx--text-input bx--text-input--light bx--text-input--md"
                 data-testid="hks7h2zin4-value"
                 defaultValue="45"
                 disabled={false}
@@ -1555,8 +1551,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 data-invalid={null}
               >
                 <input
-                  aria-describedby=""
-                  className="bx--text-input bx--text-input--light"
+                  className="bx--text-input bx--text-input--light bx--text-input--md"
                   data-testid="wg9hlv197c-value"
                   defaultValue=""
                   disabled={false}
@@ -1908,8 +1903,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   data-invalid={null}
                 >
                   <input
-                    aria-describedby=""
-                    className="bx--text-input bx--text-input--light"
+                    className="bx--text-input bx--text-input--light bx--text-input--md"
                     data-testid="7kadk2wfv8-value"
                     defaultValue="44"
                     disabled={false}
@@ -2184,8 +2178,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   data-invalid={null}
                 >
                   <input
-                    aria-describedby=""
-                    className="bx--text-input bx--text-input--light"
+                    className="bx--text-input bx--text-input--light bx--text-input--md"
                     data-testid="49mf09vjhn-value"
                     defaultValue="46"
                     disabled={false}
@@ -2619,8 +2612,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
             data-invalid={null}
           >
             <input
-              aria-describedby=""
-              className="bx--text-input bx--text-input--light"
+              className="bx--text-input bx--text-input--light bx--text-input--md"
               data-testid="rsiru4rjba-value"
               defaultValue=""
               disabled={false}
@@ -3051,8 +3043,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
             data-invalid={null}
           >
             <input
-              aria-describedby=""
-              className="bx--text-input bx--text-input--light"
+              className="bx--text-input bx--text-input--light bx--text-input--md"
               data-testid="rsiru4rjba-value"
               defaultValue=""
               disabled={false}
diff --git a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
index 3d612d4367..90def84636 100644
--- a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
+++ b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
@@ -1323,8 +1323,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="string"
                                   onBlur={[Function]}
@@ -1394,8 +1393,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="date"
                                   onBlur={[Function]}
@@ -1570,8 +1568,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="number"
                                   onBlur={[Function]}
@@ -1617,8 +1614,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="boolean"
                                   onBlur={[Function]}
@@ -1675,8 +1671,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="object"
                                   onBlur={[Function]}
diff --git a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
index 79cd188ac2..8a287042d2 100644
--- a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
+++ b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot
@@ -89,8 +89,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 data-invalid={null}
               >
                 <input
-                  aria-describedby=""
-                  className="bx--text-input"
+                  className="bx--text-input bx--text-input--md"
                   data-testid="TableSaveViewModal-form-title-input"
                   disabled={false}
                   id="save-view-modal-view-title"
@@ -303,8 +302,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 data-invalid={null}
               >
                 <input
-                  aria-describedby=""
-                  className="bx--text-input"
+                  className="bx--text-input bx--text-input--md"
                   data-testid="TableSaveViewModal-form-title-input"
                   disabled={false}
                   id="save-view-modal-view-title"
@@ -585,12 +583,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           <div
             className="bx--form-item"
           >
-            <label
-              className="bx--label"
-              htmlFor="myTextArea"
+            <div
+              className="bx--text-area__label-wrapper"
             >
-              My custom form element
-            </label>
+              <label
+                className="bx--label"
+                htmlFor="myTextArea"
+              >
+                My custom form element
+              </label>
+            </div>
             <div
               className="bx--text-area__wrapper"
               data-invalid={null}
@@ -748,8 +750,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 data-invalid={null}
               >
                 <input
-                  aria-describedby=""
-                  className="bx--text-input"
+                  className="bx--text-input bx--text-input--md"
                   data-testid="TableSaveViewModal-form-title-input"
                   disabled={false}
                   id="save-view-modal-view-title"
@@ -962,8 +963,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 data-invalid={null}
               >
                 <input
-                  aria-describedby=""
-                  className="bx--text-input"
+                  className="bx--text-input bx--text-input--md"
                   data-testid="TableSaveViewModal-form-title-input"
                   disabled={false}
                   id="save-view-modal-view-title"
diff --git a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
index 8d49d221f3..c457082c37 100644
--- a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
@@ -43407,8 +43407,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="string"
                               onBlur={null}
@@ -43479,8 +43478,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="date"
                               onBlur={null}
@@ -43635,8 +43633,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="number"
                               onBlur={null}
@@ -43683,8 +43680,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="boolean"
                               onBlur={null}
@@ -43743,8 +43739,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="object"
                               onBlur={null}
@@ -71842,8 +71837,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="string"
                               onBlur={null}
@@ -71913,8 +71907,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="date"
                               onBlur={null}
@@ -72089,8 +72082,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="number"
                               onBlur={null}
@@ -72136,8 +72128,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="boolean"
                               onBlur={null}
@@ -72194,8 +72185,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="object"
                               onBlur={null}
@@ -81467,8 +81457,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="string"
                               onBlur={[Function]}
@@ -81538,8 +81527,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="date"
                               onBlur={[Function]}
@@ -81714,8 +81702,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="number"
                               onBlur={[Function]}
@@ -81761,8 +81748,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="boolean"
                               onBlur={[Function]}
@@ -81819,8 +81805,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="object"
                               onBlur={[Function]}
diff --git a/packages/react/src/components/Table/__snapshots__/Table.story.storyshot b/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
index 86ba683fb2..e4bba76456 100644
--- a/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
@@ -29055,8 +29055,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="string"
                               onBlur={null}
@@ -29127,8 +29126,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="date"
                               onBlur={null}
@@ -29283,8 +29281,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="number"
                               onBlur={null}
@@ -29331,8 +29328,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="boolean"
                               onBlur={null}
@@ -29391,8 +29387,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="object"
                               onBlur={null}
@@ -34079,8 +34074,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                           data-invalid={null}
                         >
                           <input
-                            aria-describedby=""
-                            className="bx--text-input"
+                            className="bx--text-input bx--text-input--md"
                             disabled={false}
                             id="string"
                             onBlur={[Function]}
@@ -34150,8 +34144,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                           data-invalid={null}
                         >
                           <input
-                            aria-describedby=""
-                            className="bx--text-input"
+                            className="bx--text-input bx--text-input--md"
                             disabled={false}
                             id="date"
                             onBlur={[Function]}
@@ -34326,8 +34319,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                           data-invalid={null}
                         >
                           <input
-                            aria-describedby=""
-                            className="bx--text-input"
+                            className="bx--text-input bx--text-input--md"
                             disabled={false}
                             id="number"
                             onBlur={[Function]}
@@ -34373,8 +34365,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                           data-invalid={null}
                         >
                           <input
-                            aria-describedby=""
-                            className="bx--text-input"
+                            className="bx--text-input bx--text-input--md"
                             disabled={false}
                             id="boolean"
                             onBlur={[Function]}
@@ -34431,8 +34422,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                           data-invalid={null}
                         >
                           <input
-                            aria-describedby=""
-                            className="bx--text-input"
+                            className="bx--text-input bx--text-input--md"
                             disabled={false}
                             id="object"
                             onBlur={[Function]}
@@ -40482,8 +40472,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="string"
                               onBlur={null}
@@ -40553,8 +40542,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="date"
                               onBlur={null}
@@ -40740,8 +40728,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="number"
                               onBlur={null}
@@ -40787,8 +40774,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="boolean"
                               onBlur={null}
@@ -40845,8 +40831,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="object"
                               onBlur={null}
@@ -84584,8 +84569,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   defaultValue="whiteboard"
                                   disabled={false}
                                   id="string"
@@ -84643,8 +84627,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="date"
                                   onChange={[Function]}
@@ -84787,8 +84770,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="number"
                                   onChange={[Function]}
@@ -84825,8 +84807,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="boolean"
                                   onChange={[Function]}
@@ -84859,8 +84840,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                                 data-invalid={null}
                               >
                                 <input
-                                  aria-describedby=""
-                                  className="bx--text-input"
+                                  className="bx--text-input bx--text-input--md"
                                   disabled={false}
                                   id="object"
                                   onChange={[Function]}
diff --git a/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot b/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
index 2858a6fa2e..74c8aed216 100644
--- a/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
@@ -1462,8 +1462,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="string"
                               onBlur={null}
@@ -1534,8 +1533,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="date"
                               onBlur={null}
@@ -1690,8 +1688,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="number"
                               onBlur={null}
@@ -1738,8 +1735,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="boolean"
                               onBlur={null}
@@ -1798,8 +1794,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                             data-invalid={null}
                           >
                             <input
-                              aria-describedby=""
-                              className="bx--text-input"
+                              className="bx--text-input bx--text-input--md"
                               disabled={false}
                               id="object"
                               onBlur={null}
diff --git a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
index 25407a0222..d54318a38d 100644
--- a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
+++ b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
@@ -32303,6 +32303,7 @@ Map {
       "accept": Array [],
       "buttonKind": "primary",
       "buttonLabel": "",
+      "disabled": false,
       "filenameStatus": "uploading",
       "iconDescription": "Provide icon description",
       "multiple": false,
@@ -32338,6 +32339,9 @@ Map {
       "className": Object {
         "type": "string",
       },
+      "disabled": Object {
+        "type": "bool",
+      },
       "filenameStatus": Object {
         "args": Array [
           Array [
@@ -34114,17 +34118,6 @@ Map {
   },
   "PasswordInput" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "className": "\${prefix}--text__input",
-      "disabled": false,
-      "helperText": "",
-      "invalid": false,
-      "invalidText": "",
-      "light": false,
-      "onChange": [Function],
-      "onClick": [Function],
-      "size": "",
-    },
     "displayName": "PasswordInput",
     "propTypes": Object {
       "className": Object {
@@ -35129,10 +35122,12 @@ Map {
     "defaultProps": Object {
       "cols": 50,
       "disabled": false,
+      "enableCounter": false,
       "helperText": "",
       "invalid": false,
       "invalidText": "",
       "light": false,
+      "maxCount": undefined,
       "onChange": [Function],
       "onClick": [Function],
       "placeholder": "",
@@ -35162,6 +35157,9 @@ Map {
       "disabled": Object {
         "type": "bool",
       },
+      "enableCounter": Object {
+        "type": "bool",
+      },
       "helperText": Object {
         "type": "node",
       },
@@ -35184,6 +35182,9 @@ Map {
       "light": Object {
         "type": "bool",
       },
+      "maxCount": Object {
+        "type": "number",
+      },
       "onChange": Object {
         "type": "func",
       },
@@ -35328,17 +35329,6 @@ Map {
     },
     "PasswordInput": Object {
       "$$typeof": Symbol(react.forward_ref),
-      "defaultProps": Object {
-        "className": "\${prefix}--text__input",
-        "disabled": false,
-        "helperText": "",
-        "invalid": false,
-        "invalidText": "",
-        "light": false,
-        "onChange": [Function],
-        "onClick": [Function],
-        "size": "",
-      },
       "displayName": "PasswordInput",
       "propTypes": Object {
         "className": Object {
@@ -35459,19 +35449,6 @@ Map {
       },
       "render": [Function],
     },
-    "defaultProps": Object {
-      "disabled": false,
-      "helperText": "",
-      "inline": false,
-      "invalid": false,
-      "invalidText": "",
-      "light": false,
-      "onChange": [Function],
-      "onClick": [Function],
-      "type": "text",
-      "warn": false,
-      "warnText": "",
-    },
     "displayName": "TextInput",
     "propTypes": Object {
       "className": Object {
@@ -36498,9 +36475,6 @@ Map {
     },
   },
   "ButtonSkeleton" => Object {
-    "defaultProps": Object {
-      "small": false,
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
diff --git a/yarn.lock b/yarn.lock
index 0bce617c0b..58e61a1e4a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3781,7 +3781,7 @@
   resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.28.0.tgz#b0bedf54bbb1c68c625283e921f9e437746f781d"
   integrity sha512-jk2CY9tGQt0yjERFrw+Wwywmpx/ACayh3DYbD1A1MjRRKl39D4FW6pgcy4HmWwL9MFyhe1rI7YjQLueBCNcdMQ==
 
-"@carbon/colors@^10.35.0":
+"@carbon/colors@^10.36.0":
   version "10.36.0"
   resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.36.0.tgz#35a16b80bd40da5ee71a3a7ec75c85e1d90bd47e"
   integrity sha512-C2M4SfsumD9lgCChR5d/2WM4941DBe6Or/lTvTOlEWX2Emm9tihr+yKhq5ztoOYk1w0iYVKTtVxi4CyYAnkJcw==
@@ -3801,17 +3801,17 @@
   resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.21.0.tgz#446223e26afe436455cfffcc4da235e6a23dfe3f"
   integrity sha512-axRNtdg5PAIpPFXGYAHRk2JudHhgHlu/o00BkFlsbMhgsLhEgsUddLZoVjCByBCEPxLwt9CSk048VmcKuJzm7w==
 
-"@carbon/icon-helpers@^10.26.0", "@carbon/icon-helpers@^10.27.0":
+"@carbon/icon-helpers@^10.27.0":
   version "10.27.0"
   resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.27.0.tgz#ae3e5389e3b4efe868d23ab107282ef345110287"
   integrity sha512-tYp5Uz1In5idyTFKyDWA1yxHWkhyUQe4IsuajMyVkd93cbWmFjqKvPjx/j5cLUle3j91vLfVawpErB2oL/fXuw==
 
-"@carbon/icons-react@10.45.0":
-  version "10.45.0"
-  resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.45.0.tgz#662b3667c74193fd51722e99ee00df72a3b9ac99"
-  integrity sha512-bQfAxq19VnNkvaqYvBtF1H1WrINQK0JCA0wR0t8YLDPuC+WmlOPAyJIkAGlYukFJuHVP4p+CpSWIO6+/8PXsqw==
+"@carbon/icons-react@10.46.0", "@carbon/icons-react@^10.46.0":
+  version "10.46.0"
+  resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.46.0.tgz#349d28f7651829ea2f3f22e1a1c6133910afa25f"
+  integrity sha512-Bzj6P7f0HgocduOLca6rh9l4i3wsiUedeIyYkXODyNK1xyy07BrDXbSxlwy78Wmia/QpygxMtdFDP4XoHIhfng==
   dependencies:
-    "@carbon/icon-helpers" "^10.26.0"
+    "@carbon/icon-helpers" "^10.27.0"
     "@carbon/telemetry" "0.0.0-alpha.6"
     prop-types "^15.7.2"
 
@@ -3824,15 +3824,6 @@
     "@carbon/telemetry" "0.0.0-alpha.6"
     prop-types "^15.7.2"
 
-"@carbon/icons-react@^10.45.0":
-  version "10.46.0"
-  resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.46.0.tgz#349d28f7651829ea2f3f22e1a1c6133910afa25f"
-  integrity sha512-Bzj6P7f0HgocduOLca6rh9l4i3wsiUedeIyYkXODyNK1xyy07BrDXbSxlwy78Wmia/QpygxMtdFDP4XoHIhfng==
-  dependencies:
-    "@carbon/icon-helpers" "^10.27.0"
-    "@carbon/telemetry" "0.0.0-alpha.6"
-    prop-types "^15.7.2"
-
 "@carbon/icons@10.20.0":
   version "10.20.0"
   resolved "https://registry.yarnpkg.com/@carbon/icons/-/icons-10.20.0.tgz#223dc74cef30611bbe4412b214ad131268573ba6"
@@ -3843,37 +3834,32 @@
   resolved "https://registry.yarnpkg.com/@carbon/import-once/-/import-once-10.6.0.tgz#a8fb846d9dc3eea9d45d9131a235e898d0f8db1e"
   integrity sha512-vi0lnmZot9J5uW2p9chtyLBwe3nCTY4HrDWuglLOZVOHu7dbLQiRjD/r3uOjB4lr5qduRwk2hblBXKBhpVDBpg==
 
-"@carbon/layout@10.35.0":
-  version "10.35.0"
-  resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.35.0.tgz#ab62fbb7464fc4086bce84a5ab72553de6adcb54"
-  integrity sha512-UKMOVN+fNnvNbIOPpSg3BlO5/tT+rd4O+exEWrPAb416WehHP2y/kf9l+EI2bD784gF4TtXVqwbr+SV7GGLjtw==
+"@carbon/layout@10.36.0", "@carbon/layout@^10.36.0":
+  version "10.36.0"
+  resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.36.0.tgz#03807f557abbf7db78681ac43699e5fbdfa1bcde"
+  integrity sha512-53nlp/hjJ8nd69bwc9clSeeXrJt8HBVZN9s/Ehw7enOhf21Hfnb/U2PGoGl189BspCN5tT/gXp+5fprm0nm7TA==
 
 "@carbon/layout@^10.17.0", "@carbon/layout@^10.27.0":
   version "10.27.0"
   resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.27.0.tgz#ab8d920c94cca994f5f3f56b59768f1d894c2ec0"
   integrity sha512-RL7wlUN3BE3hTGpxTloKVfnoLwGsBmLHHZkphiKBuL3xzBZx2GYptPYNRtQOGDPZxeqEfxXzH2RKQk2Mh1eVZA==
 
-"@carbon/layout@^10.35.0":
-  version "10.36.0"
-  resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.36.0.tgz#03807f557abbf7db78681ac43699e5fbdfa1bcde"
-  integrity sha512-53nlp/hjJ8nd69bwc9clSeeXrJt8HBVZN9s/Ehw7enOhf21Hfnb/U2PGoGl189BspCN5tT/gXp+5fprm0nm7TA==
-
 "@carbon/motion@10.12.0":
   version "10.12.0"
   resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.12.0.tgz#5afe2f72a4a907645265a31041495f30ff5f5669"
   integrity sha512-Jf6sKufX/VdE7az77c20HVnQu2CyypkTavSSbiRBLrasV6g4Um86wrGXW+M1ZJh9efzs0jEcjg2B/ikwKB4mmA==
 
-"@carbon/motion@10.27.0":
-  version "10.27.0"
-  resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.27.0.tgz#6b21d059600cccf462c9d29bb1133cfa1bc01f1e"
-  integrity sha512-E9UmtVojjTGoeVME7DtguFodCm697EkNBZifq8tHwczBLSpU+j02vQjH1l1K8wrpEr5CGxTs6CaD4RQsoXuYLA==
+"@carbon/motion@10.28.0":
+  version "10.28.0"
+  resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.28.0.tgz#2cda9658798f93fd880e5f571b851cac0d3a872e"
+  integrity sha512-QSDhzEop7Ix1G94ZxBPHWRHDzYd/xwPLw5MDvAv0XFGUqjG4E5P7WSe5O+7TmuThv4mA/swh9GW+ab1azztbGw==
 
-"@carbon/pictograms-react@11.21.0":
-  version "11.21.0"
-  resolved "https://registry.yarnpkg.com/@carbon/pictograms-react/-/pictograms-react-11.21.0.tgz#63c86e75449ab8ce6df5d47178786b38fc06cbda"
-  integrity sha512-rQhVV6eB9EY8jf9d8JqoDcu2ajc7K9EMhVAtmdTVv6N/FqQxDr3EwtV1HcKnhloVjx/NePn+5JS05dRijdD1IA==
+"@carbon/pictograms-react@11.22.0":
+  version "11.22.0"
+  resolved "https://registry.yarnpkg.com/@carbon/pictograms-react/-/pictograms-react-11.22.0.tgz#1c1e44ee292ca1fc39a1f38cc4c72af1c0347f24"
+  integrity sha512-MZFLRpA4Nuy9TljDWe1r2s/lSJ3H1/Vnt2fYSr45BiqZM/vQht6wYEKLXbor6vMSffI+LfJu/W2XL9u/H7IgSQ==
   dependencies:
-    "@carbon/icon-helpers" "^10.26.0"
+    "@carbon/icon-helpers" "^10.27.0"
     "@carbon/telemetry" "0.0.0-alpha.6"
     prop-types "^15.7.2"
 
@@ -3903,14 +3889,14 @@
     "@carbon/type" "^10.20.0"
     color "^3.1.2"
 
-"@carbon/themes@10.50.0":
-  version "10.50.0"
-  resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.50.0.tgz#1ebe92e2b1d34db501dd1c0826e847892d4183c2"
-  integrity sha512-+sz/l7b7lORgLNlauFF1UMchq4u0hoo0gXtGvBHXx04tivs9rK9rwRdZ0uJtakk6dNmN+me5femm1SM6kr9ziw==
+"@carbon/themes@10.51.0":
+  version "10.51.0"
+  resolved "https://registry.yarnpkg.com/@carbon/themes/-/themes-10.51.0.tgz#428fbb29f525ff771d2f2673b0dc9518c2f01bfe"
+  integrity sha512-4Txss4+to28fgda/8ncPBvXIHSSvym+7qwgRofZhrScVPMtCXlPuaOqo10RduhnFesYsoCDzDA442y+iPBROOg==
   dependencies:
-    "@carbon/colors" "^10.35.0"
-    "@carbon/layout" "^10.35.0"
-    "@carbon/type" "^10.40.0"
+    "@carbon/colors" "^10.36.0"
+    "@carbon/layout" "^10.36.0"
+    "@carbon/type" "^10.41.0"
     color "^3.1.2"
 
 "@carbon/type@^10.20.0":
@@ -3921,13 +3907,13 @@
     "@carbon/import-once" "^10.6.0"
     "@carbon/layout" "^10.27.0"
 
-"@carbon/type@^10.40.0":
-  version "10.40.0"
-  resolved "https://registry.yarnpkg.com/@carbon/type/-/type-10.40.0.tgz#b189baed73ce2d0ffb5dc08437144b38f788fbf7"
-  integrity sha512-+ECJANAmAFmF3DmmH9iaCNtVZypBcE8vvhecjRYirSj7FS+9LeiqAZGhjzAqtHpsItH5QHqQs10PrAY2zSylYA==
+"@carbon/type@^10.41.0":
+  version "10.41.0"
+  resolved "https://registry.yarnpkg.com/@carbon/type/-/type-10.41.0.tgz#05d999fa0b5fceea7fa37d7f7e6a82507920b92f"
+  integrity sha512-C3A9qN0MvfplUA+iF4IJv+2K9VJgVTKZOBX2IgE4oALAGn3S31fGJNk5WZ2b4HVxD17jl0lpJxRIPGNg9WPSDg==
   dependencies:
     "@carbon/import-once" "^10.6.0"
-    "@carbon/layout" "^10.35.0"
+    "@carbon/layout" "^10.36.0"
 
 "@carbon/utils-position@1.1.1":
   version "1.1.1"
@@ -9839,15 +9825,15 @@ carbon-components-angular@4.56.2:
     flatpickr "4.6.1"
     tslib "^1.9.0"
 
-carbon-components-react@7.52.0:
-  version "7.52.0"
-  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.52.0.tgz#d8c1caea7d777f9608ec4524d36bd075540c549e"
-  integrity sha512-VBstCYnqGiekqkObwiN9x18opdTnYmEbIP1+YrA4uXQCmWFEMnUiIaeI1vqRVAl9TLOMSLIVv1BNl6KfUxIWfg==
+carbon-components-react@7.53.0:
+  version "7.53.0"
+  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.53.0.tgz#07a2919bc0c647ab911d97098b169dd8d456dfa9"
+  integrity sha512-+M749l+awU3QV7cm4sCvhCSxiWZS7Ddu+7cAxQ+8jTPvq30y+kT3zxcwhfRASLce+CiWSffbreQIKzN9mYjgvw==
   dependencies:
     "@babel/runtime" "^7.16.7"
     "@carbon/feature-flags" "^0.7.0"
-    "@carbon/icons-react" "^10.45.0"
-    "@carbon/layout" "^10.35.0"
+    "@carbon/icons-react" "^10.46.0"
+    "@carbon/layout" "^10.36.0"
     "@carbon/telemetry" "0.0.0-alpha.6"
     classnames "2.3.1"
     copy-to-clipboard "^3.3.1"
@@ -9885,10 +9871,10 @@ carbon-components@10.47.0:
     lodash.debounce "^4.0.8"
     warning "^3.0.0"
 
-carbon-components@10.52.0:
-  version "10.52.0"
-  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.52.0.tgz#07db35dddbc5f9e5042e8621a781e9cb96fce0fa"
-  integrity sha512-itiG52GdDGxGh4IyuIV7gsuQCE1LLD2FCTEp5bPGhF/Onn042QzGendjl+yE7kfUk3FVlWmHN216dh/mA2sdZg==
+carbon-components@10.53.0:
+  version "10.53.0"
+  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.53.0.tgz#260d77550a6f33b6cf69e3e61ce0be8089308f48"
+  integrity sha512-w1my4Jm//CYeraDM002TT/rMULxDSJ8wG0MCWPHGXFF/9OPHVGWo9idbLppM3lCS/PMfl/gpLvfpUVedFr7Yfw==
   dependencies:
     "@carbon/telemetry" "0.0.0-alpha.6"
     flatpickr "4.6.1"

From 4d0cda3662ae1779770b987c3d96f7aaf08af04b Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 10:12:19 -0500
Subject: [PATCH 05/11] fix(table): pass ref directly to pagination now

---
 .../__snapshots__/ComboChartCard.story.storyshot       |  1 -
 .../Dashboard/__snapshots__/Dashboard.story.storyshot  |  1 -
 .../__snapshots__/DashboardGrid.story.storyshot        |  1 -
 .../__snapshots__/DashboardEditor.story.storyshot      |  2 --
 .../__snapshots__/PageTitleBar.story.storyshot         |  2 --
 .../SideNav/__snapshots__/SideNav.story.storyshot      |  1 -
 packages/react/src/components/Table/Pagination.jsx     |  6 +-----
 .../Table/__snapshots__/StatefulTable.story.storyshot  |  7 -------
 .../Table/__snapshots__/Table.story.storyshot          |  6 ------
 .../TableCard/__snapshots__/TableCard.story.storyshot  | 10 ----------
 .../__snapshots__/TimeSeriesCard.story.storyshot       |  1 -
 11 files changed, 1 insertion(+), 37 deletions(-)

diff --git a/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot b/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot
index d47af1e196..85631d7c55 100644
--- a/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot
+++ b/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot
@@ -1678,7 +1678,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   </table>
                 </div>
               </div>
-              <div />
               <div
                 className="bx--pagination iot--pagination bx--pagination--lg"
                 data-testid="BarChartCard-table-table-pagination"
diff --git a/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot b/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
index a1e1487e20..ea61a8d6a1 100644
--- a/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
+++ b/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
@@ -10914,7 +10914,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/
                       </table>
                     </div>
                   </div>
-                  <div />
                   <div
                     className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
                     data-testid="table-for-card-expandedcard-table-pagination"
diff --git a/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot b/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
index f3ba6d3c28..dc77fb19d8 100644
--- a/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
+++ b/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
@@ -3065,7 +3065,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D
                   </table>
                 </div>
               </div>
-              <div />
               <div
                 className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
                 data-testid="table-for-card-tableCard-table-pagination"
diff --git a/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot b/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
index 7f099571b0..1e1b3c6d1b 100644
--- a/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
+++ b/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
@@ -1276,7 +1276,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                             </table>
                           </div>
                         </div>
-                        <div />
                         <div
                           className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
                           data-testid="table-for-card-Table-table-pagination"
@@ -20552,7 +20551,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                           </table>
                         </div>
                       </div>
-                      <div />
                       <div
                         className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
                         data-testid="table-for-card-Table-table-pagination"
diff --git a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
index e884da0cf3..239e1b596f 100644
--- a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
+++ b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot
@@ -1973,7 +1973,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                     </table>
                   </div>
                 </div>
-                <div />
                 <div
                   className="bx--pagination iot--pagination bx--pagination--lg"
                   data-testid="null-table-pagination"
@@ -4072,7 +4071,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P
                     </table>
                   </div>
                 </div>
-                <div />
                 <div
                   className="bx--pagination iot--pagination bx--pagination--lg"
                   data-testid="null-table-pagination"
diff --git a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
index 90def84636..975e3fa59a 100644
--- a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
+++ b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot
@@ -4921,7 +4921,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination bx--pagination--lg"
             data-testid="null-table-pagination"
diff --git a/packages/react/src/components/Table/Pagination.jsx b/packages/react/src/components/Table/Pagination.jsx
index 1c00194e29..69e8fa8002 100644
--- a/packages/react/src/components/Table/Pagination.jsx
+++ b/packages/react/src/components/Table/Pagination.jsx
@@ -24,13 +24,9 @@ const SizedPagination = ({
   const [{ width }, paginationRef] = useSizeObserver({ initialWidth: 500 });
   return (
     <>
-      {/** empty div to fill the width of the pagination area so we don't have to wrap the pagination
-       * in a div and cause lots of changes to snapshots. Hopefully, we can soon pass a ref to pagination
-       * and remove this. See: https://github.com/carbon-design-system/carbon/pull/10239
-       */}
-      <div ref={paginationRef} />
       <Pagination
         {...rest}
+        forwardedRef={paginationRef}
         size={size}
         data-testid={testId}
         disabled={preventInteraction || disabled}
diff --git a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
index c457082c37..99a286c6c6 100644
--- a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
@@ -41557,7 +41557,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
@@ -47216,7 +47215,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
@@ -75450,7 +75448,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
@@ -76381,7 +76378,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
         </table>
       </div>
     </div>
-    <div />
     <div
       className="bx--pagination iot--pagination bx--pagination--lg"
       data-testid="table-table-pagination"
@@ -80555,7 +80551,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
@@ -85095,7 +85090,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
@@ -86698,7 +86692,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
diff --git a/packages/react/src/components/Table/__snapshots__/Table.story.storyshot b/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
index e4bba76456..e801ec210e 100644
--- a/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
@@ -32737,7 +32737,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
@@ -36550,7 +36549,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
         </table>
       </div>
     </div>
-    <div />
     <div
       className="bx--pagination iot--pagination bx--pagination--lg"
       data-testid="table-table-pagination"
@@ -39698,7 +39696,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
@@ -45470,7 +45467,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           </table>
         </div>
       </div>
-      <div />
       <div
         className="bx--pagination iot--pagination bx--pagination--lg"
         data-testid="table-table-pagination"
@@ -83960,7 +83956,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
         </table>
       </div>
     </div>
-    <div />
     <div
       className="bx--pagination iot--pagination bx--pagination--lg"
       data-testid="table-table-pagination"
@@ -87428,7 +87423,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
         </table>
       </div>
     </div>
-    <div />
     <div
       className="bx--pagination iot--pagination bx--pagination--lg"
       data-testid="table-table-pagination"
diff --git a/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot b/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot
index b4093425ad..c28bc6a375 100644
--- a/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot
+++ b/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot
@@ -928,7 +928,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
@@ -2312,7 +2311,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
@@ -3761,7 +3759,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
@@ -4671,7 +4668,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-undefined-table-pagination"
@@ -5744,7 +5740,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
@@ -7765,7 +7760,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
@@ -9632,7 +9626,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
@@ -11148,7 +11141,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
@@ -12878,7 +12870,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
@@ -15038,7 +15029,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
               </table>
             </div>
           </div>
-          <div />
           <div
             className="bx--pagination iot--pagination iot--pagination--hide-page bx--pagination--lg"
             data-testid="table-for-card-table-list-table-pagination"
diff --git a/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot b/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
index e875d66b81..eee22ab691 100644
--- a/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
+++ b/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
@@ -2576,7 +2576,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                 </table>
               </div>
             </div>
-            <div />
             <div
               className="bx--pagination iot--pagination bx--pagination--lg"
               data-testid="TimeSeries-table-table-pagination"

From a225c72e6c63b4d66987267d464e80728e173ffc Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 10:24:47 -0500
Subject: [PATCH 06/11] fix(color-dropdown): replace dropdownTitleFixer hook

replace with renderSelectedItem in carbon
---
 .../ThresholdsFormItem.story.storyshot        | 63 +------------------
 .../ColorDropdown/ColorDropdown.jsx           | 15 ++---
 .../ColorDropdown.story.storyshot             | 47 +-------------
 .../HotspotEditorTooltipTab.story.storyshot   | 26 +-------
 4 files changed, 10 insertions(+), 141 deletions(-)

diff --git a/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot b/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
index f9322b9eb7..ebd443e4bc 100644
--- a/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
+++ b/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
@@ -203,26 +203,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 id="downshift-1-toggle-button"
                 onClick={[Function]}
                 onKeyDown={[Function]}
-                title={
-                  <div
-                    className="iot--color-dropdown__item"
-                    title="red60"
-                  >
-                    <div
-                      className="iot--color-dropdown__item-border"
-                    >
-                      <div
-                        className="iot--color-dropdown__color-sample"
-                        style={
-                          Object {
-                            "backgroundColor": "#da1e28",
-                          }
-                        }
-                        title="#da1e28"
-                      />
-                    </div>
-                  </div>
-                }
+                title="red60"
                 type="button"
               >
                 <span
@@ -622,26 +603,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 id="downshift-4-toggle-button"
                 onClick={[Function]}
                 onKeyDown={[Function]}
-                title={
-                  <div
-                    className="iot--color-dropdown__item"
-                    title="green50"
-                  >
-                    <div
-                      className="iot--color-dropdown__item-border"
-                    >
-                      <div
-                        className="iot--color-dropdown__color-sample"
-                        style={
-                          Object {
-                            "backgroundColor": "#24a148",
-                          }
-                        }
-                        title="#24a148"
-                      />
-                    </div>
-                  </div>
-                }
+                title="green50"
                 type="button"
               >
                 <span
@@ -1041,26 +1003,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 id="downshift-7-toggle-button"
                 onClick={[Function]}
                 onKeyDown={[Function]}
-                title={
-                  <div
-                    className="iot--color-dropdown__item"
-                    title="orange40"
-                  >
-                    <div
-                      className="iot--color-dropdown__item-border"
-                    >
-                      <div
-                        className="iot--color-dropdown__color-sample"
-                        style={
-                          Object {
-                            "backgroundColor": "#ff832b",
-                          }
-                        }
-                        title="#ff832b"
-                      />
-                    </div>
-                  </div>
-                }
+                title="orange40"
                 type="button"
               >
                 <span
diff --git a/packages/react/src/components/ColorDropdown/ColorDropdown.jsx b/packages/react/src/components/ColorDropdown/ColorDropdown.jsx
index 406aa218bb..4a65f24223 100644
--- a/packages/react/src/components/ColorDropdown/ColorDropdown.jsx
+++ b/packages/react/src/components/ColorDropdown/ColorDropdown.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Dropdown } from 'carbon-components-react';
 import {
@@ -19,7 +19,6 @@ import warning from 'warning';
 
 import { settings } from '../../constants/Settings';
 import deprecate from '../../internal/deprecate';
-import { useDropdownTitleFixer } from '../IconDropdown/dropdownHooks';
 
 const { iotPrefix } = settings;
 
@@ -108,13 +107,6 @@ const ColorDropdown = ({
     }
   }, []);
   const [selectedColor, setSelectedColor] = useState(selectedColorProp);
-  const [dropdownRef, updateTitle] = useDropdownTitleFixer();
-
-  useEffect(() => {
-    if ((selectedColor?.name || selectedColor?.carbonColor) && dropdownRef?.current) {
-      updateTitle(selectedColor.name || selectedColor.carbonColor);
-    }
-  }, [dropdownRef, selectedColor, selectedColorProp, updateTitle]);
 
   const renderColorItem = (item) => {
     return (
@@ -135,10 +127,10 @@ const ColorDropdown = ({
 
   return (
     <Dropdown
-      ref={dropdownRef}
       className={`${iotPrefix}--color-dropdown`}
       id={id}
-      itemToString={renderColorItem}
+      itemToElement={renderColorItem}
+      itemToString={(item) => item.name}
       items={colors}
       label={label}
       light={light}
@@ -149,6 +141,7 @@ const ColorDropdown = ({
         onChange({ color: selectedItem });
       }}
       selectedItem={selectedColor}
+      renderSelectedItem={renderColorItem}
       titleText={titleText}
       type="default"
       data-testid={testID || testId}
diff --git a/packages/react/src/components/ColorDropdown/__snapshots__/ColorDropdown.story.storyshot b/packages/react/src/components/ColorDropdown/__snapshots__/ColorDropdown.story.storyshot
index e84696846e..2b2aa3f744 100644
--- a/packages/react/src/components/ColorDropdown/__snapshots__/ColorDropdown.story.storyshot
+++ b/packages/react/src/components/ColorDropdown/__snapshots__/ColorDropdown.story.storyshot
@@ -213,26 +213,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           id="downshift-0-toggle-button"
           onClick={[Function]}
           onKeyDown={[Function]}
-          title={
-            <div
-              className="iot--color-dropdown__item"
-              title="purple70"
-            >
-              <div
-                className="iot--color-dropdown__item-border"
-              >
-                <div
-                  className="iot--color-dropdown__color-sample"
-                  style={
-                    Object {
-                      "backgroundColor": "#6929c4",
-                    }
-                  }
-                  title="#6929c4"
-                />
-              </div>
-            </div>
-          }
+          title="purple70"
           type="button"
         >
           <span
@@ -336,31 +317,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           id="downshift-0-toggle-button"
           onClick={[Function]}
           onKeyDown={[Function]}
-          title={
-            <div
-              className="iot--color-dropdown__item"
-              title="teal70"
-            >
-              <div
-                className="iot--color-dropdown__item-border"
-              >
-                <div
-                  className="iot--color-dropdown__color-sample"
-                  style={
-                    Object {
-                      "backgroundColor": "#005d5d",
-                    }
-                  }
-                  title="#005d5d"
-                />
-                <div
-                  className="iot--color-dropdown__color-name"
-                >
-                  teal70
-                </div>
-              </div>
-            </div>
-          }
+          title="teal70"
           type="button"
         >
           <span
diff --git a/packages/react/src/components/HotspotEditorModal/HotspotEditorTooltipTab/__snapshots__/HotspotEditorTooltipTab.story.storyshot b/packages/react/src/components/HotspotEditorModal/HotspotEditorTooltipTab/__snapshots__/HotspotEditorTooltipTab.story.storyshot
index 2c03ceb82f..46ab7ddbb9 100644
--- a/packages/react/src/components/HotspotEditorModal/HotspotEditorTooltipTab/__snapshots__/HotspotEditorTooltipTab.story.storyshot
+++ b/packages/react/src/components/HotspotEditorModal/HotspotEditorTooltipTab/__snapshots__/HotspotEditorTooltipTab.story.storyshot
@@ -809,31 +809,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 id="downshift-1-toggle-button"
                 onClick={[Function]}
                 onKeyDown={[Function]}
-                title={
-                  <div
-                    className="iot--color-dropdown__item"
-                    title="green"
-                  >
-                    <div
-                      className="iot--color-dropdown__item-border"
-                    >
-                      <div
-                        className="iot--color-dropdown__color-sample"
-                        style={
-                          Object {
-                            "backgroundColor": "#24a148",
-                          }
-                        }
-                        title="#24a148"
-                      />
-                      <div
-                        className="iot--color-dropdown__color-name"
-                      >
-                        green
-                      </div>
-                    </div>
-                  </div>
-                }
+                title="green"
                 type="button"
               >
                 <span

From 2715b06e0c5f9fa16880b172d343e2ae45b0d430 Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 10:31:14 -0500
Subject: [PATCH 07/11] fix(icon-dropdown): replace dropdownTitleFixer hook

replace with renderSelectedItem in carbon
---
 .../components/IconDropdown/IconDropdown.jsx  | 24 +++++++------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/packages/react/src/components/IconDropdown/IconDropdown.jsx b/packages/react/src/components/IconDropdown/IconDropdown.jsx
index 5f08316cf4..9b64f13c9a 100644
--- a/packages/react/src/components/IconDropdown/IconDropdown.jsx
+++ b/packages/react/src/components/IconDropdown/IconDropdown.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useEffect } from 'react';
+import React, { useState, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
@@ -6,8 +6,6 @@ import { settings } from '../../constants/Settings';
 import Button from '../Button';
 import { Dropdown } from '../Dropdown';
 
-import { useDropdownTitleFixer } from './dropdownHooks';
-
 const { iotPrefix, prefix } = settings;
 
 const itemShape = PropTypes.shape({
@@ -69,7 +67,7 @@ const propTypes = {
 
   /**
    * `onChange` is a utility for this controlled component to communicate to a
-   * consuming component what kind of internal state changes are occuring.
+   * consuming component what kind of internal state changes are occurring.
    */
   onChange: PropTypes.func,
   translateWithId: PropTypes.func,
@@ -135,19 +133,13 @@ const IconDropdown = ({
   const selectedItem =
     controlledSelectedItem !== null ? controlledSelectedItem : internalSelectedItem;
 
-  const [dropdownRef, updateTitle] = useDropdownTitleFixer();
+  const dropdownRef = useRef(null);
 
   const highlightedItem =
     highlightedIndex >= 0 && highlightedIndex < items.length ? items[highlightedIndex] : null;
 
   const hasFooter = highlightedItem || selectedItem;
 
-  useEffect(() => {
-    if (selectedItem?.text && dropdownRef?.current) {
-      updateTitle(selectedItem?.text);
-    }
-  }, [dropdownRef, selectedItem, updateTitle]);
-
   const handleClick = useCallback(() => {
     // Takes measurements of the dropdown and text that renders beneath this - used to position the footer
     // const dropdown = document.getElementById(id);
@@ -176,8 +168,7 @@ const IconDropdown = ({
     setHeight(Math.ceil(items.length / columnCount) * defaultItemSize);
     setTopTranslate(helperTextHeight + validationTextHeight + labelHeight + 1); // Add one for the border width
     setBottomTranslate(helperTextHeight + validationTextHeight);
-    updateTitle(selectedItem?.text);
-  }, [columnCount, dropdownRef, items.length, selectedItem, updateTitle]);
+  }, [columnCount, dropdownRef, items.length]);
 
   const Footer = () => {
     const selectedFooter = highlightedItem !== null ? highlightedItem : selectedItem;
@@ -203,7 +194,7 @@ const IconDropdown = ({
     );
   };
 
-  const itemToString = (item) => {
+  const itemToElement = (item) => {
     const index = items.findIndex((element) => element.id === item.id);
 
     return (
@@ -266,9 +257,9 @@ const IconDropdown = ({
         onChange={({ selectedItem: newSelected }) => {
           setInternalSelectedItem(newSelected);
           onChange(newSelected);
-          updateTitle(newSelected?.text);
         }}
         translateWithId={translateWithId}
+        renderSelectedItem={itemToElement}
         downshiftProps={{
           isOpen,
           onStateChange: (change) => {
@@ -285,7 +276,8 @@ const IconDropdown = ({
         }}
         data-testid={testId}
         {...other}
-        itemToString={itemToString}
+        itemToElement={itemToElement}
+        itemToString={(item) => item.text}
       />
       {isOpen && direction === 'bottom' && <Footer />}
     </div>

From 313a98c57ce38d5ae8c771f1226892692bf34a08 Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 10:36:27 -0500
Subject: [PATCH 08/11] fix(simple-icon-dropdown): replace dropdownTitleFixer
 hook

replace with renderSelectedItem in carbon
---
 .../ThresholdsFormItem.story.storyshot        | 51 ++-----------------
 .../SimpleIconDropdown/SimpleIconDropdown.jsx | 17 ++-----
 .../SimpleIconDropdown.story.storyshot        | 51 ++-----------------
 3 files changed, 10 insertions(+), 109 deletions(-)

diff --git a/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot b/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
index ebd443e4bc..b42865ed8d 100644
--- a/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
+++ b/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
@@ -89,22 +89,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 id="downshift-0-toggle-button"
                 onClick={[Function]}
                 onKeyDown={[Function]}
-                title={
-                  <div
-                    className="iot--icon-dropdown__item"
-                    style={
-                      Object {
-                        "color": "#da1e28",
-                      }
-                    }
-                  >
-                    <div
-                      className="iot--icon-dropdown__item-border"
-                    >
-                      <ForwardRef(Warning24) />
-                    </div>
-                  </div>
-                }
+                title="Warning"
                 type="button"
               >
                 <span
@@ -489,22 +474,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 id="downshift-3-toggle-button"
                 onClick={[Function]}
                 onKeyDown={[Function]}
-                title={
-                  <div
-                    className="iot--icon-dropdown__item"
-                    style={
-                      Object {
-                        "color": "#24a148",
-                      }
-                    }
-                  >
-                    <div
-                      className="iot--icon-dropdown__item-border"
-                    >
-                      <ForwardRef(Warning24) />
-                    </div>
-                  </div>
-                }
+                title="Warning"
                 type="button"
               >
                 <span
@@ -889,22 +859,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                 id="downshift-6-toggle-button"
                 onClick={[Function]}
                 onKeyDown={[Function]}
-                title={
-                  <div
-                    className="iot--icon-dropdown__item"
-                    style={
-                      Object {
-                        "color": "#ff832b",
-                      }
-                    }
-                  >
-                    <div
-                      className="iot--icon-dropdown__item-border"
-                    >
-                      <ForwardRef(Warning24) />
-                    </div>
-                  </div>
-                }
+                title="Warning"
                 type="button"
               >
                 <span
diff --git a/packages/react/src/components/SimpleIconDropdown/SimpleIconDropdown.jsx b/packages/react/src/components/SimpleIconDropdown/SimpleIconDropdown.jsx
index 61195b0b4a..51922873c2 100644
--- a/packages/react/src/components/SimpleIconDropdown/SimpleIconDropdown.jsx
+++ b/packages/react/src/components/SimpleIconDropdown/SimpleIconDropdown.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Dropdown } from 'carbon-components-react';
 
@@ -6,7 +6,6 @@ import { validThresholdIcons } from '../DashboardEditor/editorUtils';
 import { settings } from '../../constants/Settings';
 import deprecate from '../../internal/deprecate';
 import { CarbonIconPropType } from '../../constants/SharedPropTypes';
-import { useDropdownTitleFixer } from '../IconDropdown/dropdownHooks';
 
 const { iotPrefix } = settings;
 
@@ -62,14 +61,6 @@ const SimpleIconDropdown = ({
   translateWithId,
 }) => {
   const [selectedIcon, setSelectedIcon] = useState(selectedIconProp);
-  const [dropdownRef, updateTitle] = useDropdownTitleFixer();
-
-  useEffect(() => {
-    const selected = selectedIcon ?? icons[0];
-    if (selected?.name && dropdownRef?.current) {
-      updateTitle(selected.name);
-    }
-  }, [dropdownRef, icons, selectedIcon, selectedIconProp, updateTitle]);
 
   const renderIconItem = (item) => (
     <div style={{ color: item.color || 'unset' }} className={`${iotPrefix}--icon-dropdown__item`}>
@@ -79,17 +70,17 @@ const SimpleIconDropdown = ({
 
   return (
     <Dropdown
-      ref={dropdownRef}
       className={`${iotPrefix}--icon-dropdown`}
       id={id}
-      itemToString={renderIconItem}
+      itemToElement={renderIconItem}
+      renderSelectedItem={renderIconItem}
+      itemToString={(item) => item.name}
       items={icons}
       label=""
       light={light}
       onChange={({ selectedItem }) => {
         setSelectedIcon(selectedItem);
         onChange({ icon: selectedItem });
-        updateTitle(selectedItem?.name);
       }}
       translateWithId={translateWithId}
       selectedItem={selectedIcon || icons[0]}
diff --git a/packages/react/src/components/SimpleIconDropdown/__snapshots__/SimpleIconDropdown.story.storyshot b/packages/react/src/components/SimpleIconDropdown/__snapshots__/SimpleIconDropdown.story.storyshot
index ddc4e65174..cac0c91ff7 100644
--- a/packages/react/src/components/SimpleIconDropdown/__snapshots__/SimpleIconDropdown.story.storyshot
+++ b/packages/react/src/components/SimpleIconDropdown/__snapshots__/SimpleIconDropdown.story.storyshot
@@ -37,22 +37,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           id="downshift-0-toggle-button"
           onClick={[Function]}
           onKeyDown={[Function]}
-          title={
-            <div
-              className="iot--icon-dropdown__item"
-              style={
-                Object {
-                  "color": "unset",
-                }
-              }
-            >
-              <div
-                className="iot--icon-dropdown__item-border"
-              >
-                <ForwardRef(Checkmark24) />
-              </div>
-            </div>
-          }
+          title="Checkmark"
           type="button"
         >
           <span
@@ -163,22 +148,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           id="downshift-0-toggle-button"
           onClick={[Function]}
           onKeyDown={[Function]}
-          title={
-            <div
-              className="iot--icon-dropdown__item"
-              style={
-                Object {
-                  "color": "red",
-                }
-              }
-            >
-              <div
-                className="iot--icon-dropdown__item-border"
-              >
-                <ForwardRef(ErrorOutline24) />
-              </div>
-            </div>
-          }
+          title="Error outline"
           type="button"
         >
           <span
@@ -293,22 +263,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
           id="downshift-0-toggle-button"
           onClick={[Function]}
           onKeyDown={[Function]}
-          title={
-            <div
-              className="iot--icon-dropdown__item"
-              style={
-                Object {
-                  "color": "unset",
-                }
-              }
-            >
-              <div
-                className="iot--icon-dropdown__item-border"
-              >
-                <ForwardRef(Information24) />
-              </div>
-            </div>
-          }
+          title="Information"
           type="button"
         >
           <span

From c41feaed8c9dd4111e65edc667fb93f055093802 Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 10:38:33 -0500
Subject: [PATCH 09/11] fix(simple-icon-dropdown): add title to items in open
 dropdown

---
 .../components/SimpleIconDropdown/SimpleIconDropdown.jsx    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/SimpleIconDropdown/SimpleIconDropdown.jsx b/packages/react/src/components/SimpleIconDropdown/SimpleIconDropdown.jsx
index 51922873c2..e9be2d541d 100644
--- a/packages/react/src/components/SimpleIconDropdown/SimpleIconDropdown.jsx
+++ b/packages/react/src/components/SimpleIconDropdown/SimpleIconDropdown.jsx
@@ -63,7 +63,11 @@ const SimpleIconDropdown = ({
   const [selectedIcon, setSelectedIcon] = useState(selectedIconProp);
 
   const renderIconItem = (item) => (
-    <div style={{ color: item.color || 'unset' }} className={`${iotPrefix}--icon-dropdown__item`}>
+    <div
+      title={item.name}
+      style={{ color: item.color || 'unset' }}
+      className={`${iotPrefix}--icon-dropdown__item`}
+    >
       <div className={`${iotPrefix}--icon-dropdown__item-border`}>{item.carbonIcon}</div>
     </div>
   );

From 3b8ba1ff53a95160c6b9f0efa34b5e6127bfb0b1 Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 10:56:56 -0500
Subject: [PATCH 10/11] fix(table): remove dropdownTitleFixer from
 TableViewDropdown

use new renderSelectedItem from carbon instead
---
 .../ThresholdsFormItem.story.storyshot        |   3 +
 .../SimpleIconDropdown.story.storyshot        |   3 +
 .../TableViewDropdown/TableViewDropdown.jsx   |  46 +++-----
 .../TableViewDropdown.story.storyshot         | 108 +-----------------
 .../StatefulTable.story.storyshot             |  27 +----
 .../Table/__snapshots__/Table.story.storyshot |  27 +----
 .../TableUserViewManagement.story.storyshot   |  27 +----
 7 files changed, 31 insertions(+), 210 deletions(-)

diff --git a/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot b/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
index b42865ed8d..76c30f69ba 100644
--- a/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
+++ b/packages/react/src/components/CardEditor/CardEditForm/CardEditFormItems/__snapshots__/ThresholdsFormItem.story.storyshot
@@ -102,6 +102,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         "color": "#da1e28",
                       }
                     }
+                    title="Warning"
                   >
                     <div
                       className="iot--icon-dropdown__item-border"
@@ -487,6 +488,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         "color": "#24a148",
                       }
                     }
+                    title="Warning"
                   >
                     <div
                       className="iot--icon-dropdown__item-border"
@@ -872,6 +874,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                         "color": "#ff832b",
                       }
                     }
+                    title="Warning"
                   >
                     <div
                       className="iot--icon-dropdown__item-border"
diff --git a/packages/react/src/components/SimpleIconDropdown/__snapshots__/SimpleIconDropdown.story.storyshot b/packages/react/src/components/SimpleIconDropdown/__snapshots__/SimpleIconDropdown.story.storyshot
index cac0c91ff7..f19eb0614e 100644
--- a/packages/react/src/components/SimpleIconDropdown/__snapshots__/SimpleIconDropdown.story.storyshot
+++ b/packages/react/src/components/SimpleIconDropdown/__snapshots__/SimpleIconDropdown.story.storyshot
@@ -50,6 +50,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   "color": "unset",
                 }
               }
+              title="Checkmark"
             >
               <div
                 className="iot--icon-dropdown__item-border"
@@ -161,6 +162,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   "color": "red",
                 }
               }
+              title="Error outline"
             >
               <div
                 className="iot--icon-dropdown__item-border"
@@ -276,6 +278,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E
                   "color": "unset",
                 }
               }
+              title="Information"
             >
               <div
                 className="iot--icon-dropdown__item-border"
diff --git a/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.jsx b/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.jsx
index f66b729d16..cbb3b073a4 100644
--- a/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.jsx
+++ b/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { Dropdown } from 'carbon-components-react';
 import { Settings16 } from '@carbon/icons-react';
@@ -6,7 +6,6 @@ import { Settings16 } from '@carbon/icons-react';
 import { settings } from '../../../constants/Settings';
 import { OverridePropTypes } from '../../../constants/SharedPropTypes';
 import useSizeObserver from '../../../hooks/useSizeObserver';
-import { useDropdownTitleFixer } from '../../IconDropdown/dropdownHooks';
 
 import TableViewItemPropType from './TableViewItemPropTypes';
 import TableViewDropdownItem from './TableViewDropdownItem';
@@ -131,15 +130,6 @@ const TableViewDropdown = ({
   const MyDropDown = overrides?.dropdown?.component || Dropdown;
   const MyTableViewDropDownItem = overrides?.dropdownItem?.component || TableViewDropdownItem;
   const [containerSize, containerRef] = useSizeObserver({ initialWidth: 200 });
-  const [dropdownRef, updateTitle] = useDropdownTitleFixer();
-
-  useEffect(() => {
-    if (mySelectedItem?.text && dropdownRef?.current) {
-      updateTitle(
-        selectedViewEdited ? `${mySelectedItem.text} - ${i18n.edited}` : mySelectedItem.text
-      );
-    }
-  }, [dropdownRef, i18n.edited, mySelectedItem, selectedViewEdited, updateTitle]);
 
   const onSelectionChange = (change) => {
     const item = change.selectedItem;
@@ -152,32 +142,32 @@ const TableViewDropdown = ({
     }
   };
 
+  const itemToElement = (itemData) => {
+    return (
+      <MyTableViewDropDownItem
+        testID={`TableViewDropdownItem-${itemData.id}`}
+        isCompact={containerSize.width < 200}
+        item={itemData}
+        isSelected={itemData.id === mySelectedItem.id}
+        activeViewEdited={selectedViewEdited}
+        i18n={i18n}
+        {...overrides?.dropdownItem?.props}
+      />
+    );
+  };
+
   return (
     <div ref={containerRef} className={`${iotPrefix}--view-dropdown__container`} style={style}>
       <MyDropDown
-        ref={dropdownRef}
         label={i18n.tableViewMenu}
         data-testid={testID}
         selectedItem={mySelectedItem}
         ariaLabel={i18n.ariaLabel}
         disabled={disabled}
         id={`${iotPrefix}--view-dropdown`}
-        // We are using itemToString instead of itemToElement since we need the custom
-        // rendering to also happen when the item is selected. See closed PR
-        // https://github.com/carbon-design-system/carbon/pull/5578
-        itemToString={(itemData) => {
-          return (
-            <MyTableViewDropDownItem
-              testID={`TableViewDropdownItem-${itemData.id}`}
-              isCompact={containerSize.width < 200}
-              item={itemData}
-              isSelected={itemData.id === mySelectedItem.id}
-              activeViewEdited={selectedViewEdited}
-              i18n={i18n}
-              {...overrides?.dropdownItem?.props}
-            />
-          );
-        }}
+        renderSelectedItem={itemToElement}
+        itemToElement={itemToElement}
+        itemToString={(item) => item.text}
         items={allItems}
         light={false}
         onChange={onSelectionChange}
diff --git a/packages/react/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot b/packages/react/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot
index 8f06da5365..fd2a2f5bde 100644
--- a/packages/react/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot
+++ b/packages/react/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot
@@ -29,32 +29,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
           id="downshift-0-toggle-button"
           onClick={[Function]}
           onKeyDown={[Function]}
-          title={
-            <TableViewDropdownItem
-              activeViewEdited={true}
-              i18n={
-                Object {
-                  "ariaLabel": "Select view",
-                  "edited": "Edited",
-                  "manageViews": "Manage views",
-                  "saveAsNewView": "Save as new view",
-                  "saveChanges": "Save changes",
-                  "tableViewMenu": "Table view menu",
-                  "view": "View",
-                  "viewAll": "View All",
-                }
-              }
-              isCompact={false}
-              isSelected={true}
-              item={
-                Object {
-                  "id": "view-3",
-                  "text": "My saved 3",
-                }
-              }
-              testID="TableViewDropdownItem-view-3"
-            />
-          }
+          title="My saved 3"
           type="button"
         >
           <span
@@ -175,32 +150,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             id="downshift-0-toggle-button"
             onClick={[Function]}
             onKeyDown={[Function]}
-            title={
-              <TableViewDropdownItem
-                activeViewEdited={true}
-                i18n={
-                  Object {
-                    "ariaLabel": "Select view",
-                    "edited": "Edited",
-                    "manageViews": "Manage views",
-                    "saveAsNewView": "Save as new view",
-                    "saveChanges": "Save changes",
-                    "tableViewMenu": "Table view menu",
-                    "view": "View",
-                    "viewAll": "View All",
-                  }
-                }
-                isCompact={false}
-                isSelected={true}
-                item={
-                  Object {
-                    "id": "view-all",
-                    "text": "View All",
-                  }
-                }
-                testID="TableViewDropdownItem-view-all"
-              />
-            }
+            title="View All"
             type="button"
           >
             <span
@@ -322,32 +272,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             id="downshift-0-toggle-button"
             onClick={[Function]}
             onKeyDown={[Function]}
-            title={
-              <TableViewDropdownItem
-                activeViewEdited={false}
-                i18n={
-                  Object {
-                    "ariaLabel": "Select view",
-                    "edited": "Edited",
-                    "manageViews": "Manage views",
-                    "saveAsNewView": "Save as new view",
-                    "saveChanges": "Save changes",
-                    "tableViewMenu": "Table view menu",
-                    "view": "View",
-                    "viewAll": "View All",
-                  }
-                }
-                isCompact={false}
-                isSelected={true}
-                item={
-                  Object {
-                    "id": "view-all",
-                    "text": "View All",
-                  }
-                }
-                testID="TableViewDropdownItem-view-all"
-              />
-            }
+            title="View All"
             type="button"
           >
             <span
@@ -464,32 +389,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
             id="downshift-0-toggle-button"
             onClick={[Function]}
             onKeyDown={[Function]}
-            title={
-              <TableViewDropdownItem
-                activeViewEdited={false}
-                i18n={
-                  Object {
-                    "ariaLabel": "Select view",
-                    "edited": "Edited",
-                    "manageViews": "Manage views",
-                    "saveAsNewView": "Save as new view",
-                    "saveChanges": "Save changes",
-                    "tableViewMenu": "Table view menu",
-                    "view": "View",
-                    "viewAll": "View All",
-                  }
-                }
-                isCompact={false}
-                isSelected={true}
-                item={
-                  Object {
-                    "id": "view-1",
-                    "text": "My saved 1",
-                  }
-                }
-                testID="TableViewDropdownItem-view-1"
-              />
-            }
+            title="My saved 1"
             type="button"
           >
             <span
diff --git a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
index 99a286c6c6..5cda0ab631 100644
--- a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot
@@ -42596,32 +42596,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   id="downshift-0-toggle-button"
                   onClick={[Function]}
                   onKeyDown={[Function]}
-                  title={
-                    <TableViewDropdownItem
-                      activeViewEdited={false}
-                      i18n={
-                        Object {
-                          "ariaLabel": "Select view",
-                          "edited": "Edited",
-                          "manageViews": "Manage views",
-                          "saveAsNewView": "Save as new view",
-                          "saveChanges": "Save changes",
-                          "tableViewMenu": "Table view menu",
-                          "view": "View",
-                          "viewAll": "View All",
-                        }
-                      }
-                      isCompact={false}
-                      isSelected={true}
-                      item={
-                        Object {
-                          "id": "view2",
-                          "text": "My view 2",
-                        }
-                      }
-                      testID="TableViewDropdownItem-view2"
-                    />
-                  }
+                  title="My view 2"
                   type="button"
                 >
                   <span
diff --git a/packages/react/src/components/Table/__snapshots__/Table.story.storyshot b/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
index e801ec210e..2dee8d2c1c 100644
--- a/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/Table.story.storyshot
@@ -28240,32 +28240,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   id="downshift-0-toggle-button"
                   onClick={[Function]}
                   onKeyDown={[Function]}
-                  title={
-                    <TableViewDropdownItem
-                      activeViewEdited={true}
-                      i18n={
-                        Object {
-                          "ariaLabel": "Select view",
-                          "edited": "Edited",
-                          "manageViews": "Manage views",
-                          "saveAsNewView": "Save as new view",
-                          "saveChanges": "Save changes",
-                          "tableViewMenu": "Table view menu",
-                          "view": "View",
-                          "viewAll": "View All",
-                        }
-                      }
-                      isCompact={false}
-                      isSelected={true}
-                      item={
-                        Object {
-                          "id": "view2",
-                          "text": "Filters and search view",
-                        }
-                      }
-                      testID="TableViewDropdownItem-view2"
-                    />
-                  }
+                  title="Filters and search view"
                   type="button"
                 >
                   <span
diff --git a/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot b/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
index 74c8aed216..8ef5b74b56 100644
--- a/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
+++ b/packages/react/src/components/Table/__snapshots__/TableUserViewManagement.story.storyshot
@@ -669,32 +669,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
                   id="downshift-0-toggle-button"
                   onClick={[Function]}
                   onKeyDown={[Function]}
-                  title={
-                    <TableViewDropdownItem
-                      activeViewEdited={true}
-                      i18n={
-                        Object {
-                          "ariaLabel": "Select view",
-                          "edited": "Edited",
-                          "manageViews": "Manage views",
-                          "saveAsNewView": "Save as new view",
-                          "saveChanges": "Save changes",
-                          "tableViewMenu": "Table view menu",
-                          "view": "View",
-                          "viewAll": "View All",
-                        }
-                      }
-                      isCompact={false}
-                      isSelected={true}
-                      item={
-                        Object {
-                          "id": "view2",
-                          "text": "Filters and search view",
-                        }
-                      }
-                      testID="TableViewDropdownItem-view2"
-                    />
-                  }
+                  title="Filters and search view"
                   type="button"
                 >
                   <span

From 95ae36bf2ba440058b93c19dd67451ab6308e152 Mon Sep 17 00:00:00 2001
From: Kevin Perrine <kperrine@gmail.com>
Date: Thu, 17 Feb 2022 11:07:28 -0500
Subject: [PATCH 11/11] feat(repo): remove dropdownHooks

---
 .../components/IconDropdown/dropdownHooks.js  | 31 -------------------
 1 file changed, 31 deletions(-)
 delete mode 100644 packages/react/src/components/IconDropdown/dropdownHooks.js

diff --git a/packages/react/src/components/IconDropdown/dropdownHooks.js b/packages/react/src/components/IconDropdown/dropdownHooks.js
deleted file mode 100644
index dd68a05054..0000000000
--- a/packages/react/src/components/IconDropdown/dropdownHooks.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useCallback, useRef } from 'react';
-
-import { settings } from '../../constants/Settings';
-
-const { prefix } = settings;
-
-/**
- * hacky work-around to set the title on Dropdowns that are overriding itemToString to display
- * elements instead
- * @returns updateTitle function
- */
-export const useDropdownTitleFixer = () => {
-  const ref = useRef(null);
-
-  const updateTitle = useCallback(
-    (title) => {
-      if (title) {
-        const className = `${prefix}--list-box__field`;
-        const node = ref.current.classList.contains(className)
-          ? ref.current
-          : ref.current.querySelector(`button.${prefix}--list-box__field`);
-        setTimeout(() => {
-          node.setAttribute('title', title);
-        }, 10);
-      }
-    },
-    [ref]
-  );
-
-  return [ref, updateTitle];
-};