diff --git a/package-lock.json b/package-lock.json
index 1dfe988..bf16dc6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1752,6 +1752,7 @@
       "version": "7.15.4",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.4.tgz",
       "integrity": "sha512-99catp6bHCaxr4sJ/DbTGgHS4+Rs2RVd2g7iOap6SLGPDknRK9ztKNsE/Fg6QhSeh1FGE5f6gHGQmvvn3I3xhw==",
+      "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.4"
       }
@@ -1813,52 +1814,82 @@
       "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
       "dev": true
     },
+    "@carbon/colors": {
+      "version": "11.21.0",
+      "resolved": "https://registry.npmjs.org/@carbon/colors/-/colors-11.21.0.tgz",
+      "integrity": "sha512-qvVcguNL+rOfdOv7NsJPLh6uVvRycO0e3HDl3SD5B/QhviUu76tAHpm23xwe0BDqVHGnmC71xQsUKXL5rOsMPg==",
+      "requires": {
+        "@ibm/telemetry-js": "^1.2.1"
+      }
+    },
     "@carbon/feature-flags": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/@carbon/feature-flags/-/feature-flags-0.6.0.tgz",
-      "integrity": "sha512-Y1jQC30PBEzfVLoZF6Fj4sTez2XqPCY+kVsaXjYWDysTc64+GFVkfGqvcBS+vZB9QTCSlGouaMKppfakdNwUqw=="
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/@carbon/feature-flags/-/feature-flags-0.19.0.tgz",
+      "integrity": "sha512-DXpe8rQOh7UCz/iB866CDI2yLUr8I2IHL1NY/y0+vKGs3ALo2fQMWEm5sgdPAXyDbJEKW7NyvVHB+9W00Zpcow==",
+      "requires": {
+        "@ibm/telemetry-js": "^1.2.1"
+      }
     },
     "@carbon/grid": {
-      "version": "10.38.0",
-      "resolved": "https://registry.npmjs.org/@carbon/grid/-/grid-10.38.0.tgz",
-      "integrity": "sha512-LmWPrCmdcKC/juG6eGvKCpDCbXPlZmzLcdHb/m7EfyEEfYjzQTkmPXfNzmnSz9NJZ13XUJNUhde7mc4HwJ4hQg==",
+      "version": "11.22.0",
+      "resolved": "https://registry.npmjs.org/@carbon/grid/-/grid-11.22.0.tgz",
+      "integrity": "sha512-b5R4LMRatZ0ZmRh+outCkPIFIF+gvM3sPjC0NAuAc2CQ6lAZP07/m5f8TOX9YAo10kE1j63hU+unEzs6lAHPRA==",
       "requires": {
-        "@carbon/import-once": "^10.6.0",
-        "@carbon/layout": "^10.33.0"
+        "@carbon/layout": "^11.21.0",
+        "@ibm/telemetry-js": "^1.2.1"
       }
     },
     "@carbon/icon-helpers": {
-      "version": "10.24.0",
-      "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.24.0.tgz",
-      "integrity": "sha512-kmzN2Zjyp4EmCAlGu561+dJVABH96n5+RnjmsPdv4wrSx+FNyzbxnKYV1x2FYrTxtZ9LB+pd3EofEyVuQM6V0Q=="
+      "version": "10.47.0",
+      "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.47.0.tgz",
+      "integrity": "sha512-vv2Wkuw7lYkYVKrn5ABzlZD+6ioAYwMuyKi2XPqYY3hrHYoL4CQUnuSFDhlj0DR2HHCB0L5MGRLxHLucx5cc7g==",
+      "requires": {
+        "@ibm/telemetry-js": "^1.2.1"
+      }
     },
     "@carbon/icons": {
-      "version": "10.41.0",
-      "resolved": "https://registry.npmjs.org/@carbon/icons/-/icons-10.41.0.tgz",
-      "integrity": "sha512-rSiAwXOxRCOHW2FIB+t424irqDllCHsYZumKgK0cR+eMSQ8AD3MCCVngSykcmiHEuSKFkRbPALx+Eg9Dfx9GnQ==",
+      "version": "11.39.0",
+      "resolved": "https://registry.npmjs.org/@carbon/icons/-/icons-11.39.0.tgz",
+      "integrity": "sha512-GejjOZj9LlyMaQ0I/cRRAN8HVFbI/HBKEOik+EBDLlGUEkhH1Ls3t5/rnBMuUNQ3BzFOkWslpcXAVxE4DFb2rg==",
       "requires": {
-        "svgson": "^5.2.1"
+        "@ibm/telemetry-js": "^1.2.1"
       }
     },
     "@carbon/icons-react": {
-      "version": "10.41.0",
-      "resolved": "https://registry.npmjs.org/@carbon/icons-react/-/icons-react-10.41.0.tgz",
-      "integrity": "sha512-34+zTinj8fA6QOwlw35zMCVdto5uMKr6W0DNKHBLNM3omqAxS3RUIy4qxVjVNCk3mFnL7Knpun25haEaOnAcqw==",
+      "version": "11.39.0",
+      "resolved": "https://registry.npmjs.org/@carbon/icons-react/-/icons-react-11.39.0.tgz",
+      "integrity": "sha512-tKWAo62mAMi5YE0B+LUPlD1dQFgOz+4Z5LMSgQUAoJuDnTw32uXl0BQrSCDP2fXGolIsun280rBTbmPKok/aow==",
       "requires": {
-        "@carbon/icon-helpers": "^10.24.0",
-        "@carbon/telemetry": "0.0.0-alpha.6",
+        "@carbon/icon-helpers": "^10.47.0",
+        "@ibm/telemetry-js": "^1.2.1",
         "prop-types": "^15.7.2"
+      },
+      "dependencies": {
+        "@carbon/icon-helpers": {
+          "version": "10.47.0",
+          "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.47.0.tgz",
+          "integrity": "sha512-vv2Wkuw7lYkYVKrn5ABzlZD+6ioAYwMuyKi2XPqYY3hrHYoL4CQUnuSFDhlj0DR2HHCB0L5MGRLxHLucx5cc7g==",
+          "requires": {
+            "@ibm/telemetry-js": "^1.2.1"
+          }
+        }
       }
     },
