diff --git a/.yarn/offline-mirror/@carbon-icon-helpers-10.26.0.tgz b/.yarn/offline-mirror/@carbon-icon-helpers-10.26.0.tgz
deleted file mode 100644
index c9add5dcda0..00000000000
Binary files a/.yarn/offline-mirror/@carbon-icon-helpers-10.26.0.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/@carbon-icons-react-10.45.0.tgz b/.yarn/offline-mirror/@carbon-icons-react-10.45.0.tgz
deleted file mode 100644
index b9ab95d84cf..00000000000
Binary files a/.yarn/offline-mirror/@carbon-icons-react-10.45.0.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/@carbon-layout-10.35.0.tgz b/.yarn/offline-mirror/@carbon-layout-10.35.0.tgz
deleted file mode 100644
index de2c6988e5e..00000000000
Binary files a/.yarn/offline-mirror/@carbon-layout-10.35.0.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/carbon-components-react-7.52.0.tgz b/.yarn/offline-mirror/carbon-components-react-7.52.0.tgz
deleted file mode 100644
index a882312af76..00000000000
Binary files a/.yarn/offline-mirror/carbon-components-react-7.52.0.tgz and /dev/null differ
diff --git a/.yarn/offline-mirror/carbon-components-react-7.54.0.tgz b/.yarn/offline-mirror/carbon-components-react-7.54.0.tgz
new file mode 100644
index 00000000000..338fb53d9f4
Binary files /dev/null and b/.yarn/offline-mirror/carbon-components-react-7.54.0.tgz differ
diff --git a/packages/react/package.json b/packages/react/package.json
index 25b48a56a0a..4fcb4f3d180 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -67,7 +67,7 @@
     "@carbon/telemetry": "^0.0.0-alpha.6",
     "autosuggest-highlight": "^3.1.1",
     "carbon-components": "10.54.0",
-    "carbon-components-react": "7.52.0",
+    "carbon-components-react": "7.54.0",
     "carbon-icons": "7.0.7",
     "classnames": "2.3.1",
     "react-autosuggest": "^10.1.0",
diff --git a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
index ad4eea11e2f..7ae076cecb3 100644
--- a/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
+++ b/packages/react/src/__tests__/__snapshots__/storyshots.test.js.snap
@@ -200,16 +200,10 @@ exports[`Storyshots Components|Button group Default 1`] = `
               >
                 <Button
                   copy="Button 1"
-                  dangerDescription="danger"
                   data-autoid="dds--button-group-0"
-                  disabled={false}
                   href="https://example.com"
                   isExpressive={true}
                   kind="tertiary"
-                  size="default"
-                  tabIndex={0}
-                  tooltipAlignment="center"
-                  tooltipPosition="top"
                   type="button"
                 >
                   <a
@@ -234,16 +228,10 @@ exports[`Storyshots Components|Button group Default 1`] = `
               >
                 <Button
                   copy="Button 2"
-                  dangerDescription="danger"
                   data-autoid="dds--button-group-1"
-                  disabled={false}
                   href="https://example.com"
                   isExpressive={true}
                   kind="primary"
-                  size="default"
-                  tabIndex={0}
-                  tooltipAlignment="center"
-                  tooltipPosition="top"
                   type="button"
                 >
                   <a
@@ -301,16 +289,10 @@ exports[`Storyshots Components|Button group Default 1`] = `
           >
             <Button
               copy="Button 1"
-              dangerDescription="danger"
               data-autoid="dds--button-group-0"
-              disabled={false}
               href="https://example.com"
               isExpressive={true}
               kind="tertiary"
-              size="default"
-              tabIndex={0}
-              tooltipAlignment="center"
-              tooltipPosition="top"
               type="button"
             >
               <a
@@ -335,16 +317,10 @@ exports[`Storyshots Components|Button group Default 1`] = `
           >
             <Button
               copy="Button 2"
-              dangerDescription="danger"
               data-autoid="dds--button-group-1"
-              disabled={false}
               href="https://example.com"
               isExpressive={true}
               kind="primary"
-              size="default"
-              tabIndex={0}
-              tooltipAlignment="center"
-              tooltipPosition="top"
               type="button"
             >
               <a
@@ -648,9 +624,7 @@ exports[`Storyshots Components|CTA Button 1`] = `
                     >
                       <Button
                         copy="See more use cases"
-                        dangerDescription="danger"
                         data-autoid="dds--button-group-0"
-                        disabled={false}
                         href="https://www.example.com"
                         iconDescription="right arrow icon"
                         isExpressive={true}
@@ -670,11 +644,7 @@ exports[`Storyshots Components|CTA Button 1`] = `
                             "render": [Function],
                           }
                         }
-                        size="default"
-                        tabIndex={0}
                         target={null}
-                        tooltipAlignment="center"
-                        tooltipPosition="top"
                         type="button"
                       >
                         <a
@@ -743,9 +713,7 @@ exports[`Storyshots Components|CTA Button 1`] = `
                     >
                       <Button
                         copy="Try for free"
-                        dangerDescription="danger"
                         data-autoid="dds--button-group-1"
-                        disabled={false}
                         href="https://www.example.com"
                         iconDescription="right arrow icon"
                         isExpressive={true}
@@ -765,11 +733,7 @@ exports[`Storyshots Components|CTA Button 1`] = `
                             "render": [Function],
                           }
                         }
-                        size="default"
-                        tabIndex={0}
                         target={null}
-                        tooltipAlignment="center"
-                        tooltipPosition="top"
                         type="button"
                       >
                         <a
@@ -2021,9 +1985,7 @@ exports[`Storyshots Components|CTA section Default 1`] = `
                         >
                           <Button
                             copy="Secondary button"
-                            dangerDescription="danger"
                             data-autoid="dds--button-group-0"
-                            disabled={false}
                             href="https://example.com/"
                             iconDescription="right arrow icon"
                             isExpressive={true}
@@ -2035,11 +1997,7 @@ exports[`Storyshots Components|CTA section Default 1`] = `
                                 "render": [Function],
                               }
                             }
-                            size="default"
-                            tabIndex={0}
                             target={null}
-                            tooltipAlignment="center"
-                            tooltipPosition="top"
                             type="button"
                           >
                             <a
@@ -2100,9 +2058,7 @@ exports[`Storyshots Components|CTA section Default 1`] = `
                         >
                           <Button
                             copy="Primary button"
-                            dangerDescription="danger"
                             data-autoid="dds--button-group-1"
-                            disabled={false}
                             href="https://example.com/"
                             iconDescription="right arrow icon"
                             isExpressive={true}
@@ -2114,11 +2070,7 @@ exports[`Storyshots Components|CTA section Default 1`] = `
                                 "render": [Function],
                               }
                             }
-                            size="default"
-                            tabIndex={0}
                             target={null}
-                            tooltipAlignment="center"
-                            tooltipPosition="top"
                             type="button"
                           >
                             <a
@@ -2527,9 +2479,7 @@ exports[`Storyshots Components|CTA section With content items 1`] = `
                         >
                           <Button
                             copy="Secondary button"
-                            dangerDescription="danger"
                             data-autoid="dds--button-group-0"
-                            disabled={false}
                             href="https://example.com/"
                             iconDescription="right arrow icon"
                             isExpressive={true}
@@ -2541,11 +2491,7 @@ exports[`Storyshots Components|CTA section With content items 1`] = `
                                 "render": [Function],
                               }
                             }
-                            size="default"
-                            tabIndex={0}
                             target={null}
-                            tooltipAlignment="center"
-                            tooltipPosition="top"
                             type="button"
                           >
                             <a
