diff --git a/.changeset/slimy-moose-float.md b/.changeset/slimy-moose-float.md
new file mode 100644
index 00000000..1eb6d8be
--- /dev/null
+++ b/.changeset/slimy-moose-float.md
@@ -0,0 +1,49 @@
+---
+"@igloo-ui/action-menu": patch
+"@igloo-ui/alert": patch
+"@igloo-ui/area-chart": patch
+"@igloo-ui/avatar": patch
+"@igloo-ui/bar-chart": patch
+"@igloo-ui/breadcrumb": patch
+"@igloo-ui/button": patch
+"@igloo-ui/button-group": patch
+"@igloo-ui/card": patch
+"@igloo-ui/carousel": patch
+"@igloo-ui/checkbox": patch
+"@igloo-ui/color": patch
+"@igloo-ui/color-picker": patch
+"@igloo-ui/combobox": patch
+"@igloo-ui/datepicker": patch
+"@igloo-ui/dialog": patch
+"@igloo-ui/disclosure": patch
+"@igloo-ui/ellipsis": patch
+"@igloo-ui/filter": patch
+"@igloo-ui/form-group": patch
+"@igloo-ui/helper-text": patch
+"@igloo-ui/hyperlink": patch
+"@igloo-ui/icon-button": patch
+"@igloo-ui/input": patch
+"@igloo-ui/metric": patch
+"@igloo-ui/modal": patch
+"@igloo-ui/option-button": patch
+"@igloo-ui/pager": patch
+"@igloo-ui/pie-chart": patch
+"@igloo-ui/popover": patch
+"@igloo-ui/progress-bar": patch
+"@igloo-ui/provider": patch
+"@igloo-ui/radio": patch
+"@igloo-ui/select": patch
+"@igloo-ui/stacked-bar": patch
+"@igloo-ui/stepper": patch
+"@igloo-ui/tabs": patch
+"@igloo-ui/tag": patch
+"@igloo-ui/tag-picker": patch
+"@igloo-ui/text-editor": patch
+"@igloo-ui/textarea": patch
+"@igloo-ui/toaster": patch
+"@igloo-ui/toggle": patch
+"@igloo-ui/tooltip": patch
+"@igloo-ui/vertical-bar-chart": patch
+---
+
+Updated to latest icons and tokens
diff --git a/packages/ActionMenu/package.json b/packages/ActionMenu/package.json
index 37cf4de7..0b848bfe 100644
--- a/packages/ActionMenu/package.json
+++ b/packages/ActionMenu/package.json
@@ -27,7 +27,7 @@
     "@igloo-ui/tokens": "^2.1.0",
     "@igloo-ui/dropdown": "^1.9.1",
     "@igloo-ui/list": "^0.9.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