-    "@carbon/import-once": {
-      "version": "10.6.0",
-      "resolved": "https://registry.npmjs.org/@carbon/import-once/-/import-once-10.6.0.tgz",
-      "integrity": "sha512-vi0lnmZot9J5uW2p9chtyLBwe3nCTY4HrDWuglLOZVOHu7dbLQiRjD/r3uOjB4lr5qduRwk2hblBXKBhpVDBpg=="
-    },
     "@carbon/layout": {
-      "version": "10.33.0",
-      "resolved": "https://registry.npmjs.org/@carbon/layout/-/layout-10.33.0.tgz",
-      "integrity": "sha512-3yHf/5tPVkvGUYC4ueUSoo5Tw1UxpKxAmigVZCf7MRe9dc06z68xyxrz+mZ5bIPBzbbfLYfz/y6FaD3Toeo30g=="
+      "version": "11.21.0",
+      "resolved": "https://registry.npmjs.org/@carbon/layout/-/layout-11.21.0.tgz",
+      "integrity": "sha512-R0EEMIzdsWzF2rphzTwDJ6ywnSvDxvZwffBKn7+7bBcTWu0cp/XFeG1UzRL0LoZ25Ixv/aEQYCkoDebgUMfrfQ==",
+      "requires": {
+        "@ibm/telemetry-js": "^1.2.1"
+      }
+    },
+    "@carbon/motion": {
+      "version": "11.17.0",
+      "resolved": "https://registry.npmjs.org/@carbon/motion/-/motion-11.17.0.tgz",
+      "integrity": "sha512-/EXBzFU5hbVxO7yqf/VREesjy8Z6GxhfXjV9etBtj84Z4H460e0CN1z+5KDLpKyq6zVmRnLlFmxVmZgyHwMTfA==",
+      "requires": {
+        "@ibm/telemetry-js": "^1.2.1"
+      }
     },
     "@carbon/pictograms-react": {
       "version": "11.19.0",
@@ -1870,6 +1901,97 @@
         "prop-types": "^15.7.2"
       }
     },
