diff --git a/config/stylelint-config-ibm-products/package.json b/config/stylelint-config-ibm-products/package.json
index a5c6f519e2..5615355080 100644
--- a/config/stylelint-config-ibm-products/package.json
+++ b/config/stylelint-config-ibm-products/package.json
@@ -23,7 +23,7 @@
     "stylelint-config-standard": "^34.0.0",
     "stylelint-config-standard-scss": "^10.0.0",
     "stylelint-no-unsupported-browser-features": "^7.0.0",
-    "stylelint-plugin-carbon-tokens": "^2.3.1",
+    "stylelint-plugin-carbon-tokens": "^2.8.0",
     "stylelint-use-logical": "^2.1.0"
   }
 }
diff --git a/package.json b/package.json
index 72a0a0910c..7337ee9ff0 100644
--- a/package.json
+++ b/package.json
@@ -225,7 +225,7 @@
     ]
   },
   "dependencies": {
-    "stylelint-plugin-carbon-tokens": "2.3.1"
+    "stylelint-plugin-carbon-tokens": "2.8.0"
   },
   "packageManager": "yarn@4.0.2"
 }
diff --git a/packages/core/package.json b/packages/core/package.json
index b7bb4c98e8..5fe8595b27 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -28,13 +28,13 @@
     "upgrade-dependencies": "npm-check-updates -u --dep dev,peer,prod --color --reject '/(carbon|^react$|^react-dom$)/'"
   },
   "devDependencies": {
-    "@carbon/grid": "^11.22.0",
+    "@carbon/grid": "^11.24.1",
     "@carbon/ibm-products-styles": "^2.43.0-rc.0",
-    "@carbon/layout": "^11.21.0",
-    "@carbon/motion": "^11.17.0",
-    "@carbon/react": "^1.60.3",
+    "@carbon/layout": "^11.23.1",
+    "@carbon/motion": "^11.19.1",
+    "@carbon/react": "^1.61.0",
     "@carbon/themes": "^11.37.1",
-    "@carbon/type": "^11.26.0",
+    "@carbon/type": "^11.28.1",
     "@storybook/addon-a11y": "^8.1.10",
     "@storybook/addon-actions": "^8.0.9",
     "@storybook/addon-controls": "^8.0.9",
diff --git a/packages/ibm-products-community/package.json b/packages/ibm-products-community/package.json
index f36cf6e5ac..e8dff3e980 100644
--- a/packages/ibm-products-community/package.json
+++ b/packages/ibm-products-community/package.json
@@ -24,12 +24,12 @@
     "test": "jest --colors"
   },
   "peerDependencies": {
-    "@carbon/grid": "^11.22.0",
-    "@carbon/layout": "^11.21.0",
-    "@carbon/motion": "^11.17.0",
-    "@carbon/react": "^1.60.3",
+    "@carbon/grid": "^11.24.1",
+    "@carbon/layout": "^11.23.1",
+    "@carbon/motion": "^11.19.1",
+    "@carbon/react": "^1.61.0",
     "@carbon/themes": "^11.37.1",
-    "@carbon/type": "^11.26.0",
+    "@carbon/type": "^11.28.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/packages/ibm-products-styles/package.json b/packages/ibm-products-styles/package.json
index 722edbf499..66bc094b26 100644
--- a/packages/ibm-products-styles/package.json
+++ b/packages/ibm-products-styles/package.json
@@ -61,11 +61,11 @@
     "yargs": "^17.7.2"
   },
   "peerDependencies": {
-    "@carbon/grid": "^11.22.0",
-    "@carbon/layout": "^11.21.0",
-    "@carbon/motion": "^11.17.0",
+    "@carbon/grid": "^11.24.1",
+    "@carbon/layout": "^11.23.1",
+    "@carbon/motion": "^11.19.1",
     "@carbon/themes": "^11.37.1",
-    "@carbon/type": "^11.26.0"
+    "@carbon/type": "^11.28.1"
   },
   "dependencies": {
     "@ibm/telemetry-js": "^1.5.0"
diff --git a/packages/ibm-products/package.json b/packages/ibm-products/package.json
index 3d651953f5..024d683601 100644
--- a/packages/ibm-products/package.json
+++ b/packages/ibm-products/package.json
@@ -111,12 +111,12 @@
     "react-window": "^1.8.10"
   },
   "peerDependencies": {
-    "@carbon/grid": "^11.22.0",
-    "@carbon/layout": "^11.21.0",
-    "@carbon/motion": "^11.17.0",
-    "@carbon/react": "^1.60.3",
+    "@carbon/grid": "^11.24.1",
+    "@carbon/layout": "^11.23.1",
+    "@carbon/motion": "^11.19.1",
+    "@carbon/react": "^1.61.0",
     "@carbon/themes": "^11.37.1",
-    "@carbon/type": "^11.26.0",
+    "@carbon/type": "^11.28.1",
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   }
diff --git a/packages/ibm-products/src/components/AddSelect/AddSelect.test.js b/packages/ibm-products/src/components/AddSelect/AddSelect.test.js
index 65cf5862e2..db6489c384 100644
--- a/packages/ibm-products/src/components/AddSelect/AddSelect.test.js
+++ b/packages/ibm-products/src/components/AddSelect/AddSelect.test.js
@@ -7,6 +7,7 @@
 
 import { render, screen } from '@testing-library/react';
 import React from 'react';
+import { waitForPosition } from '../../global/js/utils/wait_for_position';
 import { AddSelect } from './AddSelect';
 import { pkg } from '../../settings';
 
@@ -159,6 +160,7 @@ describe(componentName, () => {
       },
     };
     render(<AddSelect {...newProps} />);
+    await waitForPosition();
     expect(screen.getByTitle('editor')).toBeInTheDocument();
   });
 
diff --git a/packages/ibm-products/src/components/AddSelect/AddSelectBody.test.js b/packages/ibm-products/src/components/AddSelect/AddSelectBody.test.js
index 0669a151d2..a6db30f9c3 100644
--- a/packages/ibm-products/src/components/AddSelect/AddSelectBody.test.js
+++ b/packages/ibm-products/src/components/AddSelect/AddSelectBody.test.js
@@ -12,6 +12,7 @@ import { pkg, carbon } from '../../settings';
 import { getGlobalFilterValues, normalize } from './add-select-utils';
 import { Document } from '@carbon/react/icons';
 import image from '../UserProfileImage/headshot.jpg'; // cspell:disable-line
+import { waitForPosition } from '../../global/js/utils/wait_for_position';
 
 const blockClass = `${pkg.prefix}--add-select`;
 const componentName = AddSelectBody.name;