diff --git a/packages/Alert/package.json b/packages/Alert/package.json
index ad91d636..21f64080 100644
--- a/packages/Alert/package.json
+++ b/packages/Alert/package.json
@@ -29,8 +29,8 @@
     "@igloo-ui/icon-button": "^1.3.3",
     "@igloo-ui/icons": "^1.12.2",
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/icons-react16": "1.2.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/icons-react16": "2.4.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
diff --git a/packages/Alert/src/__snapshots__/Alert.test.tsx.snap b/packages/Alert/src/__snapshots__/Alert.test.tsx.snap
index 3635af57..6483b28f 100644
--- a/packages/Alert/src/__snapshots__/Alert.test.tsx.snap
+++ b/packages/Alert/src/__snapshots__/Alert.test.tsx.snap
@@ -71,7 +71,7 @@ exports[`Alert It should render a snapshot 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="Icon-module__hop-icon___9H6Vf"
+          class="Icon-module__hop-Icon___QR-jY"
           focusable="false"
           height="16"
           role="img"
diff --git a/packages/AreaChart/package.json b/packages/AreaChart/package.json
index d2a961ea..895e25e4 100644
--- a/packages/AreaChart/package.json
+++ b/packages/AreaChart/package.json
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "luxon": "^3.4.4",
     "recharts": "^2.12.0"
diff --git a/packages/Avatar/package.json b/packages/Avatar/package.json
index 8df3f197..9bd35a93 100644
--- a/packages/Avatar/package.json
+++ b/packages/Avatar/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/BarChart/package.json b/packages/BarChart/package.json
index 57c83d0a..8f5652db 100644
--- a/packages/BarChart/package.json
+++ b/packages/BarChart/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "framer-motion": "^6.5.1"
   },
diff --git a/packages/Breadcrumb/package.json b/packages/Breadcrumb/package.json
index 0baf1da1..9d7cb3ba 100644
--- a/packages/Breadcrumb/package.json
+++ b/packages/Breadcrumb/package.json
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "@igloo-ui/icons": "^1.12.2"
   },
diff --git a/packages/Button/package.json b/packages/Button/package.json
index 73d3e6c9..0aeb8300 100644
--- a/packages/Button/package.json
+++ b/packages/Button/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
diff --git a/packages/ButtonGroup/package.json b/packages/ButtonGroup/package.json
index ee6077a5..aeec50da 100644
--- a/packages/ButtonGroup/package.json
+++ b/packages/ButtonGroup/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/Card/package.json b/packages/Card/package.json
index 0047903c..58cea460 100644
--- a/packages/Card/package.json
+++ b/packages/Card/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/Carousel/package.json b/packages/Carousel/package.json
index e3e4d080..eeb5af01 100644
--- a/packages/Carousel/package.json
+++ b/packages/Carousel/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
diff --git a/packages/Checkbox/package.json b/packages/Checkbox/package.json
index 361e5168..22b78a87 100644
--- a/packages/Checkbox/package.json
+++ b/packages/Checkbox/package.json
@@ -25,7 +25,7 @@
     },
     "dependencies": {
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "classnames": "^2.3.2"
     },
     "browserslist": [
diff --git a/packages/Color/package.json b/packages/Color/package.json
index e63269ca..8314178a 100644
--- a/packages/Color/package.json
+++ b/packages/Color/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/ColorPicker/package.json b/packages/ColorPicker/package.json
index 3eac841e..e3405170 100644
--- a/packages/ColorPicker/package.json
+++ b/packages/ColorPicker/package.json
@@ -28,7 +28,7 @@
     "@igloo-ui/color": "^0.5.3",
     "@igloo-ui/dropdown": "^1.9.1",
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "react-aria": "^3.32.1",
     "react-aria-components": "^1.1.1",
diff --git a/packages/Combobox/package.json b/packages/Combobox/package.json
index 6723bdba..37c08499 100644
--- a/packages/Combobox/package.json
+++ b/packages/Combobox/package.json
@@ -31,8 +31,8 @@
         "@igloo-ui/icon-button": "^1.3.3",
         "@igloo-ui/input": "^2.3.1",
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/icons-react16": "1.2.0",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/icons-react16": "2.4.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "@igloo-ui/tooltip": "^3.5.5",
         "classnames": "^2.3.2"
     },
diff --git a/packages/Datepicker/package.json b/packages/Datepicker/package.json
index 5e999043..2193a084 100644
--- a/packages/Datepicker/package.json
+++ b/packages/Datepicker/package.json
@@ -31,7 +31,7 @@
     "@igloo-ui/icons": "^1.12.2",
     "@igloo-ui/input": "^2.3.1",
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "@internationalized/date": "^3.5.2",
     "classnames": "^2.3.2",
     "luxon": "^3.4.4",
diff --git a/packages/Dialog/package.json b/packages/Dialog/package.json
index 46022e90..b982c091 100644
--- a/packages/Dialog/package.json
+++ b/packages/Dialog/package.json
@@ -28,7 +28,7 @@
     "classnames": "^2.3.2",
     "@igloo-ui/modal": "^1.8.2",
     "@igloo-ui/button": "^0.9.3",
-    "@hopper-ui/tokens": "^4.2.0"
+    "@hopper-ui/tokens": "^4.3.2"
   },
   "browserslist": [
     "> 1%",
diff --git a/packages/Disclosure/package.json b/packages/Disclosure/package.json
index f19b6778..937f4fd7 100644
--- a/packages/Disclosure/package.json
+++ b/packages/Disclosure/package.json
@@ -25,7 +25,7 @@
     },
     "dependencies": {
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "classnames": "^2.3.2",
         "framer-motion": "^6.5.1",
         "react-aria": "^3.32.1",
diff --git a/packages/Ellipsis/package.json b/packages/Ellipsis/package.json
index 12bd644f..e04ad529 100644
--- a/packages/Ellipsis/package.json
+++ b/packages/Ellipsis/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/Filter/package.json b/packages/Filter/package.json
index 644aebbb..20498592 100644
--- a/packages/Filter/package.json
+++ b/packages/Filter/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/FormGroup/package.json b/packages/FormGroup/package.json
index 8f2783f0..929b8754 100644
--- a/packages/FormGroup/package.json
+++ b/packages/FormGroup/package.json
@@ -26,7 +26,7 @@
     "dependencies": {
         "@igloo-ui/tokens": "^2.1.0",
         "@igloo-ui/icons": "^1.12.2",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "classnames": "^2.3.2",
         "@igloo-ui/helper-text": "^0.3.5"
     },
diff --git a/packages/HelperText/package.json b/packages/HelperText/package.json
index 2c00ff1e..392ad8ae 100644
--- a/packages/HelperText/package.json
+++ b/packages/HelperText/package.json
@@ -26,7 +26,7 @@
     "dependencies": {
         "@igloo-ui/icons": "^1.12.2",
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "classnames": "^2.3.2"
     },
     "browserslist": [
diff --git a/packages/Hyperlink/package.json b/packages/Hyperlink/package.json
index f5ae89a3..5e776089 100644
--- a/packages/Hyperlink/package.json
+++ b/packages/Hyperlink/package.json
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "@react-aria/link": "^3.6.5",
     "classnames": "^2.3.2"
   },
diff --git a/packages/IconButton/package.json b/packages/IconButton/package.json
index 33900ce7..dfcb4006 100644
--- a/packages/IconButton/package.json
+++ b/packages/IconButton/package.json
@@ -26,7 +26,7 @@
   "dependencies": {
     "@igloo-ui/button": "^0.9.3",
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
diff --git a/packages/Input/package.json b/packages/Input/package.json
index 6781c3b9..65cd87b5 100644
--- a/packages/Input/package.json
+++ b/packages/Input/package.json
@@ -25,7 +25,7 @@
     },
     "dependencies": {
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "classnames": "^2.3.2",
         "graphemer": "^1.4.0"
     },
diff --git a/packages/Metric/package.json b/packages/Metric/package.json
index 623e270b..61c51fad 100644
--- a/packages/Metric/package.json
+++ b/packages/Metric/package.json
@@ -28,7 +28,7 @@
     "@igloo-ui/icons": "^1.12.2",
     "@igloo-ui/tokens": "^2.1.0",
     "@igloo-ui/tooltip": "^3.5.5",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "react-aria": "^3.32.1"
   },
diff --git a/packages/Modal/package.json b/packages/Modal/package.json
index 6172f311..c8a9d75e 100644
--- a/packages/Modal/package.json
+++ b/packages/Modal/package.json
@@ -29,8 +29,8 @@
         "@igloo-ui/icon-button": "^1.3.3",
         "@igloo-ui/icons": "^1.12.2",
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/icons-react16": "1.2.0",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/icons-react16": "2.4.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "@igloo-ui/carousel": "^0.3.6",
         "@types/react-dom": "18.0.11",
         "classnames": "^2.3.2",
diff --git a/packages/OptionButton/package.json b/packages/OptionButton/package.json
index 38fb51c5..98052d83 100644
--- a/packages/OptionButton/package.json
+++ b/packages/OptionButton/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/Pager/package.json b/packages/Pager/package.json
index c1e04703..cdff973b 100644
--- a/packages/Pager/package.json
+++ b/packages/Pager/package.json
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "@igloo-ui/icons": "^1.12.2"
   },
diff --git a/packages/PieChart/package.json b/packages/PieChart/package.json
index f6a50bd1..d5b6954f 100644
--- a/packages/PieChart/package.json
+++ b/packages/PieChart/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "recharts": "^2.9.2"
   },
diff --git a/packages/Popover/package.json b/packages/Popover/package.json
index bb9902b9..efa01207 100644
--- a/packages/Popover/package.json
+++ b/packages/Popover/package.json
@@ -29,7 +29,7 @@
     "@igloo-ui/icon-button": "^1.3.3",
     "@igloo-ui/icons": "^1.12.2",
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "@floating-ui/react": "^0.26.9"
   },
diff --git a/packages/ProgressBar/package.json b/packages/ProgressBar/package.json
index 95f02149..1fa0e423 100644
--- a/packages/ProgressBar/package.json
+++ b/packages/ProgressBar/package.json
@@ -25,7 +25,7 @@
     },
     "dependencies": {
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "classnames": "^2.3.2"
     },
     "devDependencies": {
diff --git a/packages/Provider/package.json b/packages/Provider/package.json
index 92f686be..ac868a49 100644
--- a/packages/Provider/package.json
+++ b/packages/Provider/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "react-aria": "^3.32.1"
   },
   "browserslist": [
diff --git a/packages/Radio/package.json b/packages/Radio/package.json
index 8ce88531..c53001d2 100644
--- a/packages/Radio/package.json
+++ b/packages/Radio/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/Select/package.json b/packages/Select/package.json
index c6e04afd..072e09c3 100644
--- a/packages/Select/package.json
+++ b/packages/Select/package.json
@@ -30,8 +30,8 @@
         "@igloo-ui/icon-button": "^1.3.3",
         "@igloo-ui/input": "^2.3.1",
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/tokens": "^4.2.0",
-        "@hopper-ui/icons-react16": "1.2.0",
+        "@hopper-ui/tokens": "^4.3.2",
+        "@hopper-ui/icons-react16": "2.4.0",
         "classnames": "^2.3.2"
     },
     "devDependencies": {
diff --git a/packages/StackedBar/package.json b/packages/StackedBar/package.json
index 7a90fe21..678d9319 100644
--- a/packages/StackedBar/package.json
+++ b/packages/StackedBar/package.json
@@ -26,7 +26,7 @@
   "dependencies": {
     "@igloo-ui/popover": "^0.6.1",
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "recharts": "^2.9.2"
   },
diff --git a/packages/Stepper/package.json b/packages/Stepper/package.json
index 6e7f6f92..a816ee96 100644
--- a/packages/Stepper/package.json
+++ b/packages/Stepper/package.json
@@ -26,7 +26,7 @@
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
     "@igloo-ui/tooltip": "^3.5.5",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "react-aria": "^3.32.1"
   },
diff --git a/packages/Tabs/package.json b/packages/Tabs/package.json
index ce9e44c0..cd9a8fef 100644
--- a/packages/Tabs/package.json
+++ b/packages/Tabs/package.json
@@ -25,8 +25,8 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/icons-react16": "1.2.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/icons-react16": "2.4.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "@igloo-ui/icons": "^1.12.2"
   },
diff --git a/packages/Tag/package.json b/packages/Tag/package.json
index 165bef95..0c3f6b06 100644
--- a/packages/Tag/package.json
+++ b/packages/Tag/package.json
@@ -29,8 +29,8 @@
     "@igloo-ui/icons": "^1.12.2",
     "@igloo-ui/tokens": "^2.1.0",
     "@igloo-ui/ellipsis": "^0.3.4",
-    "@hopper-ui/icons-react16": "1.2.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/icons-react16": "2.4.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
diff --git a/packages/TagPicker/package.json b/packages/TagPicker/package.json
index d03d2df8..e6afe8b0 100644
--- a/packages/TagPicker/package.json
+++ b/packages/TagPicker/package.json
@@ -28,7 +28,7 @@
     "@igloo-ui/input": "^2.3.1",
     "@igloo-ui/tag": "^1.9.0",
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "@react-aria/utils": "^3.23.2",
     "classnames": "^2.3.2"
   },
diff --git a/packages/TextEditor/package.json b/packages/TextEditor/package.json
index ceab6edd..afa23979 100644
--- a/packages/TextEditor/package.json
+++ b/packages/TextEditor/package.json
@@ -30,7 +30,7 @@
         "@igloo-ui/icon-button": "^1.3.3",
         "@igloo-ui/input": "^2.3.1",
         "@igloo-ui/tokens": "^2.1.0",
-        "@hopper-ui/tokens": "^4.2.0",
+        "@hopper-ui/tokens": "^4.3.2",
         "@igloo-ui/tooltip": "^3.5.5",
         "@lexical/code": "^0.13.0",
         "@lexical/link": "^0.13.0",
diff --git a/packages/Textarea/package.json b/packages/Textarea/package.json
index d6b9cb8f..91f169a5 100644
--- a/packages/Textarea/package.json
+++ b/packages/Textarea/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "@react-aria/utils": "^3.23.2",
     "autosize": "^6.0.1",
     "classnames": "^2.3.2",
diff --git a/packages/Toaster/package.json b/packages/Toaster/package.json
index a88b8b29..1e356f8c 100644
--- a/packages/Toaster/package.json
+++ b/packages/Toaster/package.json
@@ -28,7 +28,7 @@
     "@igloo-ui/icon-button": "^1.3.3",
     "@igloo-ui/icons": "^1.12.2",
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "@react-aria/interactions": "^3.21.1",
     "@react-aria/toast": "^3.0.0-beta.7",
     "@react-stately/toast": "^3.0.0-beta.1",
diff --git a/packages/Toggle/package.json b/packages/Toggle/package.json
index 896fcbc7..cade0280 100644
--- a/packages/Toggle/package.json
+++ b/packages/Toggle/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2"
   },
   "browserslist": [
diff --git a/packages/Tooltip/package.json b/packages/Tooltip/package.json
index f672f12d..5265eeeb 100644
--- a/packages/Tooltip/package.json
+++ b/packages/Tooltip/package.json
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "@floating-ui/react": "^0.24.8",
     "classnames": "^2.3.2"
   },
diff --git a/packages/VerticalBarChart/package.json b/packages/VerticalBarChart/package.json
index 6fd2e379..c8969807 100644
--- a/packages/VerticalBarChart/package.json
+++ b/packages/VerticalBarChart/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0",
+    "@hopper-ui/tokens": "^4.3.2",
     "classnames": "^2.3.2",
     "recharts": "^2.9.2"
   },
diff --git a/utils/bootstrap/template/package.json b/utils/bootstrap/template/package.json
index 40007f04..7c49c04d 100644
--- a/utils/bootstrap/template/package.json
+++ b/utils/bootstrap/template/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@igloo-ui/tokens": "^2.1.0",
-    "@hopper-ui/tokens": "^4.2.0"
+    "@hopper-ui/tokens": "^4.3.2"
   },
   "browserslist": [
     "> 1%",
diff --git a/yarn.lock b/yarn.lock
index e98a4b88..95953fd5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2084,26 +2084,26 @@
   resolved "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
-"@hopper-ui/icons-react16@1.2.0":
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/@hopper-ui/icons-react16/-/icons-react16-1.2.0.tgz"
-  integrity sha512-2DW4NnSeTFCdL24c99po4fLcO31N66SfTN38BhEHIA5Tn6v3CKboN3F8rozi1+JE0/DSaP+/hJUBT84YssP7JA==
-
 "@hopper-ui/icons-react16@2.3.0":
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/@hopper-ui/icons-react16/-/icons-react16-2.3.0.tgz#71e4da98696416194265d4357edc91d54731968d"
   integrity sha512-+kBLWjIZ3UQvnfLqVgCnYYlo6XYn6VcwrHqtJzSQ4h1z7ta54nbMMvodU8vT273qKNpepAZTu4Lw57GSW/jCVw==
 
-"@hopper-ui/tokens@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.npmjs.org/@hopper-ui/tokens/-/tokens-4.2.0.tgz"
-  integrity sha512-7PUUP8pysaGHG+IHyngEfTkecAODvDUDWwH9BLaMfbXbAtnKPgijW2Qzx5+HPePhgZFJUrB7dkCo789dDFCi+A==
+"@hopper-ui/icons-react16@2.4.0":
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/@hopper-ui/icons-react16/-/icons-react16-2.4.0.tgz#b3ef3519b19a37de277d3904f2364a99699d91f8"
+  integrity sha512-r2OLt8f1L7EGub9yyvqNfkDoh/KmiLzsdT3g8t+p+E7sxi5IQzXTlDajS74BN7xgSYHXTDQE60U7ZyGj0g16Yg==
 
 "@hopper-ui/tokens@^4.3.0":
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/@hopper-ui/tokens/-/tokens-4.3.0.tgz#0eb46d6fef8804cec0a9f4572e05ddd659c03e5e"
   integrity sha512-Sf7As1XyFP4WG09EZkBT3oEvoPb78oDwImXty+KHfCwU6V6yApWcctpd4jwj6TkuelpbJ48pqeXzXtgr+Scw+w==
 
+"@hopper-ui/tokens@^4.3.2":
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/@hopper-ui/tokens/-/tokens-4.3.2.tgz#1a018e268d86c1e542954f2ef39c004cddaae916"
+  integrity sha512-vbyxCV2lG5AwQahRTz3ylVkFpI7Y3IJLxc1fcGhAv12dW/WcGGUYGNIhbph1xuypdtgGpweXJFlL+b7ybK6ooQ==
+
 "@humanwhocodes/config-array@^0.11.13":
   version "0.11.13"
   resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz"
@@ -6592,7 +6592,7 @@
   resolved "https://registry.npmjs.org/@swc/counter/-/counter-0.1.2.tgz"
   integrity sha512-9F4ys4C74eSTEUNndnER3VJ15oru2NumfQxS8geE+f3eB5xvfxpWyqE5XlVnxb/R14uoXi6SLbBwwiDSkv+XEw==
 
-"@swc/helpers@0.4.14":
+"@swc/helpers@0.4.14", "legacy-swc-helpers@npm:@swc/helpers@=0.4.14":
   version "0.4.14"
   resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz"
   integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==
@@ -14303,13 +14303,6 @@ lazy-universal-dotenv@^4.0.0:
     dotenv "^16.0.0"
     dotenv-expand "^10.0.0"
 
-"legacy-swc-helpers@npm:@swc/helpers@=0.4.14":
-  version "0.4.14"
-  resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz"
-  integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==
-  dependencies:
-    tslib "^2.4.0"
-
 lerna@6.0.3:
   version "6.0.3"
   resolved "https://registry.npmjs.org/lerna/-/lerna-6.0.3.tgz"
@@ -19554,16 +19547,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -19645,14 +19629,7 @@ stringify-entities@^4.0.0:
     character-entities-html4 "^2.0.0"
     character-entities-legacy "^3.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -21349,7 +21326,7 @@ wordwrap@^1.0.0:
   resolved "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz"
   integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -21367,15 +21344,6 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"