@@ -2606,9 +2552,7 @@ exports[`Storyshots Components|CTA section With content items 1`] = `
                         >
                           <Button
                             copy="Primary button"
-                            dangerDescription="danger"
                             data-autoid="dds--button-group-1"
-                            disabled={false}
                             href="https://example.com/"
                             iconDescription="right arrow icon"
                             isExpressive={true}
@@ -2620,11 +2564,7 @@ exports[`Storyshots Components|CTA section With content items 1`] = `
                                 "render": [Function],
                               }
                             }
-                            size="default"
-                            tabIndex={0}
                             target={null}
-                            tooltipAlignment="center"
-                            tooltipPosition="top"
                             type="button"
                           >
                             <a
@@ -39711,17 +39651,11 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
                                 <Button
                                   aria-label="Open IBM search field"
                                   className="bx--header__search--search bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Open IBM search field"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
                                   tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -39783,17 +39717,10 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
                                 <Button
                                   aria-label="Close"
                                   className="bx--header__search--close bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search--close"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Close"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
-                                  tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -40747,9 +40674,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
                                                 >
                                                   <Button
                                                     copy="Excepteur sint occaecat"
-                                                    dangerDescription="danger"
                                                     data-autoid="dds--button-group-0"
-                                                    disabled={false}
                                                     href="https://example.com/"
                                                     iconDescription="right arrow icon"
                                                     isExpressive={true}
@@ -40761,11 +40686,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
                                                         "render": [Function],
                                                       }
                                                     }
-                                                    size="default"
-                                                    tabIndex={0}
                                                     target={null}
-                                                    tooltipAlignment="center"
-                                                    tooltipPosition="top"
                                                     type="button"
                                                   >
                                                     <a
@@ -44528,9 +44449,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
                                       >
                                         <Button
                                           copy="Contact sales"
-                                          dangerDescription="danger"
                                           data-autoid="dds--button-group-0"
-                                          disabled={false}
                                           href="https://example.com/"
                                           iconDescription="right arrow icon"
                                           isExpressive={true}
@@ -44542,11 +44461,7 @@ exports[`Storyshots Components|Dotcom shell Default (footer language only) 1`] =
                                               "render": [Function],
                                             }
                                           }
-                                          size="default"
-                                          tabIndex={0}
                                           target={null}
-                                          tooltipAlignment="center"
-                                          tooltipPosition="top"
                                           type="button"
                                         >
                                           <a
@@ -46785,17 +46700,11 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                               <Button
                                 aria-label="Open IBM search field"
                                 className="bx--header__search--search bx--header__action"
-                                dangerDescription="danger"
                                 data-autoid="dds--masthead-default__l0-search"
-                                disabled={false}
                                 hasIconOnly={true}
                                 iconDescription="Open IBM search field"
-                                isExpressive={false}
-                                kind="primary"
                                 onClick={[Function]}
-                                size="default"
                                 tabIndex={0}
-                                tooltipAlignment="center"
                                 tooltipPosition="bottom"
                                 type="button"
                               >
@@ -46857,17 +46766,10 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                               <Button
                                 aria-label="Close"
                                 className="bx--header__search--close bx--header__action"
-                                dangerDescription="danger"
                                 data-autoid="dds--masthead-default__l0-search--close"
-                                disabled={false}
                                 hasIconOnly={true}
                                 iconDescription="Close"
-                                isExpressive={false}
-                                kind="primary"
                                 onClick={[Function]}
-                                size="default"
-                                tabIndex={0}
-                                tooltipAlignment="center"
                                 tooltipPosition="bottom"
                                 type="button"
                               >
@@ -47821,9 +47723,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                                               >
                                                 <Button
                                                   copy="Excepteur sint occaecat"
-                                                  dangerDescription="danger"
                                                   data-autoid="dds--button-group-0"
-                                                  disabled={false}
                                                   href="https://example.com/"
                                                   iconDescription="right arrow icon"
                                                   isExpressive={true}
@@ -47835,11 +47735,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                                                       "render": [Function],
                                                     }
                                                   }
-                                                  size="default"
-                                                  tabIndex={0}
                                                   target={null}
-                                                  tooltipAlignment="center"
-                                                  tooltipPosition="top"
                                                   type="button"
                                                 >
                                                   <a
@@ -51602,9 +51498,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                                     >
                                       <Button
                                         copy="Contact sales"
-                                        dangerDescription="danger"
                                         data-autoid="dds--button-group-0"
-                                        disabled={false}
                                         href="https://example.com/"
                                         iconDescription="right arrow icon"
                                         isExpressive={true}
@@ -51616,11 +51510,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                                             "render": [Function],
                                           }
                                         }
-                                        size="default"
-                                        tabIndex={0}
                                         target={null}
-                                        tooltipAlignment="center"
-                                        tooltipPosition="top"
                                         type="button"
                                       >
                                         <a
@@ -52019,11 +51909,8 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                       <Button
                         aria-label=""
                         className="bx--locale-btn"
-                        dangerDescription="danger"
                         data-autoid="dds--locale-btn"
-                        disabled={false}
                         iconDescription="Earth Filled Icon"
-                        isExpressive={false}
                         kind="tertiary"
                         onClick={[Function]}
                         renderIcon={
@@ -52032,11 +51919,6 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                             "render": [Function],
                           }
                         }
-                        size="default"
-                        tabIndex={0}
-                        tooltipAlignment="center"
-                        tooltipPosition="top"
-                        type="button"
                       >
                         <button
                           aria-describedby={null}
@@ -52224,7 +52106,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                                   </button>
                                 </div>
                               </ModalHeader>
-                              <ModalBody
+                              <ForwardRef(ModalBody)
                                 className="bx--locale-modal "
                                 key=".1"
                               >
@@ -52374,7 +52256,7 @@ exports[`Storyshots Components|Dotcom shell Default 1`] = `
                                     </div>
                                   </LocaleModalCountries>
                                 </div>
-                              </ModalBody>
+                              </ForwardRef(ModalBody)>
                             </div>
                             <span
                               className="bx--visually-hidden"
@@ -53162,17 +53044,11 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                 <Button
                                   aria-label="Search all of IBM"
                                   className="bx--header__search--search bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Search all of IBM"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
                                   tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -53234,17 +53110,10 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                 <Button
                                   aria-label="Close"
                                   className="bx--header__search--close bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search--close"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Close"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
-                                  tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -54198,9 +54067,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                                 >
                                                   <Button
                                                     copy="Excepteur sint occaecat"
-                                                    dangerDescription="danger"
                                                     data-autoid="dds--button-group-0"
-                                                    disabled={false}
                                                     href="https://example.com/"
                                                     iconDescription="right arrow icon"
                                                     isExpressive={true}
@@ -54212,11 +54079,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                                         "render": [Function],
                                                       }
                                                     }
-                                                    size="default"
-                                                    tabIndex={0}
                                                     target={null}
-                                                    tooltipAlignment="center"
-                                                    tooltipPosition="top"
                                                     type="button"
                                                   >
                                                     <a
@@ -57979,9 +57842,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                       >
                                         <Button
                                           copy="Contact sales"
-                                          dangerDescription="danger"
                                           data-autoid="dds--button-group-0"
-                                          disabled={false}
                                           href="https://example.com/"
                                           iconDescription="right arrow icon"
                                           isExpressive={true}
@@ -57993,11 +57854,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                               "render": [Function],
                                             }
                                           }
-                                          size="default"
-                                          tabIndex={0}
                                           target={null}
-                                          tooltipAlignment="center"
-                                          tooltipPosition="top"
                                           type="button"
                                         >
                                           <a
@@ -58395,11 +58252,8 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                         <Button
                           aria-label=""
                           className="bx--locale-btn"
-                          dangerDescription="danger"
                           data-autoid="dds--locale-btn"
-                          disabled={false}
                           iconDescription="Earth Filled Icon"
-                          isExpressive={false}
                           kind="tertiary"
                           onClick={[Function]}
                           renderIcon={
@@ -58408,11 +58262,6 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
-                          type="button"
                         >
                           <button
                             aria-describedby={null}
@@ -58600,7 +58449,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                     </button>
                                   </div>
                                 </ModalHeader>
-                                <ModalBody
+                                <ForwardRef(ModalBody)
                                   className="bx--locale-modal "
                                   key=".1"
                                 >
@@ -58750,7 +58599,7 @@ exports[`Storyshots Components|Dotcom shell Search open 1`] = `
                                       </div>
                                     </LocaleModalCountries>
                                   </div>