+    "@carbon/react": {
+      "version": "1.55.0",
+      "resolved": "https://registry.npmjs.org/@carbon/react/-/react-1.55.0.tgz",
+      "integrity": "sha512-jr5PyKr6mZNtYKxmG7tEakWjhrRuk2TMQ9Dw445gATmnZ51TAqWFbP7hdDnQZBRS0B5PU37EPRf1tR61a6s1Qw==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@carbon/feature-flags": "^0.19.0",
+        "@carbon/icons-react": "^11.39.0",
+        "@carbon/layout": "^11.21.0",
+        "@carbon/styles": "^1.55.0",
+        "@floating-ui/react": "^0.26.0",
+        "@ibm/telemetry-js": "^1.2.1",
+        "classnames": "2.5.1",
+        "copy-to-clipboard": "^3.3.1",
+        "downshift": "8.5.0",
+        "flatpickr": "4.6.13",
+        "invariant": "^2.2.3",
+        "lodash.debounce": "^4.0.8",
+        "lodash.findlast": "^4.5.0",
+        "lodash.isequal": "^4.5.0",
+        "lodash.omit": "^4.5.0",
+        "lodash.throttle": "^4.1.1",
+        "prop-types": "^15.7.2",
+        "react-is": "^18.2.0",
+        "tabbable": "^6.2.0",
+        "use-resize-observer": "^6.0.0",
+        "wicg-inert": "^3.1.1",
+        "window-or-global": "^1.0.1"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.24.4",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.4.tgz",
+          "integrity": "sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA==",
+          "requires": {
+            "regenerator-runtime": "^0.14.0"
+          }
+        },
+        "@carbon/layout": {
+          "version": "11.21.0",
+          "resolved": "https://registry.npmjs.org/@carbon/layout/-/layout-11.21.0.tgz",
+          "integrity": "sha512-R0EEMIzdsWzF2rphzTwDJ6ywnSvDxvZwffBKn7+7bBcTWu0cp/XFeG1UzRL0LoZ25Ixv/aEQYCkoDebgUMfrfQ==",
+          "requires": {
+            "@ibm/telemetry-js": "^1.2.1"
+          }
+        },
+        "classnames": {
+          "version": "2.5.1",
+          "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+          "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
+        },
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        },
+        "regenerator-runtime": {
+          "version": "0.14.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+          "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+        }
+      }
+    },
+    "@carbon/styles": {
+      "version": "1.55.0",
+      "resolved": "https://registry.npmjs.org/@carbon/styles/-/styles-1.55.0.tgz",
+      "integrity": "sha512-SrLwB5vPGxg5GdtW32Zxe8qdUnxjz8eqAF/DsM2x/8VrgONLyy1HqUpRFV4dEnXue3CO/Prr7aCtAXsj3FjoGA==",
+      "requires": {
+        "@carbon/colors": "^11.21.0",
+        "@carbon/feature-flags": "^0.19.0",
+        "@carbon/grid": "^11.22.0",
+        "@carbon/layout": "^11.21.0",
+        "@carbon/motion": "^11.17.0",
+        "@carbon/themes": "^11.34.0",
+        "@carbon/type": "^11.26.0",
+        "@ibm/plex": "6.0.0-next.6",
+        "@ibm/telemetry-js": "^1.2.1"
+      },
+      "dependencies": {
+        "@carbon/type": {
+          "version": "11.26.0",
+          "resolved": "https://registry.npmjs.org/@carbon/type/-/type-11.26.0.tgz",
+          "integrity": "sha512-Q9ehK/Q68UZjlLE4L+8AfhkNObCksCoGvPb2IMe1IkVoCjJI6QbG3yugGm4D8nfTbs3fGTGAKs4+6HkbkW8Lyw==",
+          "requires": {
+            "@carbon/grid": "^11.22.0",
+            "@carbon/layout": "^11.21.0",
+            "@ibm/telemetry-js": "^1.2.1"
+          }
+        }
+      }
+    },
     "@carbon/telemetry": {
       "version": "0.0.0-alpha.6",
       "resolved": "https://registry.npmjs.org/@carbon/telemetry/-/telemetry-0.0.0-alpha.6.tgz",
@@ -1887,13 +2009,38 @@
         "yargs": "^16.1.1"
       }
     },
+    "@carbon/themes": {
+      "version": "11.34.0",
+      "resolved": "https://registry.npmjs.org/@carbon/themes/-/themes-11.34.0.tgz",
+      "integrity": "sha512-Dxf5zgk3iuV/MmD4lu2hyScbQmesjE6fol04HPYJeAGtHud2mN+/Ti7H4W3mEcDukIosFNDXKNR39is9+lDTxA==",
+      "requires": {
+        "@carbon/colors": "^11.21.0",
+        "@carbon/layout": "^11.21.0",
+        "@carbon/type": "^11.26.0",
+        "@ibm/telemetry-js": "^1.2.1",
+        "color": "^4.0.0"
+      },
+      "dependencies": {
+        "@carbon/type": {
+          "version": "11.26.0",
+          "resolved": "https://registry.npmjs.org/@carbon/type/-/type-11.26.0.tgz",
+          "integrity": "sha512-Q9ehK/Q68UZjlLE4L+8AfhkNObCksCoGvPb2IMe1IkVoCjJI6QbG3yugGm4D8nfTbs3fGTGAKs4+6HkbkW8Lyw==",
+          "requires": {
+            "@carbon/grid": "^11.22.0",
+            "@carbon/layout": "^11.21.0",
+            "@ibm/telemetry-js": "^1.2.1"
+          }
+        }
+      }
+    },
     "@carbon/type": {
-      "version": "10.37.0",
-      "resolved": "https://registry.npmjs.org/@carbon/type/-/type-10.37.0.tgz",
-      "integrity": "sha512-OT8W9ySdj8PX/EuydcKRV02gdre3qcGVY2uUcXYTj/sIUTnx8f8xQKJLfeo1eLKCah2qF5VklKHFrB2eJs0KHA==",
+      "version": "11.26.0",
+      "resolved": "https://registry.npmjs.org/@carbon/type/-/type-11.26.0.tgz",
+      "integrity": "sha512-Q9ehK/Q68UZjlLE4L+8AfhkNObCksCoGvPb2IMe1IkVoCjJI6QbG3yugGm4D8nfTbs3fGTGAKs4+6HkbkW8Lyw==",
       "requires": {
-        "@carbon/import-once": "^10.6.0",
-        "@carbon/layout": "^10.33.0"
+        "@carbon/grid": "^11.22.0",
+        "@carbon/layout": "^11.21.0",
+        "@ibm/telemetry-js": "^1.2.1"
       }
     },
     "@cnakazawa/watch": {
@@ -2108,6 +2255,46 @@
         }
       }
     },
