diff --git a/apps/admin-ui/package.json b/apps/admin-ui/package.json
index b1e6b988b..59cf436e0 100644
--- a/apps/admin-ui/package.json
+++ b/apps/admin-ui/package.json
@@ -41,8 +41,8 @@
     "focus-trap-react": "^10.2.3",
     "form-data": "^4.0.0",
     "graphql": "^16.9.0",
-    "hds-core": "^3.11.0",
-    "hds-react": "^3.11.0",
+    "hds-core": "^4.0.0",
+    "hds-react": "^4.0.0",
     "i18next": "^23.15.1",
     "lodash": "^4.17.21",
     "next": "15.0.3",
diff --git a/apps/ui/package.json b/apps/ui/package.json
index 8ab92ac91..e83b63c65 100644
--- a/apps/ui/package.json
+++ b/apps/ui/package.json
@@ -26,9 +26,9 @@
     "eslint-config-custom": "workspace:*",
     "focus-trap-react": "^10.2.3",
     "graphql": "^16.9.0",
-    "hds-core": "^3.11.0",
-    "hds-design-tokens": "^3.11.0",
-    "hds-react": "^3.11.0",
+    "hds-core": "^4.0.0",
+    "hds-design-tokens": "^4.0.0",
+    "hds-react": "^4.0.0",
     "i18next": "^23.15.1",
     "lodash": "^4.17.21",
     "next": "15.0.3",
diff --git a/packages/common/package.json b/packages/common/package.json
index 5bab7787f..fd58df3bb 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -21,7 +21,7 @@
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "eslint-config-custom": "workspace:*",
-    "hds-react": "^3.11.0",
+    "hds-react": "^4.0.0",
     "i18next": "^23.15.1",
     "lodash": "^4.17.21",
     "next": "15.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b49b51d18..5037705f4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -81,11 +81,11 @@ importers:
         specifier: ^16.9.0
         version: 16.9.0
       hds-core:
-        specifier: ^3.11.0
-        version: 3.11.0
+        specifier: ^4.0.0
+        version: 4.0.0
       hds-react:
-        specifier: ^3.11.0
-        version: 3.11.0(@types/react@18.2.7)(eslint@8.57.1)(graphql-ws@5.16.0(graphql@16.9.0))(postcss@8.4.45)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
+        specifier: ^4.0.0
+        version: 4.0.0(@types/react@18.2.7)(eslint@8.57.1)(graphql-ws@5.16.0(graphql@16.9.0))(postcss@8.4.45)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       i18next:
         specifier: ^23.15.1
         version: 23.15.1
@@ -256,14 +256,14 @@ importers:
         specifier: ^16.9.0
         version: 16.9.0
       hds-core:
-        specifier: ^3.11.0
-        version: 3.11.0
+        specifier: ^4.0.0
+        version: 4.0.0
       hds-design-tokens:
-        specifier: ^3.11.0
-        version: 3.11.0
+        specifier: ^4.0.0
+        version: 4.0.0
       hds-react:
-        specifier: ^3.11.0
-        version: 3.11.0(@types/react@18.2.7)(eslint@8.57.1)(graphql-ws@5.16.0(graphql@16.9.0))(postcss@8.4.45)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
+        specifier: ^4.0.0
+        version: 4.0.0(@types/react@18.2.7)(eslint@8.57.1)(graphql-ws@5.16.0(graphql@16.9.0))(postcss@8.4.45)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       i18next:
         specifier: ^23.15.1
         version: 23.15.1
@@ -410,8 +410,8 @@ importers:
         specifier: workspace:*
         version: link:../eslint-config-custom
       hds-react:
-        specifier: ^3.11.0
-        version: 3.11.0(@types/react@18.2.7)(eslint@8.57.1)(graphql-ws@5.16.0(graphql@16.9.0))(postcss@8.4.45)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
+        specifier: ^4.0.0
+        version: 4.0.0(@types/react@18.2.7)(eslint@8.57.1)(graphql-ws@5.16.0(graphql@16.9.0))(postcss@8.4.45)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)(typescript@5.6.3)
       i18next:
         specifier: ^23.15.1
         version: 23.15.1
@@ -4724,14 +4724,14 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
-  hds-core@3.11.0:
-    resolution: {integrity: sha512-405+8VHW4N3/y5ESWGOv6vUIbgp/DCYjQVpdVLsWg6RowrUwNk9VvU6N2ZpEP8HM3ujJYu/bcIQ6zzwvAOFMCA==}
+  hds-core@4.0.0:
+    resolution: {integrity: sha512-dYC7UimBTAklSpRywsbqNXu4SaoJEfYaorvYvUEqvQEg8848e0ojMJLWlvQq9Tyq0sfAHL1JRsGfC85K2+BEcg==}
 
-  hds-design-tokens@3.11.0:
-    resolution: {integrity: sha512-A44gjN+TDpQQnCnw/AflCHIrqBZP8FYUW+HlPPUx4SCe4ISnEWVvxrEFWvzfOXSmO+9MDSXdNKS4ItEwluJUMQ==}
+  hds-design-tokens@4.0.0:
+    resolution: {integrity: sha512-ZLeN+ElxSVeJUfEDhOi2rUW8GRi3u7byNHCe8KCb7YLsCfw//KM35wl94w0ziAdPZliCtAaXo312ayNkDtivew==}
 
-  hds-react@3.11.0:
-    resolution: {integrity: sha512-n3JiEX1K9xWqwEi7VvZvDj4+wnpMNCZX9mmOdsK8h9ZYGHS49vPnvYLXs3hlX/Ljw1XGsgX3vtQlOO69C1iu2g==}
+  hds-react@4.0.0:
+    resolution: {integrity: sha512-Ygdxtl3PwzJuKZGul7gNk83wBya3/NVZVbNJGhZoQgF5MbfsAWQC6yriDcYxQb0iEZcFboAL8Tf0negL3A+dxQ==}
     peerDependencies:
       postcss: ^8.4.21
       react: ^16.8.0 || ^17
@@ -12812,11 +12812,11 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
-  hds-core@3.11.0: {}
+  hds-core@4.0.0: {}
 
-  hds-design-tokens@3.11.0: {}
+  hds-design-tokens@4.0.0: {}
 
-  hds-react@3.11.0(@types/react@18.2.7)(eslint@8.57.1)(graphql-ws@5.16.0(graphql@16.9.0))(postcss@8.4.45)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)(typescript@5.6.3):
+  hds-react@4.0.0(@types/react@18.2.7)(eslint@8.57.1)(graphql-ws@5.16.0(graphql@16.9.0))(postcss@8.4.45)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)(typescript@5.6.3):
     dependencies:
       '@apollo/client': 3.11.8(@types/react@18.2.7)(graphql-ws@5.16.0(graphql@16.9.0))(graphql@16.9.0)(react-dom@18.3.1(react@18.2.0))(react@18.2.0)
       '@babel/runtime': 7.17.9
@@ -12834,7 +12834,7 @@ snapshots:
       date-fns: 2.16.1
       downshift: 6.0.6(react@18.2.0)
       graphql: 16.9.0
-      hds-core: 3.11.0
+      hds-core: 4.0.0
       jwt-decode: 3.1.2
       kashe: 1.0.4
       lodash: 4.17.21