-                                </ModalBody>
+                                </ForwardRef(ModalBody)>
                               </div>
                               <span
                                 className="bx--visually-hidden"
@@ -63783,17 +63632,11 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                 <Button
                                   aria-label="Open IBM search field"
                                   className="bx--header__search--search bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-eco__l0-search"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Open IBM search field"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
                                   tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -63855,17 +63698,10 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                 <Button
                                   aria-label="Close"
                                   className="bx--header__search--close bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-eco__l0-search--close"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Close"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
-                                  tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -65824,9 +65660,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                                 >
                                                   <Button
                                                     copy="Excepteur sint occaecat"
-                                                    dangerDescription="danger"
                                                     data-autoid="dds--button-group-0"
-                                                    disabled={false}
                                                     href="https://example.com/"
                                                     iconDescription="right arrow icon"
                                                     isExpressive={true}
@@ -65838,11 +65672,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                                         "render": [Function],
                                                       }
                                                     }
-                                                    size="default"
-                                                    tabIndex={0}
                                                     target={null}
-                                                    tooltipAlignment="center"
-                                                    tooltipPosition="top"
                                                     type="button"
                                                   >
                                                     <a
@@ -69605,9 +69435,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                       >
                                         <Button
                                           copy="Contact sales"
-                                          dangerDescription="danger"
                                           data-autoid="dds--button-group-0"
-                                          disabled={false}
                                           href="https://example.com/"
                                           iconDescription="right arrow icon"
                                           isExpressive={true}
@@ -69619,11 +69447,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                               "render": [Function],
                                             }
                                           }
-                                          size="default"
-                                          tabIndex={0}
                                           target={null}
-                                          tooltipAlignment="center"
-                                          tooltipPosition="top"
                                           type="button"
                                         >
                                           <a
@@ -70014,11 +69838,8 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                         <Button
                           aria-label=""
                           className="bx--locale-btn"
-                          dangerDescription="danger"
                           data-autoid="dds--locale-btn"
-                          disabled={false}
                           iconDescription="Earth Filled Icon"
-                          isExpressive={false}
                           kind="tertiary"
                           onClick={[Function]}
                           renderIcon={
@@ -70027,11 +69848,6 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
-                          type="button"
                         >
                           <button
                             aria-describedby={null}
@@ -70219,7 +70035,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                     </button>
                                   </div>
                                 </ModalHeader>
-                                <ModalBody
+                                <ForwardRef(ModalBody)
                                   className="bx--locale-modal "
                                   key=".1"
                                 >
@@ -70369,7 +70185,7 @@ exports[`Storyshots Components|Dotcom shell With L1 1`] = `
                                       </div>
                                     </LocaleModalCountries>
                                   </div>
-                                </ModalBody>
+                                </ForwardRef(ModalBody)>
                               </div>
                               <span
                                 className="bx--visually-hidden"
@@ -71398,17 +71214,11 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
                                 <Button
                                   aria-label="Open IBM search field"
                                   className="bx--header__search--search bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Open IBM search field"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
                                   tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -71470,17 +71280,10 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
                                 <Button
                                   aria-label="Close"
                                   className="bx--header__search--close bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search--close"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Close"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
-                                  tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -72434,9 +72237,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
                                                 >
                                                   <Button
                                                     copy="Excepteur sint occaecat"
-                                                    dangerDescription="danger"
                                                     data-autoid="dds--button-group-0"
-                                                    disabled={false}
                                                     href="https://example.com/"
                                                     iconDescription="right arrow icon"
                                                     isExpressive={true}
@@ -72448,11 +72249,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
                                                         "render": [Function],
                                                       }
                                                     }
-                                                    size="default"
-                                                    tabIndex={0}
                                                     target={null}
-                                                    tooltipAlignment="center"
-                                                    tooltipPosition="top"
                                                     type="button"
                                                   >
                                                     <a
@@ -76215,9 +76012,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
                                       >
                                         <Button
                                           copy="Contact sales"
-                                          dangerDescription="danger"
                                           data-autoid="dds--button-group-0"
-                                          disabled={false}
                                           href="https://example.com/"
                                           iconDescription="right arrow icon"
                                           isExpressive={true}
@@ -76229,11 +76024,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer (language only) 1`
                                               "render": [Function],
                                             }
                                           }
-                                          size="default"
-                                          tabIndex={0}
                                           target={null}
-                                          tooltipAlignment="center"
-                                          tooltipPosition="top"
                                           type="button"
                                         >
                                           <a
@@ -77467,17 +77258,11 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
                                 <Button
                                   aria-label="Open IBM search field"
                                   className="bx--header__search--search bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Open IBM search field"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
                                   tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -77539,17 +77324,10 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
                                 <Button
                                   aria-label="Close"
                                   className="bx--header__search--close bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search--close"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Close"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
-                                  tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -78503,9 +78281,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
                                                 >
                                                   <Button
                                                     copy="Excepteur sint occaecat"
-                                                    dangerDescription="danger"
                                                     data-autoid="dds--button-group-0"
-                                                    disabled={false}
                                                     href="https://example.com/"
                                                     iconDescription="right arrow icon"
                                                     isExpressive={true}
@@ -78517,11 +78293,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
                                                         "render": [Function],
                                                       }
                                                     }
-                                                    size="default"
-                                                    tabIndex={0}
                                                     target={null}
-                                                    tooltipAlignment="center"
-                                                    tooltipPosition="top"
                                                     type="button"
                                                   >
                                                     <a
@@ -82284,9 +82056,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
                                       >
                                         <Button
                                           copy="Contact sales"
-                                          dangerDescription="danger"
                                           data-autoid="dds--button-group-0"
-                                          disabled={false}
                                           href="https://example.com/"
                                           iconDescription="right arrow icon"
                                           isExpressive={true}