+    "@floating-ui/core": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.0.tgz",
+      "integrity": "sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==",
+      "requires": {
+        "@floating-ui/utils": "^0.2.1"
+      }
+    },
+    "@floating-ui/dom": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz",
+      "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
+      "requires": {
+        "@floating-ui/core": "^1.0.0",
+        "@floating-ui/utils": "^0.2.0"
+      }
+    },
+    "@floating-ui/react": {
+      "version": "0.26.12",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.12.tgz",
+      "integrity": "sha512-D09o62HrWdIkstF2kGekIKAC0/N/Dl6wo3CQsnLcOmO3LkW6Ik8uIb3kw8JYkwxNCcg+uJ2bpWUiIijTBep05w==",
+      "requires": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@floating-ui/utils": "^0.2.0",
+        "tabbable": "^6.0.0"
+      }
+    },
+    "@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "requires": {
+        "@floating-ui/dom": "^1.6.1"
+      }
+    },
+    "@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "@gar/promisify": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -2136,6 +2323,16 @@
       "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==",
       "dev": true
     },
+    "@ibm/plex": {
+      "version": "6.0.0-next.6",
+      "resolved": "https://registry.npmjs.org/@ibm/plex/-/plex-6.0.0-next.6.tgz",
+      "integrity": "sha512-B3uGruTn2rS5gweynLmfSe7yCawSRsJguJJQHVQiqf4rh2RNgJFu8YLE2Zd/JHV0ZXoVMOslcXP2k3hMkxKEyA=="
+    },
+    "@ibm/telemetry-js": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@ibm/telemetry-js/-/telemetry-js-1.4.0.tgz",
+      "integrity": "sha512-Ae7kaHVPm8p/uky8VETxDKtIwXuyCybm6f/iRqWkx7ZLTA2aS3ArBp8wpewK7YxCi+0Z36nzERvkkwnZPPuQcQ=="
+    },
     "@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
@@ -12345,52 +12542,6 @@
         "rsvp": "^4.8.4"
       }
     },
-    "carbon-components": {
-      "version": "10.44.0",
-      "resolved": "https://registry.npmjs.org/carbon-components/-/carbon-components-10.44.0.tgz",
-      "integrity": "sha512-GUxr8vLWBieQtyTJprCUDMhPLbsZectQUs9JsQCFaBy5UYQqSSEw/9VgzH+5iiCp6wQIZCCg6NnTofGgoBBhYw==",
-      "requires": {
-        "@carbon/telemetry": "0.0.0-alpha.6",
-        "flatpickr": "4.6.1",
-        "lodash.debounce": "^4.0.8",
-        "warning": "^3.0.0"
-      }
-    },
-    "carbon-components-react": {
-      "version": "7.41.0",
-      "resolved": "https://registry.npmjs.org/carbon-components-react/-/carbon-components-react-7.41.0.tgz",
-      "integrity": "sha512-J2Gx4KEVSE9DdilNhjsecbY2R/r9Ldu+XYqsgdRsg6Ar919VQ3JRRmnJfyZyr5dx+iCLm1+y9+M7/sotUBQ88A==",
-      "requires": {
-        "@carbon/feature-flags": "^0.6.0",
-        "@carbon/icons-react": "^10.37.0",
-        "@carbon/telemetry": "0.0.0-alpha.6",
-        "classnames": "2.3.1",
-        "copy-to-clipboard": "^3.3.1",
-        "downshift": "5.2.1",
-        "flatpickr": "4.6.9",
-        "invariant": "^2.2.3",
-        "lodash.debounce": "^4.0.8",
-        "lodash.findlast": "^4.5.0",
-        "lodash.isequal": "^4.5.0",
-        "lodash.omit": "^4.5.0",
-        "lodash.throttle": "^4.1.1",
-        "react-is": "^16.8.6",
-        "use-resize-observer": "^6.0.0",
-        "window-or-global": "^1.0.1"
-      },
-      "dependencies": {
-        "flatpickr": {
-          "version": "4.6.9",
-          "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.9.tgz",
-          "integrity": "sha512-F0azNNi8foVWKSF+8X+ZJzz8r9sE1G4hl06RyceIaLvyltKvDl6vqk9Lm/6AUUCi5HWaIjiUbk7UpeE/fOXOpw=="
-        }
-      }
-    },
-    "carbon-icons": {
-      "version": "7.0.7",
-      "resolved": "https://registry.npmjs.org/carbon-icons/-/carbon-icons-7.0.7.tgz",
-      "integrity": "sha512-3vgkdXJRgCViCrH3fLUdyAXo0I8wmohO6QETv7vWFx6yc7s+SirWFBSFL38zUx4MHtR8iTxIlLEzkeU6FlFtXg=="
-    },
     "case-sensitive-paths-webpack-plugin": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
@@ -12914,9 +13065,9 @@
       }
     },
     "compute-scroll-into-view": {
-      "version": "1.0.17",
-      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.17.tgz",
-      "integrity": "sha512-j4dx+Fb0URmzbwwMUrhqWM2BEWHdFGx+qZ9qqASHRPqvTYdqvWnHg0H1hIbcyLnvgnoNAVMlwkepyqM3DaIFUg=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
+      "integrity": "sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg=="
     },
     "concat-map": {
       "version": "0.0.1",
@@ -13101,9 +13252,9 @@
       }
     },
     "copy-to-clipboard": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz",
-      "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
       "requires": {
         "toggle-selection": "^1.0.6"
       }