@@ -345,6 +346,7 @@ describe(componentName, () => {
       onSubmit,
     };
     render(<AddSelectBody {...newProps} />);
+    await waitForPosition();
     const submitBtn = screen.getByText('Add');
     const opt1 = screen.getByLabelText('Kansas');
     fireEvent.click(opt1);
diff --git a/packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.tsx b/packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.tsx
index 9ab810624d..8d696692f5 100644
--- a/packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.tsx
+++ b/packages/ibm-products/src/components/CoachmarkBeacon/CoachmarkBeacon.tsx
@@ -76,6 +76,7 @@ export let CoachmarkBeacon = React.forwardRef<
         className={`${blockClass}__target`}
       >
         <svg className={`${blockClass}__center`}>
+          <title>{label}</title>
           <circle r={1} cx={38} cy={38} />
         </svg>
       </button>
diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid.test.js b/packages/ibm-products/src/components/Datagrid/Datagrid.test.js
index 8f253adfe9..e5dabea844 100644
--- a/packages/ibm-products/src/components/Datagrid/Datagrid.test.js
+++ b/packages/ibm-products/src/components/Datagrid/Datagrid.test.js
@@ -2337,11 +2337,11 @@ describe(componentName, () => {
       'Data was not found with the current filters applied. Change filters or clear filters to see other results.',
   };
 
-  it('should test basic interactions of filter panel', async () => {
+  it.only('should test basic interactions of filter panel', async () => {
     const user = userEvent.setup({
       advanceTimers: jest.advanceTimersByTime,
     });
-    const { keyboard } = user;
+    const { keyboard, type } = user;
     const dropdownOnChange = jest.fn();
     render(
       <FilteringUsage
@@ -2406,11 +2406,6 @@ describe(componentName, () => {
     await click(dropdownOption);
     expect(dropdownOnChange).toHaveBeenCalledTimes(1);
 
-    // Add beginning date but no end date, confirm no changes are made since we need a beginning and end date
-    const dateInput = screen.getAllByPlaceholderText('mm/dd/yyyy');
-    await click(dateInput[0]);
-    await keyboard('01/01/2024');
-    expect(dateInput[0].value).toEqual('01/01/2024');
     // Apply radio button change
     const designerRadio = screen.getByRole('radio', { name: 'Designer' });
     await click(designerRadio);
@@ -2418,11 +2413,15 @@ describe(componentName, () => {
     // Apply valid date filter
     const dateInputs = screen.getAllByPlaceholderText('mm/dd/yyyy');
     await click(dateInputs[0]);
-    await keyboard('01/01/2024');
-    await click(dateInputs[1]);
+    // Clear previously value from date input
+    dateInputs[0].setSelectionRange(0, dateInputs[0].value.length);
+    await type(dateInputs[0], '01/01/2024');
+    await keyboard('[Escape]');
+    await keyboard('[Tab]');
     await keyboard('01/02/2024');
-    expect(dateInput[0].value).toEqual('01/01/2024');
-    expect(dateInput[1].value).toEqual('01/02/2024');
+    await keyboard('[Escape]');
+    expect(dateInputs[0].value).toEqual('01/01/2024');
+    expect(dateInputs[1].value).toEqual('01/02/2024');
     // Reset to "Any" radio filter
     const anyRadio = screen.getByRole('radio', { name: 'Any' });
     await click(anyRadio);
diff --git a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js
index d4d1ef3415..e59938a7e4 100644
--- a/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js
+++ b/packages/ibm-products/src/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js
@@ -368,6 +368,7 @@ export const InlineEditCell = ({
           },
         }}
         ref={dropdownRef}
+        autoAlign
       />
     );
   };
diff --git a/packages/ibm-products/src/components/FullPageError/FullPageError.tsx b/packages/ibm-products/src/components/FullPageError/FullPageError.tsx
index 08fc0e09b5..13083b2d41 100644
--- a/packages/ibm-products/src/components/FullPageError/FullPageError.tsx
+++ b/packages/ibm-products/src/components/FullPageError/FullPageError.tsx
@@ -84,18 +84,25 @@ export let FullPageError = React.forwardRef<HTMLDivElement, FullPageErrorProps>(
     const errorData = {
       403: {
         svg: (
-          <Error403SVG className={`${blockClass}__svg ${blockClass}__403`} />
+          <Error403SVG
+            className={`${blockClass}__svg ${blockClass}__403`}
+            title={title}
+          />
         ),
       },
       404: {
         svg: (
-          <Error404SVG className={`${blockClass}__svg ${blockClass}__404`} />
+          <Error404SVG
+            className={`${blockClass}__svg ${blockClass}__404`}
+            title={title}
+          />
         ),
       },
       custom: {
         svg: (
           <ErrorGenericSVG
             className={`${blockClass}__svg ${blockClass}__custom`}
+            title={title}
           />
         ),
       },
diff --git a/packages/ibm-products/src/components/FullPageError/assets/Error403SVG.js b/packages/ibm-products/src/components/FullPageError/assets/Error403SVG.js
index 0117c026f1..9c5edcaccb 100644
--- a/packages/ibm-products/src/components/FullPageError/assets/Error403SVG.js
+++ b/packages/ibm-products/src/components/FullPageError/assets/Error403SVG.js
@@ -11,13 +11,14 @@ import React from 'react';
 // Other standard imports.
 import { string } from 'prop-types';
 
-export const Error403SVG = ({ className }) => {
+export const Error403SVG = ({ className, title }) => {
   return (
     <svg
       viewBox="0 0 750 570"
       fill="none"
       className={className}
       xmlns="http://www.w3.org/2000/svg"
+      aria-label={title}
     >
       <g clipPath="url(#clip0_0_2401)">
         <path
@@ -828,4 +829,5 @@ export const Error403SVG = ({ className }) => {
 // See https://www.npmjs.com/package/prop-types#usage.
 Error403SVG.propTypes = {
   className: string,
+  title: string,
 };
diff --git a/packages/ibm-products/src/components/FullPageError/assets/Error404SVG.js b/packages/ibm-products/src/components/FullPageError/assets/Error404SVG.js
index 482bc6e54d..cde71413f7 100644
--- a/packages/ibm-products/src/components/FullPageError/assets/Error404SVG.js
+++ b/packages/ibm-products/src/components/FullPageError/assets/Error404SVG.js
@@ -11,13 +11,14 @@ import React from 'react';
 // Other standard imports.
 import { string } from 'prop-types';
 
-export const Error404SVG = ({ className }) => {
+export const Error404SVG = ({ className, title }) => {
   return (
     <svg
       viewBox="0 0 751 549"
       fill="none"
       className={className}
       xmlns="http://www.w3.org/2000/svg"
+      aria-label={title}
     >
       <g clipPath="url(#clip0_0_2285)">
         <path d="M103.296 290.22V153.267H612.488" fill="#F3F3F3" />
@@ -732,4 +733,5 @@ export const Error404SVG = ({ className }) => {
 // See https://www.npmjs.com/package/prop-types#usage.
 Error404SVG.propTypes = {
   className: string,
+  title: string,
 };
diff --git a/packages/ibm-products/src/components/FullPageError/assets/ErrorGenericSVG.js b/packages/ibm-products/src/components/FullPageError/assets/ErrorGenericSVG.js
index 41e6157b8e..3787254531 100644
--- a/packages/ibm-products/src/components/FullPageError/assets/ErrorGenericSVG.js
+++ b/packages/ibm-products/src/components/FullPageError/assets/ErrorGenericSVG.js
@@ -11,13 +11,14 @@ import React from 'react';
 // Other standard imports.
 import { string } from 'prop-types';
 
-export const ErrorGenericSVG = ({ className }) => {
+export const ErrorGenericSVG = ({ className, title }) => {
   return (
     <svg
       viewBox="0 0 750 506"
       fill="none"
       className={className}
       xmlns="http://www.w3.org/2000/svg"
+      aria-label={title}
     >
       <g clipPath="url(#clip0_203_144)">
         <path
@@ -827,4 +828,5 @@ export const ErrorGenericSVG = ({ className }) => {
 // See https://www.npmjs.com/package/prop-types#usage.
 ErrorGenericSVG.propTypes = {
   className: string,
+  title: string,
 };
diff --git a/packages/ibm-products/src/components/HTTPErrors/HTTPError403/HTTPError403.tsx b/packages/ibm-products/src/components/HTTPErrors/HTTPError403/HTTPError403.tsx
index c240f4ac2c..79b62be23f 100644
--- a/packages/ibm-products/src/components/HTTPErrors/HTTPError403/HTTPError403.tsx
+++ b/packages/ibm-products/src/components/HTTPErrors/HTTPError403/HTTPError403.tsx
@@ -77,7 +77,7 @@ export let HTTPError403 = React.forwardRef<HTMLDivElement, HTTPError403Props>(
         {...getDevtoolsProps(componentName)}
       >
         <HTTPErrorContent {...{ description, errorCodeLabel, title, links }} />
-        <HTTPErrorSvg403 className={`${blockClass}__image`} />
+        <HTTPErrorSvg403 className={`${blockClass}__image`} title={title} />
       </div>
     );
   }
diff --git a/packages/ibm-products/src/components/HTTPErrors/HTTPError404/HTTPError404.tsx b/packages/ibm-products/src/components/HTTPErrors/HTTPError404/HTTPError404.tsx
index af76f20822..9a3d980936 100644
--- a/packages/ibm-products/src/components/HTTPErrors/HTTPError404/HTTPError404.tsx
+++ b/packages/ibm-products/src/components/HTTPErrors/HTTPError404/HTTPError404.tsx
@@ -67,7 +67,7 @@ export let HTTPError404 = React.forwardRef<HTMLDivElement, HTTPError404Props>(
         {...getDevtoolsProps(componentName)}
       >
         <HTTPErrorContent {...{ description, errorCodeLabel, title, links }} />
-        <HTTPErrorSvg404 className={`${blockClass}__image`} />
+        <HTTPErrorSvg404 className={`${blockClass}__image`} title={title} />
       </div>
     );
   }
diff --git a/packages/ibm-products/src/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.tsx b/packages/ibm-products/src/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.tsx
index 177085421d..c8d8fa3c6f 100644
--- a/packages/ibm-products/src/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.tsx
+++ b/packages/ibm-products/src/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.tsx
@@ -77,7 +77,7 @@ export let HTTPErrorOther = React.forwardRef(
         {...getDevtoolsProps(componentName)}
       >
         <HTTPErrorContent {...{ description, errorCodeLabel, title, links }} />
-        <HTTPErrorSvgOther className={`${blockClass}__image`} />
+        <HTTPErrorSvgOther title={title} className={`${blockClass}__image`} />
       </div>
     );
   }
diff --git a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg403.js b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg403.js
index a40f24bac5..d15c6cca4c 100644
--- a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg403.js
+++ b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg403.js
@@ -14,7 +14,7 @@ import { pkg } from '../../../settings';
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 const blockClass = `${pkg.prefix}--http-errors-403`;
-export const HTTPErrorSvg403 = ({ className }) => {
+export const HTTPErrorSvg403 = ({ className, title }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,6 +22,7 @@ export const HTTPErrorSvg403 = ({ className }) => {
       viewBox="0 0 1584 916"
       className={className}
       preserveAspectRatio="xMinYMax meet"
+      aria-label={title}
     >
       <defs>
         <clipPath id="prefix__clip-path">
@@ -1343,4 +1344,5 @@ export const HTTPErrorSvg403 = ({ className }) => {
 // See https://www.npmjs.com/package/prop-types#usage.
 HTTPErrorSvg403.propTypes = {
   className: string,
+  title: string,
 };
diff --git a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg404.js b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg404.js
index 801acc1324..6abc533ac4 100644
--- a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg404.js
+++ b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvg404.js
@@ -14,7 +14,7 @@ import { pkg } from '../../../settings';
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 const blockClass = `${pkg.prefix}--http-errors-404`;
-export const HTTPErrorSvg404 = ({ className }) => {
+export const HTTPErrorSvg404 = ({ className, title }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,6 +22,7 @@ export const HTTPErrorSvg404 = ({ className }) => {
       viewBox="0 0 1584 916"
       className={className}
       preserveAspectRatio="xMinYMax meet"
+      aria-label={title}
     >
       <defs>
         <clipPath id="prefix__clip-path">
@@ -1218,4 +1219,5 @@ export const HTTPErrorSvg404 = ({ className }) => {
 // See https://www.npmjs.com/package/prop-types#usage.
 HTTPErrorSvg404.propTypes = {
   className: string,
+  title: string,
 };
diff --git a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvgOther.js b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvgOther.js
index 0345b35796..d4b24bc13b 100644
--- a/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvgOther.js
+++ b/packages/ibm-products/src/components/HTTPErrors/assets/HTTPErrorSvgOther.js
@@ -14,7 +14,7 @@ import { pkg } from '../../../settings';
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 const blockClass = `${pkg.prefix}--http-errors-other`;
-export const HTTPErrorSvgOther = ({ className }) => {
+export const HTTPErrorSvgOther = ({ className, title }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,6 +22,7 @@ export const HTTPErrorSvgOther = ({ className }) => {
       viewBox="0 0 1584 916"
       className={className}
       preserveAspectRatio="xMinYMax meet"
+      aria-label={title}
     >
       <defs>
         <clipPath id="prefix__clip-path">
@@ -1239,4 +1240,5 @@ export const HTTPErrorSvgOther = ({ className }) => {
 // See https://www.npmjs.com/package/prop-types#usage.
 HTTPErrorSvgOther.propTypes = {
   className: string,
+  title: string,
 };
diff --git a/packages/ibm-products/src/components/SearchBar/SearchBar.test.js b/packages/ibm-products/src/components/SearchBar/SearchBar.test.js
index b7d3e6786a..0055f45aec 100644
--- a/packages/ibm-products/src/components/SearchBar/SearchBar.test.js
+++ b/packages/ibm-products/src/components/SearchBar/SearchBar.test.js
@@ -9,6 +9,7 @@ import React from 'react';
 import { act, render, screen } from '@testing-library/react'; // https://testing-library.com/docs/react-testing-library/intro
 
 import { pkg, carbon } from '../../settings';
+import { waitForPosition } from '../../global/js/utils/wait_for_position';
 import uuidv4 from '../../global/js/utils/uuidv4';
 import { SearchBar } from '.';
 
@@ -164,6 +165,7 @@ describe(componentName, () => {
 
   it('renders with selected scopes', async () => {
     renderComponent({ ...scopesDefaultProps });
+    await waitForPosition();
   });
 
   it.skip('select scope, type text, and calls submit with an expected object', async () => {
diff --git a/packages/ibm-products/src/global/js/utils/wait_for_position.js b/packages/ibm-products/src/global/js/utils/wait_for_position.js
new file mode 100644
index 0000000000..e2d62e5856
--- /dev/null
+++ b/packages/ibm-products/src/global/js/utils/wait_for_position.js
@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { act } from 'react';
+
+/**
+ * Flushes microtasks to ensure element position state is settled
+ * From https://floating-ui.com/docs/react#testing
+ * More context here: https://github.com/floating-ui/react-popper/issues/368#issuecomment-1340413010
+ */
+export const waitForPosition = () => act(async () => {});
diff --git a/yarn.lock b/yarn.lock
index 0aa209f5a9..3001d17b00 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -126,18 +126,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.23.6":
-  version: 7.24.7
-  resolution: "@babel/generator@npm:7.24.7"
-  dependencies:
-    "@babel/types": "npm:^7.24.7"
-    "@jridgewell/gen-mapping": "npm:^0.3.5"
-    "@jridgewell/trace-mapping": "npm:^0.3.25"
-    jsesc: "npm:^2.5.1"
-  checksum: c71d24a4b41b19c10d2f2eb819f27d4cf94220e2322f7c8fed8bfbbb115b2bebbdd6dc1f27dac78a175e90604def58d763af87e0fa81ce4ab1582858162cf768
-  languageName: node
-  linkType: hard
-
 "@babel/helper-annotate-as-pure@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-annotate-as-pure@npm:7.22.5"
@@ -351,13 +339,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-string-parser@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-string-parser@npm:7.24.7"
-  checksum: 603d8d962bbe89907aa99a8f19a006759ab7b2464615f20a6a22e3e2e8375af37ddd0e5175c9e622e1c4b2d83607ffb41055a59d0ce34404502af30fde573a5c
-  languageName: node
-  linkType: hard
-
 "@babel/helper-validator-identifier@npm:^7.22.20, @babel/helper-validator-identifier@npm:^7.24.5":
   version: 7.24.5
   resolution: "@babel/helper-validator-identifier@npm:7.24.5"
@@ -365,13 +346,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-identifier@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-validator-identifier@npm:7.24.7"
-  checksum: 86875063f57361471b531dbc2ea10bbf5406e12b06d249b03827d361db4cad2388c6f00936bcd9dc86479f7e2c69ea21412c2228d4b3672588b754b70a449d4b
-  languageName: node
-  linkType: hard
-
 "@babel/helper-validator-option@npm:^7.23.5":
   version: 7.23.5
   resolution: "@babel/helper-validator-option@npm:7.23.5"
@@ -422,15 +396,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.23.6":
-  version: 7.24.7
-  resolution: "@babel/parser@npm:7.24.7"
-  bin:
-    parser: ./bin/babel-parser.js
-  checksum: ef9ebce60e13db560ccc7af9235d460f6726bb7e23ae2d675098c1fc43d5249067be60d4118889dad33b1d4f85162cf66baf554719e1669f29bb20e71322568e
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.24.5":
   version: 7.24.5
   resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.24.5"
@@ -1638,7 +1603,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.22.10, @babel/runtime@npm:^7.22.15, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.23.9, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.22.10, @babel/runtime@npm:^7.22.15, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.23.9, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
   version: 7.24.5
   resolution: "@babel/runtime@npm:7.24.5"
   dependencies:
@@ -1647,6 +1612,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.24.7":
+  version: 7.25.0
+  resolution: "@babel/runtime@npm:7.25.0"
+  dependencies:
+    regenerator-runtime: "npm:^0.14.0"
+  checksum: 6870e9e0e9125075b3aeba49a266f442b10820bfc693019eb6c1785c5a0edbe927e98b8238662cdcdba17842107c040386c3b69f39a0a3b217f9d00ffe685b27
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.22.15, @babel/template@npm:^7.24.0, @babel/template@npm:^7.3.3":
   version: 7.24.0
   resolution: "@babel/template@npm:7.24.0"
@@ -1687,17 +1661,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.23.6, @babel/types@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/types@npm:7.24.7"
-  dependencies:
-    "@babel/helper-string-parser": "npm:^7.24.7"
-    "@babel/helper-validator-identifier": "npm:^7.24.7"
-    to-fast-properties: "npm:^2.0.0"
-  checksum: ad3c8c0d6fb4acb0bb74bb5b4bb849b181bf6185677ef9c59c18856c81e43628d0858253cf232f0eca806f02e08eff85a1d3e636a3e94daea737597796b0b430
-  languageName: node
-  linkType: hard
-
 "@base2/pretty-print-object@npm:1.0.1":
   version: 1.0.1
   resolution: "@base2/pretty-print-object@npm:1.0.1"
@@ -1721,6 +1684,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/colors@npm:^11.24.0":
+  version: 11.24.0
+  resolution: "@carbon/colors@npm:11.24.0"
+  dependencies:
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: 0e20f8c7100a6b1e482104db7b24ec60e1e4d9122213075f87b36da5857408c9bc3738537c333fb7d17a51f6703b14467653de072b76539a99fe1b25777865d2
+  languageName: node
+  linkType: hard
+
 "@carbon/feature-flags@npm:^0.20.0":
   version: 0.20.0
   resolution: "@carbon/feature-flags@npm:0.20.0"
@@ -1730,13 +1702,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/grid@npm:^11.22.0":
-  version: 11.22.0
-  resolution: "@carbon/grid@npm:11.22.0"
+"@carbon/feature-flags@npm:^0.21.0":
+  version: 0.21.0
+  resolution: "@carbon/feature-flags@npm:0.21.0"
   dependencies:
-    "@carbon/layout": "npm:^11.21.0"
-    "@ibm/telemetry-js": "npm:^1.2.1"
-  checksum: f30c005b817529e31eeecf567c9b3e89b5833d96c7ad63bf46c2b23e279240faff8d10d161a700179e436974a32b072ef5798ac2d0a698ec0632eea0345cbe41
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: c8d9377cfd428ecc819ce28b2030aa9da33ffebc2d8c915e5ae589be8b9ccf582b9dccdcc731f62eea0b5643ef52c39d2471bfe202713572501997d3dffa1aa7
   languageName: node
   linkType: hard
 
@@ -1750,6 +1721,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/grid@npm:^11.25.0":
+  version: 11.25.0
+  resolution: "@carbon/grid@npm:11.25.0"
+  dependencies:
+    "@carbon/layout": "npm:^11.24.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: 3f6e01a8a4481ba4bd56a8531983104dd20248b6160ef5285bba274734d7433d783917629d338160a67c1fe0990157923f783e0bd276ebd4f364fa48c9160fcc
+  languageName: node
+  linkType: hard
+
 "@carbon/ibm-cloud-cognitive-cli@workspace:config/cli":
   version: 0.0.0-use.local
   resolution: "@carbon/ibm-cloud-cognitive-cli@workspace:config/cli"
@@ -1775,13 +1756,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@carbon/ibm-cloud-cognitive-core@workspace:packages/core"
   dependencies:
-    "@carbon/grid": "npm:^11.22.0"
+    "@carbon/grid": "npm:^11.24.1"
     "@carbon/ibm-products-styles": "npm:^2.43.0-rc.0"
-    "@carbon/layout": "npm:^11.21.0"
-    "@carbon/motion": "npm:^11.17.0"
-    "@carbon/react": "npm:^1.60.3"
+    "@carbon/layout": "npm:^11.23.1"
+    "@carbon/motion": "npm:^11.19.1"
+    "@carbon/react": "npm:^1.61.0"
     "@carbon/themes": "npm:^11.37.1"
-    "@carbon/type": "npm:^11.26.0"
+    "@carbon/type": "npm:^11.28.1"
     "@storybook/addon-a11y": "npm:^8.1.10"
     "@storybook/addon-actions": "npm:^8.0.9"
     "@storybook/addon-controls": "npm:^8.0.9"
@@ -1830,12 +1811,12 @@ __metadata:
     rimraf: "npm:^5.0.1"
     sass: "npm:^1.77.2"
   peerDependencies:
-    "@carbon/grid": ^11.22.0
-    "@carbon/layout": ^11.21.0
-    "@carbon/motion": ^11.17.0
-    "@carbon/react": ^1.60.3
+    "@carbon/grid": ^11.24.1
+    "@carbon/layout": ^11.23.1
+    "@carbon/motion": ^11.19.1
+    "@carbon/react": ^1.61.0
     "@carbon/themes": ^11.37.1
-    "@carbon/type": ^11.26.0
+    "@carbon/type": ^11.28.1
     react: ^18.2.0
     react-dom: ^18.2.0
   languageName: unknown
@@ -1859,11 +1840,11 @@ __metadata:
     sass: "npm:^1.77.2"
     yargs: "npm:^17.7.2"
   peerDependencies:
-    "@carbon/grid": ^11.22.0
-    "@carbon/layout": ^11.21.0
-    "@carbon/motion": ^11.17.0
+    "@carbon/grid": ^11.24.1
+    "@carbon/layout": ^11.23.1
+    "@carbon/motion": ^11.19.1
     "@carbon/themes": ^11.37.1
-    "@carbon/type": ^11.26.0
+    "@carbon/type": ^11.28.1
   languageName: unknown
   linkType: soft
 
@@ -1923,45 +1904,36 @@ __metadata:
     typescript-config-carbon: "npm:^0.2.1"
     yargs: "npm:^17.7.2"
   peerDependencies:
-    "@carbon/grid": ^11.22.0
-    "@carbon/layout": ^11.21.0
-    "@carbon/motion": ^11.17.0
-    "@carbon/react": ^1.60.3
+    "@carbon/grid": ^11.24.1
+    "@carbon/layout": ^11.23.1
+    "@carbon/motion": ^11.19.1
+    "@carbon/react": ^1.61.0
     "@carbon/themes": ^11.37.1
-    "@carbon/type": ^11.26.0
+    "@carbon/type": ^11.28.1
     react: ^16.8.6 || ^17.0.1 || ^18.2.0
     react-dom: ^16.8.6 || ^17.0.1 || ^18.2.0
   languageName: unknown
   linkType: soft
 
-"@carbon/icon-helpers@npm:^10.49.1":
-  version: 10.49.1
-  resolution: "@carbon/icon-helpers@npm:10.49.1"
+"@carbon/icon-helpers@npm:^10.50.0":
+  version: 10.50.0
+  resolution: "@carbon/icon-helpers@npm:10.50.0"
   dependencies:
     "@ibm/telemetry-js": "npm:^1.5.0"
-  checksum: 9e3615888d7ab89d3c049964ca9a8220c026e9c73467f2c43a510303fb6bef32e1033adca5ac838cad63d9b0da967ddbee8a25289ccdd1405870f5a9307f65a0
+  checksum: 21b26daebaadc6b40b431f264f1ea59a510e6cad9163c186dd8f544da7a8e7f370ad01ee36617153c873a6a0b2699be72ef120265983a5dc660039f4e7f74cb2
   languageName: node
   linkType: hard
 
-"@carbon/icons-react@npm:^11.44.1":
-  version: 11.44.1
-  resolution: "@carbon/icons-react@npm:11.44.1"
+"@carbon/icons-react@npm:^11.46.0":
+  version: 11.46.0
+  resolution: "@carbon/icons-react@npm:11.46.0"
   dependencies:
-    "@carbon/icon-helpers": "npm:^10.49.1"
+    "@carbon/icon-helpers": "npm:^10.50.0"
     "@ibm/telemetry-js": "npm:^1.5.0"
     prop-types: "npm:^15.7.2"
   peerDependencies:
     react: ">=16"
-  checksum: a546db550789e72d4d5e3b8dcab96341d36a7f4005d49ebdbbd3bcf88fcbaa8b175792d6bfa78818b3d5fb3b05f16eb7241cccb0a69655bdbf13aac164321e97
-  languageName: node
-  linkType: hard
-
-"@carbon/layout@npm:^11.21.0":
-  version: 11.21.0
-  resolution: "@carbon/layout@npm:11.21.0"
-  dependencies:
-    "@ibm/telemetry-js": "npm:^1.2.1"
-  checksum: 2830cd043c6170953c8e0b16b6165765848caccb06798b7f04303cc99266abb23f0b695664fc2c0e96c28d1c132789a882a3df60a36e2812b74e9aa87199337d
+  checksum: 547c9d09ea5e855f207f55338df4823b07450b3f974fd16afa84fac4c2c588ab1631b32dd52ce27c2cfe726d5d763a9b2a768a73285f061afc28453260efafc6
   languageName: node
   linkType: hard
 
@@ -1974,12 +1946,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/motion@npm:^11.17.0":
-  version: 11.17.0
-  resolution: "@carbon/motion@npm:11.17.0"
+"@carbon/layout@npm:^11.24.0":
+  version: 11.24.0
+  resolution: "@carbon/layout@npm:11.24.0"
   dependencies:
-    "@ibm/telemetry-js": "npm:^1.2.1"
-  checksum: eb9acd0a51e3b8324588ce5ba01ac205be8a97fbaec777d78b65b6264cc5247bd73fc6ca6060f2a8416ae67faac027667d5ae756fc1ac26549cca54d3e6385ea
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: f09cb9fdc13f703e21137c261406ea8f7cfe4932e8b51273abecd9ace1bf30d3778edf49c776a938ecc5b20e7800e725663e3b913bedfaaeef646526e2e2d26c
   languageName: node
   linkType: hard
 
@@ -1992,16 +1964,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/react@npm:^1.60.3":
-  version: 1.60.3
-  resolution: "@carbon/react@npm:1.60.3"
+"@carbon/motion@npm:^11.20.0":
+  version: 11.20.0
+  resolution: "@carbon/motion@npm:11.20.0"
   dependencies:
-    "@babel/runtime": "npm:^7.18.3"
-    "@carbon/feature-flags": "npm:^0.20.0"
-    "@carbon/icons-react": "npm:^11.44.1"
-    "@carbon/layout": "npm:^11.23.1"
-    "@carbon/styles": "npm:^1.60.1"
-    "@figma/code-connect": "npm:^0.1.2"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: a5fe6123fc7144f769f9ea8001f34388c5229b3525803f59bdc1511ce1048f070a35eaa969446d04eaafc9d7bd214a239b6d03beb9adb917c3b29ade4a63ceba
+  languageName: node
+  linkType: hard
+
+"@carbon/react@npm:^1.61.0":
+  version: 1.63.1
+  resolution: "@carbon/react@npm:1.63.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.24.7"
+    "@carbon/feature-flags": "npm:^0.21.0"
+    "@carbon/icons-react": "npm:^11.46.0"
+    "@carbon/layout": "npm:^11.24.0"
+    "@carbon/styles": "npm:^1.62.0"
     "@floating-ui/react": "npm:^0.26.0"
     "@ibm/telemetry-js": "npm:^1.5.0"
     classnames: "npm:2.5.1"
@@ -2011,20 +1991,19 @@ __metadata:
     invariant: "npm:^2.2.3"
     lodash.debounce: "npm:^4.0.8"
     lodash.findlast: "npm:^4.5.0"
-    lodash.isequal: "npm:^4.5.0"
     lodash.omit: "npm:^4.5.0"
     lodash.throttle: "npm:^4.1.1"
     prop-types: "npm:^15.7.2"
+    react-fast-compare: "npm:^3.2.2"
     react-is: "npm:^18.2.0"
     tabbable: "npm:^6.2.0"
     use-resize-observer: "npm:^6.0.0"
-    wicg-inert: "npm:^3.1.1"
     window-or-global: "npm:^1.0.1"
   peerDependencies:
     react: ^16.8.6 || ^17.0.1 || ^18.2.0
     react-dom: ^16.8.6 || ^17.0.1 || ^18.2.0
     sass: ^1.33.0
-  checksum: 28ac63d264b8c9ce9f42a956cf897d40cd5ec15b89422dc5d3ba11715c9fe01ca7d9d76baa23e31cd34af95858d55c4cc98016e20df876d422868ebd7dd13c63
+  checksum: 63115c597ff0917f1797a46f34f0663c945c0a1c8ad8955f9eb173f98fd1342156d767bf8e388a31fb046d89d5df22ff98463696d9663cd0ada9ab4808be2d1c
   languageName: node
   linkType: hard
 
@@ -2054,17 +2033,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/styles@npm:^1.60.1":
-  version: 1.60.1
-  resolution: "@carbon/styles@npm:1.60.1"
-  dependencies:
-    "@carbon/colors": "npm:^11.23.1"
-    "@carbon/feature-flags": "npm:^0.20.0"
-    "@carbon/grid": "npm:^11.24.1"
-    "@carbon/layout": "npm:^11.23.1"
-    "@carbon/motion": "npm:^11.19.1"
-    "@carbon/themes": "npm:^11.37.1"
-    "@carbon/type": "npm:^11.28.1"
+"@carbon/styles@npm:^1.62.0":
+  version: 1.62.0
+  resolution: "@carbon/styles@npm:1.62.0"
+  dependencies:
+    "@carbon/colors": "npm:^11.24.0"
+    "@carbon/feature-flags": "npm:^0.21.0"
+    "@carbon/grid": "npm:^11.25.0"
+    "@carbon/layout": "npm:^11.24.0"
+    "@carbon/motion": "npm:^11.20.0"
+    "@carbon/themes": "npm:^11.38.0"
+    "@carbon/type": "npm:^11.29.0"
     "@ibm/plex": "npm:6.0.0-next.6"
     "@ibm/telemetry-js": "npm:^1.5.0"
   peerDependencies:
@@ -2072,7 +2051,7 @@ __metadata:
   peerDependenciesMeta:
     sass:
       optional: true
-  checksum: 3a166807ff91a58783f35d3dbf30172cc58c748d68f2c066d8001ee2de50951439aae0f97ec55a6c5ab4b6349848d7d1c4e6a5398a1d749c7900962e834441bf
+  checksum: 3dc8385c8f87969189dc617252fe47c564854e8de6f94c4c26df1e27b4cf460d83489449839777ca59f84beb53c90a28175c3882ac32b5531d13c2941675a751
   languageName: node
   linkType: hard
 
@@ -2098,14 +2077,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/type@npm:^11.26.0":
-  version: 11.26.0
-  resolution: "@carbon/type@npm:11.26.0"
+"@carbon/themes@npm:^11.38.0":
+  version: 11.38.0
+  resolution: "@carbon/themes@npm:11.38.0"
   dependencies:
-    "@carbon/grid": "npm:^11.22.0"
-    "@carbon/layout": "npm:^11.21.0"
-    "@ibm/telemetry-js": "npm:^1.2.1"
-  checksum: 48e09fc53e862af0729b98ff36f7fb26a857f055f280be849809b745b38df30f6422d0fb0dcfa673e90508db753158f6f31f9cfd647f66d3576c4fe7ff2a3ec9
+    "@carbon/colors": "npm:^11.24.0"
+    "@carbon/layout": "npm:^11.24.0"
+    "@carbon/type": "npm:^11.29.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+    color: "npm:^4.0.0"
+  checksum: d756fae116df4ebcf894c9a3b848bb467101f309fabb5f21f0ed8d3ca9e4d348ce7afbf4de08295e584bcff2b582b40557a9ab58ec4050ed75abceeb5e9f3776
   languageName: node
   linkType: hard
 
@@ -2120,6 +2101,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@carbon/type@npm:^11.29.0":
+  version: 11.29.0
+  resolution: "@carbon/type@npm:11.29.0"
+  dependencies:
+    "@carbon/grid": "npm:^11.25.0"
+    "@carbon/layout": "npm:^11.24.0"
+    "@ibm/telemetry-js": "npm:^1.5.0"
+  checksum: 5bf2a36d226c7d9ec230497bef5542040d71aabe34159cf387a4b877d494a76c4fa61ceb0cf370d6004f2759d2c78f940c649464915c97b26cb55badce0b4465
+  languageName: node
+  linkType: hard
+
 "@colors/colors@npm:1.5.0":
   version: 1.5.0
   resolution: "@colors/colors@npm:1.5.0"
@@ -3180,30 +3172,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@figma/code-connect@npm:^0.1.2":
-  version: 0.1.2
-  resolution: "@figma/code-connect@npm:0.1.2"
-  dependencies:
-    "@babel/core": "npm:^7.23.6"
-    "@babel/generator": "npm:^7.23.6"
-    "@babel/parser": "npm:^7.23.6"
-    "@babel/types": "npm:^7.23.6"
-    "@storybook/csf-tools": "npm:^7.6.7"
-    axios: "npm:^1.6.0"
-    chalk: "npm:^4.1.2"
-    commander: "npm:^11.1.0"
-    dotenv: "npm:^16.3.1"
-    glob: "npm:^10.3.10"
-    lodash: "npm:^4.17.21"
-    minimatch: "npm:^9.0.3"
-    prettier: "npm:^3.2.4"
-    typescript: "npm:5.4.2"
-  bin:
-    figma: bin/figma
-  checksum: 730fd7b326629bdfb4fa1376690fc6cef43471e372b40ba9873dba560246986646601f9f7f854df09d639652177ce926ff335fd57e71ec9cbb1d241bfeb65f37
-  languageName: node
-  linkType: hard
-
 "@floating-ui/core@npm:^1.0.0":
   version: 1.6.1
   resolution: "@floating-ui/core@npm:1.6.1"
@@ -3315,15 +3283,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ibm/telemetry-js@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "@ibm/telemetry-js@npm:1.2.1"
-  bin:
-    ibmtelemetry: dist/collect.js
-  checksum: 672a116f050f89160015c370f49ce1b7478f21d2686252df3456d62f41a4c4f170ed345a6454c1de3005e03397492ed3aee8d98cf7b5cf27d13b054306dcc21b
-  languageName: node
-  linkType: hard
-
 "@ibm/telemetry-js@npm:^1.5.0":
   version: 1.5.0
   resolution: "@ibm/telemetry-js@npm:1.5.0"
@@ -5699,20 +5658,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/channels@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/channels@npm:7.6.20"
-  dependencies:
-    "@storybook/client-logger": "npm:7.6.20"
-    "@storybook/core-events": "npm:7.6.20"
-    "@storybook/global": "npm:^5.0.0"
-    qs: "npm:^6.10.0"
-    telejson: "npm:^7.2.0"
-    tiny-invariant: "npm:^1.3.1"
-  checksum: 3dc827df9d0d0c0c68f10edbf5169e42c2cdb43832cb14ce3ac8149f295219f8bae6ed27300fd50e6a78080914cf142d1810fdbcf687dd313a7bfac41386cd95
-  languageName: node
-  linkType: hard
-
 "@storybook/channels@npm:8.0.9":
   version: 8.0.9
   resolution: "@storybook/channels@npm:8.0.9"
@@ -5792,15 +5737,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/client-logger@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/client-logger@npm:7.6.20"
-  dependencies:
-    "@storybook/global": "npm:^5.0.0"
-  checksum: 0062c440c825ab460667d799b00d3ff87dcf4dabce05733c11ffbb1ea70e0a2e77fdc313ce9bdeccc4ac816101abe17572b96cc20c975874812f875828653704
-  languageName: node
-  linkType: hard
-
 "@storybook/client-logger@npm:8.0.9":
   version: 8.0.9
   resolution: "@storybook/client-logger@npm:8.0.9"
@@ -5919,15 +5855,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-events@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/core-events@npm:7.6.20"
-  dependencies:
-    ts-dedent: "npm:^2.0.0"
-  checksum: bd72649a262017f244aa6311352c1b38f2b38478c19b9aee4851bfdff5b2b11565dd768fe144f1304f9f130b533ffa4ab3fd2eea1361d202a76ff920cc377601
-  languageName: node
-  linkType: hard
-
 "@storybook/core-events@npm:8.0.9, @storybook/core-events@npm:^8.0.9":
   version: 8.0.9
   resolution: "@storybook/core-events@npm:8.0.9"
@@ -6015,23 +5942,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/csf-tools@npm:^7.6.7":
-  version: 7.6.20
-  resolution: "@storybook/csf-tools@npm:7.6.20"
-  dependencies:
-    "@babel/generator": "npm:^7.23.0"
-    "@babel/parser": "npm:^7.23.0"
-    "@babel/traverse": "npm:^7.23.2"
-    "@babel/types": "npm:^7.23.0"
-    "@storybook/csf": "npm:^0.1.2"
-    "@storybook/types": "npm:7.6.20"
-    fs-extra: "npm:^11.1.0"
-    recast: "npm:^0.23.1"
-    ts-dedent: "npm:^2.0.0"
-  checksum: f0ca4a7e7309548bf647fbbc175bccb56fe4df210e3e52f96a5cc553bc06253c8fd7fcceb00ee7192e09fd073fd67fdaacab0ba81c56d440116114355b5f0935
-  languageName: node
-  linkType: hard
-
 "@storybook/csf@npm:^0.0.1":
   version: 0.0.1
   resolution: "@storybook/csf@npm:0.0.1"
@@ -6366,18 +6276,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/types@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/types@npm:7.6.20"
-  dependencies:
-    "@storybook/channels": "npm:7.6.20"
-    "@types/babel__core": "npm:^7.0.0"
-    "@types/express": "npm:^4.7.0"
-    file-system-cache: "npm:2.3.0"
-  checksum: 8da9513f1f34f606b114026af5fad5a7658ce5e2fa7af3363d9f3d481e5e22ed9ae6343f28aa9d14208bff07f489cb7f5ae3adcad5a603f8181e952b2ee29f3f
-  languageName: node
-  linkType: hard
-
 "@storybook/types@npm:8.0.9":
   version: 8.0.9
   resolution: "@storybook/types@npm:8.0.9"
@@ -11090,7 +10988,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dotenv@npm:^16.0.0, dotenv@npm:^16.3.1":
+"dotenv@npm:^16.0.0":
   version: 16.4.5
   resolution: "dotenv@npm:16.4.5"
   checksum: 55a3134601115194ae0f924e54473459ed0d9fc340ae610b676e248cca45aa7c680d86365318ea964e6da4e2ea80c4514c1adab5adb43d6867fb57ff068f95c8
@@ -13954,7 +13852,7 @@ __metadata:
     rimraf: "npm:^5.0.5"
     stylelint: "npm:^15.11.0"
     stylelint-config-ibm-products: "npm:*"
-    stylelint-plugin-carbon-tokens: "npm:2.3.1"
+    stylelint-plugin-carbon-tokens: "npm:2.8.0"
     webpack: "npm:^5.90.0"
   languageName: unknown
   linkType: soft
@@ -20221,6 +20119,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-fast-compare@npm:^3.2.2":
+  version: 3.2.2
+  resolution: "react-fast-compare@npm:3.2.2"
+  checksum: a6826180ba75cefba1c8d3ac539735f9b627ca05d3d307fe155487f5d0228d376dac6c9708d04a283a7b9f9aee599b637446635b79c8c8753d0b4eece56c125c
+  languageName: node
+  linkType: hard
+
 "react-is@npm:18.1.0":
   version: 18.1.0
   resolution: "react-is@npm:18.1.0"
@@ -20536,19 +20441,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"recast@npm:^0.23.1":
-  version: 0.23.9
-  resolution: "recast@npm:0.23.9"
-  dependencies:
-    ast-types: "npm:^0.16.1"
-    esprima: "npm:~4.0.0"
-    source-map: "npm:~0.6.1"
-    tiny-invariant: "npm:^1.3.3"
-    tslib: "npm:^2.0.1"
-  checksum: d60584be179d81a82fbe58b5bbe009aa42831ee114a21a3e3a22bda91334e0b8a1a4610dca8ecb7f9ea1426da4febc08134d3003085ad6ecee478d1808eb8796
-  languageName: node
-  linkType: hard
-
 "recast@npm:^0.23.3, recast@npm:^0.23.5":
   version: 0.23.6
   resolution: "recast@npm:0.23.6"
@@ -22353,7 +22245,7 @@ __metadata:
     stylelint-config-standard: "npm:^34.0.0"
     stylelint-config-standard-scss: "npm:^10.0.0"
     stylelint-no-unsupported-browser-features: "npm:^7.0.0"
-    stylelint-plugin-carbon-tokens: "npm:^2.3.1"
+    stylelint-plugin-carbon-tokens: "npm:^2.8.0"
     stylelint-use-logical: "npm:^2.1.0"
   peerDependencies:
     stylelint: ^15.11.0
@@ -22537,25 +22429,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylelint-plugin-carbon-tokens@npm:2.3.1":
-  version: 2.3.1
-  resolution: "stylelint-plugin-carbon-tokens@npm:2.3.1"
-  dependencies:
-    lodash: "npm:^4.17.21"
-    postcss: "npm:^8.4.16"
-    postcss-scss: "npm:^4.0.4"
-    postcss-value-parser: "npm:^4.2.0"
-  peerDependencies:
-    "@carbon/colors": ">=10 <= 11"
-    "@carbon/layout": ">=10 <= 11"
-    "@carbon/motion": ">=10 <= 11"
-    "@carbon/themes": ">=10 <= 11"
-    "@carbon/type": ">=10 <= 11"
-  checksum: f60ac9fafb7a5e718cffc7991b5b8af23afb22ef9e5ef047d425e04c66c2b9d0a0a7a9545b3d11b825d15fc7f47cd8a516b2b574934d1fe85ae5dcf0e42a0a6d
-  languageName: node
-  linkType: hard
-
-"stylelint-plugin-carbon-tokens@npm:^2.3.1":
+"stylelint-plugin-carbon-tokens@npm:2.8.0, stylelint-plugin-carbon-tokens@npm:^2.8.0":
   version: 2.8.0
   resolution: "stylelint-plugin-carbon-tokens@npm:2.8.0"
   dependencies:
@@ -23395,16 +23269,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:5.4.2":
-  version: 5.4.2
-  resolution: "typescript@npm:5.4.2"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: f8cfdc630ab1672f004e9561eb2916935b2d267792d07ce93e97fc601c7a65191af32033d5e9c0169b7dc37da7db9bf320f7432bc84527cb7697effaa4e4559d
-  languageName: node
-  linkType: hard
-
 "typescript@npm:>=3 < 6, typescript@npm:^5.3.3":
   version: 5.4.5
   resolution: "typescript@npm:5.4.5"
@@ -23425,16 +23289,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A5.4.2#optional!builtin<compat/typescript>":
-  version: 5.4.2
-  resolution: "typescript@patch:typescript@npm%3A5.4.2#optional!builtin<compat/typescript>::version=5.4.2&hash=e012d7"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: ef4fc2994cc0219dc9ada94c92106ba8d44cbfd7a0328ed6f8d730311caf66e114cdfa07fbc6f369bfc0fc182d9493851b3bf1644c06fc5818690b19ee960d72
-  languageName: node
-  linkType: hard
-
 "typescript@patch:typescript@npm%3A>=3 < 6#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.3.3#optional!builtin<compat/typescript>":
   version: 5.4.5
   resolution: "typescript@patch:typescript@npm%3A5.4.5#optional!builtin<compat/typescript>::version=5.4.5&hash=e012d7"
@@ -24321,13 +24175,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wicg-inert@npm:^3.1.1":
-  version: 3.1.2
-  resolution: "wicg-inert@npm:3.1.2"
-  checksum: a726f5ca2d3535dba9a638ff60b720d9f81857cb9b51bcaf9c2a71ee50d784ff3be6c5d9f0acc35edd8fee92bb3587c0a9daabb70baa725a106d149ae0fd8584
-  languageName: node
-  linkType: hard
-
 "wide-align@npm:^1.1.0, wide-align@npm:^1.1.5":
   version: 1.1.5
   resolution: "wide-align@npm:1.1.5"