@@ -82298,11 +82068,7 @@ exports[`Storyshots Components|Dotcom shell With micro footer 1`] = `
                                               "render": [Function],
                                             }
                                           }
-                                          size="default"
-                                          tabIndex={0}
                                           target={null}
-                                          tooltipAlignment="center"
-                                          tooltipPosition="top"
                                           type="button"
                                         >
                                           <a
@@ -83286,17 +83052,11 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                 <Button
                                   aria-label="Open IBM search field"
                                   className="bx--header__search--search bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-eco__l0-search"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Open IBM search field"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
                                   tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -83358,17 +83118,10 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                 <Button
                                   aria-label="Close"
                                   className="bx--header__search--close bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-eco__l0-search--close"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Close"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
-                                  tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -84322,9 +84075,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                                 >
                                                   <Button
                                                     copy="Excepteur sint occaecat"
-                                                    dangerDescription="danger"
                                                     data-autoid="dds--button-group-0"
-                                                    disabled={false}
                                                     href="https://example.com/"
                                                     iconDescription="right arrow icon"
                                                     isExpressive={true}
@@ -84336,11 +84087,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                                         "render": [Function],
                                                       }
                                                     }
-                                                    size="default"
-                                                    tabIndex={0}
                                                     target={null}
-                                                    tooltipAlignment="center"
-                                                    tooltipPosition="top"
                                                     type="button"
                                                   >
                                                     <a
@@ -88103,9 +87850,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                       >
                                         <Button
                                           copy="Contact sales"
-                                          dangerDescription="danger"
                                           data-autoid="dds--button-group-0"
-                                          disabled={false}
                                           href="https://example.com/"
                                           iconDescription="right arrow icon"
                                           isExpressive={true}
@@ -88117,11 +87862,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                               "render": [Function],
                                             }
                                           }
-                                          size="default"
-                                          tabIndex={0}
                                           target={null}
-                                          tooltipAlignment="center"
-                                          tooltipPosition="top"
                                           type="button"
                                         >
                                           <a
@@ -88519,11 +88260,8 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                         <Button
                           aria-label=""
                           className="bx--locale-btn"
-                          dangerDescription="danger"
                           data-autoid="dds--locale-btn"
-                          disabled={false}
                           iconDescription="Earth Filled Icon"
-                          isExpressive={false}
                           kind="tertiary"
                           onClick={[Function]}
                           renderIcon={
@@ -88532,11 +88270,6 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
-                          type="button"
                         >
                           <button
                             aria-describedby={null}
@@ -88724,7 +88457,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                     </button>
                                   </div>
                                 </ModalHeader>
-                                <ModalBody
+                                <ForwardRef(ModalBody)
                                   className="bx--locale-modal "
                                   key=".1"
                                 >
@@ -88874,7 +88607,7 @@ exports[`Storyshots Components|Dotcom shell With platform 1`] = `
                                       </div>
                                     </LocaleModalCountries>
                                   </div>
-                                </ModalBody>
+                                </ForwardRef(ModalBody)>
                               </div>
                               <span
                                 className="bx--visually-hidden"
@@ -89900,17 +89633,11 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
                                 <Button
                                   aria-label="Open IBM search field"
                                   className="bx--header__search--search bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Open IBM search field"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
                                   tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -89972,17 +89699,10 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
                                 <Button
                                   aria-label="Close"
                                   className="bx--header__search--close bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search--close"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Close"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
-                                  tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -90936,9 +90656,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
                                                 >
                                                   <Button
                                                     copy="Excepteur sint occaecat"
-                                                    dangerDescription="danger"
                                                     data-autoid="dds--button-group-0"
-                                                    disabled={false}
                                                     href="https://example.com/"
                                                     iconDescription="right arrow icon"
                                                     isExpressive={true}
@@ -90950,11 +90668,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
                                                         "render": [Function],
                                                       }
                                                     }
-                                                    size="default"
-                                                    tabIndex={0}
                                                     target={null}
-                                                    tooltipAlignment="center"
-                                                    tooltipPosition="top"
                                                     type="button"
                                                   >
                                                     <a
@@ -94717,9 +94431,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
                                       >
                                         <Button
                                           copy="Contact sales"
-                                          dangerDescription="danger"
                                           data-autoid="dds--button-group-0"
-                                          disabled={false}
                                           href="https://example.com/"
                                           iconDescription="right arrow icon"
                                           isExpressive={true}
@@ -94731,11 +94443,7 @@ exports[`Storyshots Components|Dotcom shell With short footer (language only) 1`
                                               "render": [Function],
                                             }
                                           }
-                                          size="default"
-                                          tabIndex={0}
                                           target={null}
-                                          tooltipAlignment="center"
-                                          tooltipPosition="top"
                                           type="button"
                                         >
                                           <a
@@ -97039,17 +96747,11 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                 <Button
                                   aria-label="Open IBM search field"
                                   className="bx--header__search--search bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Open IBM search field"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
                                   tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -97111,17 +96813,10 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                 <Button
                                   aria-label="Close"
                                   className="bx--header__search--close bx--header__action"
-                                  dangerDescription="danger"
                                   data-autoid="dds--masthead-default__l0-search--close"
-                                  disabled={false}
                                   hasIconOnly={true}
                                   iconDescription="Close"
-                                  isExpressive={false}
-                                  kind="primary"
                                   onClick={[Function]}
-                                  size="default"
-                                  tabIndex={0}
-                                  tooltipAlignment="center"
                                   tooltipPosition="bottom"
                                   type="button"
                                 >
@@ -98075,9 +97770,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                                 >
                                                   <Button
                                                     copy="Excepteur sint occaecat"
-                                                    dangerDescription="danger"
                                                     data-autoid="dds--button-group-0"
-                                                    disabled={false}
                                                     href="https://example.com/"
                                                     iconDescription="right arrow icon"
                                                     isExpressive={true}
@@ -98089,11 +97782,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                                         "render": [Function],
                                                       }
                                                     }
-                                                    size="default"
-                                                    tabIndex={0}
                                                     target={null}
-                                                    tooltipAlignment="center"
-                                                    tooltipPosition="top"
                                                     type="button"
                                                   >
                                                     <a
@@ -101856,9 +101545,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                       >
                                         <Button
                                           copy="Contact sales"
-                                          dangerDescription="danger"
                                           data-autoid="dds--button-group-0"
-                                          disabled={false}
                                           href="https://example.com/"
                                           iconDescription="right arrow icon"
                                           isExpressive={true}
@@ -101870,11 +101557,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                               "render": [Function],
                                             }
                                           }
-                                          size="default"
-                                          tabIndex={0}
                                           target={null}
-                                          tooltipAlignment="center"
-                                          tooltipPosition="top"
                                           type="button"
                                         >
                                           <a
@@ -102273,11 +101956,8 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                         <Button
                           aria-label=""
                           className="bx--locale-btn"
-                          dangerDescription="danger"
                           data-autoid="dds--locale-btn"
-                          disabled={false}
                           iconDescription="Earth Filled Icon"
-                          isExpressive={false}
                           kind="tertiary"
                           onClick={[Function]}
                           renderIcon={
@@ -102286,11 +101966,6 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
-                          type="button"
                         >
                           <button
                             aria-describedby={null}
@@ -102478,7 +102153,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                     </button>
                                   </div>
                                 </ModalHeader>
-                                <ModalBody
+                                <ForwardRef(ModalBody)
                                   className="bx--locale-modal "
                                   key=".1"
                                 >
@@ -102628,7 +102303,7 @@ exports[`Storyshots Components|Dotcom shell With short footer 1`] = `
                                       </div>
                                     </LocaleModalCountries>
                                   </div>
-                                </ModalBody>
+                                </ForwardRef(ModalBody)>
                               </div>
                               <span
                                 className="bx--visually-hidden"
@@ -102806,7 +102481,7 @@ exports[`Storyshots Components|Expressive modal Default 1`] = `
                 </ForwardRef(Close20)>
               </button>
             </ExpressiveModalCloseBtn>
-            <ModalBody
+            <ForwardRef(ModalBody)
               key=".1"
             >
               <div
@@ -102860,9 +102535,7 @@ exports[`Storyshots Components|Expressive modal Default 1`] = `
                         >
                           <Button
                             copy="Lorem ipsum dolor"
-                            dangerDescription="danger"
                             data-autoid="dds--button-group-0"
-                            disabled={false}
                             href=""
                             isExpressive={true}
                             kind="primary"
@@ -102872,10 +102545,6 @@ exports[`Storyshots Components|Expressive modal Default 1`] = `
                                 "render": [Function],
                               }
                             }
-                            size="default"
-                            tabIndex={0}
-                            tooltipAlignment="center"
-                            tooltipPosition="top"
                             type="button"
                           >
                             <button
@@ -102933,7 +102602,7 @@ exports[`Storyshots Components|Expressive modal Default 1`] = `
                   </div>
                 </StoryContent>
               </div>
-            </ModalBody>
+            </ForwardRef(ModalBody)>
           </div>
           <span
             className="bx--visually-hidden"
@@ -103097,7 +102766,7 @@ exports[`Storyshots Components|Expressive modal Expanded 1`] = `
                 </ForwardRef(Close20)>
               </button>
             </ExpressiveModalCloseBtn>