@@ -13915,15 +14066,6 @@
       "integrity": "sha512-b+QLs5vHgS+IoSNcUE4n9HP2NwcHj7aqnJWsjPtuG75Rh5TOaGt0OjAYInh77d5T16V5cRDC+Pw/6ZZZiETBGw==",
       "dev": true
     },
-    "deep-rename-keys": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/deep-rename-keys/-/deep-rename-keys-0.2.1.tgz",
-      "integrity": "sha1-7eeFN9emaivmFRfir5Vtf1ij8dg=",
-      "requires": {
-        "kind-of": "^3.0.2",
-        "rename-keys": "^1.1.2"
-      }
-    },
     "deepmerge": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -14666,14 +14808,57 @@
       }
     },
     "downshift": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/downshift/-/downshift-5.2.1.tgz",
-      "integrity": "sha512-uHX2OLbWthLR8QbR8NCI8OmjvvJxq8+PrA95KblFd9JyB1zVZh1HnszzsWMMCnMuH6IvsUtVfF5HY7XfijJ2dw==",
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/downshift/-/downshift-8.5.0.tgz",
+      "integrity": "sha512-BAr/KAZX8GGARwWl4aER6ABv8aAaRXZcVKP0m1oFPKpSIXCGuoqnhi6nRf87glHhYDd/CCPp9RVUK27JKJD/Fw==",
       "requires": {
-        "@babel/runtime": "^7.9.1",
-        "compute-scroll-into-view": "^1.0.13",
-        "prop-types": "^15.7.2",
-        "react-is": "^16.13.1"
+        "@babel/runtime": "^7.22.15",
+        "compute-scroll-into-view": "^3.0.3",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "tslib": "^2.6.2"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.24.4",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.4.tgz",
+          "integrity": "sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA==",
+          "requires": {
+            "regenerator-runtime": "^0.14.0"
+          }
+        },
+        "prop-types": {
+          "version": "15.8.1",
+          "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+          "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+          "requires": {
+            "loose-envify": "^1.4.0",
+            "object-assign": "^4.1.1",
+            "react-is": "^16.13.1"
+          },
+          "dependencies": {
+            "react-is": {
+              "version": "16.13.1",
+              "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+              "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+            }
+          }
+        },
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        },
+        "regenerator-runtime": {
+          "version": "0.14.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+          "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+        },
+        "tslib": {
+          "version": "2.6.2",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+          "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+        }
       }
     },
     "duplexer": {
@@ -15850,11 +16035,6 @@
       "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
       "dev": true
     },
-    "eventemitter3": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
-      "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo="
-    },
     "events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
@@ -16778,9 +16958,9 @@
       }
     },
     "flatpickr": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.1.tgz",
-      "integrity": "sha512-3ULSxbXmcMIRzer/2jLNweoqHpwDvsjEawO2FUd9UFR8uPwLM+LruZcPDpuZStcEgbQKhuFOfXo4nYdGladSNw=="
+      "version": "4.6.13",
+      "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
+      "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw=="
     },
     "flatted": {
       "version": "3.2.2",
@@ -18225,31 +18405,6 @@
       "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
       "dev": true
     },
-    "has-value": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
-      "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=",
-      "requires": {
-        "get-value": "^2.0.3",
-        "has-values": "^0.1.4",
-        "isobject": "^2.0.0"
-      },
-      "dependencies": {
-        "isobject": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
-          "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
-          "requires": {
-            "isarray": "1.0.0"
-          }
-        }
-      }
-    },
-    "has-values": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
-      "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E="
-    },
     "hash-base": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
@@ -22780,7 +22935,7 @@
     "lodash.findlast": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/lodash.findlast/-/lodash.findlast-4.6.0.tgz",
-      "integrity": "sha1-6ou3jPLn54BPyK630ZU+B/4x+8g="
+      "integrity": "sha512-+OGwb1FVKjhc2aIEQ9vKqNDW1a0/HaCLr0iCIK10jfVif3dBE0nhQD0jOZNZLh7zOlmFUTrk+vt85eXoH4vKuA=="
     },
     "lodash.flattendeep": {
       "version": "4.4.0",
@@ -22802,7 +22957,7 @@
     "lodash.omit": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.omit/-/lodash.omit-4.5.0.tgz",
-      "integrity": "sha1-brGa5aHuHdnfC5aeZs4Lf6MLXmA="
+      "integrity": "sha512-XeqSp49hNGmlkj2EJlfrQFIzQ6lXdNro9sddtQzcJY8QaoC2GO0DT7xaIokHeyM+mIT0mPMlPvkYzg2xCuHdZg=="
     },
     "lodash.sortby": {
       "version": "4.7.0",
@@ -22813,7 +22968,7 @@
     "lodash.throttle": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
-      "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
     },
     "lodash.truncate": {
       "version": "4.4.2",
@@ -24096,15 +24251,6 @@
       "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
       "dev": true
     },
-    "omit-deep": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/omit-deep/-/omit-deep-0.3.0.tgz",
-      "integrity": "sha1-IcivNJm8rdKWUaIyy8rLxSRF6+w=",
-      "requires": {
-        "is-plain-object": "^2.0.1",
-        "unset-value": "^0.1.1"
-      }
-    },
     "on-finished": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
@@ -26221,11 +26367,6 @@
       "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=",
       "dev": true
     },