-            <ModalBody
+            <ForwardRef(ModalBody)
               key=".1"
             >
               <div
@@ -103151,9 +102820,7 @@ exports[`Storyshots Components|Expressive modal Expanded 1`] = `
                         >
                           <Button
                             copy="Lorem ipsum dolor"
-                            dangerDescription="danger"
                             data-autoid="dds--button-group-0"
-                            disabled={false}
                             href=""
                             isExpressive={true}
                             kind="primary"
@@ -103163,10 +102830,6 @@ exports[`Storyshots Components|Expressive modal Expanded 1`] = `
                                 "render": [Function],
                               }
                             }
-                            size="default"
-                            tabIndex={0}
-                            tooltipAlignment="center"
-                            tooltipPosition="top"
                             type="button"
                           >
                             <button
@@ -103224,7 +102887,7 @@ exports[`Storyshots Components|Expressive modal Expanded 1`] = `
                   </div>
                 </StoryContent>
               </div>
-            </ModalBody>
+            </ForwardRef(ModalBody)>
           </div>
           <span
             className="bx--visually-hidden"
@@ -104163,11 +103826,8 @@ exports[`Storyshots Components|Footer Default 1`] = `
                     <Button
                       aria-label=""
                       className="bx--locale-btn"
-                      dangerDescription="danger"
                       data-autoid="dds--locale-btn"
-                      disabled={false}
                       iconDescription="Earth Filled Icon"