-    "rename-keys": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/rename-keys/-/rename-keys-1.2.0.tgz",
-      "integrity": "sha512-U7XpAktpbSgHTRSNRrjKSrjYkZKuhUukfoBlXWXUExCAqhzh1TU3BDRAfJmarcl5voKS+pbKU9MvyLWKZ4UEEg=="
-    },
     "renderkid": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.7.tgz",
@@ -28324,16 +28465,6 @@
         "es6-symbol": "^3.1.1"
       }
     },
-    "svgson": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/svgson/-/svgson-5.2.1.tgz",
-      "integrity": "sha512-nbM6QuyZiKzQ0Uo51VDta93YJAr96ikyT40PsgJRrzynOGsOlnmJ6zAK5hUFyE5gnxcg7yuOPUWbUlmV9K0+Dg==",
-      "requires": {
-        "deep-rename-keys": "^0.2.1",
-        "omit-deep": "0.3.0",
-        "xml-reader": "2.4.3"
-      }
-    },
     "symbol-observable": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz",
@@ -28363,6 +28494,11 @@
       "integrity": "sha512-qImOD23aDfnIDNqlG1NOehdB9IYsn1V9oByPjKY1nakv2MQYCEMyX033/q+aEtYCpmYK1cv2+NTmlH+ra6GA5A==",
       "dev": true
     },
+    "tabbable": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
+    },
     "table": {
       "version": "6.7.2",
       "resolved": "https://registry.npmjs.org/table/-/table-6.7.2.tgz",
@@ -28798,7 +28934,7 @@
     "toggle-selection": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
-      "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI="
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
     },
     "toidentifier": {
       "version": "1.0.0",
@@ -29277,15 +29413,6 @@
       "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
       "dev": true
     },
-    "unset-value": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-0.1.2.tgz",
-      "integrity": "sha1-UGgQuGfyfCpabpsEgzYx9t5Y0xA=",
-      "requires": {
-        "has-value": "^0.3.1",
-        "isobject": "^3.0.0"
-      }
-    },
     "untildify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/untildify/-/untildify-2.1.0.tgz",
@@ -29686,14 +29813,6 @@
         "makeerror": "1.0.x"
       }
     },
-    "warning": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",
-      "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=",
-      "requires": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "watchpack": {
       "version": "1.7.5",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
@@ -30806,6 +30925,11 @@
       "integrity": "sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=",
       "dev": true
     },
+    "wicg-inert": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/wicg-inert/-/wicg-inert-3.1.2.tgz",
+      "integrity": "sha512-Ba9tGNYxXwaqKEi9sJJvPMKuo063umUPsHN0JJsjrs2j8KDSzkWLMZGZ+MH1Jf1Fq4OWZ5HsESJID6nRza2ang=="
+    },
     "wide-align": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
@@ -30833,7 +30957,7 @@
     "window-or-global": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/window-or-global/-/window-or-global-1.0.1.tgz",
-      "integrity": "sha1-2+RboqKRqrxW1iz2bEW3+jIpRt4="
+      "integrity": "sha512-tE12J/NenOv4xdVobD+AD3fT06T4KNqnzRhkv5nBIu7K+pvOH2oLCEgYP+i+5mF2jtI6FEADheOdZkA8YWET9w=="
     },
     "winston": {
       "version": "3.3.3",
@@ -30995,29 +31119,12 @@
       "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
       "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q=="
     },
-    "xml-lexer": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/xml-lexer/-/xml-lexer-0.2.2.tgz",
-      "integrity": "sha1-UYGTpKozTVj8fSSLVJB5uJkH4EY=",
-      "requires": {
-        "eventemitter3": "^2.0.0"
-      }
-    },
     "xml-name-validator": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
       "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==",
       "dev": true
     },
-    "xml-reader": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/xml-reader/-/xml-reader-2.4.3.tgz",
-      "integrity": "sha1-n4EMr3xCWlqvuEixxFEDyecddTA=",
-      "requires": {
-        "eventemitter3": "^2.0.0",
-        "xml-lexer": "^0.2.2"
-      }
-    },
     "xmlcreate": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/xmlcreate/-/xmlcreate-2.0.4.tgz",
diff --git a/package.json b/package.json
index 615c915..39bb6a0 100644
--- a/package.json
+++ b/package.json
@@ -79,16 +79,13 @@
   },
   "dependencies": {
     "@apollo/client": "^3.2.5",
-    "@carbon/grid": "^10.20.0",
-    "@carbon/icon-helpers": "^10.13.0",
-    "@carbon/icons": "^10.25.0",
-    "@carbon/icons-react": "^10.25.0",
-    "@carbon/layout": "^10.17.0",
+    "@carbon/grid": "^11.22.0",
+    "@carbon/icons": "^11.39.0",
+    "@carbon/layout": "^11.21.0",
     "@carbon/pictograms-react": "^11.2.0",
-    "@carbon/type": "^10.20.0",
-    "carbon-components": "10.44.0",
-    "carbon-components-react": "7.41.0",
-    "carbon-icons": "^7.0.7",
+    "@carbon/react": "^1.55.0",
+    "@carbon/styles": "^1.55.0",
+    "@carbon/type": "^11.26.0",
     "classnames": "^2.2.6",
     "core-js": "*",
     "graphql": "^15.3.0",
diff --git a/packages/carbon-addons-devenv/src/scss/addons_samples/logo.scss b/packages/carbon-addons-devenv/src/scss/addons_samples/logo.scss
index c086664..6b6e9ee 100644
--- a/packages/carbon-addons-devenv/src/scss/addons_samples/logo.scss
+++ b/packages/carbon-addons-devenv/src/scss/addons_samples/logo.scss
@@ -1,5 +1,5 @@
 .#{$prefix}--logo {
-  box-shadow: inset 0 0 0 2px $carbon--white-0;
+  box-shadow: inset 0 0 0 2px $layer-01;
   border-radius: $border-radius-round;
   font-weight: 500;
   overflow: hidden;
diff --git a/packages/carbon-addons-devenv/src/scss/addons_samples/personfolio.scss b/packages/carbon-addons-devenv/src/scss/addons_samples/personfolio.scss
index 4d6eda3..186ae44 100644
--- a/packages/carbon-addons-devenv/src/scss/addons_samples/personfolio.scss
+++ b/packages/carbon-addons-devenv/src/scss/addons_samples/personfolio.scss
@@ -1,7 +1,7 @@
 .#{$prefix}--personfolio {
 
-    background-color: $ui-01;
-    color: $text-01;
+    background-color: $layer-01;
+    color: $text-primary;
     border-radius: 6px;
     border-width: 1px 1px 1px 1px;
     border-style: solid !important;
@@ -9,25 +9,24 @@
     margin-top: $spacing-05;
   
     &--child {
-        border-color: $support-01;
+        border-color: $support-error;
 
     }
   
     &--youngadult {
 
-        border-color: $support-02;
+        border-color: $support-success;
 
     }
   
     &--adult {
 
-      border-color: $support-03;
+      border-color: $support-warning;
     }
 
     &--senior {
 
-        border-color: $support-04;
+        border-color: $support-info;
       }
-  
-  }
-  
\ No newline at end of file
+
+}
diff --git a/packages/carbon-addons-devenv/src/scss/app.scss b/packages/carbon-addons-devenv/src/scss/app.scss
index ad910c4..e69de29 100644
--- a/packages/carbon-addons-devenv/src/scss/app.scss
+++ b/packages/carbon-addons-devenv/src/scss/app.scss
@@ -1,47 +0,0 @@
-
-//-------------------------
-// 🚀 Variables
-//-------------------------
-
-$feature-flags: (
-  grid-columns-16: true,
-);
-
-$css--font-face: true;
-$css--helpers: true;
-$css--body: true;
-$css--reset: true;
-$css--default-type: true;
-$css--plex: true;
-$css--use-experimental-grid: false;
-$css--use-experimental-grid-fallback: false;
-
-//-------------------------
-// 🔄 Resets
-//-------------------------
-
-// rtl directives must be imported when wrapping an imported stylesheet so 
-// that they are positioned correctly in the compiled css
-// https://github.com/MohammadYounes/rtlcss/issues/113#issuecomment-379907981
-
-@import 'carbon-components/scss/globals/scss/css--reset';
-
-
-//-------------------------
-// 🎨 Themes
-//-------------------------
-
-@import 'carbon-components/scss/globals/scss/theme';
-
-$carbon--theme: $carbon--theme--g10;
-@include carbon--theme();
-
-// overwrite box-sizing from css--reset to original Curam styling
-* {
-  box-sizing: content-box;
-}
-
-// Temporary until Carbon fix is applied for date picker opening event.
-html.spm-modal--html {
-  overflow: visible;
-}
diff --git a/packages/carbon-addons-devenv/src/scss/carbon-components.scss b/packages/carbon-addons-devenv/src/scss/carbon-components.scss
index ec8197b..8e8e9d4 100644
--- a/packages/carbon-addons-devenv/src/scss/carbon-components.scss
+++ b/packages/carbon-addons-devenv/src/scss/carbon-components.scss
@@ -1,78 +1,9 @@
-
-  // re-apply Carbon box-boxing after overwrite above
-  * {
-    box-sizing: border-box;
-  }
-
-  //-------------------------
-  // 🌍 Globals
-  //-------------------------
-  @import 'carbon-components/scss/globals/scss/theme-tokens';
-  @import 'carbon-components/scss/globals/scss/layout';
-  @import 'carbon-components/scss/globals/scss/layer';
-  @import 'carbon-components/scss/globals/scss/typography';
-  @import 'carbon-components/scss/globals/scss/css--font-face';
-  @import 'carbon-components/scss/globals/scss/css--helpers';
-  @import 'carbon-components/scss/globals/scss/css--body';
-  @import 'carbon-components/scss/globals/grid/grid';
-
-  //-------------------------
-  // 🍕 Components
-  //-------------------------
-
-  @import 'carbon-components/scss/components/button/button';
-  @import 'carbon-components/scss/components/copy-button/copy-button';
-  @import 'carbon-components/scss/components/file-uploader/file-uploader';
-  @import 'carbon-components/scss/components/checkbox/checkbox';
-  @import 'carbon-components/scss/components/combo-box/combo-box';
-  @import 'carbon-components/scss/components/radio-button/radio-button';
-  @import 'carbon-components/scss/components/toggle/toggle';
-  @import 'carbon-components/scss/components/search/search';
-  @import 'carbon-components/scss/components/select/select';
-  @import 'carbon-components/scss/components/text-input/text-input';
-  @import 'carbon-components/scss/components/text-area/text-area';
-  @import 'carbon-components/scss/components/number-input/number-input';
-  @import 'carbon-components/scss/components/form/form';
-  @import 'carbon-components/scss/components/link/link';
-  @import 'carbon-components/scss/components/list-box/list-box';
-  @import 'carbon-components/scss/components/list/list';
-  @import 'carbon-components/scss/components/data-table/data-table';
-  @import 'carbon-components/scss/components/structured-list/structured-list';
-  @import 'carbon-components/scss/components/code-snippet/code-snippet';
-  @import 'carbon-components/scss/components/overflow-menu/overflow-menu';
-  @import 'carbon-components/scss/components/content-switcher/content-switcher';
-  @import 'carbon-components/scss/components/date-picker/date-picker';
-  @import 'carbon-components/scss/components/dropdown/dropdown';
-  @import 'carbon-components/scss/components/loading/loading';
-  @import 'carbon-components/scss/components/modal/modal';
-  @import 'carbon-components/scss/components/multi-select/multi-select';
-  @import 'carbon-components/scss/components/notification/inline-notification';
-  @import 'carbon-components/scss/components/notification/toast-notification';
-  @import 'carbon-components/scss/components/tooltip/tooltip';
-  @import 'carbon-components/scss/components/tabs/tabs';
-  @import 'carbon-components/scss/components/tag/tag';
-  @import 'carbon-components/scss/components/pagination/pagination';
-  @import 'carbon-components/scss/components/accordion/accordion';
-  @import 'carbon-components/scss/components/progress-indicator/progress-indicator';
-  @import 'carbon-components/scss/components/breadcrumb/breadcrumb';
-  @import 'carbon-components/scss/components/toolbar/toolbar';
-  @import 'carbon-components/scss/components/time-picker/time-picker';
-  @import 'carbon-components/scss/components/slider/slider';
-  @import 'carbon-components/scss/components/tile/tile';
-  @import 'carbon-components/scss/components/skeleton/skeleton';
-  @import 'carbon-components/scss/components/inline-loading/inline-loading';
-  @import 'carbon-components/scss/components/pagination-nav/pagination-nav';
-
-  // type utilities
-  @import '@carbon/type/scss/classes';
-  @include carbon--type-classes();
-
-  //-------------------------
-  // ✨ Addons
-  //-------------------------
-
-
-  @import './variables.scss';
-  @import './addons_samples/logo.scss';
-  @import './addons_samples/personfolio.scss';
-
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/react/scss/themes';
+@use '@carbon/react/scss/theme' as * with (
+  $theme: themes.$g100
+);
+@use '@carbon/react/scss/reset';
+@import './variables.scss';
+@import './addons_samples/logo.scss';
+@import './addons_samples/personfolio.scss';
diff --git a/packages/carbon-addons-devenv/src/scss/index.scss b/packages/carbon-addons-devenv/src/scss/index.scss
index 06a871d..c2f47bd 100644
--- a/packages/carbon-addons-devenv/src/scss/index.scss
+++ b/packages/carbon-addons-devenv/src/scss/index.scss
@@ -1,10 +1,5 @@
-
 @import './app.scss';
 
 .spm-custom-component {
-  //-------------------------
-  // Carbon-Components
-  //-------------------------
   @import './carbon-components.scss';
-  @import './addon-samples.scss';
 }