-                      isExpressive={false}
                       kind="tertiary"
                       onClick={[Function]}
                       renderIcon={
@@ -104176,11 +103836,6 @@ exports[`Storyshots Components|Footer Default 1`] = `
                           "render": [Function],
                         }
                       }
-                      size="default"
-                      tabIndex={0}
-                      tooltipAlignment="center"
-                      tooltipPosition="top"
-                      type="button"
                     >
                       <button
                         aria-describedby={null}
@@ -104368,7 +104023,7 @@ exports[`Storyshots Components|Footer Default 1`] = `
                                 </button>
                               </div>
                             </ModalHeader>
-                            <ModalBody
+                            <ForwardRef(ModalBody)
                               className="bx--locale-modal "
                               key=".1"
                             >
@@ -104518,7 +104173,7 @@ exports[`Storyshots Components|Footer Default 1`] = `
                                   </div>
                                 </LocaleModalCountries>
                               </div>
-                            </ModalBody>
+                            </ForwardRef(ModalBody)>
                           </div>
                           <span
                             className="bx--visually-hidden"
@@ -106548,11 +106203,8 @@ exports[`Storyshots Components|Footer Default with adjunct legal links 1`] = `
                     <Button
                       aria-label=""
                       className="bx--locale-btn"
-                      dangerDescription="danger"
                       data-autoid="dds--locale-btn"
-                      disabled={false}
                       iconDescription="Earth Filled Icon"
-                      isExpressive={false}
                       kind="tertiary"
                       onClick={[Function]}
                       renderIcon={
@@ -106561,11 +106213,6 @@ exports[`Storyshots Components|Footer Default with adjunct legal links 1`] = `
                           "render": [Function],
                         }
                       }
-                      size="default"
-                      tabIndex={0}
-                      tooltipAlignment="center"
-                      tooltipPosition="top"
-                      type="button"
                     >
                       <button
                         aria-describedby={null}
@@ -106753,7 +106400,7 @@ exports[`Storyshots Components|Footer Default with adjunct legal links 1`] = `
                                 </button>
                               </div>
                             </ModalHeader>
-                            <ModalBody
+                            <ForwardRef(ModalBody)
                               className="bx--locale-modal "
                               key=".1"
                             >
@@ -106903,7 +106550,7 @@ exports[`Storyshots Components|Footer Default with adjunct legal links 1`] = `
                                   </div>
                                 </LocaleModalCountries>
                               </div>
-                            </ModalBody>
+                            </ForwardRef(ModalBody)>
                           </div>
                           <span
                             className="bx--visually-hidden"
@@ -108104,11 +107751,8 @@ exports[`Storyshots Components|Footer Short 1`] = `
                         <Button
                           aria-label=""
                           className="bx--locale-btn"
-                          dangerDescription="danger"
                           data-autoid="dds--locale-btn"
-                          disabled={false}
                           iconDescription="Earth Filled Icon"
-                          isExpressive={false}
                           kind="tertiary"
                           onClick={[Function]}
                           renderIcon={
@@ -108117,11 +107761,6 @@ exports[`Storyshots Components|Footer Short 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
-                          type="button"
                         >
                           <button
                             aria-describedby={null}
@@ -108309,7 +107948,7 @@ exports[`Storyshots Components|Footer Short 1`] = `
                                     </button>
                                   </div>
                                 </ModalHeader>
-                                <ModalBody
+                                <ForwardRef(ModalBody)
                                   className="bx--locale-modal "
                                   key=".1"
                                 >
@@ -108459,7 +108098,7 @@ exports[`Storyshots Components|Footer Short 1`] = `
                                       </div>
                                     </LocaleModalCountries>
                                   </div>
-                                </ModalBody>
+                                </ForwardRef(ModalBody)>
                               </div>
                               <span
                                 className="bx--visually-hidden"
@@ -110562,11 +110201,8 @@ exports[`Storyshots Components|Footer Short with adjunct legal links 1`] = `
                         <Button
                           aria-label=""
                           className="bx--locale-btn"
-                          dangerDescription="danger"
                           data-autoid="dds--locale-btn"
-                          disabled={false}
                           iconDescription="Earth Filled Icon"
-                          isExpressive={false}
                           kind="tertiary"
                           onClick={[Function]}
                           renderIcon={
@@ -110575,11 +110211,6 @@ exports[`Storyshots Components|Footer Short with adjunct legal links 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
-                          type="button"
                         >
                           <button
                             aria-describedby={null}
@@ -110767,7 +110398,7 @@ exports[`Storyshots Components|Footer Short with adjunct legal links 1`] = `
                                     </button>
                                   </div>
                                 </ModalHeader>
-                                <ModalBody
+                                <ForwardRef(ModalBody)
                                   className="bx--locale-modal "
                                   key=".1"
                                 >
@@ -110917,7 +110548,7 @@ exports[`Storyshots Components|Footer Short with adjunct legal links 1`] = `
                                       </div>
                                     </LocaleModalCountries>
                                   </div>
-                                </ModalBody>
+                                </ForwardRef(ModalBody)>
                               </div>
                               <span
                                 className="bx--visually-hidden"
@@ -111966,9 +111597,7 @@ exports[`Storyshots Components|Lead space Centered 1`] = `
                       >
                         <Button
                           copy="Button 1"
-                          dangerDescription="danger"
                           data-autoid="dds--button-group-0"
-                          disabled={false}
                           href="https://www.example.com"
                           isExpressive={true}
                           kind="tertiary"
@@ -111978,10 +111607,6 @@ exports[`Storyshots Components|Lead space Centered 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
                           type="button"
                         >
                           <a
@@ -112037,9 +111662,7 @@ exports[`Storyshots Components|Lead space Centered 1`] = `
                       >
                         <Button
                           copy="Button 2"
-                          dangerDescription="danger"
                           data-autoid="dds--button-group-1"
-                          disabled={false}
                           href="https://www.example.com"
                           isExpressive={true}
                           kind="primary"
@@ -112049,10 +111672,6 @@ exports[`Storyshots Components|Lead space Centered 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
                           type="button"
                         >
                           <a
@@ -112339,9 +111958,7 @@ exports[`Storyshots Components|Lead space Centered with image 1`] = `
                       >
                         <Button
                           copy="Button 1"
-                          dangerDescription="danger"
                           data-autoid="dds--button-group-0"
-                          disabled={false}
                           href="https://www.example.com"
                           isExpressive={true}
                           kind="tertiary"
@@ -112351,10 +111968,6 @@ exports[`Storyshots Components|Lead space Centered with image 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
                           type="button"
                         >
                           <a
@@ -112410,9 +112023,7 @@ exports[`Storyshots Components|Lead space Centered with image 1`] = `
                       >
                         <Button
                           copy="Button 2"
-                          dangerDescription="danger"
                           data-autoid="dds--button-group-1"
-                          disabled={false}
                           href="https://www.example.com"
                           isExpressive={true}
                           kind="primary"
@@ -112422,10 +112033,6 @@ exports[`Storyshots Components|Lead space Centered with image 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
                           type="button"
                         >
                           <a
@@ -112869,9 +112476,7 @@ exports[`Storyshots Components|Lead space Medium 1`] = `
                           >
                             <Button
                               copy="Button 1"
-                              dangerDescription="danger"
                               data-autoid="dds--button-group-0"
-                              disabled={false}
                               href="https://www.example.com"
                               isExpressive={true}
                               kind="tertiary"
@@ -112881,10 +112486,6 @@ exports[`Storyshots Components|Lead space Medium 1`] = `
                                   "render": [Function],
                                 }
                               }
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
-                              tooltipPosition="top"
                               type="button"
                             >
                               <a
@@ -112940,9 +112541,7 @@ exports[`Storyshots Components|Lead space Medium 1`] = `
                           >
                             <Button
                               copy="Button 2"
-                              dangerDescription="danger"
                               data-autoid="dds--button-group-1"
-                              disabled={false}
                               href="https://www.example.com"
                               isExpressive={true}
                               kind="primary"
@@ -112952,10 +112551,6 @@ exports[`Storyshots Components|Lead space Medium 1`] = `
                                   "render": [Function],
                                 }
                               }
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
-                              tooltipPosition="top"
                               type="button"
                             >
                               <a
@@ -113427,9 +113022,7 @@ exports[`Storyshots Components|Lead space Medium with image 1`] = `
                           >
                             <Button
                               copy="Button 1"
-                              dangerDescription="danger"
                               data-autoid="dds--button-group-0"
-                              disabled={false}
                               href="https://www.example.com"
                               isExpressive={true}
                               kind="tertiary"
@@ -113439,10 +113032,6 @@ exports[`Storyshots Components|Lead space Medium with image 1`] = `
                                   "render": [Function],
                                 }
                               }
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
-                              tooltipPosition="top"
                               type="button"
                             >
                               <a
@@ -113498,9 +113087,7 @@ exports[`Storyshots Components|Lead space Medium with image 1`] = `
                           >
                             <Button
                               copy="Button 2"
-                              dangerDescription="danger"
                               data-autoid="dds--button-group-1"
-                              disabled={false}
                               href="https://www.example.com"
                               isExpressive={true}
                               kind="primary"
@@ -113510,10 +113097,6 @@ exports[`Storyshots Components|Lead space Medium with image 1`] = `
                                   "render": [Function],
                                 }
                               }
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
-                              tooltipPosition="top"
                               type="button"
                             >
                               <a
@@ -113959,9 +113542,7 @@ exports[`Storyshots Components|Lead space Super 1`] = `
                           >
                             <Button
                               copy="Button 1"
-                              dangerDescription="danger"
                               data-autoid="dds--button-group-0"
-                              disabled={false}
                               href="https://www.example.com"
                               isExpressive={true}
                               kind="tertiary"
@@ -113971,10 +113552,6 @@ exports[`Storyshots Components|Lead space Super 1`] = `
                                   "render": [Function],
                                 }
                               }
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
-                              tooltipPosition="top"
                               type="button"
                             >
                               <a
@@ -114030,9 +113607,7 @@ exports[`Storyshots Components|Lead space Super 1`] = `
                           >
                             <Button
                               copy="Button 2"
-                              dangerDescription="danger"
                               data-autoid="dds--button-group-1"
-                              disabled={false}
                               href="https://www.example.com"
                               isExpressive={true}
                               kind="primary"
@@ -114042,10 +113617,6 @@ exports[`Storyshots Components|Lead space Super 1`] = `
                                   "render": [Function],
                                 }
                               }
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
-                              tooltipPosition="top"
                               type="button"
                             >
                               <a
@@ -114517,9 +114088,7 @@ exports[`Storyshots Components|Lead space Super with image 1`] = `
                           >
                             <Button
                               copy="Button 1"
-                              dangerDescription="danger"
                               data-autoid="dds--button-group-0"
-                              disabled={false}
                               href="https://www.example.com"
                               isExpressive={true}
                               kind="tertiary"
@@ -114529,10 +114098,6 @@ exports[`Storyshots Components|Lead space Super with image 1`] = `
                                   "render": [Function],
                                 }
                               }
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
-                              tooltipPosition="top"
                               type="button"
                             >
                               <a
@@ -114588,9 +114153,7 @@ exports[`Storyshots Components|Lead space Super with image 1`] = `
                           >
                             <Button
                               copy="Button 2"
-                              dangerDescription="danger"
                               data-autoid="dds--button-group-1"
-                              disabled={false}
                               href="https://www.example.com"
                               isExpressive={true}
                               kind="primary"
@@ -114600,10 +114163,6 @@ exports[`Storyshots Components|Lead space Super with image 1`] = `
                                   "render": [Function],
                                 }
                               }
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
-                              tooltipPosition="top"
                               type="button"
                             >
                               <a
@@ -114979,9 +114538,7 @@ exports[`Storyshots Components|Lead space Tall 1`] = `
                         >
                           <Button
                             copy="Button 1"
-                            dangerDescription="danger"
                             data-autoid="dds--button-group-0"
-                            disabled={false}
                             href="https://www.example.com"
                             isExpressive={true}
                             kind="tertiary"
@@ -114991,10 +114548,6 @@ exports[`Storyshots Components|Lead space Tall 1`] = `
                                 "render": [Function],
                               }
                             }
-                            size="default"
-                            tabIndex={0}
-                            tooltipAlignment="center"
-                            tooltipPosition="top"
                             type="button"
                           >
                             <a
@@ -115050,9 +114603,7 @@ exports[`Storyshots Components|Lead space Tall 1`] = `
                         >
                           <Button
                             copy="Button 2"
-                            dangerDescription="danger"
                             data-autoid="dds--button-group-1"
-                            disabled={false}
                             href="https://www.example.com"
                             isExpressive={true}
                             kind="primary"
@@ -115062,10 +114613,6 @@ exports[`Storyshots Components|Lead space Tall 1`] = `
                                 "render": [Function],
                               }
                             }
-                            size="default"
-                            tabIndex={0}
-                            tooltipAlignment="center"
-                            tooltipPosition="top"
                             type="button"
                           >
                             <a
@@ -115366,9 +114913,7 @@ exports[`Storyshots Components|Lead space Tall with image 1`] = `
                       >
                         <Button
                           copy="Button 1"
-                          dangerDescription="danger"
                           data-autoid="dds--button-group-0"
-                          disabled={false}
                           href="https://www.example.com"
                           isExpressive={true}
                           kind="tertiary"
@@ -115378,10 +114923,6 @@ exports[`Storyshots Components|Lead space Tall with image 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
                           type="button"
                         >
                           <a
@@ -115437,9 +114978,7 @@ exports[`Storyshots Components|Lead space Tall with image 1`] = `
                       >
                         <Button
                           copy="Button 2"
-                          dangerDescription="danger"
                           data-autoid="dds--button-group-1"
-                          disabled={false}
                           href="https://www.example.com"
                           isExpressive={true}
                           kind="primary"
@@ -115449,10 +114988,6 @@ exports[`Storyshots Components|Lead space Tall with image 1`] = `
                               "render": [Function],
                             }
                           }
-                          size="default"
-                          tabIndex={0}
-                          tooltipAlignment="center"
-                          tooltipPosition="top"
                           type="button"
                         >
                           <a
@@ -116374,9 +115909,7 @@ exports[`Storyshots Components|Lead space block Default 1`] = `
                               >
                                 <Button
                                   copy="Contact sales"
-                                  dangerDescription="danger"
                                   data-autoid="dds--button-group-0"
-                                  disabled={false}
                                   href="https://example.com/"
                                   iconDescription="right arrow icon"
                                   isExpressive={true}
@@ -116388,11 +115921,7 @@ exports[`Storyshots Components|Lead space block Default 1`] = `
                                       "render": [Function],
                                     }
                                   }
-                                  size="default"
-                                  tabIndex={0}
                                   target={null}
-                                  tooltipAlignment="center"
-                                  tooltipPosition="top"
                                   type="button"
                                 >
                                   <a
@@ -117239,9 +116768,7 @@ exports[`Storyshots Components|Lead space block With Video 1`] = `
                               >
                                 <Button
                                   copy="Contact sales"
-                                  dangerDescription="danger"
                                   data-autoid="dds--button-group-0"
-                                  disabled={false}
                                   href="https://example.com/"
                                   iconDescription="right arrow icon"
                                   isExpressive={true}
@@ -117253,11 +116780,7 @@ exports[`Storyshots Components|Lead space block With Video 1`] = `
                                       "render": [Function],
                                     }
                                   }
-                                  size="default"
-                                  tabIndex={0}
                                   target={null}
-                                  tooltipAlignment="center"
-                                  tooltipPosition="top"
                                   type="button"
                                 >
                                   <a
@@ -117591,7 +117114,7 @@ exports[`Storyshots Components|Lightbox media viewer Default 1`] = `
                     </ForwardRef(Close20)>
                   </button>
                 </ExpressiveModalCloseBtn>
-                <ModalBody
+                <ForwardRef(ModalBody)
                   key=".1"
                 >
                   <div
@@ -117649,7 +117172,7 @@ exports[`Storyshots Components|Lightbox media viewer Default 1`] = `
                       </div>
                     </div>
                   </div>
-                </ModalBody>
+                </ForwardRef(ModalBody)>
               </div>
               <span
                 className="bx--visually-hidden"
@@ -117912,7 +117435,7 @@ exports[`Storyshots Components|Lightbox media viewer Embedded video player 1`] =
                       </ForwardRef(Close20)>
                     </button>
                   </ExpressiveModalCloseBtn>
-                  <ModalBody
+                  <ForwardRef(ModalBody)
                     key=".1"
                   >
                     <div
@@ -117958,7 +117481,7 @@ exports[`Storyshots Components|Lightbox media viewer Embedded video player 1`] =
                         </div>
                       </div>
                     </div>
-                  </ModalBody>
+                  </ForwardRef(ModalBody)>
                 </div>
                 <span
                   className="bx--visually-hidden"
@@ -122438,7 +121961,7 @@ exports[`Storyshots Components|Locale modal Default 1`] = `
                 </button>
               </div>
             </ModalHeader>
-            <ModalBody
+            <ForwardRef(ModalBody)
               className="bx--locale-modal "
               key=".1"
             >
@@ -122588,7 +122111,7 @@ exports[`Storyshots Components|Locale modal Default 1`] = `
                   </div>
                 </LocaleModalCountries>
               </div>
-            </ModalBody>
+            </ForwardRef(ModalBody)>
           </div>
           <span
             className="bx--visually-hidden"
@@ -123506,17 +123029,11 @@ exports[`Storyshots Components|Masthead Default 1`] = `
                             <Button
                               aria-label="Open IBM search field"
                               className="bx--header__search--search bx--header__action"
-                              dangerDescription="danger"
                               data-autoid="dds--masthead-default__l0-search"
-                              disabled={false}
                               hasIconOnly={true}
                               iconDescription="Open IBM search field"
-                              isExpressive={false}
-                              kind="primary"
                               onClick={[Function]}
-                              size="default"
                               tabIndex={0}
-                              tooltipAlignment="center"
                               tooltipPosition="bottom"
                               type="button"
                             >
@@ -123578,17 +123095,10 @@ exports[`Storyshots Components|Masthead Default 1`] = `
                             <Button
                               aria-label="Close"
                               className="bx--header__search--close bx--header__action"
-                              dangerDescription="danger"
                               data-autoid="dds--masthead-default__l0-search--close"
-                              disabled={false}
                               hasIconOnly={true}
                               iconDescription="Close"
-                              isExpressive={false}
-                              kind="primary"
                               onClick={[Function]}
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
                               tooltipPosition="bottom"
                               type="button"
                             >
@@ -124428,17 +123938,11 @@ exports[`Storyshots Components|Masthead Search open onload 1`] = `
                             <Button
                               aria-label="Search all of IBM"
                               className="bx--header__search--search bx--header__action"
-                              dangerDescription="danger"
                               data-autoid="dds--masthead-default__l0-search"
-                              disabled={false}
                               hasIconOnly={true}
                               iconDescription="Search all of IBM"
-                              isExpressive={false}
-                              kind="primary"
                               onClick={[Function]}
-                              size="default"
                               tabIndex={0}
-                              tooltipAlignment="center"
                               tooltipPosition="bottom"
                               type="button"
                             >
@@ -124500,17 +124004,10 @@ exports[`Storyshots Components|Masthead Search open onload 1`] = `
                             <Button
                               aria-label="Close"
                               className="bx--header__search--close bx--header__action"
-                              dangerDescription="danger"
                               data-autoid="dds--masthead-default__l0-search--close"
-                              disabled={false}
                               hasIconOnly={true}
                               iconDescription="Close"
-                              isExpressive={false}
-                              kind="primary"
                               onClick={[Function]}
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
                               tooltipPosition="bottom"
                               type="button"
                             >
@@ -129359,17 +128856,11 @@ exports[`Storyshots Components|Masthead With L1 1`] = `
                               <Button
                                 aria-label="Open IBM search field"
                                 className="bx--header__search--search bx--header__action"
-                                dangerDescription="danger"
                                 data-autoid="dds--masthead-eco__l0-search"
-                                disabled={false}
                                 hasIconOnly={true}
                                 iconDescription="Open IBM search field"
-                                isExpressive={false}
-                                kind="primary"
                                 onClick={[Function]}
-                                size="default"
                                 tabIndex={0}
-                                tooltipAlignment="center"
                                 tooltipPosition="bottom"
                                 type="button"
                               >
@@ -129431,17 +128922,10 @@ exports[`Storyshots Components|Masthead With L1 1`] = `
                               <Button
                                 aria-label="Close"
                                 className="bx--header__search--close bx--header__action"
-                                dangerDescription="danger"
                                 data-autoid="dds--masthead-eco__l0-search--close"
-                                disabled={false}
                                 hasIconOnly={true}
                                 iconDescription="Close"
-                                isExpressive={false}
-                                kind="primary"
                                 onClick={[Function]}
-                                size="default"
-                                tabIndex={0}
-                                tooltipAlignment="center"
                                 tooltipPosition="bottom"
                                 type="button"
                               >
@@ -131272,17 +130756,11 @@ exports[`Storyshots Components|Masthead With alternate logo and tooltip 1`] = `
                             <Button
                               aria-label="Open IBM search field"
                               className="bx--header__search--search bx--header__action"
-                              dangerDescription="danger"
                               data-autoid="dds--masthead-default__l0-search"
-                              disabled={false}
                               hasIconOnly={true}
                               iconDescription="Open IBM search field"
-                              isExpressive={false}
-                              kind="primary"
                               onClick={[Function]}
-                              size="default"
                               tabIndex={0}
-                              tooltipAlignment="center"
                               tooltipPosition="bottom"
                               type="button"
                             >
@@ -131344,17 +130822,10 @@ exports[`Storyshots Components|Masthead With alternate logo and tooltip 1`] = `
                             <Button
                               aria-label="Close"
                               className="bx--header__search--close bx--header__action"
-                              dangerDescription="danger"
                               data-autoid="dds--masthead-default__l0-search--close"
-                              disabled={false}
                               hasIconOnly={true}
                               iconDescription="Close"
-                              isExpressive={false}
-                              kind="primary"
                               onClick={[Function]}
-                              size="default"
-                              tabIndex={0}
-                              tooltipAlignment="center"
                               tooltipPosition="bottom"
                               type="button"
                             >
@@ -137172,17 +136643,11 @@ exports[`Storyshots Components|Masthead With custom navigation 1`] = `
                               <Button
                                 aria-label="Open IBM search field"
                                 className="bx--header__search--search bx--header__action"
-                                dangerDescription="danger"
                                 data-autoid="dds--masthead-default__l0-search"
-                                disabled={false}
                                 hasIconOnly={true}
                                 iconDescription="Open IBM search field"
-                                isExpressive={false}
-                                kind="primary"
                                 onClick={[Function]}
-                                size="default"
                                 tabIndex={0}
-                                tooltipAlignment="center"
                                 tooltipPosition="bottom"
                                 type="button"
                               >
@@ -137244,17 +136709,10 @@ exports[`Storyshots Components|Masthead With custom navigation 1`] = `
                               <Button
                                 aria-label="Close"
                                 className="bx--header__search--close bx--header__action"
-                                dangerDescription="danger"
                                 data-autoid="dds--masthead-default__l0-search--close"
-                                disabled={false}
                                 hasIconOnly={true}
                                 iconDescription="Close"
-                                isExpressive={false}
-                                kind="primary"
                                 onClick={[Function]}
-                                size="default"
-                                tabIndex={0}
-                                tooltipAlignment="center"
                                 tooltipPosition="bottom"
                                 type="button"
                               >
@@ -137993,17 +137451,11 @@ exports[`Storyshots Components|Masthead With platform 1`] = `
                               <Button
                                 aria-label="Open IBM search field"
                                 className="bx--header__search--search bx--header__action"
-                                dangerDescription="danger"
                                 data-autoid="dds--masthead-eco__l0-search"
-                                disabled={false}
                                 hasIconOnly={true}
                                 iconDescription="Open IBM search field"
-                                isExpressive={false}
-                                kind="primary"
                                 onClick={[Function]}
-                                size="default"
                                 tabIndex={0}
-                                tooltipAlignment="center"
                                 tooltipPosition="bottom"
                                 type="button"
                               >
@@ -138065,17 +137517,10 @@ exports[`Storyshots Components|Masthead With platform 1`] = `
                               <Button
                                 aria-label="Close"
                                 className="bx--header__search--close bx--header__action"
-                                dangerDescription="danger"
                                 data-autoid="dds--masthead-eco__l0-search--close"
-                                disabled={false}
                                 hasIconOnly={true}
                                 iconDescription="Close"
-                                isExpressive={false}
-                                kind="primary"
                                 onClick={[Function]}
-                                size="default"
-                                tabIndex={0}
-                                tooltipAlignment="center"
                                 tooltipPosition="bottom"
                                 type="button"
                               >
@@ -140399,7 +139844,7 @@ exports[`Storyshots Components|Video player With lightbox media viewer 1`] = `
                                   </ForwardRef(Close20)>
                                 </button>
                               </ExpressiveModalCloseBtn>
-                              <ModalBody
+                              <ForwardRef(ModalBody)
                                 key=".1"
                               >
                                 <div
@@ -140470,7 +139915,7 @@ exports[`Storyshots Components|Video player With lightbox media viewer 1`] = `
                                     </div>
                                   </div>
                                 </div>
-                              </ModalBody>
+                              </ForwardRef(ModalBody)>
                             </div>
                             <span
                               className="bx--visually-hidden"
diff --git a/yarn.lock b/yarn.lock
index 25726fbf088..edacbf20a08 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1361,12 +1361,7 @@
   resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.28.0.tgz#702f1bb055c6c2bc203cdd44582ebd3d2801eaaf"
   integrity sha512-hf4fjouzr3jCvh5lTWJt87ABWmoq+3ck0/OOLpxUZLfhumTLRW+8H1Ctz0ldQh5mhmFaPNQUifll6tGI5bkmTw==
 
-"@carbon/icon-helpers@^10.26.0":
-  version "10.26.0"
-  resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.26.0.tgz#fe8277836e7b758ae48c93fbab8aab444b2f3b70"
-  integrity sha512-zrWRGn40whcKddYlj9MFsPMWwM5sLK2yfYpUbqKv2QFxlMyT60d/4Jd+yS81JVSQ39JO3vvlfb+Vl93O5Zl+dw==
-
-"@carbon/icons-react@10.47.0":
+"@carbon/icons-react@10.47.0", "@carbon/icons-react@^10.47.0":
   version "10.47.0"
   resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.47.0.tgz#d6e40d9654560238538782338a7d87f56bed543a"
   integrity sha512-9Qud3IqqoJGl/iM3mEIqR843k0LTZr68a3ytn1Gm1xO3P6sQLFAFaKGuM9EONs7BBzFkjJuoSvrDwjZwDFj4PQ==
@@ -1375,15 +1370,6 @@
     "@carbon/telemetry" "0.0.0-alpha.6"
     prop-types "^15.7.2"
 
-"@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.26.0"
-    "@carbon/telemetry" "0.0.0-alpha.6"
-    prop-types "^15.7.2"
-
 "@carbon/icons@10.47.0":
   version "10.47.0"
   resolved "https://registry.yarnpkg.com/@carbon/icons/-/icons-10.47.0.tgz#58f55a15b7f58e25db2e714eaea051bc092ba94d"
@@ -1399,11 +1385,6 @@
   resolved "https://registry.yarnpkg.com/@carbon/layout/-/layout-10.37.0.tgz#be647c207186d56813fb024372525278febb4496"
   integrity sha512-6Oyinqc72MQsV9OKT5SYPHHkQh1WrQU+lyV7dSHucMKrHJ9RAQLbno7pBD9oOcwoLfq4u9D9KSdXf8SntChphw==
 
-"@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/motion@10.29.0":
   version "10.29.0"
   resolved "https://registry.yarnpkg.com/@carbon/motion/-/motion-10.29.0.tgz#1e78c70d396ad3b9363f7a0c7e36ce9bac3d5702"
@@ -7244,15 +7225,15 @@ capture-exit@^2.0.0:
   dependencies:
     rsvp "^4.8.4"
 
-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.54.0:
+  version "7.54.0"
+  resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.54.0.tgz#bfe0907089548e37aeb491c99551902ec84b9646"
+  integrity sha512-U55tFKRpvFN9DtoB0++RZYB8zMPkufUIJz7Y7UGI4CTyNVShg9jFyhtk9/8SeEhIgLE3hOdMCd2fg7BtlEva8w==
   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.47.0"
+    "@carbon/layout" "^10.37.0"
     "@carbon/telemetry" "0.0.0-alpha.6"
     classnames "2.3.1"
     copy-to-clipboard "^3.3.1"