diff --git a/packages/carbon-addons-devenv/src/scss/variables.scss b/packages/carbon-addons-devenv/src/scss/variables.scss
index dee5b2e..6ad9649 100644
--- a/packages/carbon-addons-devenv/src/scss/variables.scss
+++ b/packages/carbon-addons-devenv/src/scss/variables.scss
@@ -1,5 +1,6 @@
+$prefix: 'bx';
 $border-radius-round:  100vw !default;
 $width-logo-large: 120px; // do we need small and medium too
 $width-logo-medium: 80px;
 $width-logo-small: 36px;
-$border-base: 1px solid $ui-background; // this should be a variable
\ No newline at end of file
+$border-base: 1px solid $background;
diff --git a/webpack.config.js b/webpack.config.js
index 94cece8..b78d032 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -25,7 +25,7 @@ module.exports = {
       },
       {
         test: /\.(js|jsx)$/,
-        exclude: /(node_modules|bower_components)/,
+        exclude: /(bower_components)/,
         loader: "babel-loader",
         options: { presets: ["@babel/env"] }
       },
@@ -37,6 +37,10 @@ module.exports = {
         test: /\.(gif|png|jpe?g|svg)$/i,
         loader: 'file-loader',
       },
+      {
+        test: /\.(png|woff|woff2|eot|ttf|svg)$/,
+        loader: 'url-loader?limit=100000'
+      },
     ]
   },
   plugins: [