From bbe1f9e20f196b78fedfbeeb350134813aeb3c90 Mon Sep 17 00:00:00 2001
From: Renovate Bot <renovate@whitesourcesoftware.com>
Date: Mon, 18 Nov 2024 13:12:25 +0000
Subject: [PATCH 1/3] chore(deps): update dependency style-dictionary to v4

---
 package.json |   4 +-
 yarn.lock    | 536 ++++++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 513 insertions(+), 27 deletions(-)

diff --git a/package.json b/package.json
index a501c20ce..18c6edb2f 100644
--- a/package.json
+++ b/package.json
@@ -106,7 +106,7 @@
     "react-popper": "^2.3.0",
     "react-portal": "^4.2.2",
     "react-uid": "^2.3.3",
-    "style-dictionary": "^3.9.2",
+    "style-dictionary": "^4.2.0",
     "svg4everybody": "^2.1.9",
     "ts-dedent": "^2.2.0",
     "ts-morph": "^24.0.0",
@@ -187,7 +187,7 @@
     "size-limit": "^8.2.6",
     "standard-version": "^9.5.0",
     "storybook": "^8.4.2",
-    "style-dictionary": "^3.9.2",
+    "style-dictionary": "^4.2.0",
     "stylelint": "^16.10.0",
     "stylelint-config-recommended": "^14.0.1",
     "tailwindcss": "^3.4.14",
diff --git a/yarn.lock b/yarn.lock
index c6268cd77..1d283dec0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2005,6 +2005,46 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@bundled-es-modules/deepmerge@npm:^4.3.1":
+  version: 4.3.1
+  resolution: "@bundled-es-modules/deepmerge@npm:4.3.1"
+  dependencies:
+    deepmerge: "npm:^4.3.1"
+  checksum: 10/b96ad879ec052591ea9f3f3570294ee7a808df9f60c7e21977ee8dbdc3156324de7f85a432c9b290c73fec3519ee169a963002ddec9bc00cbca9582aa092910b
+  languageName: node
+  linkType: hard
+
+"@bundled-es-modules/glob@npm:^10.4.2":
+  version: 10.4.2
+  resolution: "@bundled-es-modules/glob@npm:10.4.2"
+  dependencies:
+    buffer: "npm:^6.0.3"
+    events: "npm:^3.3.0"
+    glob: "npm:^10.4.2"
+    patch-package: "npm:^8.0.0"
+    path: "npm:^0.12.7"
+    stream: "npm:^0.0.3"
+    string_decoder: "npm:^1.3.0"
+    url: "npm:^0.11.3"
+  checksum: 10/7195b81873064c9f1ddfa687f8a36f4ca793b5c1051856792c8c3266944f4ab752316c4e83d265becb08c1b6f4f78655c53193dad2a35a2649f9c51e80f62af4
+  languageName: node
+  linkType: hard
+
+"@bundled-es-modules/memfs@npm:^4.9.4":
+  version: 4.9.4
+  resolution: "@bundled-es-modules/memfs@npm:4.9.4"
+  dependencies:
+    assert: "npm:^2.0.0"
+    buffer: "npm:^6.0.3"
+    events: "npm:^3.3.0"
+    memfs: "npm:^4.9.3"
+    path: "npm:^0.12.7"
+    stream: "npm:^0.0.3"
+    util: "npm:^0.12.5"
+  checksum: 10/a11749ef14593a35610df720ae7ab9ce889c1cd0eff49451f68371913d236604bfc305e6e7bcd37c22438b0124937831a4a4b57c40d176dbdc792ccba99178b2
+  languageName: node
+  linkType: hard
+
 "@chanzuckerberg/axe-storybook-testing@npm:^8.2.1":
   version: 8.2.1
   resolution: "@chanzuckerberg/axe-storybook-testing@npm:8.2.1"
@@ -2125,7 +2165,7 @@ __metadata:
     size-limit: "npm:^8.2.6"
     standard-version: "npm:^9.5.0"
     storybook: "npm:^8.4.2"
-    style-dictionary: "npm:^3.9.2"
+    style-dictionary: "npm:^4.2.0"
     stylelint: "npm:^16.10.0"
     stylelint-config-recommended: "npm:^14.0.1"
     svg4everybody: "npm:^2.1.9"
@@ -3302,6 +3342,38 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jsonjoy.com/base64@npm:^1.1.1":
+  version: 1.1.2
+  resolution: "@jsonjoy.com/base64@npm:1.1.2"
+  peerDependencies:
+    tslib: 2
+  checksum: 10/d76bb58eff841c090d9bf69a073611ffa73c40a664ccbcea689f65961f57d7b24051269d06b437e4f6204285d6ba92f50f587c5e95c5f9e4f10b36a2ed4cd0c8
+  languageName: node
+  linkType: hard
+
+"@jsonjoy.com/json-pack@npm:^1.0.3":
+  version: 1.1.0
+  resolution: "@jsonjoy.com/json-pack@npm:1.1.0"
+  dependencies:
+    "@jsonjoy.com/base64": "npm:^1.1.1"
+    "@jsonjoy.com/util": "npm:^1.1.2"
+    hyperdyperid: "npm:^1.2.0"
+    thingies: "npm:^1.20.0"
+  peerDependencies:
+    tslib: 2
+  checksum: 10/cd2776085ad56b470cd53137880b87c2503b07781756c50f1e9f40dd909abeba130a6144d203fcf605ec03dee4cd19bb3424169c8cb588f90a3f06939994c64e
+  languageName: node
+  linkType: hard
+
+"@jsonjoy.com/util@npm:^1.1.2, @jsonjoy.com/util@npm:^1.3.0":
+  version: 1.5.0
+  resolution: "@jsonjoy.com/util@npm:1.5.0"
+  peerDependencies:
+    tslib: 2
+  checksum: 10/5b370183700cb40af52841294ba99c3dfb3dcb7fe2a122e15c737eb908d11392d314b75518874c7d631092bb29658ebe298d174b05baeb1adeb33884b9aa33cf
+  languageName: node
+  linkType: hard
+
 "@juggle/resize-observer@npm:^3.3.1":
   version: 3.4.0
   resolution: "@juggle/resize-observer@npm:3.4.0"
@@ -6429,6 +6501,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@yarnpkg/lockfile@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@yarnpkg/lockfile@npm:1.1.0"
+  checksum: 10/cd19e1114aaf10a05126aeea8833ef4ca8af8a46e88e12884f8359d19333fd19711036dbc2698dbe937f81f037070cf9a8da45c2e8c6ca19cafd7d15659094ed
+  languageName: node
+  linkType: hard
+
+"@zip.js/zip.js@npm:^2.7.44":
+  version: 2.7.53
+  resolution: "@zip.js/zip.js@npm:2.7.53"
+  checksum: 10/e74098fee4b21d012878410aa446b44158c958527280fc4bb865fd24c6e4539035a8d4ef054ceccd51eaa849ce0b67baedf20dacf7c8886beecbaa2243899b99
+  languageName: node
+  linkType: hard
+
 "JSONStream@npm:^1.0.4, JSONStream@npm:^1.3.5":
   version: 1.3.5
   resolution: "JSONStream@npm:1.3.5"
@@ -6917,6 +7003,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"assert@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "assert@npm:2.1.0"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    is-nan: "npm:^1.3.2"
+    object-is: "npm:^1.1.5"
+    object.assign: "npm:^4.1.4"
+    util: "npm:^0.12.5"
+  checksum: 10/6b9d813c8eef1c0ac13feac5553972e4bd180ae16000d4eb5c0ded2489188737c75a5aacefc97a985008b37502f62fe1bad34da1a7481a54bbfabec3964c8aa7
+  languageName: node
+  linkType: hard
+
 "assertion-error@npm:^2.0.1":
   version: 2.0.1
   resolution: "assertion-error@npm:2.0.1"
@@ -6979,6 +7078,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"at-least-node@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "at-least-node@npm:1.0.0"
+  checksum: 10/463e2f8e43384f1afb54bc68485c436d7622acec08b6fad269b421cb1d29cebb5af751426793d0961ed243146fe4dc983402f6d5a51b720b277818dbf6f2e49e
+  languageName: node
+  linkType: hard
+
 "available-typed-arrays@npm:^1.0.5":
   version: 1.0.5
   resolution: "available-typed-arrays@npm:1.0.5"
@@ -7384,6 +7490,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"buffer@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "buffer@npm:6.0.3"
+  dependencies:
+    base64-js: "npm:^1.3.1"
+    ieee754: "npm:^1.2.1"
+  checksum: 10/b6bc68237ebf29bdacae48ce60e5e28fc53ae886301f2ad9496618efac49427ed79096750033e7eab1897a4f26ae374ace49106a5758f38fb70c78c9fda2c3b1
+  languageName: node
+  linkType: hard
+
 "bytes-iec@npm:^3.1.1":
   version: 3.1.1
   resolution: "bytes-iec@npm:3.1.1"
@@ -7437,6 +7553,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"call-bind@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "call-bind@npm:1.0.7"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    set-function-length: "npm:^1.2.1"
+  checksum: 10/cd6fe658e007af80985da5185bff7b55e12ef4c2b6f41829a26ed1eef254b1f1c12e3dfd5b2b068c6ba8b86aba62390842d81752e67dcbaec4f6f76e7113b6b7
+  languageName: node
+  linkType: hard
+
 "callsites@npm:^3.0.0":
   version: 3.1.0
   resolution: "callsites@npm:3.1.0"
@@ -7622,6 +7751,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"change-case@npm:^5.3.0":
+  version: 5.4.4
+  resolution: "change-case@npm:5.4.4"
+  checksum: 10/446e5573f3c854290a91292afef92b957d2e43a928260c91989b482aa860caaa29711b6725fc40c200af68061cbab357b033446d16a17bc5c553636994074e92
+  languageName: node
+  linkType: hard
+
 "char-regex@npm:^1.0.2":
   version: 1.0.2
   resolution: "char-regex@npm:1.0.2"
@@ -7728,7 +7864,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ci-info@npm:^3.2.0":
+"ci-info@npm:^3.2.0, ci-info@npm:^3.7.0":
   version: 3.9.0
   resolution: "ci-info@npm:3.9.0"
   checksum: 10/75bc67902b4d1c7b435497adeb91598f6d52a3389398e44294f6601b20cfef32cf2176f7be0eb961d9e085bb333a8a5cae121cb22f81cf238ae7f58eb80e9397
@@ -8085,6 +8221,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"component-emitter@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "component-emitter@npm:2.0.0"
+  checksum: 10/017715272fcf82203932237260451df4c7c27e32a51a4a291faf6f503d6ef9e8583add993850cb5b98cc0c1b0846ff0c68938ad3ef1d544f9b480a290e74fb4f
+  languageName: node
+  linkType: hard
+
 "concat-map@npm:0.0.1":
   version: 0.0.1
   resolution: "concat-map@npm:0.0.1"
@@ -8962,7 +9105,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deepmerge@npm:^4.2.2":
+"deepmerge@npm:^4.2.2, deepmerge@npm:^4.3.1":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
   checksum: 10/058d9e1b0ff1a154468bf3837aea436abcfea1ba1d165ddaaf48ca93765fdd01a30d33c36173da8fbbed951dd0a267602bc782fe288b0fc4b7e1e7091afc4529
@@ -8996,6 +9139,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"define-data-property@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "define-data-property@npm:1.1.4"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
+    gopd: "npm:^1.0.1"
+  checksum: 10/abdcb2505d80a53524ba871273e5da75e77e52af9e15b3aa65d8aad82b8a3a424dad7aee2cc0b71470ac7acf501e08defac362e8b6a73cdb4309f028061df4ae
+  languageName: node
+  linkType: hard
+
 "define-lazy-prop@npm:^2.0.0":
   version: 2.0.0
   resolution: "define-lazy-prop@npm:2.0.0"
@@ -9491,6 +9645,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-define-property@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "es-define-property@npm:1.0.0"
+  dependencies:
+    get-intrinsic: "npm:^1.2.4"
+  checksum: 10/f66ece0a887b6dca71848fa71f70461357c0e4e7249696f81bad0a1f347eed7b31262af4a29f5d726dc026426f085483b6b90301855e647aa8e21936f07293c6
+  languageName: node
+  linkType: hard
+
+"es-errors@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "es-errors@npm:1.3.0"
+  checksum: 10/96e65d640156f91b707517e8cdc454dd7d47c32833aa3e85d79f24f9eb7ea85f39b63e36216ef0114996581969b59fe609a94e30316b08f5f4df1d44134cf8d5
+  languageName: node
+  linkType: hard
+
 "es-get-iterator@npm:^1.1.3":
   version: 1.1.3
   resolution: "es-get-iterator@npm:1.1.3"
@@ -10187,7 +10357,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"events@npm:^3.2.0":
+"events@npm:^3.2.0, events@npm:^3.3.0":
   version: 3.3.0
   resolution: "events@npm:3.3.0"
   checksum: 10/a3d47e285e28d324d7180f1e493961a2bbb4cad6412090e4dec114f4db1f5b560c7696ee8e758f55e23913ede856e3689cd3aa9ae13c56b5d8314cd3b3ddd1be
@@ -10562,6 +10732,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"find-yarn-workspace-root@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "find-yarn-workspace-root@npm:2.0.0"
+  dependencies:
+    micromatch: "npm:^4.0.2"
+  checksum: 10/7fa7942849eef4d5385ee96a0a9a5a9afe885836fd72ed6a4280312a38690afea275e7d09b343fe97daf0412d833f8ac4b78c17fc756386d9ebebf0759d707a7
+  languageName: node
+  linkType: hard
+
 "findup-sync@npm:^5.0.0":
   version: 5.0.0
   resolution: "findup-sync@npm:5.0.0"
@@ -10755,6 +10934,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fs-extra@npm:^9.0.0":
+  version: 9.1.0
+  resolution: "fs-extra@npm:9.1.0"
+  dependencies:
+    at-least-node: "npm:^1.0.0"
+    graceful-fs: "npm:^4.2.0"
+    jsonfile: "npm:^6.0.1"
+    universalify: "npm:^2.0.0"
+  checksum: 10/08600da1b49552ed23dfac598c8fc909c66776dd130fea54fbcad22e330f7fcc13488bb995f6bc9ce5651aa35b65702faf616fe76370ee56f1aade55da982dca
+  languageName: node
+  linkType: hard
+
 "fs-minipass@npm:^2.0.0":
   version: 2.1.0
   resolution: "fs-minipass@npm:2.1.0"
@@ -10900,6 +11091,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-intrinsic@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "get-intrinsic@npm:1.2.4"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    has-proto: "npm:^1.0.1"
+    has-symbols: "npm:^1.0.3"
+    hasown: "npm:^2.0.0"
+  checksum: 10/85bbf4b234c3940edf8a41f4ecbd4e25ce78e5e6ad4e24ca2f77037d983b9ef943fd72f00f3ee97a49ec622a506b67db49c36246150377efcda1c9eb03e5f06d
+  languageName: node
+  linkType: hard
+
 "get-nonce@npm:^1.0.0":
   version: 1.0.1
   resolution: "get-nonce@npm:1.0.1"
@@ -11116,6 +11320,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"glob@npm:^10.4.2":
+  version: 10.4.5
+  resolution: "glob@npm:10.4.5"
+  dependencies:
+    foreground-child: "npm:^3.1.0"
+    jackspeak: "npm:^3.1.2"
+    minimatch: "npm:^9.0.4"
+    minipass: "npm:^7.1.2"
+    package-json-from-dist: "npm:^1.0.0"
+    path-scurry: "npm:^1.11.1"
+  bin:
+    glob: dist/esm/bin.mjs
+  checksum: 10/698dfe11828b7efd0514cd11e573eaed26b2dff611f0400907281ce3eab0c1e56143ef9b35adc7c77ecc71fba74717b510c7c223d34ca8a98ec81777b293d4ac
+  languageName: node
+  linkType: hard
+
 "glob@npm:^7.0.5, glob@npm:^7.1.3, glob@npm:^7.1.4":
   version: 7.2.3
   resolution: "glob@npm:7.2.3"
@@ -11306,7 +11526,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.10, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
+"graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.10, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
   checksum: 10/bf152d0ed1dc159239db1ba1f74fdbc40cb02f626770dcd5815c427ce0688c2635a06ed69af364396da4636d0408fcf7d4afdf7881724c3307e46aff30ca49e2
@@ -11382,6 +11602,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"has-property-descriptors@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-property-descriptors@npm:1.0.2"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+  checksum: 10/2d8c9ab8cebb572e3362f7d06139a4592105983d4317e68f7adba320fe6ddfc8874581e0971e899e633fd5f72e262830edce36d5a0bc863dad17ad20572484b2
+  languageName: node
+  linkType: hard
+
 "has-proto@npm:^1.0.1":
   version: 1.0.1
   resolution: "has-proto@npm:1.0.1"
@@ -11730,7 +11959,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ieee754@npm:^1.1.13":
+"ieee754@npm:^1.1.13, ieee754@npm:^1.2.1":
   version: 1.2.1
   resolution: "ieee754@npm:1.2.1"
   checksum: 10/d9f2557a59036f16c282aaeb107832dc957a93d73397d89bbad4eb1130560560eb695060145e8e6b3b498b15ab95510226649a0b8f52ae06583575419fe10fc4
@@ -11845,6 +12074,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"inherits@npm:2.0.3":
+  version: 2.0.3
+  resolution: "inherits@npm:2.0.3"
+  checksum: 10/8771303d66c51be433b564427c16011a8e3fbc3449f1f11ea50efb30a4369495f1d0e89f0fc12bdec0bd7e49102ced5d137e031d39ea09821cb3c717fcf21e69
+  languageName: node
+  linkType: hard
+
 "ini@npm:2.0.0":
   version: 2.0.0
   resolution: "ini@npm:2.0.0"
@@ -12185,6 +12421,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-nan@npm:^1.3.2":
+  version: 1.3.2
+  resolution: "is-nan@npm:1.3.2"
+  dependencies:
+    call-bind: "npm:^1.0.0"
+    define-properties: "npm:^1.1.3"
+  checksum: 10/1f784d3472c09bc2e47acba7ffd4f6c93b0394479aa613311dc1d70f1bfa72eb0846c81350967722c959ba65811bae222204d6c65856fdce68f31986140c7b0e
+  languageName: node
+  linkType: hard
+
 "is-negative-zero@npm:^2.0.2":
   version: 2.0.2
   resolution: "is-negative-zero@npm:2.0.2"
@@ -12257,7 +12503,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-plain-obj@npm:^4.0.0":
+"is-plain-obj@npm:^4.0.0, is-plain-obj@npm:^4.1.0":
   version: 4.1.0
   resolution: "is-plain-obj@npm:4.1.0"
   checksum: 10/6dc45da70d04a81f35c9310971e78a6a3c7a63547ef782e3a07ee3674695081b6ca4e977fbb8efc48dae3375e0b34558d2bcd722aec9bddfa2d7db5b041be8ce
@@ -12449,7 +12695,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-wsl@npm:^2.2.0":
+"is-wsl@npm:^2.1.1, is-wsl@npm:^2.2.0":
   version: 2.2.0
   resolution: "is-wsl@npm:2.2.0"
   dependencies:
@@ -12605,6 +12851,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jackspeak@npm:^3.1.2":
+  version: 3.4.3
+  resolution: "jackspeak@npm:3.4.3"
+  dependencies:
+    "@isaacs/cliui": "npm:^8.0.2"
+    "@pkgjs/parseargs": "npm:^0.11.0"
+  dependenciesMeta:
+    "@pkgjs/parseargs":
+      optional: true
+  checksum: 10/96f8786eaab98e4bf5b2a5d6d9588ea46c4d06bbc4f2eb861fdd7b6b182b16f71d8a70e79820f335d52653b16d4843b29dd9cdcf38ae80406756db9199497cf3
+  languageName: node
+  linkType: hard
+
 "jake@npm:^10.8.5":
   version: 10.8.7
   resolution: "jake@npm:10.8.7"
@@ -13283,6 +13542,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-stable-stringify@npm:^1.0.2":
+  version: 1.1.1
+  resolution: "json-stable-stringify@npm:1.1.1"
+  dependencies:
+    call-bind: "npm:^1.0.5"
+    isarray: "npm:^2.0.5"
+    jsonify: "npm:^0.0.1"
+    object-keys: "npm:^1.1.1"
+  checksum: 10/60853c1f63451319b5c7953465a555aa816cf84e60e3ca36b6c05225d8fdc4615127fb4ecb92f9f5ad880c552ab8cbae9a519f78b995e7788d6d89e57afafdeb
+  languageName: node
+  linkType: hard
+
 "json-stream-stringify@npm:^3.1.4":
   version: 3.1.4
   resolution: "json-stream-stringify@npm:3.1.4"
@@ -13317,7 +13588,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonc-parser@npm:^3.0.0, jsonc-parser@npm:^3.2.0":
+"jsonc-parser@npm:^3.2.0":
   version: 3.2.0
   resolution: "jsonc-parser@npm:3.2.0"
   checksum: 10/bd68b902e5f9394f01da97921f49c5084b2dc03a0c5b4fdb2a429f8d6f292686c1bf87badaeb0a8148d024192a88f5ad2e57b2918ba43fe25cf15f3371db64d4
@@ -13337,6 +13608,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsonify@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "jsonify@npm:0.0.1"
+  checksum: 10/7b86b6f4518582ff1d8b7624ed6c6277affd5246445e864615dbdef843a4057ac58587684faf129ea111eeb80e01c15f0a4d9d03820eb3f3985fa67e81b12398
+  languageName: node
+  linkType: hard
+
 "jsonparse@npm:^1.2.0":
   version: 1.3.1
   resolution: "jsonparse@npm:1.3.1"
@@ -13381,6 +13659,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"klaw-sync@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "klaw-sync@npm:6.0.0"
+  dependencies:
+    graceful-fs: "npm:^4.1.11"
+  checksum: 10/0da397f8961313c3ef8f79fb63af9002cde5a8fb2aeb1a37351feff0dd6006129c790400c3f5c3b4e757bedcabb13d21ec0a5eaef5a593d59515d4f2c291e475
+  languageName: node
+  linkType: hard
+
 "kleur@npm:^3.0.3":
   version: 3.0.3
   resolution: "kleur@npm:3.0.3"
@@ -13845,6 +14132,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lru-cache@npm:^10.2.0":
+  version: 10.4.3
+  resolution: "lru-cache@npm:10.4.3"
+  checksum: 10/e6e90267360476720fa8e83cc168aa2bf0311f3f2eea20a6ba78b90a885ae72071d9db132f40fda4129c803e7dcec3a6b6a6fbb44ca90b081630b810b5d6a41a
+  languageName: node
+  linkType: hard
+
 "lru-cache@npm:^4.0.1":
   version: 4.1.5
   resolution: "lru-cache@npm:4.1.5"
@@ -14181,6 +14475,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"memfs@npm:^4.9.3":
+  version: 4.14.0
+  resolution: "memfs@npm:4.14.0"
+  dependencies:
+    "@jsonjoy.com/json-pack": "npm:^1.0.3"
+    "@jsonjoy.com/util": "npm:^1.3.0"
+    tree-dump: "npm:^1.0.1"
+    tslib: "npm:^2.0.0"
+  checksum: 10/d1a5a38fb8e97cbdff012e47d05c92852484f37a03e9c57b252fdc180c4ffe35ee7ec83acea3be8950e1f13f9152db4d5478124b43f9673f4653e741ba26d584
+  languageName: node
+  linkType: hard
+
 "memoize-one@npm:^5.1.1":
   version: 5.2.1
   resolution: "memoize-one@npm:5.2.1"
@@ -14781,6 +15087,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minipass@npm:^7.1.2":
+  version: 7.1.2
+  resolution: "minipass@npm:7.1.2"
+  checksum: 10/c25f0ee8196d8e6036661104bacd743785b2599a21de5c516b32b3fa2b83113ac89a2358465bc04956baab37ffb956ae43be679b2262bf7be15fce467ccd7950
+  languageName: node
+  linkType: hard
+
 "minizlib@npm:^2.1.1, minizlib@npm:^2.1.2":
   version: 2.1.2
   resolution: "minizlib@npm:2.1.2"
@@ -15347,6 +15660,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"open@npm:^7.4.2":
+  version: 7.4.2
+  resolution: "open@npm:7.4.2"
+  dependencies:
+    is-docker: "npm:^2.0.0"
+    is-wsl: "npm:^2.1.1"
+  checksum: 10/4fc02ed3368dcd5d7247ad3566433ea2695b0713b041ebc0eeb2f0f9e5d4e29fc2068f5cdd500976b3464e77fe8b61662b1b059c73233ccc601fe8b16d6c1cd6
+  languageName: node
+  linkType: hard
+
 "open@npm:^8.0.4, open@npm:^8.4.0":
   version: 8.4.2
   resolution: "open@npm:8.4.2"
@@ -15592,6 +15915,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"package-json-from-dist@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "package-json-from-dist@npm:1.0.1"
+  checksum: 10/58ee9538f2f762988433da00e26acc788036914d57c71c246bf0be1b60cdbd77dd60b6a3e1a30465f0b248aeb80079e0b34cb6050b1dfa18c06953bb1cbc7602
+  languageName: node
+  linkType: hard
+
 "package-json@npm:^6.3.0":
   version: 6.5.0
   resolution: "package-json@npm:6.5.0"
@@ -15692,6 +16022,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"patch-package@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "patch-package@npm:8.0.0"
+  dependencies:
+    "@yarnpkg/lockfile": "npm:^1.1.0"
+    chalk: "npm:^4.1.2"
+    ci-info: "npm:^3.7.0"
+    cross-spawn: "npm:^7.0.3"
+    find-yarn-workspace-root: "npm:^2.0.0"
+    fs-extra: "npm:^9.0.0"
+    json-stable-stringify: "npm:^1.0.2"
+    klaw-sync: "npm:^6.0.0"
+    minimist: "npm:^1.2.6"
+    open: "npm:^7.4.2"
+    rimraf: "npm:^2.6.3"
+    semver: "npm:^7.5.3"
+    slash: "npm:^2.0.0"
+    tmp: "npm:^0.0.33"
+    yaml: "npm:^2.2.2"
+  bin:
+    patch-package: index.js
+  checksum: 10/8714322c35b29266e71c82d58443ce5322400a546a3327f1b8907b8eeb7e366dff33c4fdfbd25e3f0b3a9927189c26e9ac60636ca1e4140d6dbc11cca10f9b5d
+  languageName: node
+  linkType: hard
+
 "path-browserify@npm:^1.0.1":
   version: 1.0.1
   resolution: "path-browserify@npm:1.0.1"
@@ -15791,6 +16146,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-scurry@npm:^1.11.1":
+  version: 1.11.1
+  resolution: "path-scurry@npm:1.11.1"
+  dependencies:
+    lru-cache: "npm:^10.2.0"
+    minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
+  checksum: 10/5e8845c159261adda6f09814d7725683257fcc85a18f329880ab4d7cc1d12830967eae5d5894e453f341710d5484b8fdbbd4d75181b4d6e1eb2f4dc7aeadc434
+  languageName: node
+  linkType: hard
+
 "path-type@npm:^3.0.0":
   version: 3.0.0
   resolution: "path-type@npm:3.0.0"
@@ -15814,6 +16179,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-unified@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "path-unified@npm:0.1.0"
+  checksum: 10/6a433dc924a04be67860c09deba737013f4e8834c1514072a8b9e346fb0b50f20bbdc39d37ede1da5d37c9ccb1b1a99faa730750020b056444dcbbbedf722330
+  languageName: node
+  linkType: hard
+
+"path@npm:^0.12.7":
+  version: 0.12.7
+  resolution: "path@npm:0.12.7"
+  dependencies:
+    process: "npm:^0.11.1"
+    util: "npm:^0.10.3"
+  checksum: 10/d49d101f9596613cf4cd1d4ebc4e64ba9a9df5d9cd75a410cfe87a88ce4bf0e2617ff44b92025376f7ecb02e88a6308b27f7f39d810f2335a5126f762487adfb
+  languageName: node
+  linkType: hard
+
 "pathval@npm:^2.0.0":
   version: 2.0.0
   resolution: "pathval@npm:2.0.0"
@@ -16765,7 +17147,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"process@npm:^0.11.10":
+"process@npm:^0.11.1, process@npm:^0.11.10":
   version: 0.11.10
   resolution: "process@npm:0.11.10"
   checksum: 10/dbaa7e8d1d5cf375c36963ff43116772a989ef2bb47c9bdee20f38fd8fc061119cf38140631cf90c781aca4d3f0f0d2c834711952b728953f04fd7d238f59f5b
@@ -16880,6 +17262,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"qs@npm:^6.12.3":
+  version: 6.13.1
+  resolution: "qs@npm:6.13.1"
+  dependencies:
+    side-channel: "npm:^1.0.6"
+  checksum: 10/53cf5fdc5f342a9ffd3968f20c8c61624924cf928d86fff525240620faba8ca5cfd6c3f12718cc755561bfc3dc9721bc8924e38f53d8925b03940f0b8a902212
+  languageName: node
+  linkType: hard
+
 "querystringify@npm:^2.1.1":
   version: 2.2.0
   resolution: "querystringify@npm:2.2.0"
@@ -17773,6 +18164,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rimraf@npm:^2.6.3":
+  version: 2.7.1
+  resolution: "rimraf@npm:2.7.1"
+  dependencies:
+    glob: "npm:^7.1.3"
+  bin:
+    rimraf: ./bin.js
+  checksum: 10/4586c296c736483e297da7cffd19475e4a3e41d07b1ae124aad5d687c79e4ffa716bdac8732ed1db942caf65271cee9dd39f8b639611de161a2753e2112ffe1d
+  languageName: node
+  linkType: hard
+
 "rimraf@npm:^3.0.2":
   version: 3.0.2
   resolution: "rimraf@npm:3.0.2"
@@ -18173,6 +18575,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"set-function-length@npm:^1.2.1":
+  version: 1.2.2
+  resolution: "set-function-length@npm:1.2.2"
+  dependencies:
+    define-data-property: "npm:^1.1.4"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    gopd: "npm:^1.0.1"
+    has-property-descriptors: "npm:^1.0.2"
+  checksum: 10/505d62b8e088468917ca4e3f8f39d0e29f9a563b97dbebf92f4bd2c3172ccfb3c5b8e4566d5fcd00784a00433900e7cb8fbc404e2dbd8c3818ba05bb9d4a8a6d
+  languageName: node
+  linkType: hard
+
 "set-function-name@npm:^2.0.0, set-function-name@npm:^2.0.1":
   version: 2.0.1
   resolution: "set-function-name@npm:2.0.1"
@@ -18227,6 +18643,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"side-channel@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "side-channel@npm:1.0.6"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.4"
+    object-inspect: "npm:^1.13.1"
+  checksum: 10/eb10944f38cebad8ad643dd02657592fa41273ce15b8bfa928d3291aff2d30c20ff777cfe908f76ccc4551ace2d1245822fdc576657cce40e9066c638ca8fa4d
+  languageName: node
+  linkType: hard
+
 "signal-exit@npm:^3.0.0, signal-exit@npm:^3.0.2, signal-exit@npm:^3.0.3, signal-exit@npm:^3.0.7":
   version: 3.0.7
   resolution: "signal-exit@npm:3.0.7"
@@ -18273,6 +18701,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"slash@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "slash@npm:2.0.0"
+  checksum: 10/512d4350735375bd11647233cb0e2f93beca6f53441015eea241fe784d8068281c3987fbaa93e7ef1c38df68d9c60013045c92837423c69115297d6169aa85e6
+  languageName: node
+  linkType: hard
+
 "slash@npm:^3.0.0":
   version: 3.0.0
   resolution: "slash@npm:3.0.0"
@@ -18576,6 +19011,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stream@npm:^0.0.3":
+  version: 0.0.3
+  resolution: "stream@npm:0.0.3"
+  dependencies:
+    component-emitter: "npm:^2.0.0"
+  checksum: 10/a40db1ce8def8929c689c98c1644288d4099d34be8e8f72853c7cb8e2bae64e90f5c967f79fd792cdf349d8a3baf38f19d99e7f7ff13c35b4f7c5ae1b78c0115
+  languageName: node
+  linkType: hard
+
 "string-argv@npm:~0.3.2":
   version: 0.3.2
   resolution: "string-argv@npm:0.3.2"
@@ -18694,7 +19138,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string_decoder@npm:^1.1.1":
+"string_decoder@npm:^1.1.1, string_decoder@npm:^1.3.0":
   version: 1.3.0
   resolution: "string_decoder@npm:1.3.0"
   dependencies:
@@ -18818,22 +19262,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"style-dictionary@npm:^3.9.2":
-  version: 3.9.2
-  resolution: "style-dictionary@npm:3.9.2"
+"style-dictionary@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "style-dictionary@npm:4.2.0"
   dependencies:
-    chalk: "npm:^4.0.0"
-    change-case: "npm:^4.1.2"
+    "@bundled-es-modules/deepmerge": "npm:^4.3.1"
+    "@bundled-es-modules/glob": "npm:^10.4.2"
+    "@bundled-es-modules/memfs": "npm:^4.9.4"
+    "@zip.js/zip.js": "npm:^2.7.44"
+    chalk: "npm:^5.3.0"
+    change-case: "npm:^5.3.0"
     commander: "npm:^8.3.0"
-    fs-extra: "npm:^10.0.0"
-    glob: "npm:^10.3.10"
+    is-plain-obj: "npm:^4.1.0"
     json5: "npm:^2.2.2"
-    jsonc-parser: "npm:^3.0.0"
-    lodash: "npm:^4.17.15"
-    tinycolor2: "npm:^1.4.1"
+    patch-package: "npm:^8.0.0"
+    path-unified: "npm:^0.1.0"
+    tinycolor2: "npm:^1.6.0"
+  peerDependencies:
+    prettier: 3.x
   bin:
-    style-dictionary: bin/style-dictionary
-  checksum: 10/3b12b00075caf708c15faf3e397011576c1297565421d5bba88ce4f27e01446dc28e9f7eb79d239ecad5b4ba92a689d1888216dca08883d32dc45ce255ecf84a
+    style-dictionary: bin/style-dictionary.js
+  checksum: 10/aff8ceea46c6ae1d4e6bfba28d9d312cbcc9389e8454148c7622cbc299fa88711bb5285ad78285e563f5b8cc58d65c6a65e57da009ede2f7a012ca9672eb44f3
   languageName: node
   linkType: hard
 
@@ -19246,6 +19695,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"thingies@npm:^1.20.0":
+  version: 1.21.0
+  resolution: "thingies@npm:1.21.0"
+  peerDependencies:
+    tslib: ^2
+  checksum: 10/5c3954b67391d1432c252cb7089f29480e2164f06987a63d83c9747aa6999bfc313d6edfce71ed967316a3378dfcaf38f35ea77aaa5d423edaf776b8ff854f83
+  languageName: node
+  linkType: hard
+
 "through2@npm:^2.0.0, through2@npm:^2.0.1":
   version: 2.0.5
   resolution: "through2@npm:2.0.5"
@@ -19286,7 +19744,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinycolor2@npm:^1.4.1":
+"tinycolor2@npm:^1.6.0":
   version: 1.6.0
   resolution: "tinycolor2@npm:1.6.0"
   checksum: 10/066c3acf4f82b81c58a0d3ab85f49407efe95ba87afc3c7a16b1d77625193dfbe10dd46c26d0a263c1137361dd5a6a68bff2fb71def5fb9b9aec940fb030bcd4
@@ -19402,6 +19860,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tree-dump@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "tree-dump@npm:1.0.2"
+  peerDependencies:
+    tslib: 2
+  checksum: 10/ddcde4da9ded8edc2fa77fc9153ef8d7fba9cd5f813db27c30c7039191b50e1512b7106f0f4fe7ccaa3aa69f85b4671eda7ed0b9f9d34781eb26ebe4593ad4eb
+  languageName: node
+  linkType: hard
+
 "trim-newlines@npm:^3.0.0":
   version: 3.0.1
   resolution: "trim-newlines@npm:3.0.1"
@@ -20019,6 +20486,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"url@npm:^0.11.3":
+  version: 0.11.4
+  resolution: "url@npm:0.11.4"
+  dependencies:
+    punycode: "npm:^1.4.1"
+    qs: "npm:^6.12.3"
+  checksum: 10/e787d070f0756518b982a4653ef6cdf4d9030d8691eee2d483344faf2b530b71d302287fa63b292299455fea5075c502a5ad5f920cb790e95605847f957a65e4
+  languageName: node
+  linkType: hard
+
 "urlgrey@npm:1.0.0":
   version: 1.0.0
   resolution: "urlgrey@npm:1.0.0"
@@ -20102,6 +20579,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"util@npm:^0.10.3":
+  version: 0.10.4
+  resolution: "util@npm:0.10.4"
+  dependencies:
+    inherits: "npm:2.0.3"
+  checksum: 10/1200a1ca2b474758342b3a0c5261c56f14ef09ad7eeaec3e6f449f5776ecdfce09a153cad62652b823e74647cdcfd2918552eadd2434783dfb58dabc5061803a
+  languageName: node
+  linkType: hard
+
 "util@npm:^0.12.4, util@npm:^0.12.5":
   version: 0.12.5
   resolution: "util@npm:0.12.5"
@@ -20684,7 +21170,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaml@npm:^2.4.2":
+"yaml@npm:^2.2.2, yaml@npm:^2.4.2":
   version: 2.6.0
   resolution: "yaml@npm:2.6.0"
   bin:

From a56d8d3047a2ac88a0c2840568ff4c33543aa0d0 Mon Sep 17 00:00:00 2001
From: Andrew Holloway <booc0mtaco@users.noreply.github.com>
Date: Tue, 19 Nov 2024 16:39:42 -0600
Subject: [PATCH 2/3] refactor(StyleDictionary): update usage to be
 ESM-compliant

- update imports for 4.x
- regenerate token values into target files
- verify token build completes as expected
- update doc.s
---
 .storybook/data/tokens.json                | 1210 +++++++-------
 bin/eds-apply-theme.js                     |   12 +-
 src/tokens-dist/css/variables.css          | 1644 ++++++++++----------
 src/tokens-dist/json/variables-nested.json | 1174 +++++++-------
 src/tokens-dist/ts/colors.ts               |  324 ++--
 style-dictionary.config.js                 |  223 +--
 6 files changed, 2302 insertions(+), 2285 deletions(-)

diff --git a/.storybook/data/tokens.json b/.storybook/data/tokens.json
index 034fba7b8..8d6aa460b 100644
--- a/.storybook/data/tokens.json
+++ b/.storybook/data/tokens.json
@@ -1,608 +1,4 @@
 {
-  "eds-font-family-primary": "'Graphik', sans-serif",
-  "eds-font-family-secondary": "'Argent', serif",
-  "eds-font-size-base": "16",
-  "eds-font-weight-light": "400",
-  "eds-font-weight-medium": "500",
-  "eds-font-weight-bold": "600",
-  "eds-letter-spacing-sm": "0.5",
-  "eds-typography-preset-001": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-primary)",
-  "eds-typography-preset-001-light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-primary)",
-  "eds-typography-preset-001-bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-primary)",
-  "eds-typography-preset-001-mobile": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)",
-  "eds-typography-preset-002": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)",
-  "eds-typography-preset-002-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)",
-  "eds-typography-preset-002-bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)",
-  "eds-typography-preset-002-mobile": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-003": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-003-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-003-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-003-mobile": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)",
-  "eds-typography-preset-004": "var(--eds-font-weight-medium) 1.125rem/1.55555556 var(--eds-font-family-primary)",
-  "eds-typography-preset-004-light": "var(--eds-font-weight-light) 1.125rem/1.55555556 var(--eds-font-family-primary)",
-  "eds-typography-preset-004-bold": "var(--eds-font-weight-bold) 1.125rem/1.55555556 var(--eds-font-family-primary)",
-  "eds-typography-preset-005": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-primary)",
-  "eds-typography-preset-005-light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-primary)",
-  "eds-typography-preset-005-bold": "var(--eds-font-weight-bold) 1rem/1.5 var(--eds-font-family-primary)",
-  "eds-typography-preset-006": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-primary)",
-  "eds-typography-preset-006-light": "var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-primary)",
-  "eds-typography-preset-006-bold": "var(--eds-font-weight-bold) 0.875rem/1.57142857 var(--eds-font-family-primary)",
-  "eds-typography-preset-007": "var(--eds-font-weight-medium) 0.875rem/1.28571429 var(--eds-font-family-primary)",
-  "eds-typography-preset-007-light": "var(--eds-font-weight-light) 0.875rem/1.28571429 var(--eds-font-family-primary)",
-  "eds-typography-preset-007-bold": "var(--eds-font-weight-bold) 0.875rem/1.28571429 var(--eds-font-family-primary)",
-  "eds-typography-preset-008": "var(--eds-font-weight-medium) 0.75rem/1.666666667 var(--eds-font-family-primary)",
-  "eds-typography-preset-008-light": "var(--eds-font-weight-light) 0.75rem/1.666666667 var(--eds-font-family-primary)",
-  "eds-typography-preset-008-bold": "var(--eds-font-weight-bold) 0.75rem/1.666666667 var(--eds-font-family-primary)",
-  "eds-typography-preset-009": "var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-009-light": "var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-009-bold": "var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-010": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-  "eds-typography-preset-010-light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-  "eds-typography-preset-010-bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-  "eds-typography-preset-011": "var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-011-light": "var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-011-bold": "var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-  "eds-typography-preset-012": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-  "eds-typography-preset-012-light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-  "eds-typography-preset-012-bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-  "eds-typography-preset-secondary-001": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-001-light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-001-bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-002": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-002-light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-003": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-003-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-003-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-004": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-004-light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-005": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-005-light": "var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-006": "var(--eds-font-weight-medium) 0.875rem/1.42857143 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-006-light": "var(--eds-font-weight-light) 0.875rem/1.42857143 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-007": "var(--eds-font-weight-medium) 0.75rem/1.66666667 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-007-light": "var(--eds-font-weight-light) 0.75rem/1.66666667 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-008": "var(--eds-font-weight-medium) 0.75rem/1.33333333 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-008-light": "var(--eds-font-weight-light) 0.75rem/1.33333333 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-mobile-001-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-mobile-001": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-mobile-002-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-mobile-002": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-mobile-002-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-mobile-003-light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)",
-  "eds-typography-preset-secondary-mobile-003": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary)",
-  "eds-typography-preset-mobile-001-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)",
-  "eds-typography-preset-mobile-001": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)",
-  "eds-typography-preset-mobile-001-bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)",
-  "eds-typography-preset-mobile-002-light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-primary)",
-  "eds-typography-preset-mobile-002": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-primary)",
-  "eds-typography-preset-mobile-002-bold": "var(--eds-font-weight-bold) 1.75rem/1.28571429 var(--eds-font-family-primary)",
-  "eds-typography-preset-mobile-003-light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-primary)",
-  "eds-typography-preset-mobile-003": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-primary)",
-  "eds-typography-preset-mobile-003-bold": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)",
-  "eds-theme-typography-headline-lg": "var(--eds-typography-preset-001-light)",
-  "eds-theme-typography-headline-lg-bold": "var(--eds-typography-preset-001)",
-  "eds-theme-typography-headline-lg-bold-mobile": "var(--eds-typography-preset-mobile-001)",
-  "eds-theme-typography-headline-lg-mobile": "var(--eds-typography-preset-mobile-001-light)",
-  "eds-theme-typography-headline-md": "var(--eds-typography-preset-002-light)",
-  "eds-theme-typography-headline-md-bold": "var(--eds-typography-preset-002)",
-  "eds-theme-typography-headline-md-bold-mobile": "var(--eds-typography-preset-mobile-002)",
-  "eds-theme-typography-headline-md-mobile": "var(--eds-typography-preset-mobile-002-light)",
-  "eds-theme-typography-headline-sm": "var(--eds-typography-preset-003-light)",
-  "eds-theme-typography-headline-sm-bold": "var(--eds-typography-preset-003)",
-  "eds-theme-typography-headline-sm-bold-mobile": "var(--eds-typography-preset-mobile-003)",
-  "eds-theme-typography-headline-sm-mobile": "var(--eds-typography-preset-mobile-003-light)",
-  "eds-theme-typography-headline-secondary-lg": "var(--eds-typography-preset-secondary-001-light)",
-  "eds-theme-typography-headline-secondary-lg-bold": "var(--eds-typography-preset-secondary-001)",
-  "eds-theme-typography-headline-secondary-lg-bold-mobile": "var(--eds-typography-preset-secondary-mobile-001-bold)",
-  "eds-theme-typography-headline-secondary-lg-mobile": "var(--eds-typography-preset-secondary-mobile-001-light)",
-  "eds-theme-typography-headline-secondary-md": "var(--eds-typography-preset-secondary-002-light)",
-  "eds-theme-typography-headline-secondary-md-bold": "var(--eds-typography-preset-secondary-002)",
-  "eds-theme-typography-headline-secondary-md-bold-mobile": "var(--eds-typography-secondary-mobile-002-bold)",
-  "eds-theme-typography-headline-secondary-md-mobile": "var(--eds-typography-preset-mobile-002-light)",
-  "eds-theme-typography-headline-secondary-sm": "var(--eds-typography-preset-secondary-003-light)",
-  "eds-theme-typography-headline-secondary-sm-bold": "var(--eds-typography-preset-secondary-003)",
-  "eds-theme-typography-headline-secondary-sm-bold-mobile": "var(--eds-typography-preset-secondary-mobile-003-bold)",
-  "eds-theme-typography-headline-secondary-sm-mobile": "var(--eds-typography-preset-secondary-mobile-003-light)",
-  "eds-theme-typography-title-lg": "var(--eds-typography-preset-004)",
-  "eds-theme-typography-title-lg-bold": "var(--eds-typography-preset-004-bold)",
-  "eds-theme-typography-title-md": "var(--eds-typography-preset-004)",
-  "eds-theme-typography-title-md-bold": "var(--eds-typography-preset-004-bold)",
-  "eds-theme-typography-title-sm": "var(--eds-typography-preset-005)",
-  "eds-theme-typography-title-sm-bold": "var(--eds-typography-preset-005-bold)",
-  "eds-theme-typography-title-xs": "var(--eds-typography-preset-007)",
-  "eds-theme-typography-title-xs-bold": "var(--eds-typography-preset-007-bold)",
-  "eds-theme-typography-label-lg-subtle": "var(--eds-typography-preset-005)",
-  "eds-theme-typography-label-md": "var(--eds-typography-preset-007-bold)",
-  "eds-theme-typography-label-md-subtle": "var(--eds-typography-preset-007)",
-  "eds-theme-typography-label-sm": "var(--eds-typography-preset-009-bold)",
-  "eds-theme-typography-body-xl": "var(--eds-typography-preset-003-light)",
-  "eds-theme-typography-body-lg": "var(--eds-typography-preset-004-light)",
-  "eds-theme-typography-body-md": "var(--eds-typography-preset-005-light)",
-  "eds-theme-typography-body-sm": "var(--eds-typography-preset-006-light)",
-  "eds-theme-typography-body-xs": "var(--eds-typography-preset-008-light)",
-  "eds-theme-typography-caption-lg": "var(--eds-typography-preset-006-light)",
-  "eds-theme-typography-caption-lg-bold": "var(--eds-typography-preset-006)",
-  "eds-theme-typography-caption-md": "var(--eds-typography-preset-008-light)",
-  "eds-theme-typography-caption-md-bold": "var(--eds-typography-preset-008)",
-  "eds-theme-typography-caption-sm": "var(--eds-typography-preset-010-light)",
-  "eds-theme-typography-caption-sm-bold": "var(--eds-typography-preset-010)",
-  "eds-theme-typography-overline": "var(--eds-typography-preset-011)",
-  "eds-theme-typography-overline-lg": "var(--eds-typography-preset-005)",
-  "eds-theme-typography-overline-md": "var(--eds-typography-preset-011)",
-  "eds-theme-typography-overline-sm": "var(--eds-typography-preset-012)",
-  "eds-theme-typography-callout": "var(--eds-typography-preset-002-light)",
-  "eds-theme-typography-breadcrumb": "var(--eds-typography-preset-009)",
-  "eds-theme-typography-button-lg": "var(--eds-typography-preset-005)",
-  "eds-theme-typography-button-md": "var(--eds-typography-preset-005)",
-  "eds-theme-typography-button-sm": "var(--eds-typography-preset-009)",
-  "eds-theme-typography-button-label": "var(--eds-typography-preset-006)",
-  "eds-theme-typography-button-label-sm": "var(--eds-typography-preset-008-bold)",
-  "eds-theme-typography-form-label": "var(--eds-typography-preset-006)",
-  "eds-theme-typography-form-input": "var(--eds-typography-preset-005-light)",
-  "eds-theme-typography-link-lg": "var(--eds-typography-preset-004)",
-  "eds-theme-typography-link-md": "var(--eds-typography-preset-005)",
-  "eds-theme-typography-link-sm": "var(--eds-typography-preset-007)",
-  "eds-theme-typography-link-xs": "var(--eds-typography-preset-009)",
-  "eds-theme-typography-tab-lg": "var(--eds-typography-preset-006-light)",
-  "eds-theme-typography-tab-lg-active": "var(--eds-typography-preset-006)",
-  "eds-theme-typography-tab-sm": "var(--eds-typography-preset-008-light)",
-  "eds-theme-typography-tab-sm-active": "var(--eds-typography-preset-009)",
-  "eds-theme-typography-tag": "var(--eds-typography-preset-009)",
-  "eds-theme-border-radius-actions": "9999",
-  "eds-theme-border-radius-surfaces-lg": "0",
-  "eds-theme-border-radius-surfaces-md": "6",
-  "eds-theme-border-radius-objects-md": "4",
-  "eds-theme-border-radius-objects-sm": "2",
-  "eds-theme-border-radius-objects-xs": "0",
-  "eds-theme-border-radius-tab-underline": "50",
-  "eds-theme-border-width": "1",
-  "eds-theme-box-button-border-radius": "4",
-  "eds-theme-box-focus-ring-outline-width": "1",
-  "eds-theme-box-focus-ring-outline-offset": "2",
-  "eds-theme-form-border-width": "1",
-  "eds-theme-form-border-radius": "4",
-  "eds-theme-size-slider-track-height": "8",
-  "eds-theme-size-slider-thumb": "24",
-  "eds-theme-color-body-background": "#F4F6F8",
-  "eds-theme-color-body-background-inverted": "#383C43",
-  "eds-theme-color-background-input": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-background-neutral-default": "#FFFFFF",
-  "eds-theme-color-background-neutral-default-hover": "#F4F6F8",
-  "eds-theme-color-background-neutral-subtle": "#F4F6F8",
-  "eds-theme-color-background-neutral-subtle-hover": "#E7E8EA",
-  "eds-theme-color-background-neutral-medium": "#E7E8EA",
-  "eds-theme-color-background-neutral-medium-hover": "#C0C4C8",
-  "eds-theme-color-background-brand-primary-default": "#F0F0FC",
-  "eds-theme-color-background-brand-primary-subtle": "#F0F0FC",
-  "eds-theme-color-background-brand-primary-strong": "#6B65E2",
-  "eds-theme-color-background-brand-primary-strong-hover": "#3E42B1",
-  "eds-theme-color-background-brand-red": "#4D0118",
-  "eds-theme-color-background-brand-red-low-emphasis": "#FDF3F4",
-  "eds-theme-color-background-brand-orange": "#FFA070",
-  "eds-theme-color-background-brand-orange-low-emphasis": "#FFEEE5",
-  "eds-theme-color-background-brand-yellow": "#F9DA78",
-  "eds-theme-color-background-brand-yellow-low-emphasis": "#FDF3D3",
-  "eds-theme-color-background-brand-green": "#57B083",
-  "eds-theme-color-background-brand-green-low-emphasis": "#E6F5ED",
-  "eds-theme-color-background-brand-blue-1": "#99CCFF",
-  "eds-theme-color-background-brand-blue-2": "#3165D2",
-  "eds-theme-color-background-brand-blue-3": "#0F2163",
-  "eds-theme-color-background-brand-blue-low-emphasis": "#EAF4FF",
-  "eds-theme-color-background-brand-purple": "#C580E7",
-  "eds-theme-color-background-brand-purple-low-emphasis": "#FBF5FD",
-  "eds-theme-color-background-brand-pink": "#DB458D",
-  "eds-theme-color-background-table-row-stripe-1": "#F5FAFF",
-  "eds-theme-color-background-table-row-stripe-2": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-background-table-row-selected": "#CEE6FF",
-  "eds-theme-color-background-utility-base-1": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-background-utility-base-2": "#FDF9F8",
-  "eds-theme-color-background-utility-container": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-background-utility-container-hover": "#F9F3F1",
-  "eds-theme-color-background-utility-container-active": "#EEE7E4",
-  "eds-theme-color-background-utility-overlay-low-emphasis": "#272625",
-  "eds-theme-color-background-utility-overlay-high-emphasis": "#272625",
-  "eds-theme-color-background-utility-default-no-emphasis": "transparent",
-  "eds-theme-color-background-utility-default-no-emphasis-hover": "#F9F3F1",
-  "eds-theme-color-background-utility-default-no-emphasis-active": "#EEE7E4",
-  "eds-theme-color-background-utility-default-low-emphasis": "#F9F3F1",
-  "eds-theme-color-background-utility-default-low-emphasis-hover": "#EEE7E4",
-  "eds-theme-color-background-utility-default-low-emphasis-active": "#DFD9D6",
-  "eds-theme-color-background-utility-default-medium-emphasis": "#6C6967",
-  "eds-theme-color-background-utility-default-medium-emphasis-hover": "#565352",
-  "eds-theme-color-background-utility-default-medium-emphasis-active": "#3F3E3D",
-  "eds-theme-color-background-utility-default-high-emphasis": "#0F2163",
-  "eds-theme-color-background-utility-default-high-emphasis-hover": "#0A164C",
-  "eds-theme-color-background-utility-default-high-emphasis-active": "#060E30",
-  "eds-theme-color-background-utility-interactive-no-emphasis": "transparent",
-  "eds-theme-color-background-utility-interactive-no-emphasis-hover": "#EAF4FF",
-  "eds-theme-color-background-utility-interactive-no-emphasis-active": "#CEE6FF",
-  "eds-theme-color-background-utility-interactive-low-emphasis": "#EAF4FF",
-  "eds-theme-color-background-utility-interactive-low-emphasis-hover": "#CEE6FF",
-  "eds-theme-color-background-utility-interactive-low-emphasis-active": "#B5DAFF",
-  "eds-theme-color-background-utility-interactive-high-emphasis": "#0F2163",
-  "eds-theme-color-background-utility-interactive-high-emphasis-hover": "#0A164C",
-  "eds-theme-color-background-utility-interactive-high-emphasis-active": "#060E30",
-  "eds-theme-color-background-utility-critical-no-emphasis": "transparent",
-  "eds-theme-color-background-utility-critical-no-emphasis-hover": "#FDF3F4",
-  "eds-theme-color-background-utility-critical-no-emphasis-active": "#FAE2E5",
-  "eds-theme-color-background-utility-critical-low-emphasis": "#FDF3F4",
-  "eds-theme-color-background-utility-critical-low-emphasis-hover": "#FAE2E5",
-  "eds-theme-color-background-utility-critical-low-emphasis-active": "#F6CDD1",
-  "eds-theme-color-background-utility-critical-high-emphasis": "#A51115",
-  "eds-theme-color-background-utility-critical-high-emphasis-hover": "#7D0A16",
-  "eds-theme-color-background-utility-critical-high-emphasis-active": "#660517",
-  "eds-theme-color-background-utility-favorable-low-emphasis": "#E6F5ED",
-  "eds-theme-color-background-utility-favorable-low-emphasis-hover": "#D0EDDD",
-  "eds-theme-color-background-utility-favorable-low-emphasis-active": "#B3E1C7",
-  "eds-theme-color-background-utility-favorable-high-emphasis": "#367759",
-  "eds-theme-color-background-utility-favorable-high-emphasis-hover": "#225E43",
-  "eds-theme-color-background-utility-favorable-high-emphasis-active": "#13462F",
-  "eds-theme-color-background-utility-warning-low-emphasis": "#FDF3D3",
-  "eds-theme-color-background-utility-warning-low-emphasis-hover": "#FBE8AB",
-  "eds-theme-color-background-utility-warning-low-emphasis-active": "#F9DA78",
-  "eds-theme-color-background-utility-information-low-emphasis": "#EAF4FF",
-  "eds-theme-color-background-utility-information-low-emphasis-hover": "#CEE6FF",
-  "eds-theme-color-background-utility-information-low-emphasis-active": "#B5DAFF",
-  "eds-theme-color-background-utility-disabled-no-emphasis": "transparent",
-  "eds-theme-color-background-utility-disabled-low-emphasis": "#EEE7E4",
-  "eds-theme-color-background-utility-disabled-medium-emphasis": "#CFC9C7",
-  "eds-theme-color-background-utility-inverse-no-emphasis": "transparent",
-  "eds-theme-color-background-utility-inverse-no-emphasis-hover": "rgb(var(--eds-color-white) / 0.2)",
-  "eds-theme-color-background-utility-inverse-no-emphasis-active": "rgb(var(--eds-color-white) / 0.3)",
-  "eds-theme-color-background-utility-inverse-high-emphasis": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-background-utility-inverse-high-emphasis-hover": "#F9F3F1",
-  "eds-theme-color-background-utility-inverse-high-emphasis-active": "#EEE7E4",
-  "eds-theme-color-background-utility-inverse-disabled": "rgb(var(--eds-color-white) / 0.5)",
-  "eds-theme-color-background-utility-success": "#ECFFF5",
-  "eds-theme-color-background-utility-error": "#FFF0F4",
-  "eds-theme-color-background-grade-complete-default": "#008656",
-  "eds-theme-color-background-grade-complete-subtle": "#ECFFF5",
-  "eds-theme-color-background-grade-revise-default": "#F7BE2D",
-  "eds-theme-color-background-grade-revise-subtle": "#FDF1D0",
-  "eds-theme-color-background-grade-stop-default": "#D41E52",
-  "eds-theme-color-background-grade-stop-subtle": "#FFF0F4",
-  "eds-theme-color-background-disabled": "#C0C4C8",
-  "eds-theme-color-border-neutral-subtle": "#E7E8EA",
-  "eds-theme-color-border-neutral-subtle-hover": "#C0C4C8",
-  "eds-theme-color-border-neutral-default": "#C0C4C8",
-  "eds-theme-color-border-neutral-default-hover": "#999EA3",
-  "eds-theme-color-border-neutral-strong": "#999EA3",
-  "eds-theme-color-border-neutral-strong-hover": "#878C90",
-  "eds-theme-color-border-brand-primary-subtle": "#E0E0F9",
-  "eds-theme-color-border-brand-primary-default": "var(--eds-theme-color-border-brand-primary)",
-  "eds-theme-color-border-brand-primary": "#C4C1F3",
-  "eds-theme-color-border-brand-primary-strong": "#A6A3EE",
-  "eds-theme-color-border-brand-red": "#4D0118",
-  "eds-theme-color-border-brand-orange": "#FFA070",
-  "eds-theme-color-border-brand-yellow": "#F9DA78",
-  "eds-theme-color-border-brand-green": "#57B083",
-  "eds-theme-color-border-brand-blue-1": "#99CCFF",
-  "eds-theme-color-border-brand-blue-2": "#3165D2",
-  "eds-theme-color-border-brand-blue-3": "#0F2163",
-  "eds-theme-color-border-brand-purple": "#C580E7",
-  "eds-theme-color-border-brand-pink": "#DB458D",
-  "eds-theme-color-border-utility-default-low-emphasis": "#CFC9C7",
-  "eds-theme-color-border-utility-default-low-emphasis-hover": "#BEB8B6",
-  "eds-theme-color-border-utility-default-low-emphasis-active": "#A09C9A",
-  "eds-theme-color-border-utility-default-medium-emphasis": "#6C6967",
-  "eds-theme-color-border-utility-default-medium-emphasis-hover": "#565352",
-  "eds-theme-color-border-utility-default-medium-emphasis-active": "#3F3E3D",
-  "eds-theme-color-border-utility-default-high-emphasis": "#0F2163",
-  "eds-theme-color-border-utility-default-high-emphasis-hover": "#0A164C",
-  "eds-theme-color-border-utility-default-high-emphasis-active": "#060E30",
-  "eds-theme-color-border-utility-interactive": "#0F2163",
-  "eds-theme-color-border-utility-interactive-hover": "#0A164C",
-  "eds-theme-color-border-utility-interactive-active": "#060E30",
-  "eds-theme-color-border-utility-interactive-secondary": "#3165D2",
-  "eds-theme-color-border-utility-interactive-secondary-hover": "#254EAC",
-  "eds-theme-color-border-utility-interactive-secondary-active": "#1B3889",
-  "eds-theme-color-border-utility-critical": "#A51115",
-  "eds-theme-color-border-utility-critical-hover": "#7D0A16",
-  "eds-theme-color-border-utility-critical-active": "#660517",
-  "eds-theme-color-border-utility-favorable": "#367759",
-  "eds-theme-color-border-utility-favorable-hover": "#225E43",
-  "eds-theme-color-border-utility-favorable-active": "#13462F",
-  "eds-theme-color-border-utility-warning": "#876701",
-  "eds-theme-color-border-utility-warning-hover": "#695001",
-  "eds-theme-color-border-utility-warning-active": "#4D3A01",
-  "eds-theme-color-border-utility-warning-subtle": "#FFCBA5",
-  "eds-theme-color-border-utility-warning-default": "#FFAF76",
-  "eds-theme-color-border-utility-warning-strong": "#F6924A",
-  "eds-theme-color-border-utility-informational": "#3165D2",
-  "eds-theme-color-border-utility-informational-hover": "#254EAC",
-  "eds-theme-color-border-utility-informational-active": "#1B3889",
-  "eds-theme-color-border-utility-disabled": "#A09C9A",
-  "eds-theme-color-border-utility-focus": "#3165D2",
-  "eds-theme-color-border-utility-inverse": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-border-utility-inverse-disabled": "rgb(var(--eds-color-white) / 0.5)",
-  "eds-theme-color-border-utility-success-subtle": "#B7E9CE",
-  "eds-theme-color-border-utility-success-default": "#8FDCB3",
-  "eds-theme-color-border-utility-success-strong": "#59C88C",
-  "eds-theme-color-border-utility-error-subtle": "#FFCBD7",
-  "eds-theme-color-border-utility-error-default": "#FB90B0",
-  "eds-theme-color-border-utility-error-strong": "#F76C96",
-  "eds-theme-color-border-grade-complete": "#8FDCB3",
-  "eds-theme-color-border-grade-revise-subtle": "#FFEBB3",
-  "eds-theme-color-border-grade-revise-default": "#FFDD80",
-  "eds-theme-color-border-grade-revise-strong": "#F7BE2D",
-  "eds-theme-color-border-grade-stop": "#FB90B0",
-  "eds-theme-color-border-disabled": "#C0C4C8",
-  "eds-theme-color-button-primary-brand-background": "#6B65E2",
-  "eds-theme-color-button-primary-brand-background-hover": "#5751D2",
-  "eds-theme-color-button-primary-brand-background-active": "#3E42B1",
-  "eds-theme-color-button-primary-brand-border": "#6B65E2",
-  "eds-theme-color-button-primary-brand-border-hover": "#5751D2",
-  "eds-theme-color-button-primary-brand-border-active": "#3E42B1",
-  "eds-theme-color-button-primary-brand-text": "#FFFFFF",
-  "eds-theme-color-button-primary-brand-text-hover": "#FFFFFF",
-  "eds-theme-color-button-primary-brand-text-active": "#FFFFFF",
-  "eds-theme-color-button-primary-error-background": "#D41E52",
-  "eds-theme-color-button-primary-error-background-hover": "#BD0044",
-  "eds-theme-color-button-primary-error-background-active": "#8F0134",
-  "eds-theme-color-button-primary-error-border": "#D41E52",
-  "eds-theme-color-button-primary-error-border-hover": "#BD0044",
-  "eds-theme-color-button-primary-error-border-active": "#8F0134",
-  "eds-theme-color-button-primary-error-text": "#FFFFFF",
-  "eds-theme-color-button-primary-error-text-hover": "#FFFFFF",
-  "eds-theme-color-button-primary-error-text-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-brand-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-secondary-brand-background-hover": "#5751D2",
-  "eds-theme-color-button-secondary-brand-background-active": "#3E42B1",
-  "eds-theme-color-button-secondary-brand-border": "#6B65E2",
-  "eds-theme-color-button-secondary-brand-border-hover": "#5751D2",
-  "eds-theme-color-button-secondary-brand-border-active": "#3E42B1",
-  "eds-theme-color-button-secondary-brand-text": "#5751D2",
-  "eds-theme-color-button-secondary-brand-text-hover": "#FFFFFF",
-  "eds-theme-color-button-secondary-brand-text-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-brand-icon": "#6B65E2",
-  "eds-theme-color-button-secondary-brand-icon-hover": "#FFFFFF",
-  "eds-theme-color-button-secondary-brand-icon-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-neutral-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-secondary-neutral-background-hover": "#E7E8EA",
-  "eds-theme-color-button-secondary-neutral-background-active": "#383C43",
-  "eds-theme-color-button-secondary-neutral-border": "#5D6369",
-  "eds-theme-color-button-secondary-neutral-border-hover": "#5D6369",
-  "eds-theme-color-button-secondary-neutral-border-active": "#383C43",
-  "eds-theme-color-button-secondary-neutral-text": "#5D6369",
-  "eds-theme-color-button-secondary-neutral-text-hover": "#5D6369",
-  "eds-theme-color-button-secondary-neutral-text-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-neutral-icon": "#999EA3",
-  "eds-theme-color-button-secondary-neutral-icon-hover": "#999EA3",
-  "eds-theme-color-button-secondary-neutral-icon-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-success-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-secondary-success-background-hover": "#007249",
-  "eds-theme-color-button-secondary-success-background-active": "#005939",
-  "eds-theme-color-button-secondary-success-border": "#008656",
-  "eds-theme-color-button-secondary-success-border-hover": "#007249",
-  "eds-theme-color-button-secondary-success-border-active": "#005939",
-  "eds-theme-color-button-secondary-success-text": "#007249",
-  "eds-theme-color-button-secondary-success-text-hover": "#FFFFFF",
-  "eds-theme-color-button-secondary-success-text-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-success-icon": "#008656",
-  "eds-theme-color-button-secondary-success-icon-hover": "#FFFFFF",
-  "eds-theme-color-button-secondary-success-icon-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-warning-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-secondary-warning-background-hover": "#AC3400",
-  "eds-theme-color-button-secondary-warning-background-active": "#842800",
-  "eds-theme-color-button-secondary-warning-border": "#C64600",
-  "eds-theme-color-button-secondary-warning-border-hover": "#AC3400",
-  "eds-theme-color-button-secondary-warning-border-active": "#842800",
-  "eds-theme-color-button-secondary-warning-text": "#AC3400",
-  "eds-theme-color-button-secondary-warning-text-hover": "#FFFFFF",
-  "eds-theme-color-button-secondary-warning-text-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-warning-icon": "#C64600",
-  "eds-theme-color-button-secondary-warning-icon-hover": "#FFFFFF",
-  "eds-theme-color-button-secondary-warning-icon-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-error-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-secondary-error-background-hover": "#BD0044",
-  "eds-theme-color-button-secondary-error-background-active": "#8F0134",
-  "eds-theme-color-button-secondary-error-border": "#D41E52",
-  "eds-theme-color-button-secondary-error-border-hover": "#BD0044",
-  "eds-theme-color-button-secondary-error-border-active": "#8F0134",
-  "eds-theme-color-button-secondary-error-text": "#BD0044",
-  "eds-theme-color-button-secondary-error-text-hover": "#FFFFFF",
-  "eds-theme-color-button-secondary-error-text-active": "#FFFFFF",
-  "eds-theme-color-button-secondary-error-icon": "#D41E52",
-  "eds-theme-color-button-secondary-error-icon-hover": "#FFFFFF",
-  "eds-theme-color-button-secondary-error-icon-active": "#FFFFFF",
-  "eds-theme-color-button-icon-brand": "#6B65E2",
-  "eds-theme-color-button-icon-brand-hover": "#6B65E2",
-  "eds-theme-color-button-icon-brand-active": "#FFFFFF",
-  "eds-theme-color-button-icon-brand-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-brand-background-hover": "#E0E0F9",
-  "eds-theme-color-button-icon-brand-background-active": "#5751D2",
-  "eds-theme-color-button-icon-brand-border": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-brand-border-hover": "#E0E0F9",
-  "eds-theme-color-button-icon-brand-border-active": "#5751D2",
-  "eds-theme-color-button-icon-brand-text": "#5751D2",
-  "eds-theme-color-button-icon-brand-text-hover": "#5751D2",
-  "eds-theme-color-button-icon-brand-text-active": "#FFFFFF",
-  "eds-theme-color-button-icon-neutral": "#5D6369",
-  "eds-theme-color-button-icon-neutral-hover": "#5D6369",
-  "eds-theme-color-button-icon-neutral-active": "#FFFFFF",
-  "eds-theme-color-button-icon-neutral-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-neutral-background-hover": "#E7E8EA",
-  "eds-theme-color-button-icon-neutral-background-active": "#5D6369",
-  "eds-theme-color-button-icon-neutral-border": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-neutral-border-hover": "#E7E8EA",
-  "eds-theme-color-button-icon-neutral-border-active": "#5D6369",
-  "eds-theme-color-button-icon-neutral-text": "#5D6369",
-  "eds-theme-color-button-icon-neutral-text-hover": "#5D6369",
-  "eds-theme-color-button-icon-neutral-text-active": "#FFFFFF",
-  "eds-theme-color-button-icon-success": "#008656",
-  "eds-theme-color-button-icon-success-hover": "#008656",
-  "eds-theme-color-button-icon-success-active": "#FFFFFF",
-  "eds-theme-color-button-icon-success-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-success-background-hover": "#B7E9CE",
-  "eds-theme-color-button-icon-success-background-active": "#007249",
-  "eds-theme-color-button-icon-success-border": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-success-border-hover": "#B7E9CE",
-  "eds-theme-color-button-icon-success-border-active": "#007249",
-  "eds-theme-color-button-icon-success-text": "#007249",
-  "eds-theme-color-button-icon-success-text-hover": "#007249",
-  "eds-theme-color-button-icon-success-text-active": "#FFFFFF",
-  "eds-theme-color-button-icon-warning": "#C64600",
-  "eds-theme-color-button-icon-warning-hover": "#C64600",
-  "eds-theme-color-button-icon-warning-active": "#FFFFFF",
-  "eds-theme-color-button-icon-warning-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-warning-background-hover": "#FFF1E9",
-  "eds-theme-color-button-icon-warning-background-active": "#AC3400",
-  "eds-theme-color-button-icon-warning-border": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-warning-border-hover": "#FFF1E9",
-  "eds-theme-color-button-icon-warning-border-active": "#AC3400",
-  "eds-theme-color-button-icon-warning-text": "#AC3400",
-  "eds-theme-color-button-icon-warning-text-hover": "#AC3400",
-  "eds-theme-color-button-icon-warning-text-active": "#FFFFFF",
-  "eds-theme-color-button-icon-error": "#D41E52",
-  "eds-theme-color-button-icon-error-hover": "#D41E52",
-  "eds-theme-color-button-icon-error-active": "#FFFFFF",
-  "eds-theme-color-button-icon-error-background": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-error-background-hover": "#FFCBD7",
-  "eds-theme-color-button-icon-error-background-active": "#BD0044",
-  "eds-theme-color-button-icon-error-border": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-button-icon-error-border-hover": "#FFCBD7",
-  "eds-theme-color-button-icon-error-border-active": "#BD0044",
-  "eds-theme-color-button-icon-error-text": "#BD0044",
-  "eds-theme-color-button-icon-error-text-hover": "#BD0044",
-  "eds-theme-color-button-icon-error-text-active": "#FFFFFF",
-  "eds-theme-color-checkbox-brand-background": "#8984E8",
-  "eds-theme-color-data-bar-background": "#F4F6F8",
-  "eds-theme-color-data-bar-border": "#C0C4C8",
-  "eds-theme-color-focus-ring": "#6B65E2",
-  "eds-theme-color-focus-ring-inverted": "#FFFFFF",
-  "eds-theme-color-form-border": "#878C90",
-  "eds-theme-color-form-border-hover": "#333231",
-  "eds-theme-color-form-background": "#FFFFFF",
-  "eds-theme-color-form-background-hover": "#F4F6F8",
-  "eds-theme-color-form-label": "#383C43",
-  "eds-theme-color-icon-neutral-default": "#5D6369",
-  "eds-theme-color-icon-neutral-default-inverse": "#FFFFFF",
-  "eds-theme-color-icon-neutral-default-hover": "#383C43",
-  "eds-theme-color-icon-neutral-strong": "#383C43",
-  "eds-theme-color-icon-neutral-strong-hover": "#333231",
-  "eds-theme-color-icon-neutral-subtle": "#878C90",
-  "eds-theme-color-icon-neutral-subtle-hover": "#5D6369",
-  "eds-theme-color-icon-link-default": "#6B65E2",
-  "eds-theme-color-icon-link-default-hover": "#5751D2",
-  "eds-theme-color-icon-brand-primary": "#8984E8",
-  "eds-theme-color-icon-brand-primary-hover": "#6B65E2",
-  "eds-theme-color-icon-utility-default-primary": "#0F2163",
-  "eds-theme-color-icon-utility-default-primary-hover": "#0A164C",
-  "eds-theme-color-icon-utility-default-primary-active": "#060E30",
-  "eds-theme-color-icon-utility-default-secondary": "#6C6967",
-  "eds-theme-color-icon-utility-default-secondary-hover": "#565352",
-  "eds-theme-color-icon-utility-default-secondary-active": "#3F3E3D",
-  "eds-theme-color-icon-utility-interactive-primary": "#0F2163",
-  "eds-theme-color-icon-utility-interactive-primary-hover": "#0A164C",
-  "eds-theme-color-icon-utility-interactive-primary-active": "#060E30",
-  "eds-theme-color-icon-utility-interactive-primary-visited": "#0F2163",
-  "eds-theme-color-icon-utility-interactive-secondary": "#3165D2",
-  "eds-theme-color-icon-utility-interactive-secondary-hover": "#254EAC",
-  "eds-theme-color-icon-utility-interactive-secondary-active": "#1B3889",
-  "eds-theme-color-icon-utility-interactive-secondary-visited": "#3165D2",
-  "eds-theme-color-icon-utility-interactive-visited": "#8A50A7",
-  "eds-theme-color-icon-utility-critical": "#A51115",
-  "eds-theme-color-icon-utility-critical-hover": "#7D0A16",
-  "eds-theme-color-icon-utility-critical-active": "#660517",
-  "eds-theme-color-icon-utility-favorable": "#367759",
-  "eds-theme-color-icon-utility-favorable-hover": "#225E43",
-  "eds-theme-color-icon-utility-favorable-active": "#13462F",
-  "eds-theme-color-icon-utility-warning": "#876701",
-  "eds-theme-color-icon-utility-warning-hover": "#695001",
-  "eds-theme-color-icon-utility-warning-active": "#4D3A01",
-  "eds-theme-color-icon-utility-informational": "#3165D2",
-  "eds-theme-color-icon-utility-informational-hover": "#254EAC",
-  "eds-theme-color-icon-utility-informational-active": "#1B3889",
-  "eds-theme-color-icon-utility-disabled-primary": "#A09C9A",
-  "eds-theme-color-icon-utility-disabled-secondary": "#CFC9C7",
-  "eds-theme-color-icon-utility-inverse": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-icon-utility-inverse-disabled": "rgb(var(--eds-color-white) / 0.5)",
-  "eds-theme-color-icon-utility-placeholder": "#6C6967",
-  "eds-theme-color-icon-utility-success": "#00A56A",
-  "eds-theme-color-icon-utility-success-hover": "#008656",
-  "eds-theme-color-icon-utility-error": "#F1497B",
-  "eds-theme-color-icon-utility-error-hover": "#D41E52",
-  "eds-theme-color-icon-grade-complete": "#00A56A",
-  "eds-theme-color-icon-grade-complete-hover": "#00A56A",
-  "eds-theme-color-icon-grade-revise": "#333231",
-  "eds-theme-color-icon-grade-revise-hover": "#161B1F",
-  "eds-theme-color-icon-grade-stop": "#F1497B",
-  "eds-theme-color-icon-grade-stop-hover": "#D41E52",
-  "eds-theme-color-icon-disabled": "#C0C4C8",
-  "eds-theme-color-link-brand-text": "var(--eds-theme-color-text-neutral-strong)",
-  "eds-theme-color-link-brand-text-hover": "var(--eds-theme-color-text-brand-default)",
-  "eds-theme-color-link-brand-text-focus": "var(--eds-theme-color-text-neutral-default-inverse)",
-  "eds-theme-color-link-brand-text-decoration": "var(--eds-theme-color-text-brand-default)",
-  "eds-theme-color-link-brand-text-decoration-hover": "var(--eds-theme-color-text-brand-default)",
-  "eds-theme-color-link-brand-text-decoration-focus": "var(--eds-theme-color-text-neutral-default-inverse)",
-  "eds-theme-color-link-brand-background-focus": "var(--eds-theme-color-text-brand-default)",
-  "eds-theme-color-link-neutral-text": "var(--eds-theme-color-text-neutral-strong)",
-  "eds-theme-color-link-neutral-text-hover": "var(--eds-theme-color-text-brand-default)",
-  "eds-theme-color-link-neutral-text-focus": "var(--eds-theme-color-text-neutral-default-inverse)",
-  "eds-theme-color-link-neutral-text-decoration": "var(--eds-theme-color-text-neutral-default)",
-  "eds-theme-color-link-neutral-text-decoration-hover": "var(--eds-theme-color-text-brand-default)",
-  "eds-theme-color-link-neutral-text-decoration-focus": "var(--eds-theme-color-text-neutral-default-inverse)",
-  "eds-theme-color-link-neutral-background-focus": "var(--eds-theme-color-text-neutral-default)",
-  "eds-theme-color-modal-brand-header-background": "#8984E8",
-  "eds-theme-color-progress-bar-background": "#E7E8EA",
-  "eds-theme-color-progress-bar-border": "#E7E8EA",
-  "eds-theme-color-radio-brand-background": "#8984E8",
-  "eds-theme-color-text-neutral-default": "#383C43",
-  "eds-theme-color-text-neutral-default-inverse": "#FFFFFF",
-  "eds-theme-color-text-neutral-strong": "#333231",
-  "eds-theme-color-text-neutral-subtle": "#5D6369",
-  "eds-theme-color-text-utility-default-primary": "#0F2163",
-  "eds-theme-color-text-utility-default-primary-hover": "#0A164C",
-  "eds-theme-color-text-utility-default-primary-active": "#060E30",
-  "eds-theme-color-text-utility-default-secondary": "#6C6967",
-  "eds-theme-color-text-utility-default-secondary-hover": "#565352",
-  "eds-theme-color-text-utility-default-secondary-active": "#3F3E3D",
-  "eds-theme-color-text-utility-interactive-primary": "#0F2163",
-  "eds-theme-color-text-utility-interactive-primary-hover": "#0A164C",
-  "eds-theme-color-text-utility-interactive-primary-active": "#060E30",
-  "eds-theme-color-text-utility-interactive-primary-visited": "#0F2163",
-  "eds-theme-color-text-utility-interactive-secondary": "#3165D2",
-  "eds-theme-color-text-utility-interactive-secondary-hover": "#254EAC",
-  "eds-theme-color-text-utility-interactive-secondary-active": "#1B3889",
-  "eds-theme-color-text-utility-interactive-secondary-visited": "#3165D2",
-  "eds-theme-color-text-utility-interactive-visited": "#8A50A7",
-  "eds-theme-color-text-utility-critical": "#A51115",
-  "eds-theme-color-text-utility-critical-hover": "#7D0A16",
-  "eds-theme-color-text-utility-critical-active": "#660517",
-  "eds-theme-color-text-utility-favorable": "#367759",
-  "eds-theme-color-text-utility-favorable-hover": "#225E43",
-  "eds-theme-color-text-utility-favorable-active": "#13462F",
-  "eds-theme-color-text-utility-warning": "#876701",
-  "eds-theme-color-text-utility-warning-hover": "#695001",
-  "eds-theme-color-text-utility-warning-active": "#4D3A01",
-  "eds-theme-color-text-utility-informational": "#3165D2",
-  "eds-theme-color-text-utility-informational-hover": "#254EAC",
-  "eds-theme-color-text-utility-informational-active": "#1B3889",
-  "eds-theme-color-text-utility-disabled-primary": "#A09C9A",
-  "eds-theme-color-text-utility-disabled-secondary": "#CFC9C7",
-  "eds-theme-color-text-utility-inverse": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-text-utility-inverse-disabled": "rgb(var(--eds-color-white) / 0.5)",
-  "eds-theme-color-text-utility-inverse-interactive-visited": "rgb(var(--eds-color-white) / 1)",
-  "eds-theme-color-text-utility-placeholder": "#6C6967",
-  "eds-theme-color-text-utility-success": "#007249",
-  "eds-theme-color-text-utility-error": "#BD0044",
-  "eds-theme-color-text-grade-complete": "#007249",
-  "eds-theme-color-text-grade-revise": "#333231",
-  "eds-theme-color-text-grade-stop": "#BD0044",
-  "eds-theme-color-text-disabled": "#C0C4C8",
-  "eds-theme-color-text-brand-default": "var(--eds-theme-color-text-brand-primary)",
-  "eds-theme-color-text-brand-primary": "#5751D2",
-  "eds-theme-color-text-highlight-foreground": "#333231",
-  "eds-theme-color-text-highlight-background": "#FDF1D0",
-  "eds-theme-color-toggle-on-background": "var(--eds-theme-color-background-brand-primary-strong)",
-  "eds-theme-color-toggle-off-background": "var(--eds-theme-color-icon-neutral-subtle)",
-  "eds-theme-color-toggle-disabled-background": "var(--eds-theme-color-icon-disabled)",
-  "eds-theme-color-toggle-disabled-text": "var(--eds-theme-color-text-disabled)",
-  "eds-theme-color-toggle-primary-text": "var(--eds-theme-color-text-neutral-default)",
-  "eds-theme-color-toggle-thumb": "var(--eds-theme-color-text-neutral-default-inverse)",
-  "eds-theme-color-transparent-black-0": "rgba(0, 0, 0, 0)",
-  "eds-theme-color-transparent-black-30": "rgba(0, 0, 0, .3)",
-  "eds-theme-color-transparent-white-0": "rgba(255, 255, 255, 0)",
   "eds-anim-fade-quick": "0.15",
   "eds-anim-fade-long": "0.4",
   "eds-anim-move-quick": "0.15",
@@ -825,5 +221,609 @@
   "eds-z-index-400": "400",
   "eds-z-index-500": "500",
   "eds-z-index-top": "99999",
-  "eds-z-index-bottom": "-100"
+  "eds-z-index-bottom": "-100",
+  "eds-theme-border-radius-actions": "9999",
+  "eds-theme-border-radius-surfaces-lg": "0",
+  "eds-theme-border-radius-surfaces-md": "6",
+  "eds-theme-border-radius-objects-md": "4",
+  "eds-theme-border-radius-objects-sm": "2",
+  "eds-theme-border-radius-objects-xs": "0",
+  "eds-theme-border-radius-tab-underline": "50",
+  "eds-theme-border-width": "1",
+  "eds-theme-box-button-border-radius": "4",
+  "eds-theme-box-focus-ring-outline-width": "1",
+  "eds-theme-box-focus-ring-outline-offset": "2",
+  "eds-theme-form-border-width": "1",
+  "eds-theme-form-border-radius": "4",
+  "eds-theme-size-slider-track-height": "8",
+  "eds-theme-size-slider-thumb": "24",
+  "eds-theme-color-body-background": "#F4F6F8",
+  "eds-theme-color-body-background-inverted": "#383C43",
+  "eds-theme-color-background-input": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-background-neutral-default": "#FFFFFF",
+  "eds-theme-color-background-neutral-default-hover": "#F4F6F8",
+  "eds-theme-color-background-neutral-subtle": "#F4F6F8",
+  "eds-theme-color-background-neutral-subtle-hover": "#E7E8EA",
+  "eds-theme-color-background-neutral-medium": "#E7E8EA",
+  "eds-theme-color-background-neutral-medium-hover": "#C0C4C8",
+  "eds-theme-color-background-brand-primary-default": "#F0F0FC",
+  "eds-theme-color-background-brand-primary-subtle": "#F0F0FC",
+  "eds-theme-color-background-brand-primary-strong": "#6B65E2",
+  "eds-theme-color-background-brand-primary-strong-hover": "#3E42B1",
+  "eds-theme-color-background-brand-red": "#4D0118",
+  "eds-theme-color-background-brand-red-low-emphasis": "#FDF3F4",
+  "eds-theme-color-background-brand-orange": "#FFA070",
+  "eds-theme-color-background-brand-orange-low-emphasis": "#FFEEE5",
+  "eds-theme-color-background-brand-yellow": "#F9DA78",
+  "eds-theme-color-background-brand-yellow-low-emphasis": "#FDF3D3",
+  "eds-theme-color-background-brand-green": "#57B083",
+  "eds-theme-color-background-brand-green-low-emphasis": "#E6F5ED",
+  "eds-theme-color-background-brand-blue-1": "#99CCFF",
+  "eds-theme-color-background-brand-blue-2": "#3165D2",
+  "eds-theme-color-background-brand-blue-3": "#0F2163",
+  "eds-theme-color-background-brand-blue-low-emphasis": "#EAF4FF",
+  "eds-theme-color-background-brand-purple": "#C580E7",
+  "eds-theme-color-background-brand-purple-low-emphasis": "#FBF5FD",
+  "eds-theme-color-background-brand-pink": "#DB458D",
+  "eds-theme-color-background-table-row-stripe-1": "#F5FAFF",
+  "eds-theme-color-background-table-row-stripe-2": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-background-table-row-selected": "#CEE6FF",
+  "eds-theme-color-background-utility-base-1": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-background-utility-base-2": "#FDF9F8",
+  "eds-theme-color-background-utility-container": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-background-utility-container-hover": "#F9F3F1",
+  "eds-theme-color-background-utility-container-active": "#EEE7E4",
+  "eds-theme-color-background-utility-overlay-low-emphasis": "#272625",
+  "eds-theme-color-background-utility-overlay-high-emphasis": "#272625",
+  "eds-theme-color-background-utility-default-no-emphasis": "transparent",
+  "eds-theme-color-background-utility-default-no-emphasis-hover": "#F9F3F1",
+  "eds-theme-color-background-utility-default-no-emphasis-active": "#EEE7E4",
+  "eds-theme-color-background-utility-default-low-emphasis": "#F9F3F1",
+  "eds-theme-color-background-utility-default-low-emphasis-hover": "#EEE7E4",
+  "eds-theme-color-background-utility-default-low-emphasis-active": "#DFD9D6",
+  "eds-theme-color-background-utility-default-medium-emphasis": "#6C6967",
+  "eds-theme-color-background-utility-default-medium-emphasis-hover": "#565352",
+  "eds-theme-color-background-utility-default-medium-emphasis-active": "#3F3E3D",
+  "eds-theme-color-background-utility-default-high-emphasis": "#0F2163",
+  "eds-theme-color-background-utility-default-high-emphasis-hover": "#0A164C",
+  "eds-theme-color-background-utility-default-high-emphasis-active": "#060E30",
+  "eds-theme-color-background-utility-interactive-no-emphasis": "transparent",
+  "eds-theme-color-background-utility-interactive-no-emphasis-hover": "#EAF4FF",
+  "eds-theme-color-background-utility-interactive-no-emphasis-active": "#CEE6FF",
+  "eds-theme-color-background-utility-interactive-low-emphasis": "#EAF4FF",
+  "eds-theme-color-background-utility-interactive-low-emphasis-hover": "#CEE6FF",
+  "eds-theme-color-background-utility-interactive-low-emphasis-active": "#B5DAFF",
+  "eds-theme-color-background-utility-interactive-high-emphasis": "#0F2163",
+  "eds-theme-color-background-utility-interactive-high-emphasis-hover": "#0A164C",
+  "eds-theme-color-background-utility-interactive-high-emphasis-active": "#060E30",
+  "eds-theme-color-background-utility-critical-no-emphasis": "transparent",
+  "eds-theme-color-background-utility-critical-no-emphasis-hover": "#FDF3F4",
+  "eds-theme-color-background-utility-critical-no-emphasis-active": "#FAE2E5",
+  "eds-theme-color-background-utility-critical-low-emphasis": "#FDF3F4",
+  "eds-theme-color-background-utility-critical-low-emphasis-hover": "#FAE2E5",
+  "eds-theme-color-background-utility-critical-low-emphasis-active": "#F6CDD1",
+  "eds-theme-color-background-utility-critical-high-emphasis": "#A51115",
+  "eds-theme-color-background-utility-critical-high-emphasis-hover": "#7D0A16",
+  "eds-theme-color-background-utility-critical-high-emphasis-active": "#660517",
+  "eds-theme-color-background-utility-favorable-low-emphasis": "#E6F5ED",
+  "eds-theme-color-background-utility-favorable-low-emphasis-hover": "#D0EDDD",
+  "eds-theme-color-background-utility-favorable-low-emphasis-active": "#B3E1C7",
+  "eds-theme-color-background-utility-favorable-high-emphasis": "#367759",
+  "eds-theme-color-background-utility-favorable-high-emphasis-hover": "#225E43",
+  "eds-theme-color-background-utility-favorable-high-emphasis-active": "#13462F",
+  "eds-theme-color-background-utility-warning-low-emphasis": "#FDF3D3",
+  "eds-theme-color-background-utility-warning-low-emphasis-hover": "#FBE8AB",
+  "eds-theme-color-background-utility-warning-low-emphasis-active": "#F9DA78",
+  "eds-theme-color-background-utility-information-low-emphasis": "#EAF4FF",
+  "eds-theme-color-background-utility-information-low-emphasis-hover": "#CEE6FF",
+  "eds-theme-color-background-utility-information-low-emphasis-active": "#B5DAFF",
+  "eds-theme-color-background-utility-disabled-no-emphasis": "transparent",
+  "eds-theme-color-background-utility-disabled-low-emphasis": "#EEE7E4",
+  "eds-theme-color-background-utility-disabled-medium-emphasis": "#CFC9C7",
+  "eds-theme-color-background-utility-inverse-no-emphasis": "transparent",
+  "eds-theme-color-background-utility-inverse-no-emphasis-hover": "rgb(var(--eds-color-white) / 0.2)",
+  "eds-theme-color-background-utility-inverse-no-emphasis-active": "rgb(var(--eds-color-white) / 0.3)",
+  "eds-theme-color-background-utility-inverse-high-emphasis": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-background-utility-inverse-high-emphasis-hover": "#F9F3F1",
+  "eds-theme-color-background-utility-inverse-high-emphasis-active": "#EEE7E4",
+  "eds-theme-color-background-utility-inverse-disabled": "rgb(var(--eds-color-white) / 0.5)",
+  "eds-theme-color-background-utility-success": "#ECFFF5",
+  "eds-theme-color-background-utility-error": "#FFF0F4",
+  "eds-theme-color-background-grade-complete-default": "#008656",
+  "eds-theme-color-background-grade-complete-subtle": "#ECFFF5",
+  "eds-theme-color-background-grade-revise-default": "#F7BE2D",
+  "eds-theme-color-background-grade-revise-subtle": "#FDF1D0",
+  "eds-theme-color-background-grade-stop-default": "#D41E52",
+  "eds-theme-color-background-grade-stop-subtle": "#FFF0F4",
+  "eds-theme-color-background-disabled": "#C0C4C8",
+  "eds-theme-color-border-neutral-subtle": "#E7E8EA",
+  "eds-theme-color-border-neutral-subtle-hover": "#C0C4C8",
+  "eds-theme-color-border-neutral-default": "#C0C4C8",
+  "eds-theme-color-border-neutral-default-hover": "#999EA3",
+  "eds-theme-color-border-neutral-strong": "#999EA3",
+  "eds-theme-color-border-neutral-strong-hover": "#878C90",
+  "eds-theme-color-border-brand-primary-subtle": "#E0E0F9",
+  "eds-theme-color-border-brand-primary-default": "var(--eds-theme-color-border-brand-primary)",
+  "eds-theme-color-border-brand-primary": "#C4C1F3",
+  "eds-theme-color-border-brand-primary-strong": "#A6A3EE",
+  "eds-theme-color-border-brand-red": "#4D0118",
+  "eds-theme-color-border-brand-orange": "#FFA070",
+  "eds-theme-color-border-brand-yellow": "#F9DA78",
+  "eds-theme-color-border-brand-green": "#57B083",
+  "eds-theme-color-border-brand-blue-1": "#99CCFF",
+  "eds-theme-color-border-brand-blue-2": "#3165D2",
+  "eds-theme-color-border-brand-blue-3": "#0F2163",
+  "eds-theme-color-border-brand-purple": "#C580E7",
+  "eds-theme-color-border-brand-pink": "#DB458D",
+  "eds-theme-color-border-utility-default-low-emphasis": "#CFC9C7",
+  "eds-theme-color-border-utility-default-low-emphasis-hover": "#BEB8B6",
+  "eds-theme-color-border-utility-default-low-emphasis-active": "#A09C9A",
+  "eds-theme-color-border-utility-default-medium-emphasis": "#6C6967",
+  "eds-theme-color-border-utility-default-medium-emphasis-hover": "#565352",
+  "eds-theme-color-border-utility-default-medium-emphasis-active": "#3F3E3D",
+  "eds-theme-color-border-utility-default-high-emphasis": "#0F2163",
+  "eds-theme-color-border-utility-default-high-emphasis-hover": "#0A164C",
+  "eds-theme-color-border-utility-default-high-emphasis-active": "#060E30",
+  "eds-theme-color-border-utility-interactive": "#0F2163",
+  "eds-theme-color-border-utility-interactive-hover": "#0A164C",
+  "eds-theme-color-border-utility-interactive-active": "#060E30",
+  "eds-theme-color-border-utility-interactive-secondary": "#3165D2",
+  "eds-theme-color-border-utility-interactive-secondary-hover": "#254EAC",
+  "eds-theme-color-border-utility-interactive-secondary-active": "#1B3889",
+  "eds-theme-color-border-utility-critical": "#A51115",
+  "eds-theme-color-border-utility-critical-hover": "#7D0A16",
+  "eds-theme-color-border-utility-critical-active": "#660517",
+  "eds-theme-color-border-utility-favorable": "#367759",
+  "eds-theme-color-border-utility-favorable-hover": "#225E43",
+  "eds-theme-color-border-utility-favorable-active": "#13462F",
+  "eds-theme-color-border-utility-warning": "#876701",
+  "eds-theme-color-border-utility-warning-hover": "#695001",
+  "eds-theme-color-border-utility-warning-active": "#4D3A01",
+  "eds-theme-color-border-utility-warning-subtle": "#FFCBA5",
+  "eds-theme-color-border-utility-warning-default": "#FFAF76",
+  "eds-theme-color-border-utility-warning-strong": "#F6924A",
+  "eds-theme-color-border-utility-informational": "#3165D2",
+  "eds-theme-color-border-utility-informational-hover": "#254EAC",
+  "eds-theme-color-border-utility-informational-active": "#1B3889",
+  "eds-theme-color-border-utility-disabled": "#A09C9A",
+  "eds-theme-color-border-utility-focus": "#3165D2",
+  "eds-theme-color-border-utility-inverse": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-border-utility-inverse-disabled": "rgb(var(--eds-color-white) / 0.5)",
+  "eds-theme-color-border-utility-success-subtle": "#B7E9CE",
+  "eds-theme-color-border-utility-success-default": "#8FDCB3",
+  "eds-theme-color-border-utility-success-strong": "#59C88C",
+  "eds-theme-color-border-utility-error-subtle": "#FFCBD7",
+  "eds-theme-color-border-utility-error-default": "#FB90B0",
+  "eds-theme-color-border-utility-error-strong": "#F76C96",
+  "eds-theme-color-border-grade-complete": "#8FDCB3",
+  "eds-theme-color-border-grade-revise-subtle": "#FFEBB3",
+  "eds-theme-color-border-grade-revise-default": "#FFDD80",
+  "eds-theme-color-border-grade-revise-strong": "#F7BE2D",
+  "eds-theme-color-border-grade-stop": "#FB90B0",
+  "eds-theme-color-border-disabled": "#C0C4C8",
+  "eds-theme-color-button-primary-brand-background": "#6B65E2",
+  "eds-theme-color-button-primary-brand-background-hover": "#5751D2",
+  "eds-theme-color-button-primary-brand-background-active": "#3E42B1",
+  "eds-theme-color-button-primary-brand-border": "#6B65E2",
+  "eds-theme-color-button-primary-brand-border-hover": "#5751D2",
+  "eds-theme-color-button-primary-brand-border-active": "#3E42B1",
+  "eds-theme-color-button-primary-brand-text": "#FFFFFF",
+  "eds-theme-color-button-primary-brand-text-hover": "#FFFFFF",
+  "eds-theme-color-button-primary-brand-text-active": "#FFFFFF",
+  "eds-theme-color-button-primary-error-background": "#D41E52",
+  "eds-theme-color-button-primary-error-background-hover": "#BD0044",
+  "eds-theme-color-button-primary-error-background-active": "#8F0134",
+  "eds-theme-color-button-primary-error-border": "#D41E52",
+  "eds-theme-color-button-primary-error-border-hover": "#BD0044",
+  "eds-theme-color-button-primary-error-border-active": "#8F0134",
+  "eds-theme-color-button-primary-error-text": "#FFFFFF",
+  "eds-theme-color-button-primary-error-text-hover": "#FFFFFF",
+  "eds-theme-color-button-primary-error-text-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-brand-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-secondary-brand-background-hover": "#5751D2",
+  "eds-theme-color-button-secondary-brand-background-active": "#3E42B1",
+  "eds-theme-color-button-secondary-brand-border": "#6B65E2",
+  "eds-theme-color-button-secondary-brand-border-hover": "#5751D2",
+  "eds-theme-color-button-secondary-brand-border-active": "#3E42B1",
+  "eds-theme-color-button-secondary-brand-text": "#5751D2",
+  "eds-theme-color-button-secondary-brand-text-hover": "#FFFFFF",
+  "eds-theme-color-button-secondary-brand-text-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-brand-icon": "#6B65E2",
+  "eds-theme-color-button-secondary-brand-icon-hover": "#FFFFFF",
+  "eds-theme-color-button-secondary-brand-icon-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-neutral-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-secondary-neutral-background-hover": "#E7E8EA",
+  "eds-theme-color-button-secondary-neutral-background-active": "#383C43",
+  "eds-theme-color-button-secondary-neutral-border": "#5D6369",
+  "eds-theme-color-button-secondary-neutral-border-hover": "#5D6369",
+  "eds-theme-color-button-secondary-neutral-border-active": "#383C43",
+  "eds-theme-color-button-secondary-neutral-text": "#5D6369",
+  "eds-theme-color-button-secondary-neutral-text-hover": "#5D6369",
+  "eds-theme-color-button-secondary-neutral-text-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-neutral-icon": "#999EA3",
+  "eds-theme-color-button-secondary-neutral-icon-hover": "#999EA3",
+  "eds-theme-color-button-secondary-neutral-icon-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-success-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-secondary-success-background-hover": "#007249",
+  "eds-theme-color-button-secondary-success-background-active": "#005939",
+  "eds-theme-color-button-secondary-success-border": "#008656",
+  "eds-theme-color-button-secondary-success-border-hover": "#007249",
+  "eds-theme-color-button-secondary-success-border-active": "#005939",
+  "eds-theme-color-button-secondary-success-text": "#007249",
+  "eds-theme-color-button-secondary-success-text-hover": "#FFFFFF",
+  "eds-theme-color-button-secondary-success-text-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-success-icon": "#008656",
+  "eds-theme-color-button-secondary-success-icon-hover": "#FFFFFF",
+  "eds-theme-color-button-secondary-success-icon-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-warning-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-secondary-warning-background-hover": "#AC3400",
+  "eds-theme-color-button-secondary-warning-background-active": "#842800",
+  "eds-theme-color-button-secondary-warning-border": "#C64600",
+  "eds-theme-color-button-secondary-warning-border-hover": "#AC3400",
+  "eds-theme-color-button-secondary-warning-border-active": "#842800",
+  "eds-theme-color-button-secondary-warning-text": "#AC3400",
+  "eds-theme-color-button-secondary-warning-text-hover": "#FFFFFF",
+  "eds-theme-color-button-secondary-warning-text-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-warning-icon": "#C64600",
+  "eds-theme-color-button-secondary-warning-icon-hover": "#FFFFFF",
+  "eds-theme-color-button-secondary-warning-icon-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-error-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-secondary-error-background-hover": "#BD0044",
+  "eds-theme-color-button-secondary-error-background-active": "#8F0134",
+  "eds-theme-color-button-secondary-error-border": "#D41E52",
+  "eds-theme-color-button-secondary-error-border-hover": "#BD0044",
+  "eds-theme-color-button-secondary-error-border-active": "#8F0134",
+  "eds-theme-color-button-secondary-error-text": "#BD0044",
+  "eds-theme-color-button-secondary-error-text-hover": "#FFFFFF",
+  "eds-theme-color-button-secondary-error-text-active": "#FFFFFF",
+  "eds-theme-color-button-secondary-error-icon": "#D41E52",
+  "eds-theme-color-button-secondary-error-icon-hover": "#FFFFFF",
+  "eds-theme-color-button-secondary-error-icon-active": "#FFFFFF",
+  "eds-theme-color-button-icon-brand": "#6B65E2",
+  "eds-theme-color-button-icon-brand-hover": "#6B65E2",
+  "eds-theme-color-button-icon-brand-active": "#FFFFFF",
+  "eds-theme-color-button-icon-brand-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-brand-background-hover": "#E0E0F9",
+  "eds-theme-color-button-icon-brand-background-active": "#5751D2",
+  "eds-theme-color-button-icon-brand-border": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-brand-border-hover": "#E0E0F9",
+  "eds-theme-color-button-icon-brand-border-active": "#5751D2",
+  "eds-theme-color-button-icon-brand-text": "#5751D2",
+  "eds-theme-color-button-icon-brand-text-hover": "#5751D2",
+  "eds-theme-color-button-icon-brand-text-active": "#FFFFFF",
+  "eds-theme-color-button-icon-neutral": "#5D6369",
+  "eds-theme-color-button-icon-neutral-hover": "#5D6369",
+  "eds-theme-color-button-icon-neutral-active": "#FFFFFF",
+  "eds-theme-color-button-icon-neutral-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-neutral-background-hover": "#E7E8EA",
+  "eds-theme-color-button-icon-neutral-background-active": "#5D6369",
+  "eds-theme-color-button-icon-neutral-border": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-neutral-border-hover": "#E7E8EA",
+  "eds-theme-color-button-icon-neutral-border-active": "#5D6369",
+  "eds-theme-color-button-icon-neutral-text": "#5D6369",
+  "eds-theme-color-button-icon-neutral-text-hover": "#5D6369",
+  "eds-theme-color-button-icon-neutral-text-active": "#FFFFFF",
+  "eds-theme-color-button-icon-success": "#008656",
+  "eds-theme-color-button-icon-success-hover": "#008656",
+  "eds-theme-color-button-icon-success-active": "#FFFFFF",
+  "eds-theme-color-button-icon-success-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-success-background-hover": "#B7E9CE",
+  "eds-theme-color-button-icon-success-background-active": "#007249",
+  "eds-theme-color-button-icon-success-border": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-success-border-hover": "#B7E9CE",
+  "eds-theme-color-button-icon-success-border-active": "#007249",
+  "eds-theme-color-button-icon-success-text": "#007249",
+  "eds-theme-color-button-icon-success-text-hover": "#007249",
+  "eds-theme-color-button-icon-success-text-active": "#FFFFFF",
+  "eds-theme-color-button-icon-warning": "#C64600",
+  "eds-theme-color-button-icon-warning-hover": "#C64600",
+  "eds-theme-color-button-icon-warning-active": "#FFFFFF",
+  "eds-theme-color-button-icon-warning-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-warning-background-hover": "#FFF1E9",
+  "eds-theme-color-button-icon-warning-background-active": "#AC3400",
+  "eds-theme-color-button-icon-warning-border": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-warning-border-hover": "#FFF1E9",
+  "eds-theme-color-button-icon-warning-border-active": "#AC3400",
+  "eds-theme-color-button-icon-warning-text": "#AC3400",
+  "eds-theme-color-button-icon-warning-text-hover": "#AC3400",
+  "eds-theme-color-button-icon-warning-text-active": "#FFFFFF",
+  "eds-theme-color-button-icon-error": "#D41E52",
+  "eds-theme-color-button-icon-error-hover": "#D41E52",
+  "eds-theme-color-button-icon-error-active": "#FFFFFF",
+  "eds-theme-color-button-icon-error-background": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-error-background-hover": "#FFCBD7",
+  "eds-theme-color-button-icon-error-background-active": "#BD0044",
+  "eds-theme-color-button-icon-error-border": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-button-icon-error-border-hover": "#FFCBD7",
+  "eds-theme-color-button-icon-error-border-active": "#BD0044",
+  "eds-theme-color-button-icon-error-text": "#BD0044",
+  "eds-theme-color-button-icon-error-text-hover": "#BD0044",
+  "eds-theme-color-button-icon-error-text-active": "#FFFFFF",
+  "eds-theme-color-checkbox-brand-background": "#8984E8",
+  "eds-theme-color-data-bar-background": "#F4F6F8",
+  "eds-theme-color-data-bar-border": "#C0C4C8",
+  "eds-theme-color-focus-ring": "#6B65E2",
+  "eds-theme-color-focus-ring-inverted": "#FFFFFF",
+  "eds-theme-color-form-border": "#878C90",
+  "eds-theme-color-form-border-hover": "#333231",
+  "eds-theme-color-form-background": "#FFFFFF",
+  "eds-theme-color-form-background-hover": "#F4F6F8",
+  "eds-theme-color-form-label": "#383C43",
+  "eds-theme-color-icon-neutral-default": "#5D6369",
+  "eds-theme-color-icon-neutral-default-inverse": "#FFFFFF",
+  "eds-theme-color-icon-neutral-default-hover": "#383C43",
+  "eds-theme-color-icon-neutral-strong": "#383C43",
+  "eds-theme-color-icon-neutral-strong-hover": "#333231",
+  "eds-theme-color-icon-neutral-subtle": "#878C90",
+  "eds-theme-color-icon-neutral-subtle-hover": "#5D6369",
+  "eds-theme-color-icon-link-default": "#6B65E2",
+  "eds-theme-color-icon-link-default-hover": "#5751D2",
+  "eds-theme-color-icon-brand-primary": "#8984E8",
+  "eds-theme-color-icon-brand-primary-hover": "#6B65E2",
+  "eds-theme-color-icon-utility-default-primary": "#0F2163",
+  "eds-theme-color-icon-utility-default-primary-hover": "#0A164C",
+  "eds-theme-color-icon-utility-default-primary-active": "#060E30",
+  "eds-theme-color-icon-utility-default-secondary": "#6C6967",
+  "eds-theme-color-icon-utility-default-secondary-hover": "#565352",
+  "eds-theme-color-icon-utility-default-secondary-active": "#3F3E3D",
+  "eds-theme-color-icon-utility-interactive-primary": "#0F2163",
+  "eds-theme-color-icon-utility-interactive-primary-hover": "#0A164C",
+  "eds-theme-color-icon-utility-interactive-primary-active": "#060E30",
+  "eds-theme-color-icon-utility-interactive-primary-visited": "#0F2163",
+  "eds-theme-color-icon-utility-interactive-secondary": "#3165D2",
+  "eds-theme-color-icon-utility-interactive-secondary-hover": "#254EAC",
+  "eds-theme-color-icon-utility-interactive-secondary-active": "#1B3889",
+  "eds-theme-color-icon-utility-interactive-secondary-visited": "#3165D2",
+  "eds-theme-color-icon-utility-interactive-visited": "#8A50A7",
+  "eds-theme-color-icon-utility-critical": "#A51115",
+  "eds-theme-color-icon-utility-critical-hover": "#7D0A16",
+  "eds-theme-color-icon-utility-critical-active": "#660517",
+  "eds-theme-color-icon-utility-favorable": "#367759",
+  "eds-theme-color-icon-utility-favorable-hover": "#225E43",
+  "eds-theme-color-icon-utility-favorable-active": "#13462F",
+  "eds-theme-color-icon-utility-warning": "#876701",
+  "eds-theme-color-icon-utility-warning-hover": "#695001",
+  "eds-theme-color-icon-utility-warning-active": "#4D3A01",
+  "eds-theme-color-icon-utility-informational": "#3165D2",
+  "eds-theme-color-icon-utility-informational-hover": "#254EAC",
+  "eds-theme-color-icon-utility-informational-active": "#1B3889",
+  "eds-theme-color-icon-utility-disabled-primary": "#A09C9A",
+  "eds-theme-color-icon-utility-disabled-secondary": "#CFC9C7",
+  "eds-theme-color-icon-utility-inverse": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-icon-utility-inverse-disabled": "rgb(var(--eds-color-white) / 0.5)",
+  "eds-theme-color-icon-utility-placeholder": "#6C6967",
+  "eds-theme-color-icon-utility-success": "#00A56A",
+  "eds-theme-color-icon-utility-success-hover": "#008656",
+  "eds-theme-color-icon-utility-error": "#F1497B",
+  "eds-theme-color-icon-utility-error-hover": "#D41E52",
+  "eds-theme-color-icon-grade-complete": "#00A56A",
+  "eds-theme-color-icon-grade-complete-hover": "#00A56A",
+  "eds-theme-color-icon-grade-revise": "#333231",
+  "eds-theme-color-icon-grade-revise-hover": "#161B1F",
+  "eds-theme-color-icon-grade-stop": "#F1497B",
+  "eds-theme-color-icon-grade-stop-hover": "#D41E52",
+  "eds-theme-color-icon-disabled": "#C0C4C8",
+  "eds-theme-color-link-brand-text": "var(--eds-theme-color-text-neutral-strong)",
+  "eds-theme-color-link-brand-text-hover": "var(--eds-theme-color-text-brand-default)",
+  "eds-theme-color-link-brand-text-focus": "var(--eds-theme-color-text-neutral-default-inverse)",
+  "eds-theme-color-link-brand-text-decoration": "var(--eds-theme-color-text-brand-default)",
+  "eds-theme-color-link-brand-text-decoration-hover": "var(--eds-theme-color-text-brand-default)",
+  "eds-theme-color-link-brand-text-decoration-focus": "var(--eds-theme-color-text-neutral-default-inverse)",
+  "eds-theme-color-link-brand-background-focus": "var(--eds-theme-color-text-brand-default)",
+  "eds-theme-color-link-neutral-text": "var(--eds-theme-color-text-neutral-strong)",
+  "eds-theme-color-link-neutral-text-hover": "var(--eds-theme-color-text-brand-default)",
+  "eds-theme-color-link-neutral-text-focus": "var(--eds-theme-color-text-neutral-default-inverse)",
+  "eds-theme-color-link-neutral-text-decoration": "var(--eds-theme-color-text-neutral-default)",
+  "eds-theme-color-link-neutral-text-decoration-hover": "var(--eds-theme-color-text-brand-default)",
+  "eds-theme-color-link-neutral-text-decoration-focus": "var(--eds-theme-color-text-neutral-default-inverse)",
+  "eds-theme-color-link-neutral-background-focus": "var(--eds-theme-color-text-neutral-default)",
+  "eds-theme-color-modal-brand-header-background": "#8984E8",
+  "eds-theme-color-progress-bar-background": "#E7E8EA",
+  "eds-theme-color-progress-bar-border": "#E7E8EA",
+  "eds-theme-color-radio-brand-background": "#8984E8",
+  "eds-theme-color-text-neutral-default": "#383C43",
+  "eds-theme-color-text-neutral-default-inverse": "#FFFFFF",
+  "eds-theme-color-text-neutral-strong": "#333231",
+  "eds-theme-color-text-neutral-subtle": "#5D6369",
+  "eds-theme-color-text-utility-default-primary": "#0F2163",
+  "eds-theme-color-text-utility-default-primary-hover": "#0A164C",
+  "eds-theme-color-text-utility-default-primary-active": "#060E30",
+  "eds-theme-color-text-utility-default-secondary": "#6C6967",
+  "eds-theme-color-text-utility-default-secondary-hover": "#565352",
+  "eds-theme-color-text-utility-default-secondary-active": "#3F3E3D",
+  "eds-theme-color-text-utility-interactive-primary": "#0F2163",
+  "eds-theme-color-text-utility-interactive-primary-hover": "#0A164C",
+  "eds-theme-color-text-utility-interactive-primary-active": "#060E30",
+  "eds-theme-color-text-utility-interactive-primary-visited": "#0F2163",
+  "eds-theme-color-text-utility-interactive-secondary": "#3165D2",
+  "eds-theme-color-text-utility-interactive-secondary-hover": "#254EAC",
+  "eds-theme-color-text-utility-interactive-secondary-active": "#1B3889",
+  "eds-theme-color-text-utility-interactive-secondary-visited": "#3165D2",
+  "eds-theme-color-text-utility-interactive-visited": "#8A50A7",
+  "eds-theme-color-text-utility-critical": "#A51115",
+  "eds-theme-color-text-utility-critical-hover": "#7D0A16",
+  "eds-theme-color-text-utility-critical-active": "#660517",
+  "eds-theme-color-text-utility-favorable": "#367759",
+  "eds-theme-color-text-utility-favorable-hover": "#225E43",
+  "eds-theme-color-text-utility-favorable-active": "#13462F",
+  "eds-theme-color-text-utility-warning": "#876701",
+  "eds-theme-color-text-utility-warning-hover": "#695001",
+  "eds-theme-color-text-utility-warning-active": "#4D3A01",
+  "eds-theme-color-text-utility-informational": "#3165D2",
+  "eds-theme-color-text-utility-informational-hover": "#254EAC",
+  "eds-theme-color-text-utility-informational-active": "#1B3889",
+  "eds-theme-color-text-utility-disabled-primary": "#A09C9A",
+  "eds-theme-color-text-utility-disabled-secondary": "#CFC9C7",
+  "eds-theme-color-text-utility-inverse": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-text-utility-inverse-disabled": "rgb(var(--eds-color-white) / 0.5)",
+  "eds-theme-color-text-utility-inverse-interactive-visited": "rgb(var(--eds-color-white) / 1)",
+  "eds-theme-color-text-utility-placeholder": "#6C6967",
+  "eds-theme-color-text-utility-success": "#007249",
+  "eds-theme-color-text-utility-error": "#BD0044",
+  "eds-theme-color-text-grade-complete": "#007249",
+  "eds-theme-color-text-grade-revise": "#333231",
+  "eds-theme-color-text-grade-stop": "#BD0044",
+  "eds-theme-color-text-disabled": "#C0C4C8",
+  "eds-theme-color-text-brand-default": "var(--eds-theme-color-text-brand-primary)",
+  "eds-theme-color-text-brand-primary": "#5751D2",
+  "eds-theme-color-text-highlight-foreground": "#333231",
+  "eds-theme-color-text-highlight-background": "#FDF1D0",
+  "eds-theme-color-toggle-on-background": "var(--eds-theme-color-background-brand-primary-strong)",
+  "eds-theme-color-toggle-off-background": "var(--eds-theme-color-icon-neutral-subtle)",
+  "eds-theme-color-toggle-disabled-background": "var(--eds-theme-color-icon-disabled)",
+  "eds-theme-color-toggle-disabled-text": "var(--eds-theme-color-text-disabled)",
+  "eds-theme-color-toggle-primary-text": "var(--eds-theme-color-text-neutral-default)",
+  "eds-theme-color-toggle-thumb": "var(--eds-theme-color-text-neutral-default-inverse)",
+  "eds-theme-color-transparent-black-0": "rgba(0, 0, 0, 0)",
+  "eds-theme-color-transparent-black-30": "rgba(0, 0, 0, .3)",
+  "eds-theme-color-transparent-white-0": "rgba(255, 255, 255, 0)",
+  "eds-theme-typography-headline-lg": "var(--eds-typography-preset-001-light)",
+  "eds-theme-typography-headline-lg-bold": "var(--eds-typography-preset-001)",
+  "eds-theme-typography-headline-lg-bold-mobile": "var(--eds-typography-preset-mobile-001)",
+  "eds-theme-typography-headline-lg-mobile": "var(--eds-typography-preset-mobile-001-light)",
+  "eds-theme-typography-headline-md": "var(--eds-typography-preset-002-light)",
+  "eds-theme-typography-headline-md-bold": "var(--eds-typography-preset-002)",
+  "eds-theme-typography-headline-md-bold-mobile": "var(--eds-typography-preset-mobile-002)",
+  "eds-theme-typography-headline-md-mobile": "var(--eds-typography-preset-mobile-002-light)",
+  "eds-theme-typography-headline-sm": "var(--eds-typography-preset-003-light)",
+  "eds-theme-typography-headline-sm-bold": "var(--eds-typography-preset-003)",
+  "eds-theme-typography-headline-sm-bold-mobile": "var(--eds-typography-preset-mobile-003)",
+  "eds-theme-typography-headline-sm-mobile": "var(--eds-typography-preset-mobile-003-light)",
+  "eds-theme-typography-headline-secondary-lg": "var(--eds-typography-preset-secondary-001-light)",
+  "eds-theme-typography-headline-secondary-lg-bold": "var(--eds-typography-preset-secondary-001)",
+  "eds-theme-typography-headline-secondary-lg-bold-mobile": "var(--eds-typography-preset-secondary-mobile-001-bold)",
+  "eds-theme-typography-headline-secondary-lg-mobile": "var(--eds-typography-preset-secondary-mobile-001-light)",
+  "eds-theme-typography-headline-secondary-md": "var(--eds-typography-preset-secondary-002-light)",
+  "eds-theme-typography-headline-secondary-md-bold": "var(--eds-typography-preset-secondary-002)",
+  "eds-theme-typography-headline-secondary-md-bold-mobile": "var(--eds-typography-secondary-mobile-002-bold)",
+  "eds-theme-typography-headline-secondary-md-mobile": "var(--eds-typography-preset-mobile-002-light)",
+  "eds-theme-typography-headline-secondary-sm": "var(--eds-typography-preset-secondary-003-light)",
+  "eds-theme-typography-headline-secondary-sm-bold": "var(--eds-typography-preset-secondary-003)",
+  "eds-theme-typography-headline-secondary-sm-bold-mobile": "var(--eds-typography-preset-secondary-mobile-003-bold)",
+  "eds-theme-typography-headline-secondary-sm-mobile": "var(--eds-typography-preset-secondary-mobile-003-light)",
+  "eds-theme-typography-title-lg": "var(--eds-typography-preset-004)",
+  "eds-theme-typography-title-lg-bold": "var(--eds-typography-preset-004-bold)",
+  "eds-theme-typography-title-md": "var(--eds-typography-preset-004)",
+  "eds-theme-typography-title-md-bold": "var(--eds-typography-preset-004-bold)",
+  "eds-theme-typography-title-sm": "var(--eds-typography-preset-005)",
+  "eds-theme-typography-title-sm-bold": "var(--eds-typography-preset-005-bold)",
+  "eds-theme-typography-title-xs": "var(--eds-typography-preset-007)",
+  "eds-theme-typography-title-xs-bold": "var(--eds-typography-preset-007-bold)",
+  "eds-theme-typography-label-lg-subtle": "var(--eds-typography-preset-005)",
+  "eds-theme-typography-label-md": "var(--eds-typography-preset-007-bold)",
+  "eds-theme-typography-label-md-subtle": "var(--eds-typography-preset-007)",
+  "eds-theme-typography-label-sm": "var(--eds-typography-preset-009-bold)",
+  "eds-theme-typography-body-xl": "var(--eds-typography-preset-003-light)",
+  "eds-theme-typography-body-lg": "var(--eds-typography-preset-004-light)",
+  "eds-theme-typography-body-md": "var(--eds-typography-preset-005-light)",
+  "eds-theme-typography-body-sm": "var(--eds-typography-preset-006-light)",
+  "eds-theme-typography-body-xs": "var(--eds-typography-preset-008-light)",
+  "eds-theme-typography-caption-lg": "var(--eds-typography-preset-006-light)",
+  "eds-theme-typography-caption-lg-bold": "var(--eds-typography-preset-006)",
+  "eds-theme-typography-caption-md": "var(--eds-typography-preset-008-light)",
+  "eds-theme-typography-caption-md-bold": "var(--eds-typography-preset-008)",
+  "eds-theme-typography-caption-sm": "var(--eds-typography-preset-010-light)",
+  "eds-theme-typography-caption-sm-bold": "var(--eds-typography-preset-010)",
+  "eds-theme-typography-overline": "var(--eds-typography-preset-011)",
+  "eds-theme-typography-overline-lg": "var(--eds-typography-preset-005)",
+  "eds-theme-typography-overline-md": "var(--eds-typography-preset-011)",
+  "eds-theme-typography-overline-sm": "var(--eds-typography-preset-012)",
+  "eds-theme-typography-callout": "var(--eds-typography-preset-002-light)",
+  "eds-theme-typography-breadcrumb": "var(--eds-typography-preset-009)",
+  "eds-theme-typography-button-lg": "var(--eds-typography-preset-005)",
+  "eds-theme-typography-button-md": "var(--eds-typography-preset-005)",
+  "eds-theme-typography-button-sm": "var(--eds-typography-preset-009)",
+  "eds-theme-typography-button-label": "var(--eds-typography-preset-006)",
+  "eds-theme-typography-button-label-sm": "var(--eds-typography-preset-008-bold)",
+  "eds-theme-typography-form-label": "var(--eds-typography-preset-006)",
+  "eds-theme-typography-form-input": "var(--eds-typography-preset-005-light)",
+  "eds-theme-typography-link-lg": "var(--eds-typography-preset-004)",
+  "eds-theme-typography-link-md": "var(--eds-typography-preset-005)",
+  "eds-theme-typography-link-sm": "var(--eds-typography-preset-007)",
+  "eds-theme-typography-link-xs": "var(--eds-typography-preset-009)",
+  "eds-theme-typography-tab-lg": "var(--eds-typography-preset-006-light)",
+  "eds-theme-typography-tab-lg-active": "var(--eds-typography-preset-006)",
+  "eds-theme-typography-tab-sm": "var(--eds-typography-preset-008-light)",
+  "eds-theme-typography-tab-sm-active": "var(--eds-typography-preset-009)",
+  "eds-theme-typography-tag": "var(--eds-typography-preset-009)",
+  "eds-font-family-primary": "'Graphik', sans-serif",
+  "eds-font-family-secondary": "'Argent', serif",
+  "eds-font-size-base": "16",
+  "eds-font-weight-light": "400",
+  "eds-font-weight-medium": "500",
+  "eds-font-weight-bold": "600",
+  "eds-letter-spacing-sm": "0.5",
+  "eds-typography-preset-001": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-primary)",
+  "eds-typography-preset-001-light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-primary)",
+  "eds-typography-preset-001-bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-primary)",
+  "eds-typography-preset-001-mobile": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)",
+  "eds-typography-preset-002": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)",
+  "eds-typography-preset-002-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)",
+  "eds-typography-preset-002-bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)",
+  "eds-typography-preset-002-mobile": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-003": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-003-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-003-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-003-mobile": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)",
+  "eds-typography-preset-004": "var(--eds-font-weight-medium) 1.125rem/1.55555556 var(--eds-font-family-primary)",
+  "eds-typography-preset-004-light": "var(--eds-font-weight-light) 1.125rem/1.55555556 var(--eds-font-family-primary)",
+  "eds-typography-preset-004-bold": "var(--eds-font-weight-bold) 1.125rem/1.55555556 var(--eds-font-family-primary)",
+  "eds-typography-preset-005": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-primary)",
+  "eds-typography-preset-005-light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-primary)",
+  "eds-typography-preset-005-bold": "var(--eds-font-weight-bold) 1rem/1.5 var(--eds-font-family-primary)",
+  "eds-typography-preset-006": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-primary)",
+  "eds-typography-preset-006-light": "var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-primary)",
+  "eds-typography-preset-006-bold": "var(--eds-font-weight-bold) 0.875rem/1.57142857 var(--eds-font-family-primary)",
+  "eds-typography-preset-007": "var(--eds-font-weight-medium) 0.875rem/1.28571429 var(--eds-font-family-primary)",
+  "eds-typography-preset-007-light": "var(--eds-font-weight-light) 0.875rem/1.28571429 var(--eds-font-family-primary)",
+  "eds-typography-preset-007-bold": "var(--eds-font-weight-bold) 0.875rem/1.28571429 var(--eds-font-family-primary)",
+  "eds-typography-preset-008": "var(--eds-font-weight-medium) 0.75rem/1.666666667 var(--eds-font-family-primary)",
+  "eds-typography-preset-008-light": "var(--eds-font-weight-light) 0.75rem/1.666666667 var(--eds-font-family-primary)",
+  "eds-typography-preset-008-bold": "var(--eds-font-weight-bold) 0.75rem/1.666666667 var(--eds-font-family-primary)",
+  "eds-typography-preset-009": "var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-009-light": "var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-009-bold": "var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-010": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+  "eds-typography-preset-010-light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+  "eds-typography-preset-010-bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+  "eds-typography-preset-011": "var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-011-light": "var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-011-bold": "var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+  "eds-typography-preset-012": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+  "eds-typography-preset-012-light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+  "eds-typography-preset-012-bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+  "eds-typography-preset-secondary-001": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-001-light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-001-bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-002": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-002-light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-003": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-003-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-003-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-004": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-004-light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-005": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-005-light": "var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-006": "var(--eds-font-weight-medium) 0.875rem/1.42857143 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-006-light": "var(--eds-font-weight-light) 0.875rem/1.42857143 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-007": "var(--eds-font-weight-medium) 0.75rem/1.66666667 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-007-light": "var(--eds-font-weight-light) 0.75rem/1.66666667 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-008": "var(--eds-font-weight-medium) 0.75rem/1.33333333 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-008-light": "var(--eds-font-weight-light) 0.75rem/1.33333333 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-mobile-001-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-mobile-001": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-mobile-002-light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-mobile-002": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-mobile-002-bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-mobile-003-light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)",
+  "eds-typography-preset-secondary-mobile-003": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary)",
+  "eds-typography-preset-mobile-001-light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)",
+  "eds-typography-preset-mobile-001": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)",
+  "eds-typography-preset-mobile-001-bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)",
+  "eds-typography-preset-mobile-002-light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-primary)",
+  "eds-typography-preset-mobile-002": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-primary)",
+  "eds-typography-preset-mobile-002-bold": "var(--eds-font-weight-bold) 1.75rem/1.28571429 var(--eds-font-family-primary)",
+  "eds-typography-preset-mobile-003-light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-primary)",
+  "eds-typography-preset-mobile-003": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-primary)",
+  "eds-typography-preset-mobile-003-bold": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)"
 }
diff --git a/bin/eds-apply-theme.js b/bin/eds-apply-theme.js
index 9f4dd3003..9cbb1147a 100755
--- a/bin/eds-apply-theme.js
+++ b/bin/eds-apply-theme.js
@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 (async function () {
-  const StyleDictionary = require('style-dictionary');
+  const StyleDictionary = (await import('style-dictionary')).default;
   const {
     formatEdsTokens,
     getConfig,
@@ -21,7 +21,7 @@
 
   StyleDictionary.registerFormat({
     name: 'json/tailwind-utility-config',
-    formatter: function (dictionary) {
+    format: function (dictionary) {
       const minifiedCssDictionary = minifyDictionaryUsingFormat(
         dictionary.properties,
         (obj) => `${obj.value}`,
@@ -31,11 +31,11 @@
     },
   });
 
-  const EDSStyleDictionary = StyleDictionary.extend({
+  const EDSStyleDictionary = new StyleDictionary({
     source: [config.src + 'app-theme.json'],
     platforms: {
       css: {
-        transforms: [...StyleDictionary.transformGroup.css, 'name/cti/kebab'],
+        transforms: [...StyleDictionary.transformGroup.css, 'name/kebab'],
         buildPath: config.dest,
         files: [
           {
@@ -63,8 +63,10 @@
     },
   });
 
+  await EDSStyleDictionary.hasInitialized;
+
   try {
-    EDSStyleDictionary.buildAllPlatforms();
+    await EDSStyleDictionary.buildAllPlatforms();
   } catch (error) {
     // TODO: if theme has things not in base, error showing where the conflict
     console.error('EDS theming error:', error.message);
diff --git a/src/tokens-dist/css/variables.css b/src/tokens-dist/css/variables.css
index 229db7bf8..9183c1312 100644
--- a/src/tokens-dist/css/variables.css
+++ b/src/tokens-dist/css/variables.css
@@ -1,829 +1,829 @@
 :root {
-  --eds-z-index-bottom: -100;
-  --eds-z-index-top: 99999;
-  --eds-z-index-500: 500; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-z-index-400: 400; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-z-index-300: 300; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-z-index-200: 200; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-z-index-100: 100; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-z-index-0: 0; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-size-2-and-half: 20; /* Relative EMs (rem) */
-  --eds-size-1-and-half: 12; /* Relative EMs (rem) */
-  --eds-size-quarter: 2; /* Relative EMs (rem) */
-  --eds-size-half: 4; /* Relative EMs (rem) */
-  --eds-size-base-unit: 8; /* Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-size-40: 320; /* Relative EMs (rem) */
-  --eds-size-34: 272; /* Relative EMs (rem) */
-  --eds-size-32: 256; /* Relative EMs (rem) */
-  --eds-size-24: 192; /* Relative EMs (rem) */
-  --eds-size-20: 160; /* Relative EMs (rem) */
-  --eds-size-12: 96; /* Relative EMs (rem) */
-  --eds-size-11: 88; /* Relative EMs (rem) */
-  --eds-size-10: 80; /* Relative EMs (rem) */
-  --eds-size-9: 72; /* Relative EMs (rem) */
-  --eds-size-8: 64; /* Relative EMs (rem) */
-  --eds-size-7: 56; /* Relative EMs (rem) */
-  --eds-size-6: 48; /* Relative EMs (rem) */
-  --eds-size-5: 40; /* Relative EMs (rem) */
-  --eds-size-4: 32; /* Relative EMs (rem) */
-  --eds-size-3: 24; /* Relative EMs (rem) */
-  --eds-size-2: 16; /* Relative EMs (rem) */
-  --eds-size-1: 8; /* Relative EMs (rem) */
-  --eds-box-shadow-xl: 0px 6px 20px rgba(0, 0, 0, 0.2); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-box-shadow-lg: 0px 4px 12px rgba(0, 0, 0, 0.16); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-box-shadow-md: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.08); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-box-shadow-sm: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-outline-width-lg: 4; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-outline-width-md: 2; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-outline-width-sm: 1; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-l-linelength-width: 576; /* Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-l-sidebar-width: 216; /* Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-l-max-width: 1140; /* Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-ruby-800: #8F0134; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-ruby-700: #BD0044; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-ruby-600: #D41E52; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-ruby-500: #F1497B; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-ruby-400: #F76C96; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-ruby-300: #FB90B0; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-ruby-200: #FFCBD7; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-ruby-100: #FFF0F4; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-orange-800: #842800; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-orange-700: #AC3400; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-orange-600: #C64600; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-orange-500: #E06B00; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-orange-400: #F6924A; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-orange-300: #FFAF76; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-orange-200: #FFCBA5; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-orange-100: #FFF1E9; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-eraser: #F3DCE2; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-lemon: #F5FF8F; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-yellow-800: #854C03; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-yellow-700: #9E5B03; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-yellow-600: #BF7300; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-yellow-500: #D18400; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-yellow-400: #F7BE2D; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-yellow-300: #FFDD80; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-yellow-200: #FFEBB3; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-yellow-100: #FDF1D0; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-mint-800: #005939; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-mint-700: #007249; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-mint-600: #008656; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-mint-500: #00A56A; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-mint-400: #59C88C; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-mint-300: #8FDCB3; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-mint-200: #B7E9CE; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-other-mint-100: #ECFFF5; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-opacity-80: 0.80;
-  --eds-color-opacity-70: 0.60;
-  --eds-color-opacity-60: 0.60;
-  --eds-color-opacity-50: 0.50;
-  --eds-color-opacity-40: 0.40;
-  --eds-color-opacity-30: 0.30;
-  --eds-color-opacity-20: 0.20;
-  --eds-color-opacity-10: 0.10;
-  --eds-color-purple-050: #FBF5FD;
-  --eds-color-purple-950: #190D1E;
-  --eds-color-purple-900: #25142E;
-  --eds-color-purple-850: #311A3C;
-  --eds-color-purple-800: #452455;
-  --eds-color-purple-750: #562D69;
-  --eds-color-purple-650: #6E3A88;
-  --eds-color-purple-550: #8A50A7;
-  --eds-color-purple-450: #A765C7;
-  --eds-color-purple-350: #C580E7;
-  --eds-color-purple-250: #D5A2EE;
-  --eds-color-purple-200: #E0BAF2;
-  --eds-color-purple-150: #EAD1F6;
-  --eds-color-purple-100: #F3E5FA;
-  --eds-color-pink-550: #C62B73;
-  --eds-color-pink-450: #DB458D;
-  --eds-color-pink-350: #E67EB0;
-  --eds-color-blue-050: #EAF4FF;
-  --eds-color-blue-025: #F5FAFF;
-  --eds-color-blue-950: #060E30;
-  --eds-color-blue-900: #0A164C;
-  --eds-color-blue-850: #0F2163;
-  --eds-color-blue-800: #152D76;
-  --eds-color-blue-750: #1B3889;
-  --eds-color-blue-650: #254EAC;
-  --eds-color-blue-550: #3165D2;
-  --eds-color-blue-450: #437EED;
-  --eds-color-blue-350: #6199F3;
-  --eds-color-blue-250: #85BAFB;
-  --eds-color-blue-200: #99CCFF;
-  --eds-color-blue-150: #B5DAFF;
-  --eds-color-blue-100: #CEE6FF;
-  --eds-color-green-050: #E6F5ED;
-  --eds-color-green-950: #05120C;
-  --eds-color-green-900: #071B12;
-  --eds-color-green-850: #0A271A;
-  --eds-color-green-800: #0E3423;
-  --eds-color-green-750: #13462F;
-  --eds-color-green-650: #225E43;
-  --eds-color-green-550: #367759;
-  --eds-color-green-450: #3F926D;
-  --eds-color-green-350: #57B083;
-  --eds-color-green-250: #74C899;
-  --eds-color-green-200: #95D5B1;
-  --eds-color-green-150: #B3E1C7;
-  --eds-color-green-100: #D0EDDD;
-  --eds-color-yellow-050: #FDF3D3;
-  --eds-color-yellow-950: #130E01;
-  --eds-color-yellow-900: #1E1701;
-  --eds-color-yellow-850: #2B2001;
-  --eds-color-yellow-800: #392B01;
-  --eds-color-yellow-750: #4D3A01;
-  --eds-color-yellow-650: #695001;
-  --eds-color-yellow-550: #876701;
-  --eds-color-yellow-450: #A57D01;
-  --eds-color-yellow-350: #C4970C;
-  --eds-color-yellow-250: #E7B724;
-  --eds-color-yellow-200: #F1CA53;
-  --eds-color-yellow-150: #F9DA78;
-  --eds-color-yellow-100: #FBE8AB;
-  --eds-color-orange-050: #FFEEE5;
-  --eds-color-orange-950: #1B0A02;
-  --eds-color-orange-900: #2B1003;
-  --eds-color-orange-850: #401805;
-  --eds-color-orange-800: #532006;
-  --eds-color-orange-750: #672808;
-  --eds-color-orange-650: #92380C;
-  --eds-color-orange-550: #B8470F;
-  --eds-color-orange-450: #D0622C;
-  --eds-color-orange-350: #E87F4A;
-  --eds-color-orange-250: #FFA070;
-  --eds-color-orange-200: #FFB38D;
-  --eds-color-orange-150: #FFC7AB;
-  --eds-color-orange-100: #FFDCCA;
-  --eds-color-red-050: #FDF3F4;
-  --eds-color-red-950: #23010B;
-  --eds-color-red-900: #350110;
-  --eds-color-red-850: #4D0118;
-  --eds-color-red-800: #660517;
-  --eds-color-red-750: #7D0A16;
-  --eds-color-red-650: #A51115;
-  --eds-color-red-550: #C42C2F;
-  --eds-color-red-450: #D8525B;
-  --eds-color-red-350: #E9808C;
-  --eds-color-red-250: #EFA0A9;
-  --eds-color-red-200: #F3B7BD;
-  --eds-color-red-150: #F6CDD1;
-  --eds-color-red-100: #FAE2E5;
-  --eds-color-neutral-black: #161B1F; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-neutral-050: #F9F3F1;
-  --eds-color-neutral-025: #FDF9F8;
-  --eds-color-neutral-white: #FFFFFF; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-neutral-950: #0F0F0F;
-  --eds-color-neutral-900: #1A1919;
-  --eds-color-neutral-850: #272625;
-  --eds-color-neutral-800: #333231;
-  --eds-color-neutral-750: #3F3E3D;
-  --eds-color-neutral-700: #383C43; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-neutral-650: #565352;
-  --eds-color-neutral-600: #5D6369; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-neutral-550: #6C6967;
-  --eds-color-neutral-500: #878C90; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-neutral-450: #868281;
-  --eds-color-neutral-400: #999EA3; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-neutral-350: #A09C9A;
-  --eds-color-neutral-300: #C0C4C8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-neutral-250: #BEB8B6;
-  --eds-color-neutral-200: #CFC9C7;
-  --eds-color-neutral-150: #DFD9D6;
-  --eds-color-neutral-100: #EEE7E4;
-  --eds-color-brand-grape-800: #3E42B1; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-brand-grape-700: #5751D2; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-brand-grape-600: #6B65E2; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-brand-grape-500: #8984E8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-brand-grape-400: #A6A3EE; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-brand-grape-300: #C4C1F3; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-brand-grape-200: #E0E0F9; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-brand-grape-100: #F0F0FC; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-color-black: 0 0 0; /* Specified as a value to color-func rgb() so that it can be blended */
-  --eds-color-white: 255 255 255; /* Specified as a value to color-func rgb() so that it can be blended */
-  --eds-border-radius-full: 9999; /* pixels (px) */
-  --eds-border-radius-round: 50; /* Percentage (%) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-border-radius-xl: 20; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-border-radius-lg: 8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-border-radius-md: 4; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-border-radius-none: 0; /* pixels (px) */
-  --eds-border-radius-500: 20; /* pixels (px) */
-  --eds-border-radius-200: 8; /* pixels (px) */
-  --eds-border-radius-150: 6; /* pixels (px) */
-  --eds-border-radius-100: 4; /* pixels (px) */
-  --eds-border-radius-50: 2; /* pixels (px) */
-  --eds-border-width-xl: 8; /* pixels (px) */
-  --eds-border-width-lg: 4; /* pixels (px) */
-  --eds-border-width-md: 2; /* pixels (px) */
-  --eds-border-width-sm: 1; /* pixels (px) */
-  --eds-anim-ease: ease; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-anim-move-long: 0.4; /* Seconds (s) */
-  --eds-anim-move-medium: 0.3; /* Seconds (s) */
-  --eds-anim-move-quick: 0.15; /* Seconds (s) */
-  --eds-anim-fade-long: 0.4; /* Seconds (s) */
   --eds-anim-fade-quick: 0.15; /* Seconds (s) */
-  --eds-theme-color-transparent-white-0: rgba(255, 255, 255, 0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-transparent-black-30: rgba(0, 0, 0, .3); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-transparent-black-0: rgba(0, 0, 0, 0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-toggle-thumb: var(--eds-theme-color-text-neutral-default-inverse);
-  --eds-theme-color-toggle-primary-text: var(--eds-theme-color-text-neutral-default);
-  --eds-theme-color-toggle-disabled-text: var(--eds-theme-color-text-disabled);
-  --eds-theme-color-toggle-disabled-background: var(--eds-theme-color-icon-disabled);
-  --eds-theme-color-toggle-off-background: var(--eds-theme-color-icon-neutral-subtle);
-  --eds-theme-color-toggle-on-background: var(--eds-theme-color-background-brand-primary-strong);
-  --eds-theme-color-text-brand-default: var(--eds-theme-color-text-brand-primary);
-  --eds-theme-color-text-utility-inverse-interactive-visited: rgb(var(--eds-color-white) / 1);
-  --eds-theme-color-text-utility-inverse-disabled: rgb(var(--eds-color-white) / 0.5);
-  --eds-theme-color-text-utility-inverse: rgb(var(--eds-color-white) / 1);
-  --eds-theme-color-progress-bar-border: #E7E8EA;
-  --eds-theme-color-progress-bar-background: #E7E8EA;
-  --eds-theme-color-link-neutral-background-focus: var(--eds-theme-color-text-neutral-default);
-  --eds-theme-color-link-neutral-text-decoration-focus: var(--eds-theme-color-text-neutral-default-inverse);
-  --eds-theme-color-link-neutral-text-decoration-hover: var(--eds-theme-color-text-brand-default);
-  --eds-theme-color-link-neutral-text-decoration: var(--eds-theme-color-text-neutral-default);
-  --eds-theme-color-link-neutral-text-focus: var(--eds-theme-color-text-neutral-default-inverse);
-  --eds-theme-color-link-neutral-text-hover: var(--eds-theme-color-text-brand-default);
-  --eds-theme-color-link-neutral-text: var(--eds-theme-color-text-neutral-strong);
-  --eds-theme-color-link-brand-background-focus: var(--eds-theme-color-text-brand-default);
-  --eds-theme-color-link-brand-text-decoration-focus: var(--eds-theme-color-text-neutral-default-inverse);
-  --eds-theme-color-link-brand-text-decoration-hover: var(--eds-theme-color-text-brand-default);
-  --eds-theme-color-link-brand-text-decoration: var(--eds-theme-color-text-brand-default);
-  --eds-theme-color-link-brand-text-focus: var(--eds-theme-color-text-neutral-default-inverse); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-link-brand-text-hover: var(--eds-theme-color-text-brand-default); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-link-brand-text: var(--eds-theme-color-text-neutral-strong); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-form-background-hover: #F4F6F8;
-  --eds-theme-color-data-bar-background: #F4F6F8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-neutral-border-hover: #E7E8EA;
-  --eds-theme-color-button-icon-neutral-background-hover: #E7E8EA;
-  --eds-theme-color-button-secondary-neutral-background-hover: #E7E8EA;
-  --eds-theme-color-border-utility-inverse-disabled: rgb(var(--eds-color-white) / 0.5);
-  --eds-theme-color-border-utility-inverse: rgb(var(--eds-color-white) / 1);
-  --eds-theme-color-border-brand-primary-default: var(--eds-theme-color-border-brand-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-neutral-subtle: #E7E8EA;
-  --eds-theme-color-background-utility-inverse-disabled: rgb(var(--eds-color-white) / 0.5);
-  --eds-theme-color-background-utility-inverse-high-emphasis: rgb(var(--eds-color-white) / 1);
-  --eds-theme-color-background-utility-inverse-no-emphasis-active: rgb(var(--eds-color-white) / 0.3);
-  --eds-theme-color-background-utility-inverse-no-emphasis-hover: rgb(var(--eds-color-white) / 0.2);
-  --eds-theme-color-background-utility-inverse-no-emphasis: transparent;
-  --eds-theme-color-background-utility-disabled-no-emphasis: transparent;
-  --eds-theme-color-background-utility-critical-no-emphasis: transparent;
-  --eds-theme-color-background-utility-interactive-no-emphasis: transparent;
-  --eds-theme-color-background-utility-default-no-emphasis: transparent;
-  --eds-theme-color-background-utility-container: rgb(var(--eds-color-white) / 1);
-  --eds-theme-color-background-utility-base-1: rgb(var(--eds-color-white) / 1);
-  --eds-theme-color-background-neutral-medium: #E7E8EA;
-  --eds-theme-color-background-neutral-subtle-hover: #E7E8EA;
-  --eds-theme-color-background-neutral-subtle: #F4F6F8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-neutral-default-hover: #F4F6F8;
-  --eds-theme-color-background-input: rgb(var(--eds-color-white) / 1);
+  --eds-anim-fade-long: 0.4; /* Seconds (s) */
+  --eds-anim-move-quick: 0.15; /* Seconds (s) */
+  --eds-anim-move-medium: 0.3; /* Seconds (s) */
+  --eds-anim-move-long: 0.4; /* Seconds (s) */
+  --eds-anim-ease: ease; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-border-width-sm: 1; /* pixels (px) */
+  --eds-border-width-md: 2; /* pixels (px) */
+  --eds-border-width-lg: 4; /* pixels (px) */
+  --eds-border-width-xl: 8; /* pixels (px) */
+  --eds-border-radius-50: 2; /* pixels (px) */
+  --eds-border-radius-100: 4; /* pixels (px) */
+  --eds-border-radius-150: 6; /* pixels (px) */
+  --eds-border-radius-200: 8; /* pixels (px) */
+  --eds-border-radius-500: 20; /* pixels (px) */
+  --eds-border-radius-none: 0; /* pixels (px) */
+  --eds-border-radius-md: 4; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-border-radius-lg: 8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-border-radius-xl: 20; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-border-radius-round: 50; /* Percentage (%) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-border-radius-full: 9999; /* pixels (px) */
+  --eds-color-white: 255 255 255; /* Specified as a value to color-func rgb() so that it can be blended */
+  --eds-color-black: 0 0 0; /* Specified as a value to color-func rgb() so that it can be blended */
+  --eds-color-brand-grape-100: #F0F0FC; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-brand-grape-200: #E0E0F9; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-brand-grape-300: #C4C1F3; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-brand-grape-400: #A6A3EE; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-brand-grape-500: #8984E8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-brand-grape-600: #6B65E2; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-brand-grape-700: #5751D2; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-brand-grape-800: #3E42B1; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-neutral-100: #EEE7E4;
+  --eds-color-neutral-150: #DFD9D6;
+  --eds-color-neutral-200: #CFC9C7;
+  --eds-color-neutral-250: #BEB8B6;
+  --eds-color-neutral-300: #C0C4C8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-neutral-350: #A09C9A;
+  --eds-color-neutral-400: #999EA3; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-neutral-450: #868281;
+  --eds-color-neutral-500: #878C90; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-neutral-550: #6C6967;
+  --eds-color-neutral-600: #5D6369; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-neutral-650: #565352;
+  --eds-color-neutral-700: #383C43; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-neutral-750: #3F3E3D;
+  --eds-color-neutral-800: #333231;
+  --eds-color-neutral-850: #272625;
+  --eds-color-neutral-900: #1A1919;
+  --eds-color-neutral-950: #0F0F0F;
+  --eds-color-neutral-white: #FFFFFF; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-neutral-025: #FDF9F8;
+  --eds-color-neutral-050: #F9F3F1;
+  --eds-color-neutral-black: #161B1F; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-red-100: #FAE2E5;
+  --eds-color-red-150: #F6CDD1;
+  --eds-color-red-200: #F3B7BD;
+  --eds-color-red-250: #EFA0A9;
+  --eds-color-red-350: #E9808C;
+  --eds-color-red-450: #D8525B;
+  --eds-color-red-550: #C42C2F;
+  --eds-color-red-650: #A51115;
+  --eds-color-red-750: #7D0A16;
+  --eds-color-red-800: #660517;
+  --eds-color-red-850: #4D0118;
+  --eds-color-red-900: #350110;
+  --eds-color-red-950: #23010B;
+  --eds-color-red-050: #FDF3F4;
+  --eds-color-orange-100: #FFDCCA;
+  --eds-color-orange-150: #FFC7AB;
+  --eds-color-orange-200: #FFB38D;
+  --eds-color-orange-250: #FFA070;
+  --eds-color-orange-350: #E87F4A;
+  --eds-color-orange-450: #D0622C;
+  --eds-color-orange-550: #B8470F;
+  --eds-color-orange-650: #92380C;
+  --eds-color-orange-750: #672808;
+  --eds-color-orange-800: #532006;
+  --eds-color-orange-850: #401805;
+  --eds-color-orange-900: #2B1003;
+  --eds-color-orange-950: #1B0A02;
+  --eds-color-orange-050: #FFEEE5;
+  --eds-color-yellow-100: #FBE8AB;
+  --eds-color-yellow-150: #F9DA78;
+  --eds-color-yellow-200: #F1CA53;
+  --eds-color-yellow-250: #E7B724;
+  --eds-color-yellow-350: #C4970C;
+  --eds-color-yellow-450: #A57D01;
+  --eds-color-yellow-550: #876701;
+  --eds-color-yellow-650: #695001;
+  --eds-color-yellow-750: #4D3A01;
+  --eds-color-yellow-800: #392B01;
+  --eds-color-yellow-850: #2B2001;
+  --eds-color-yellow-900: #1E1701;
+  --eds-color-yellow-950: #130E01;
+  --eds-color-yellow-050: #FDF3D3;
+  --eds-color-green-100: #D0EDDD;
+  --eds-color-green-150: #B3E1C7;
+  --eds-color-green-200: #95D5B1;
+  --eds-color-green-250: #74C899;
+  --eds-color-green-350: #57B083;
+  --eds-color-green-450: #3F926D;
+  --eds-color-green-550: #367759;
+  --eds-color-green-650: #225E43;
+  --eds-color-green-750: #13462F;
+  --eds-color-green-800: #0E3423;
+  --eds-color-green-850: #0A271A;
+  --eds-color-green-900: #071B12;
+  --eds-color-green-950: #05120C;
+  --eds-color-green-050: #E6F5ED;
+  --eds-color-blue-100: #CEE6FF;
+  --eds-color-blue-150: #B5DAFF;
+  --eds-color-blue-200: #99CCFF;
+  --eds-color-blue-250: #85BAFB;
+  --eds-color-blue-350: #6199F3;
+  --eds-color-blue-450: #437EED;
+  --eds-color-blue-550: #3165D2;
+  --eds-color-blue-650: #254EAC;
+  --eds-color-blue-750: #1B3889;
+  --eds-color-blue-800: #152D76;
+  --eds-color-blue-850: #0F2163;
+  --eds-color-blue-900: #0A164C;
+  --eds-color-blue-950: #060E30;
+  --eds-color-blue-025: #F5FAFF;
+  --eds-color-blue-050: #EAF4FF;
+  --eds-color-pink-350: #E67EB0;
+  --eds-color-pink-450: #DB458D;
+  --eds-color-pink-550: #C62B73;
+  --eds-color-purple-100: #F3E5FA;
+  --eds-color-purple-150: #EAD1F6;
+  --eds-color-purple-200: #E0BAF2;
+  --eds-color-purple-250: #D5A2EE;
+  --eds-color-purple-350: #C580E7;
+  --eds-color-purple-450: #A765C7;
+  --eds-color-purple-550: #8A50A7;
+  --eds-color-purple-650: #6E3A88;
+  --eds-color-purple-750: #562D69;
+  --eds-color-purple-800: #452455;
+  --eds-color-purple-850: #311A3C;
+  --eds-color-purple-900: #25142E;
+  --eds-color-purple-950: #190D1E;
+  --eds-color-purple-050: #FBF5FD;
+  --eds-color-opacity-10: 0.10;
+  --eds-color-opacity-20: 0.20;
+  --eds-color-opacity-30: 0.30;
+  --eds-color-opacity-40: 0.40;
+  --eds-color-opacity-50: 0.50;
+  --eds-color-opacity-60: 0.60;
+  --eds-color-opacity-70: 0.60;
+  --eds-color-opacity-80: 0.80;
+  --eds-color-other-mint-100: #ECFFF5; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-mint-200: #B7E9CE; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-mint-300: #8FDCB3; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-mint-400: #59C88C; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-mint-500: #00A56A; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-mint-600: #008656; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-mint-700: #007249; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-mint-800: #005939; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-yellow-100: #FDF1D0; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-yellow-200: #FFEBB3; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-yellow-300: #FFDD80; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-yellow-400: #F7BE2D; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-yellow-500: #D18400; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-yellow-600: #BF7300; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-yellow-700: #9E5B03; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-yellow-800: #854C03; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-lemon: #F5FF8F; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-eraser: #F3DCE2; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-orange-100: #FFF1E9; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-orange-200: #FFCBA5; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-orange-300: #FFAF76; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-orange-400: #F6924A; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-orange-500: #E06B00; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-orange-600: #C64600; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-orange-700: #AC3400; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-orange-800: #842800; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-ruby-100: #FFF0F4; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-ruby-200: #FFCBD7; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-ruby-300: #FB90B0; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-ruby-400: #F76C96; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-ruby-500: #F1497B; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-ruby-600: #D41E52; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-ruby-700: #BD0044; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-color-other-ruby-800: #8F0134; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-l-max-width: 1140; /* Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-l-sidebar-width: 216; /* Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-l-linelength-width: 576; /* Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-outline-width-sm: 1; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-outline-width-md: 2; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-outline-width-lg: 4; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-box-shadow-sm: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-box-shadow-md: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.08); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-box-shadow-lg: 0px 4px 12px rgba(0, 0, 0, 0.16); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-box-shadow-xl: 0px 6px 20px rgba(0, 0, 0, 0.2); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-size-1: 8; /* Relative EMs (rem) */
+  --eds-size-2: 16; /* Relative EMs (rem) */
+  --eds-size-3: 24; /* Relative EMs (rem) */
+  --eds-size-4: 32; /* Relative EMs (rem) */
+  --eds-size-5: 40; /* Relative EMs (rem) */
+  --eds-size-6: 48; /* Relative EMs (rem) */
+  --eds-size-7: 56; /* Relative EMs (rem) */
+  --eds-size-8: 64; /* Relative EMs (rem) */
+  --eds-size-9: 72; /* Relative EMs (rem) */
+  --eds-size-10: 80; /* Relative EMs (rem) */
+  --eds-size-11: 88; /* Relative EMs (rem) */
+  --eds-size-12: 96; /* Relative EMs (rem) */
+  --eds-size-20: 160; /* Relative EMs (rem) */
+  --eds-size-24: 192; /* Relative EMs (rem) */
+  --eds-size-32: 256; /* Relative EMs (rem) */
+  --eds-size-34: 272; /* Relative EMs (rem) */
+  --eds-size-40: 320; /* Relative EMs (rem) */
+  --eds-size-base-unit: 8; /* Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-size-half: 4; /* Relative EMs (rem) */
+  --eds-size-quarter: 2; /* Relative EMs (rem) */
+  --eds-size-1-and-half: 12; /* Relative EMs (rem) */
+  --eds-size-2-and-half: 20; /* Relative EMs (rem) */
+  --eds-z-index-0: 0; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-z-index-100: 100; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-z-index-200: 200; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-z-index-300: 300; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-z-index-400: 400; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-z-index-500: 500; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-z-index-top: 99999;
+  --eds-z-index-bottom: -100;
   --eds-theme-color-body-background: #F4F6F8;
-  --eds-theme-typography-tag: var(--eds-typography-preset-009);
-  --eds-theme-typography-tab-sm-active: var(--eds-typography-preset-009);
-  --eds-theme-typography-tab-sm: var(--eds-typography-preset-008-light);
-  --eds-theme-typography-tab-lg-active: var(--eds-typography-preset-006);
-  --eds-theme-typography-tab-lg: var(--eds-typography-preset-006-light);
-  --eds-theme-typography-link-xs: var(--eds-typography-preset-009);
-  --eds-theme-typography-link-sm: var(--eds-typography-preset-007);
-  --eds-theme-typography-link-md: var(--eds-typography-preset-005);
-  --eds-theme-typography-link-lg: var(--eds-typography-preset-004);
-  --eds-theme-typography-form-input: var(--eds-typography-preset-005-light);
-  --eds-theme-typography-form-label: var(--eds-typography-preset-006);
-  --eds-theme-typography-button-label-sm: var(--eds-typography-preset-008-bold); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-typography-button-label: var(--eds-typography-preset-006); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-typography-button-sm: var(--eds-typography-preset-009);
-  --eds-theme-typography-button-md: var(--eds-typography-preset-005);
-  --eds-theme-typography-button-lg: var(--eds-typography-preset-005);
-  --eds-theme-typography-breadcrumb: var(--eds-typography-preset-009);
-  --eds-theme-typography-callout: var(--eds-typography-preset-002-light);
-  --eds-theme-typography-overline-sm: var(--eds-typography-preset-012);
-  --eds-theme-typography-overline-md: var(--eds-typography-preset-011);
-  --eds-theme-typography-overline-lg: var(--eds-typography-preset-005);
-  --eds-theme-typography-overline: var(--eds-typography-preset-011); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-typography-caption-sm-bold: var(--eds-typography-preset-010);
-  --eds-theme-typography-caption-sm: var(--eds-typography-preset-010-light);
-  --eds-theme-typography-caption-md-bold: var(--eds-typography-preset-008);
-  --eds-theme-typography-caption-md: var(--eds-typography-preset-008-light);
-  --eds-theme-typography-caption-lg-bold: var(--eds-typography-preset-006);
-  --eds-theme-typography-caption-lg: var(--eds-typography-preset-006-light);
-  --eds-theme-typography-body-xs: var(--eds-typography-preset-008-light);
-  --eds-theme-typography-body-sm: var(--eds-typography-preset-006-light);
-  --eds-theme-typography-body-md: var(--eds-typography-preset-005-light);
-  --eds-theme-typography-body-lg: var(--eds-typography-preset-004-light);
-  --eds-theme-typography-body-xl: var(--eds-typography-preset-003-light);
-  --eds-theme-typography-label-sm: var(--eds-typography-preset-009-bold);
-  --eds-theme-typography-label-md-subtle: var(--eds-typography-preset-007);
-  --eds-theme-typography-label-md: var(--eds-typography-preset-007-bold);
-  --eds-theme-typography-label-lg-subtle: var(--eds-typography-preset-005);
-  --eds-theme-typography-title-xs-bold: var(--eds-typography-preset-007-bold);
-  --eds-theme-typography-title-xs: var(--eds-typography-preset-007);
-  --eds-theme-typography-title-sm-bold: var(--eds-typography-preset-005-bold);
-  --eds-theme-typography-title-sm: var(--eds-typography-preset-005);
-  --eds-theme-typography-title-md-bold: var(--eds-typography-preset-004-bold);
-  --eds-theme-typography-title-md: var(--eds-typography-preset-004);
-  --eds-theme-typography-title-lg-bold: var(--eds-typography-preset-004-bold);
-  --eds-theme-typography-title-lg: var(--eds-typography-preset-004);
-  --eds-theme-typography-headline-secondary-sm-mobile: var(--eds-typography-preset-secondary-mobile-003-light);
-  --eds-theme-typography-headline-secondary-sm-bold-mobile: var(--eds-typography-preset-secondary-mobile-003-bold);
-  --eds-theme-typography-headline-secondary-sm-bold: var(--eds-typography-preset-secondary-003);
-  --eds-theme-typography-headline-secondary-sm: var(--eds-typography-preset-secondary-003-light);
-  --eds-theme-typography-headline-secondary-md-mobile: var(--eds-typography-preset-mobile-002-light);
-  --eds-theme-typography-headline-secondary-md-bold-mobile: var(--eds-typography-secondary-mobile-002-bold);
-  --eds-theme-typography-headline-secondary-md-bold: var(--eds-typography-preset-secondary-002);
-  --eds-theme-typography-headline-secondary-md: var(--eds-typography-preset-secondary-002-light);
-  --eds-theme-typography-headline-secondary-lg-mobile: var(--eds-typography-preset-secondary-mobile-001-light);
-  --eds-theme-typography-headline-secondary-lg-bold-mobile: var(--eds-typography-preset-secondary-mobile-001-bold);
-  --eds-theme-typography-headline-secondary-lg-bold: var(--eds-typography-preset-secondary-001);
-  --eds-theme-typography-headline-secondary-lg: var(--eds-typography-preset-secondary-001-light);
-  --eds-theme-typography-headline-sm-mobile: var(--eds-typography-preset-mobile-003-light);
-  --eds-theme-typography-headline-sm-bold-mobile: var(--eds-typography-preset-mobile-003);
-  --eds-theme-typography-headline-sm-bold: var(--eds-typography-preset-003);
-  --eds-theme-typography-headline-sm: var(--eds-typography-preset-003-light);
-  --eds-theme-typography-headline-md-mobile: var(--eds-typography-preset-mobile-002-light);
-  --eds-theme-typography-headline-md-bold-mobile: var(--eds-typography-preset-mobile-002);
-  --eds-theme-typography-headline-md-bold: var(--eds-typography-preset-002);
-  --eds-theme-typography-headline-md: var(--eds-typography-preset-002-light);
-  --eds-theme-typography-headline-lg-mobile: var(--eds-typography-preset-mobile-001-light);
-  --eds-theme-typography-headline-lg-bold-mobile: var(--eds-typography-preset-mobile-001);
-  --eds-theme-typography-headline-lg-bold: var(--eds-typography-preset-001);
+  --eds-theme-color-background-input: rgb(var(--eds-color-white) / 1);
+  --eds-theme-color-background-neutral-default-hover: #F4F6F8;
+  --eds-theme-color-background-neutral-subtle: #F4F6F8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-neutral-subtle-hover: #E7E8EA;
+  --eds-theme-color-background-neutral-medium: #E7E8EA;
+  --eds-theme-color-background-utility-base-1: rgb(var(--eds-color-white) / 1);
+  --eds-theme-color-background-utility-container: rgb(var(--eds-color-white) / 1);
+  --eds-theme-color-background-utility-default-no-emphasis: transparent;
+  --eds-theme-color-background-utility-interactive-no-emphasis: transparent;
+  --eds-theme-color-background-utility-critical-no-emphasis: transparent;
+  --eds-theme-color-background-utility-disabled-no-emphasis: transparent;
+  --eds-theme-color-background-utility-inverse-no-emphasis: transparent;
+  --eds-theme-color-background-utility-inverse-no-emphasis-hover: rgb(var(--eds-color-white) / 0.2);
+  --eds-theme-color-background-utility-inverse-no-emphasis-active: rgb(var(--eds-color-white) / 0.3);
+  --eds-theme-color-background-utility-inverse-high-emphasis: rgb(var(--eds-color-white) / 1);
+  --eds-theme-color-background-utility-inverse-disabled: rgb(var(--eds-color-white) / 0.5);
+  --eds-theme-color-border-neutral-subtle: #E7E8EA;
+  --eds-theme-color-border-brand-primary-default: var(--eds-theme-color-border-brand-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-utility-inverse: rgb(var(--eds-color-white) / 1);
+  --eds-theme-color-border-utility-inverse-disabled: rgb(var(--eds-color-white) / 0.5);
+  --eds-theme-color-button-secondary-neutral-background-hover: #E7E8EA;
+  --eds-theme-color-button-icon-neutral-background-hover: #E7E8EA;
+  --eds-theme-color-button-icon-neutral-border-hover: #E7E8EA;
+  --eds-theme-color-data-bar-background: #F4F6F8; /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-form-background-hover: #F4F6F8;
+  --eds-theme-color-link-brand-text: var(--eds-theme-color-text-neutral-strong); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-link-brand-text-hover: var(--eds-theme-color-text-brand-default); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-link-brand-text-focus: var(--eds-theme-color-text-neutral-default-inverse); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-link-brand-text-decoration: var(--eds-theme-color-text-brand-default);
+  --eds-theme-color-link-brand-text-decoration-hover: var(--eds-theme-color-text-brand-default);
+  --eds-theme-color-link-brand-text-decoration-focus: var(--eds-theme-color-text-neutral-default-inverse);
+  --eds-theme-color-link-brand-background-focus: var(--eds-theme-color-text-brand-default);
+  --eds-theme-color-link-neutral-text: var(--eds-theme-color-text-neutral-strong);
+  --eds-theme-color-link-neutral-text-hover: var(--eds-theme-color-text-brand-default);
+  --eds-theme-color-link-neutral-text-focus: var(--eds-theme-color-text-neutral-default-inverse);
+  --eds-theme-color-link-neutral-text-decoration: var(--eds-theme-color-text-neutral-default);
+  --eds-theme-color-link-neutral-text-decoration-hover: var(--eds-theme-color-text-brand-default);
+  --eds-theme-color-link-neutral-text-decoration-focus: var(--eds-theme-color-text-neutral-default-inverse);
+  --eds-theme-color-link-neutral-background-focus: var(--eds-theme-color-text-neutral-default);
+  --eds-theme-color-progress-bar-background: #E7E8EA;
+  --eds-theme-color-progress-bar-border: #E7E8EA;
+  --eds-theme-color-text-utility-inverse: rgb(var(--eds-color-white) / 1);
+  --eds-theme-color-text-utility-inverse-disabled: rgb(var(--eds-color-white) / 0.5);
+  --eds-theme-color-text-utility-inverse-interactive-visited: rgb(var(--eds-color-white) / 1);
+  --eds-theme-color-text-brand-default: var(--eds-theme-color-text-brand-primary);
+  --eds-theme-color-toggle-on-background: var(--eds-theme-color-background-brand-primary-strong);
+  --eds-theme-color-toggle-off-background: var(--eds-theme-color-icon-neutral-subtle);
+  --eds-theme-color-toggle-disabled-background: var(--eds-theme-color-icon-disabled);
+  --eds-theme-color-toggle-disabled-text: var(--eds-theme-color-text-disabled);
+  --eds-theme-color-toggle-primary-text: var(--eds-theme-color-text-neutral-default);
+  --eds-theme-color-toggle-thumb: var(--eds-theme-color-text-neutral-default-inverse);
+  --eds-theme-color-transparent-black-0: rgba(0, 0, 0, 0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-transparent-black-30: rgba(0, 0, 0, .3); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-transparent-white-0: rgba(255, 255, 255, 0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
   --eds-theme-typography-headline-lg: var(--eds-typography-preset-001-light);
-  --eds-typography-preset-mobile-003-bold: var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary);
-  --eds-typography-preset-mobile-003: var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-primary);
-  --eds-typography-preset-mobile-003-light: var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-primary);
-  --eds-typography-preset-mobile-002-bold: var(--eds-font-weight-bold) 1.75rem/1.28571429 var(--eds-font-family-primary);
-  --eds-typography-preset-mobile-002: var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-primary);
-  --eds-typography-preset-mobile-002-light: var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-primary);
-  --eds-typography-preset-mobile-001-bold: var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary);
-  --eds-typography-preset-mobile-001: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary);
-  --eds-typography-preset-mobile-001-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary);
-  --eds-typography-preset-secondary-mobile-003: var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-mobile-003-light: var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-mobile-002-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-mobile-002: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-mobile-002-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-mobile-001: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-mobile-001-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-008-light: var(--eds-font-weight-light) 0.75rem/1.33333333 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-008: var(--eds-font-weight-medium) 0.75rem/1.33333333 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-007-light: var(--eds-font-weight-light) 0.75rem/1.66666667 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-007: var(--eds-font-weight-medium) 0.75rem/1.66666667 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-006-light: var(--eds-font-weight-light) 0.875rem/1.42857143 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-006: var(--eds-font-weight-medium) 0.875rem/1.42857143 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-005-light: var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-005: var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-004-light: var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-004: var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-003-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-003-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-003: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-002-light: var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-002: var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-001-bold: var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-001-light: var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary);
-  --eds-typography-preset-secondary-001: var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary);
-  --eds-typography-preset-012-bold: var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
-  --eds-typography-preset-012-light: var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
-  --eds-typography-preset-012: var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
-  --eds-typography-preset-011-bold: var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary); /* For 011, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
-  --eds-typography-preset-011-light: var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary); /* For 011, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
-  --eds-typography-preset-011: var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary); /* For 011, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
-  --eds-typography-preset-010-bold: var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary);
-  --eds-typography-preset-010-light: var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary);
-  --eds-typography-preset-010: var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary);
-  --eds-typography-preset-009-bold: var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary);
-  --eds-typography-preset-009-light: var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary);
-  --eds-typography-preset-009: var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary);
-  --eds-typography-preset-008-bold: var(--eds-font-weight-bold) 0.75rem/1.666666667 var(--eds-font-family-primary);
-  --eds-typography-preset-008-light: var(--eds-font-weight-light) 0.75rem/1.666666667 var(--eds-font-family-primary);
-  --eds-typography-preset-008: var(--eds-font-weight-medium) 0.75rem/1.666666667 var(--eds-font-family-primary);
-  --eds-typography-preset-007-bold: var(--eds-font-weight-bold) 0.875rem/1.28571429 var(--eds-font-family-primary);
-  --eds-typography-preset-007-light: var(--eds-font-weight-light) 0.875rem/1.28571429 var(--eds-font-family-primary);
-  --eds-typography-preset-007: var(--eds-font-weight-medium) 0.875rem/1.28571429 var(--eds-font-family-primary);
-  --eds-typography-preset-006-bold: var(--eds-font-weight-bold) 0.875rem/1.57142857 var(--eds-font-family-primary);
-  --eds-typography-preset-006-light: var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-primary);
-  --eds-typography-preset-006: var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-primary);
-  --eds-typography-preset-005-bold: var(--eds-font-weight-bold) 1rem/1.5 var(--eds-font-family-primary);
-  --eds-typography-preset-005-light: var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-primary);
-  --eds-typography-preset-005: var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-primary);
-  --eds-typography-preset-004-bold: var(--eds-font-weight-bold) 1.125rem/1.55555556 var(--eds-font-family-primary);
-  --eds-typography-preset-004-light: var(--eds-font-weight-light) 1.125rem/1.55555556 var(--eds-font-family-primary);
-  --eds-typography-preset-004: var(--eds-font-weight-medium) 1.125rem/1.55555556 var(--eds-font-family-primary);
-  --eds-typography-preset-003-mobile: var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-typography-preset-003-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary);
-  --eds-typography-preset-003-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary);
-  --eds-typography-preset-003: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary);
-  --eds-typography-preset-002-mobile: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-typography-preset-002-bold: var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary);
-  --eds-typography-preset-002-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary);
-  --eds-typography-preset-002: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary);
-  --eds-typography-preset-001-mobile: var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-typography-preset-001-bold: var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-primary);
-  --eds-typography-preset-001-light: var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-primary);
-  --eds-typography-preset-001: var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-primary);
-  --eds-letter-spacing-sm: 0.5; /* (pixels) Spacing token used between characters in a text */
-  --eds-font-weight-bold: 600;
-  --eds-font-weight-medium: 500;
-  --eds-font-weight-light: 400;
-  --eds-font-size-base: 16; /* (pixels) Base font size for design system in px */
-  --eds-font-family-secondary: 'Argent', serif;
-  --eds-font-family-primary: 'Graphik', sans-serif;
-  --eds-theme-color-text-highlight-background: var(--eds-color-other-yellow-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-text-highlight-foreground: var(--eds-color-neutral-800);
-  --eds-theme-color-text-brand-primary: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. Please use eds-theme-color-text-brand-default instead. */
-  --eds-theme-color-text-disabled: var(--eds-color-neutral-300);
-  --eds-theme-color-text-grade-stop: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-text-grade-revise: var(--eds-color-neutral-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-text-grade-complete: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-text-utility-error: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-text-utility-success: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-text-utility-placeholder: var(--eds-color-neutral-550);
-  --eds-theme-color-text-utility-disabled-secondary: var(--eds-color-neutral-200);
-  --eds-theme-color-text-utility-disabled-primary: var(--eds-color-neutral-350);
-  --eds-theme-color-text-utility-informational-active: var(--eds-color-blue-750);
-  --eds-theme-color-text-utility-informational-hover: var(--eds-color-blue-650);
-  --eds-theme-color-text-utility-informational: var(--eds-color-blue-550);
-  --eds-theme-color-text-utility-warning-active: var(--eds-color-yellow-750);
-  --eds-theme-color-text-utility-warning-hover: var(--eds-color-yellow-650);
-  --eds-theme-color-text-utility-warning: var(--eds-color-yellow-550);
-  --eds-theme-color-text-utility-favorable-active: var(--eds-color-green-750);
-  --eds-theme-color-text-utility-favorable-hover: var(--eds-color-green-650);
-  --eds-theme-color-text-utility-favorable: var(--eds-color-green-550);
-  --eds-theme-color-text-utility-critical-active: var(--eds-color-red-800);
-  --eds-theme-color-text-utility-critical-hover: var(--eds-color-red-750);
-  --eds-theme-color-text-utility-critical: var(--eds-color-red-650);
-  --eds-theme-color-text-utility-interactive-visited: var(--eds-color-purple-550); /* @deprecated This token is deprecated. Please use eds-theme-color-border-brand-primary-default instead */
-  --eds-theme-color-text-utility-interactive-secondary-visited: var(--eds-color-blue-550);
-  --eds-theme-color-text-utility-interactive-secondary-active: var(--eds-color-blue-750);
-  --eds-theme-color-text-utility-interactive-secondary-hover: var(--eds-color-blue-650);
-  --eds-theme-color-text-utility-interactive-secondary: var(--eds-color-blue-550);
-  --eds-theme-color-text-utility-interactive-primary-visited: var(--eds-color-blue-850);
-  --eds-theme-color-text-utility-interactive-primary-active: var(--eds-color-blue-950);
-  --eds-theme-color-text-utility-interactive-primary-hover: var(--eds-color-blue-900);
-  --eds-theme-color-text-utility-interactive-primary: var(--eds-color-blue-850);
-  --eds-theme-color-text-utility-default-secondary-active: var(--eds-color-neutral-750);
-  --eds-theme-color-text-utility-default-secondary-hover: var(--eds-color-neutral-650);
-  --eds-theme-color-text-utility-default-secondary: var(--eds-color-neutral-550);
-  --eds-theme-color-text-utility-default-primary-active: var(--eds-color-blue-950);
-  --eds-theme-color-text-utility-default-primary-hover: var(--eds-color-blue-900);
-  --eds-theme-color-text-utility-default-primary: var(--eds-color-blue-850);
-  --eds-theme-color-text-neutral-subtle: var(--eds-color-neutral-600);
-  --eds-theme-color-text-neutral-strong: var(--eds-color-neutral-800);
-  --eds-theme-color-text-neutral-default-inverse: var(--eds-color-neutral-white);
-  --eds-theme-color-text-neutral-default: var(--eds-color-neutral-700);
-  --eds-theme-color-radio-brand-background: var(--eds-color-brand-grape-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-modal-brand-header-background: var(--eds-color-brand-grape-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-disabled: var(--eds-color-neutral-300);
-  --eds-theme-color-icon-grade-stop-hover: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-grade-stop: var(--eds-color-other-ruby-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-grade-revise-hover: var(--eds-color-neutral-black); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-grade-revise: var(--eds-color-neutral-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-grade-complete-hover: var(--eds-color-other-mint-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-grade-complete: var(--eds-color-other-mint-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-utility-error-hover: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-utility-error: var(--eds-color-other-ruby-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-utility-success-hover: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-utility-success: var(--eds-color-other-mint-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-utility-inverse-disabled: var(--eds-theme-color-text-utility-inverse-disabled); /* Use with rgb() */
-  --eds-theme-color-icon-utility-inverse: var(--eds-theme-color-text-utility-inverse);
-  --eds-theme-color-icon-brand-primary-hover: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-brand-primary: var(--eds-color-brand-grape-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-link-default-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-link-default: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-neutral-subtle-hover: var(--eds-color-neutral-600);
-  --eds-theme-color-icon-neutral-subtle: var(--eds-color-neutral-500);
-  --eds-theme-color-icon-neutral-strong-hover: var(--eds-color-neutral-800);
-  --eds-theme-color-icon-neutral-strong: var(--eds-color-neutral-700);
-  --eds-theme-color-icon-neutral-default-hover: var(--eds-color-neutral-700);
-  --eds-theme-color-icon-neutral-default-inverse: var(--eds-color-neutral-white);
-  --eds-theme-color-icon-neutral-default: var(--eds-color-neutral-600);
-  --eds-theme-color-form-label: var(--eds-color-neutral-700);
-  --eds-theme-color-form-background: var(--eds-color-neutral-white);
-  --eds-theme-color-form-border-hover: var(--eds-color-neutral-800);
-  --eds-theme-color-form-border: var(--eds-color-neutral-500);
-  --eds-theme-color-focus-ring-inverted: var(--eds-color-neutral-white);
-  --eds-theme-color-focus-ring: var(--eds-color-brand-grape-600);
-  --eds-theme-color-data-bar-border: var(--eds-color-neutral-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-checkbox-brand-background: var(--eds-color-brand-grape-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-error-text-hover: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-text: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-border-active: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-border-hover: var(--eds-color-other-ruby-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-border: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-background-active: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-background-hover: var(--eds-color-other-ruby-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-error-hover: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-error: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-warning-text-hover: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-text: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-border-active: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-border-hover: var(--eds-color-other-orange-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-border: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-background-active: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-background-hover: var(--eds-color-other-orange-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-warning-hover: var(--eds-color-other-orange-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-warning: var(--eds-color-other-orange-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-success-text-hover: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-text: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-border-active: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-border-hover: var(--eds-color-other-mint-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-border: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-background-active: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-background-hover: var(--eds-color-other-mint-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-success-hover: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-success: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-neutral-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-neutral-text-hover: var(--eds-color-neutral-600);
-  --eds-theme-color-button-icon-neutral-text: var(--eds-color-neutral-600);
-  --eds-theme-color-button-icon-neutral-border-active: var(--eds-color-neutral-600);
-  --eds-theme-color-button-icon-neutral-border: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-neutral-background-active: var(--eds-color-neutral-600);
-  --eds-theme-color-button-icon-neutral-background: var(--eds-theme-color-transparent-black-0);
-  --eds-theme-color-button-icon-neutral-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-neutral-hover: var(--eds-color-neutral-600);
-  --eds-theme-color-button-icon-neutral: var(--eds-color-neutral-600);
-  --eds-theme-color-button-icon-brand-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-brand-text-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-brand-text: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-brand-border-active: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-brand-border-hover: var(--eds-color-brand-grape-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-brand-border: var(--eds-theme-color-transparent-black-0);
-  --eds-theme-color-button-icon-brand-background-active: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-brand-background-hover: var(--eds-color-brand-grape-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-brand-background: var(--eds-theme-color-transparent-black-0);
-  --eds-theme-color-button-icon-brand-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-icon-brand-hover: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-icon-brand: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-error-icon-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-error-icon-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-error-icon: var(--eds-color-other-ruby-600);
-  --eds-theme-color-button-secondary-error-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-error-text-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-error-text: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-error-border-active: var(--eds-color-other-ruby-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-error-border-hover: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-error-border: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-error-background-active: var(--eds-color-other-ruby-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-error-background-hover: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-error-background: var(--eds-theme-color-transparent-black-0);
-  --eds-theme-color-button-secondary-warning-icon-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-warning-icon-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-warning-icon: var(--eds-color-other-orange-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-warning-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-warning-text-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-warning-text: var(--eds-color-other-orange-700);
-  --eds-theme-color-button-secondary-warning-border-active: var(--eds-color-other-orange-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-warning-border-hover: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-warning-border: var(--eds-color-other-orange-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-warning-background-active: var(--eds-color-other-orange-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-warning-background-hover: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-warning-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-success-icon-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-success-icon-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-success-icon: var(--eds-color-other-mint-600);
-  --eds-theme-color-button-secondary-success-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-success-text-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-success-text: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-success-border-active: var(--eds-color-other-mint-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-success-border-hover: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-success-border: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-success-background-active: var(--eds-color-other-mint-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-success-background-hover: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-success-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-neutral-icon-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-neutral-icon-hover: var(--eds-color-neutral-400);
-  --eds-theme-color-button-secondary-neutral-icon: var(--eds-color-neutral-400);
-  --eds-theme-color-button-secondary-neutral-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-neutral-text-hover: var(--eds-color-neutral-600);
-  --eds-theme-color-button-secondary-neutral-text: var(--eds-color-neutral-600);
-  --eds-theme-color-button-secondary-neutral-border-active: var(--eds-color-neutral-700);
-  --eds-theme-color-button-secondary-neutral-border-hover: var(--eds-color-neutral-600);
-  --eds-theme-color-button-secondary-neutral-border: var(--eds-color-neutral-600);
-  --eds-theme-color-button-secondary-neutral-background-active: var(--eds-color-neutral-700);
-  --eds-theme-color-button-secondary-neutral-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-brand-icon-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-brand-icon-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-brand-icon: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-brand-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-brand-text-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-secondary-brand-text: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-brand-border-active: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-brand-border-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-brand-border: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-brand-background-active: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-brand-background-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-secondary-brand-background: var(--eds-theme-color-transparent-black-0);
-  --eds-theme-color-button-primary-error-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-primary-error-text-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-primary-error-text: var(--eds-color-neutral-white);
-  --eds-theme-color-button-primary-error-border-active: var(--eds-color-other-ruby-800);
-  --eds-theme-color-button-primary-error-border-hover: var(--eds-color-other-ruby-700);
-  --eds-theme-color-button-primary-error-border: var(--eds-color-other-ruby-600);
-  --eds-theme-color-button-primary-error-background-active: var(--eds-color-other-ruby-800);
-  --eds-theme-color-button-primary-error-background-hover: var(--eds-color-other-ruby-700);
-  --eds-theme-color-button-primary-error-background: var(--eds-color-other-ruby-600);
-  --eds-theme-color-button-primary-brand-text-active: var(--eds-color-neutral-white);
-  --eds-theme-color-button-primary-brand-text-hover: var(--eds-color-neutral-white);
-  --eds-theme-color-button-primary-brand-text: var(--eds-color-neutral-white);
-  --eds-theme-color-button-primary-brand-border-active: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-primary-brand-border-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-primary-brand-border: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-primary-brand-background-active: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-primary-brand-background-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-button-primary-brand-background: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-disabled: var(--eds-color-neutral-300);
-  --eds-theme-color-border-grade-stop: var(--eds-color-other-ruby-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-grade-revise-strong: var(--eds-color-other-yellow-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-grade-revise-default: var(--eds-color-other-yellow-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-grade-revise-subtle: var(--eds-color-other-yellow-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-grade-complete: var(--eds-color-other-mint-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-utility-error-strong: var(--eds-color-other-ruby-400);
-  --eds-theme-color-border-utility-error-default: var(--eds-color-other-ruby-300);
-  --eds-theme-color-border-utility-error-subtle: var(--eds-color-other-ruby-200);
-  --eds-theme-color-border-utility-success-strong: var(--eds-color-other-mint-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-utility-success-default: var(--eds-color-other-mint-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-utility-success-subtle: var(--eds-color-other-mint-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-utility-focus: var(--eds-color-blue-550);
-  --eds-theme-color-border-utility-disabled: var(--eds-color-neutral-350);
-  --eds-theme-color-border-utility-informational-active: var(--eds-color-blue-750);
-  --eds-theme-color-border-utility-informational-hover: var(--eds-color-blue-650);
-  --eds-theme-color-border-utility-informational: var(--eds-color-blue-550);
-  --eds-theme-color-border-utility-warning-strong: var(--eds-color-other-orange-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-utility-warning-default: var(--eds-color-other-orange-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-utility-warning-subtle: var(--eds-color-other-orange-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-utility-warning-active: var(--eds-color-yellow-750);
-  --eds-theme-color-border-utility-warning-hover: var(--eds-color-yellow-650);
-  --eds-theme-color-border-utility-warning: var(--eds-color-yellow-550);
-  --eds-theme-color-border-utility-favorable-active: var(--eds-color-green-750);
-  --eds-theme-color-border-utility-favorable-hover: var(--eds-color-green-650);
-  --eds-theme-color-border-utility-favorable: var(--eds-color-green-550);
-  --eds-theme-color-border-utility-critical-active: var(--eds-color-red-800);
-  --eds-theme-color-border-utility-critical-hover: var(--eds-color-red-750);
-  --eds-theme-color-border-utility-critical: var(--eds-color-red-650);
-  --eds-theme-color-border-utility-interactive-secondary-active: var(--eds-color-blue-750);
-  --eds-theme-color-border-utility-interactive-secondary-hover: var(--eds-color-blue-650);
-  --eds-theme-color-border-utility-interactive-secondary: var(--eds-color-blue-550);
-  --eds-theme-color-border-utility-interactive-active: var(--eds-color-blue-950);
-  --eds-theme-color-border-utility-interactive-hover: var(--eds-color-blue-900);
-  --eds-theme-color-border-utility-interactive: var(--eds-color-blue-850);
-  --eds-theme-color-border-utility-default-high-emphasis-active: var(--eds-color-blue-950);
-  --eds-theme-color-border-utility-default-high-emphasis-hover: var(--eds-color-blue-900);
-  --eds-theme-color-border-utility-default-high-emphasis: var(--eds-color-blue-850);
-  --eds-theme-color-border-utility-default-medium-emphasis-active: var(--eds-color-neutral-750);
-  --eds-theme-color-border-utility-default-medium-emphasis-hover: var(--eds-color-neutral-650);
-  --eds-theme-color-border-utility-default-medium-emphasis: var(--eds-color-neutral-550);
-  --eds-theme-color-border-utility-default-low-emphasis-active: var(--eds-color-neutral-350);
-  --eds-theme-color-border-utility-default-low-emphasis-hover: var(--eds-color-neutral-250);
-  --eds-theme-color-border-utility-default-low-emphasis: var(--eds-color-neutral-200);
-  --eds-theme-color-border-brand-pink: var(--eds-color-pink-450);
-  --eds-theme-color-border-brand-purple: var(--eds-color-purple-350);
-  --eds-theme-color-border-brand-blue-3: var(--eds-color-blue-850);
-  --eds-theme-color-border-brand-blue-2: var(--eds-color-blue-550);
-  --eds-theme-color-border-brand-blue-1: var(--eds-color-blue-200);
-  --eds-theme-color-border-brand-green: var(--eds-color-green-350);
-  --eds-theme-color-border-brand-yellow: var(--eds-color-yellow-150);
-  --eds-theme-color-border-brand-orange: var(--eds-color-orange-250);
-  --eds-theme-color-border-brand-red: var(--eds-color-red-850);
-  --eds-theme-color-border-brand-primary-strong: var(--eds-color-brand-grape-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-brand-primary: var(--eds-color-brand-grape-300); /* @deprecated This token is deprecated. Please use eds-theme-color-border-brand-primary-default instead */
-  --eds-theme-color-border-brand-primary-subtle: var(--eds-color-brand-grape-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-border-neutral-strong-hover: var(--eds-color-neutral-500);
-  --eds-theme-color-border-neutral-strong: var(--eds-color-neutral-400);
-  --eds-theme-color-border-neutral-default-hover: var(--eds-color-neutral-400);
-  --eds-theme-color-border-neutral-default: var(--eds-color-neutral-300);
-  --eds-theme-color-border-neutral-subtle-hover: var(--eds-color-neutral-300);
-  --eds-theme-color-background-disabled: var(--eds-color-neutral-300);
-  --eds-theme-color-background-grade-stop-subtle: var(--eds-color-other-ruby-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-grade-stop-default: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-grade-revise-subtle: var(--eds-color-other-yellow-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-grade-revise-default: var(--eds-color-other-yellow-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-grade-complete-subtle: var(--eds-color-other-mint-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-grade-complete-default: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-utility-error: var(--eds-color-other-ruby-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-utility-success: var(--eds-color-other-mint-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-utility-inverse-high-emphasis-active: var(--eds-color-neutral-100);
-  --eds-theme-color-background-utility-inverse-high-emphasis-hover: var(--eds-color-neutral-050);
-  --eds-theme-color-background-utility-disabled-medium-emphasis: var(--eds-color-neutral-200);
-  --eds-theme-color-background-utility-disabled-low-emphasis: var(--eds-color-neutral-100);
-  --eds-theme-color-background-utility-information-low-emphasis-active: var(--eds-color-blue-150);
-  --eds-theme-color-background-utility-information-low-emphasis-hover: var(--eds-color-blue-100);
-  --eds-theme-color-background-utility-information-low-emphasis: var(--eds-color-blue-050);
-  --eds-theme-color-background-utility-warning-low-emphasis-active: var(--eds-color-yellow-150);
-  --eds-theme-color-background-utility-warning-low-emphasis-hover: var(--eds-color-yellow-100);
-  --eds-theme-color-background-utility-warning-low-emphasis: var(--eds-color-yellow-050);
-  --eds-theme-color-background-utility-favorable-high-emphasis-active: var(--eds-color-green-750);
-  --eds-theme-color-background-utility-favorable-high-emphasis-hover: var(--eds-color-green-650);
-  --eds-theme-color-background-utility-favorable-high-emphasis: var(--eds-color-green-550);
-  --eds-theme-color-background-utility-favorable-low-emphasis-active: var(--eds-color-green-150);
-  --eds-theme-color-background-utility-favorable-low-emphasis-hover: var(--eds-color-green-100);
-  --eds-theme-color-background-utility-favorable-low-emphasis: var(--eds-color-green-050);
-  --eds-theme-color-background-utility-critical-high-emphasis-active: var(--eds-color-red-800);
-  --eds-theme-color-background-utility-critical-high-emphasis-hover: var(--eds-color-red-750);
-  --eds-theme-color-background-utility-critical-high-emphasis: var(--eds-color-red-650);
-  --eds-theme-color-background-utility-critical-low-emphasis-active: var(--eds-color-red-150);
-  --eds-theme-color-background-utility-critical-low-emphasis-hover: var(--eds-color-red-100);
-  --eds-theme-color-background-utility-critical-low-emphasis: var(--eds-color-red-050);
-  --eds-theme-color-background-utility-critical-no-emphasis-active: var(--eds-color-red-100);
-  --eds-theme-color-background-utility-critical-no-emphasis-hover: var(--eds-color-red-050);
-  --eds-theme-color-background-utility-interactive-high-emphasis-active: var(--eds-color-blue-950);
-  --eds-theme-color-background-utility-interactive-high-emphasis-hover: var(--eds-color-blue-900);
-  --eds-theme-color-background-utility-interactive-high-emphasis: var(--eds-color-blue-850);
-  --eds-theme-color-background-utility-interactive-low-emphasis-active: var(--eds-color-blue-150);
-  --eds-theme-color-background-utility-interactive-low-emphasis-hover: var(--eds-color-blue-100);
-  --eds-theme-color-background-utility-interactive-low-emphasis: var(--eds-color-blue-050);
-  --eds-theme-color-background-utility-interactive-no-emphasis-active: var(--eds-color-blue-100);
-  --eds-theme-color-background-utility-interactive-no-emphasis-hover: var(--eds-color-blue-050);
-  --eds-theme-color-background-utility-default-high-emphasis-active: var(--eds-color-blue-950);
-  --eds-theme-color-background-utility-default-high-emphasis-hover: var(--eds-color-blue-900);
-  --eds-theme-color-background-utility-default-high-emphasis: var(--eds-color-blue-850);
-  --eds-theme-color-background-utility-default-medium-emphasis-active: var(--eds-color-neutral-750);
-  --eds-theme-color-background-utility-default-medium-emphasis-hover: var(--eds-color-neutral-650);
-  --eds-theme-color-background-utility-default-medium-emphasis: var(--eds-color-neutral-550);
-  --eds-theme-color-background-utility-default-low-emphasis-active: var(--eds-color-neutral-150);
-  --eds-theme-color-background-utility-default-low-emphasis-hover: var(--eds-color-neutral-100);
-  --eds-theme-color-background-utility-default-low-emphasis: var(--eds-color-neutral-050);
-  --eds-theme-color-background-utility-default-no-emphasis-active: var(--eds-color-neutral-100);
-  --eds-theme-color-background-utility-default-no-emphasis-hover: var(--eds-color-neutral-050);
-  --eds-theme-color-background-utility-overlay-high-emphasis: var(--eds-color-neutral-850); /* NOTE: use with opacity: 80% */
-  --eds-theme-color-background-utility-overlay-low-emphasis: var(--eds-color-neutral-850); /* NOTE: use with opacity: 50% */
-  --eds-theme-color-background-utility-container-active: var(--eds-color-neutral-100);
-  --eds-theme-color-background-utility-container-hover: var(--eds-color-neutral-050);
-  --eds-theme-color-background-utility-base-2: var(--eds-color-neutral-025);
-  --eds-theme-color-background-table-row-selected: var(--eds-color-blue-100);
-  --eds-theme-color-background-table-row-stripe-2: var(--eds-theme-color-background-utility-base-1);
-  --eds-theme-color-background-table-row-stripe-1: var(--eds-color-blue-025);
-  --eds-theme-color-background-brand-pink: var(--eds-color-pink-450);
-  --eds-theme-color-background-brand-purple-low-emphasis: var(--eds-color-purple-050);
-  --eds-theme-color-background-brand-purple: var(--eds-color-purple-350);
-  --eds-theme-color-background-brand-blue-low-emphasis: var(--eds-color-blue-050);
-  --eds-theme-color-background-brand-blue-3: var(--eds-color-blue-850);
-  --eds-theme-color-background-brand-blue-2: var(--eds-color-blue-550);
-  --eds-theme-color-background-brand-blue-1: var(--eds-color-blue-200);
-  --eds-theme-color-background-brand-green-low-emphasis: var(--eds-color-green-050);
-  --eds-theme-color-background-brand-green: var(--eds-color-green-350);
-  --eds-theme-color-background-brand-yellow-low-emphasis: var(--eds-color-yellow-050);
-  --eds-theme-color-background-brand-yellow: var(--eds-color-yellow-150);
-  --eds-theme-color-background-brand-orange-low-emphasis: var(--eds-color-orange-050);
-  --eds-theme-color-background-brand-orange: var(--eds-color-orange-250);
-  --eds-theme-color-background-brand-red-low-emphasis: var(--eds-color-red-050);
-  --eds-theme-color-background-brand-red: var(--eds-color-red-850);
-  --eds-theme-color-background-brand-primary-strong-hover: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-brand-primary-strong: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-brand-primary-subtle: var(--eds-color-brand-grape-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-brand-primary-default: var(--eds-color-brand-grape-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-background-neutral-medium-hover: var(--eds-color-neutral-300);
-  --eds-theme-color-background-neutral-default: var(--eds-color-neutral-white);
-  --eds-theme-color-body-background-inverted: var(--eds-color-neutral-700);
-  --eds-theme-size-slider-thumb: var(--eds-size-3);
-  --eds-theme-size-slider-track-height: var(--eds-size-1);
-  --eds-theme-form-border-radius: var(--eds-border-radius-md);
-  --eds-theme-form-border-width: var(--eds-border-width-sm);
-  --eds-theme-box-focus-ring-outline-offset: var(--eds-outline-width-md);
-  --eds-theme-box-focus-ring-outline-width: var(--eds-outline-width-sm);
-  --eds-theme-box-button-border-radius: var(--eds-border-radius-md);
-  --eds-theme-border-width: var(--eds-border-width-sm);
-  --eds-theme-border-radius-tab-underline: var(--eds-border-radius-round);
-  --eds-theme-border-radius-objects-xs: var(--eds-border-radius-none);
-  --eds-theme-border-radius-objects-sm: var(--eds-border-radius-50);
-  --eds-theme-border-radius-objects-md: var(--eds-border-radius-100);
-  --eds-theme-border-radius-surfaces-md: var(--eds-border-radius-150);
-  --eds-theme-border-radius-surfaces-lg: var(--eds-border-radius-none);
+  --eds-theme-typography-headline-lg-bold: var(--eds-typography-preset-001);
+  --eds-theme-typography-headline-lg-bold-mobile: var(--eds-typography-preset-mobile-001);
+  --eds-theme-typography-headline-lg-mobile: var(--eds-typography-preset-mobile-001-light);
+  --eds-theme-typography-headline-md: var(--eds-typography-preset-002-light);
+  --eds-theme-typography-headline-md-bold: var(--eds-typography-preset-002);
+  --eds-theme-typography-headline-md-bold-mobile: var(--eds-typography-preset-mobile-002);
+  --eds-theme-typography-headline-md-mobile: var(--eds-typography-preset-mobile-002-light);
+  --eds-theme-typography-headline-sm: var(--eds-typography-preset-003-light);
+  --eds-theme-typography-headline-sm-bold: var(--eds-typography-preset-003);
+  --eds-theme-typography-headline-sm-bold-mobile: var(--eds-typography-preset-mobile-003);
+  --eds-theme-typography-headline-sm-mobile: var(--eds-typography-preset-mobile-003-light);
+  --eds-theme-typography-headline-secondary-lg: var(--eds-typography-preset-secondary-001-light);
+  --eds-theme-typography-headline-secondary-lg-bold: var(--eds-typography-preset-secondary-001);
+  --eds-theme-typography-headline-secondary-lg-bold-mobile: var(--eds-typography-preset-secondary-mobile-001-bold);
+  --eds-theme-typography-headline-secondary-lg-mobile: var(--eds-typography-preset-secondary-mobile-001-light);
+  --eds-theme-typography-headline-secondary-md: var(--eds-typography-preset-secondary-002-light);
+  --eds-theme-typography-headline-secondary-md-bold: var(--eds-typography-preset-secondary-002);
+  --eds-theme-typography-headline-secondary-md-bold-mobile: var(--eds-typography-secondary-mobile-002-bold);
+  --eds-theme-typography-headline-secondary-md-mobile: var(--eds-typography-preset-mobile-002-light);
+  --eds-theme-typography-headline-secondary-sm: var(--eds-typography-preset-secondary-003-light);
+  --eds-theme-typography-headline-secondary-sm-bold: var(--eds-typography-preset-secondary-003);
+  --eds-theme-typography-headline-secondary-sm-bold-mobile: var(--eds-typography-preset-secondary-mobile-003-bold);
+  --eds-theme-typography-headline-secondary-sm-mobile: var(--eds-typography-preset-secondary-mobile-003-light);
+  --eds-theme-typography-title-lg: var(--eds-typography-preset-004);
+  --eds-theme-typography-title-lg-bold: var(--eds-typography-preset-004-bold);
+  --eds-theme-typography-title-md: var(--eds-typography-preset-004);
+  --eds-theme-typography-title-md-bold: var(--eds-typography-preset-004-bold);
+  --eds-theme-typography-title-sm: var(--eds-typography-preset-005);
+  --eds-theme-typography-title-sm-bold: var(--eds-typography-preset-005-bold);
+  --eds-theme-typography-title-xs: var(--eds-typography-preset-007);
+  --eds-theme-typography-title-xs-bold: var(--eds-typography-preset-007-bold);
+  --eds-theme-typography-label-lg-subtle: var(--eds-typography-preset-005);
+  --eds-theme-typography-label-md: var(--eds-typography-preset-007-bold);
+  --eds-theme-typography-label-md-subtle: var(--eds-typography-preset-007);
+  --eds-theme-typography-label-sm: var(--eds-typography-preset-009-bold);
+  --eds-theme-typography-body-xl: var(--eds-typography-preset-003-light);
+  --eds-theme-typography-body-lg: var(--eds-typography-preset-004-light);
+  --eds-theme-typography-body-md: var(--eds-typography-preset-005-light);
+  --eds-theme-typography-body-sm: var(--eds-typography-preset-006-light);
+  --eds-theme-typography-body-xs: var(--eds-typography-preset-008-light);
+  --eds-theme-typography-caption-lg: var(--eds-typography-preset-006-light);
+  --eds-theme-typography-caption-lg-bold: var(--eds-typography-preset-006);
+  --eds-theme-typography-caption-md: var(--eds-typography-preset-008-light);
+  --eds-theme-typography-caption-md-bold: var(--eds-typography-preset-008);
+  --eds-theme-typography-caption-sm: var(--eds-typography-preset-010-light);
+  --eds-theme-typography-caption-sm-bold: var(--eds-typography-preset-010);
+  --eds-theme-typography-overline: var(--eds-typography-preset-011); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-typography-overline-lg: var(--eds-typography-preset-005);
+  --eds-theme-typography-overline-md: var(--eds-typography-preset-011);
+  --eds-theme-typography-overline-sm: var(--eds-typography-preset-012);
+  --eds-theme-typography-callout: var(--eds-typography-preset-002-light);
+  --eds-theme-typography-breadcrumb: var(--eds-typography-preset-009);
+  --eds-theme-typography-button-lg: var(--eds-typography-preset-005);
+  --eds-theme-typography-button-md: var(--eds-typography-preset-005);
+  --eds-theme-typography-button-sm: var(--eds-typography-preset-009);
+  --eds-theme-typography-button-label: var(--eds-typography-preset-006); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-typography-button-label-sm: var(--eds-typography-preset-008-bold); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-typography-form-label: var(--eds-typography-preset-006);
+  --eds-theme-typography-form-input: var(--eds-typography-preset-005-light);
+  --eds-theme-typography-link-lg: var(--eds-typography-preset-004);
+  --eds-theme-typography-link-md: var(--eds-typography-preset-005);
+  --eds-theme-typography-link-sm: var(--eds-typography-preset-007);
+  --eds-theme-typography-link-xs: var(--eds-typography-preset-009);
+  --eds-theme-typography-tab-lg: var(--eds-typography-preset-006-light);
+  --eds-theme-typography-tab-lg-active: var(--eds-typography-preset-006);
+  --eds-theme-typography-tab-sm: var(--eds-typography-preset-008-light);
+  --eds-theme-typography-tab-sm-active: var(--eds-typography-preset-009);
+  --eds-theme-typography-tag: var(--eds-typography-preset-009);
+  --eds-font-family-primary: 'Graphik', sans-serif;
+  --eds-font-family-secondary: 'Argent', serif;
+  --eds-font-size-base: 16; /* (pixels) Base font size for design system in px */
+  --eds-font-weight-light: 400;
+  --eds-font-weight-medium: 500;
+  --eds-font-weight-bold: 600;
+  --eds-letter-spacing-sm: 0.5; /* (pixels) Spacing token used between characters in a text */
+  --eds-typography-preset-001: var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-primary);
+  --eds-typography-preset-001-light: var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-primary);
+  --eds-typography-preset-001-bold: var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-primary);
+  --eds-typography-preset-001-mobile: var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-typography-preset-002: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary);
+  --eds-typography-preset-002-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary);
+  --eds-typography-preset-002-bold: var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary);
+  --eds-typography-preset-002-mobile: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-typography-preset-003: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary);
+  --eds-typography-preset-003-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary);
+  --eds-typography-preset-003-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary);
+  --eds-typography-preset-003-mobile: var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-typography-preset-004: var(--eds-font-weight-medium) 1.125rem/1.55555556 var(--eds-font-family-primary);
+  --eds-typography-preset-004-light: var(--eds-font-weight-light) 1.125rem/1.55555556 var(--eds-font-family-primary);
+  --eds-typography-preset-004-bold: var(--eds-font-weight-bold) 1.125rem/1.55555556 var(--eds-font-family-primary);
+  --eds-typography-preset-005: var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-primary);
+  --eds-typography-preset-005-light: var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-primary);
+  --eds-typography-preset-005-bold: var(--eds-font-weight-bold) 1rem/1.5 var(--eds-font-family-primary);
+  --eds-typography-preset-006: var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-primary);
+  --eds-typography-preset-006-light: var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-primary);
+  --eds-typography-preset-006-bold: var(--eds-font-weight-bold) 0.875rem/1.57142857 var(--eds-font-family-primary);
+  --eds-typography-preset-007: var(--eds-font-weight-medium) 0.875rem/1.28571429 var(--eds-font-family-primary);
+  --eds-typography-preset-007-light: var(--eds-font-weight-light) 0.875rem/1.28571429 var(--eds-font-family-primary);
+  --eds-typography-preset-007-bold: var(--eds-font-weight-bold) 0.875rem/1.28571429 var(--eds-font-family-primary);
+  --eds-typography-preset-008: var(--eds-font-weight-medium) 0.75rem/1.666666667 var(--eds-font-family-primary);
+  --eds-typography-preset-008-light: var(--eds-font-weight-light) 0.75rem/1.666666667 var(--eds-font-family-primary);
+  --eds-typography-preset-008-bold: var(--eds-font-weight-bold) 0.75rem/1.666666667 var(--eds-font-family-primary);
+  --eds-typography-preset-009: var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary);
+  --eds-typography-preset-009-light: var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary);
+  --eds-typography-preset-009-bold: var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary);
+  --eds-typography-preset-010: var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary);
+  --eds-typography-preset-010-light: var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary);
+  --eds-typography-preset-010-bold: var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary);
+  --eds-typography-preset-011: var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary); /* For 011, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
+  --eds-typography-preset-011-light: var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary); /* For 011, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
+  --eds-typography-preset-011-bold: var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary); /* For 011, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
+  --eds-typography-preset-012: var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
+  --eds-typography-preset-012-light: var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
+  --eds-typography-preset-012-bold: var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary); /* For 012, add a text-transform treatment for uppercase (font-variant is limited to CSS 2.1 values) */
+  --eds-typography-preset-secondary-001: var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-001-light: var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-001-bold: var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-002: var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-002-light: var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-003: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-003-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-003-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-004: var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-004-light: var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-005: var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-005-light: var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-006: var(--eds-font-weight-medium) 0.875rem/1.42857143 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-006-light: var(--eds-font-weight-light) 0.875rem/1.42857143 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-007: var(--eds-font-weight-medium) 0.75rem/1.66666667 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-007-light: var(--eds-font-weight-light) 0.75rem/1.66666667 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-008: var(--eds-font-weight-medium) 0.75rem/1.33333333 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-008-light: var(--eds-font-weight-light) 0.75rem/1.33333333 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-mobile-001-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-mobile-001: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-mobile-002-light: var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-mobile-002: var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-mobile-002-bold: var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-mobile-003-light: var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary);
+  --eds-typography-preset-secondary-mobile-003: var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary);
+  --eds-typography-preset-mobile-001-light: var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary);
+  --eds-typography-preset-mobile-001: var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary);
+  --eds-typography-preset-mobile-001-bold: var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary);
+  --eds-typography-preset-mobile-002-light: var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-primary);
+  --eds-typography-preset-mobile-002: var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-primary);
+  --eds-typography-preset-mobile-002-bold: var(--eds-font-weight-bold) 1.75rem/1.28571429 var(--eds-font-family-primary);
+  --eds-typography-preset-mobile-003-light: var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-primary);
+  --eds-typography-preset-mobile-003: var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-primary);
+  --eds-typography-preset-mobile-003-bold: var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary);
   --eds-theme-border-radius-actions: var(--eds-border-radius-full);
-  --eds-theme-color-icon-utility-placeholder: var(--eds-theme-color-text-utility-placeholder);
-  --eds-theme-color-icon-utility-disabled-secondary: var(--eds-theme-color-text-utility-disabled-secondary);
-  --eds-theme-color-icon-utility-disabled-primary: var(--eds-theme-color-text-utility-disabled-primary);
-  --eds-theme-color-icon-utility-informational-active: var(--eds-theme-color-text-utility-informational-active);
-  --eds-theme-color-icon-utility-informational-hover: var(--eds-theme-color-text-utility-informational-hover);
-  --eds-theme-color-icon-utility-informational: var(--eds-theme-color-text-utility-informational);
-  --eds-theme-color-icon-utility-warning-active: var(--eds-theme-color-text-utility-warning-active);
-  --eds-theme-color-icon-utility-warning-hover: var(--eds-theme-color-text-utility-warning-hover);
-  --eds-theme-color-icon-utility-warning: var(--eds-theme-color-text-utility-warning);
-  --eds-theme-color-icon-utility-favorable-active: var(--eds-theme-color-text-utility-favorable-active);
-  --eds-theme-color-icon-utility-favorable-hover: var(--eds-theme-color-text-utility-favorable-hover);
-  --eds-theme-color-icon-utility-favorable: var(--eds-theme-color-text-utility-favorable);
-  --eds-theme-color-icon-utility-critical-active: var(--eds-theme-color-text-utility-critical-active);
-  --eds-theme-color-icon-utility-critical-hover: var(--eds-theme-color-text-utility-critical-hover);
-  --eds-theme-color-icon-utility-critical: var(--eds-theme-color-text-utility-critical);
-  --eds-theme-color-icon-utility-interactive-visited: var(--eds-theme-color-text-utility-interactive-visited); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
-  --eds-theme-color-icon-utility-interactive-secondary-visited: var(--eds-theme-color-text-utility-interactive-secondary-visited);
-  --eds-theme-color-icon-utility-interactive-secondary-active: var(--eds-theme-color-text-utility-interactive-secondary-active);
-  --eds-theme-color-icon-utility-interactive-secondary-hover: var(--eds-theme-color-text-utility-interactive-secondary-hover);
-  --eds-theme-color-icon-utility-interactive-secondary: var(--eds-theme-color-text-utility-interactive-secondary);
-  --eds-theme-color-icon-utility-interactive-primary-visited: var(--eds-theme-color-text-utility-interactive-primary-visited);
-  --eds-theme-color-icon-utility-interactive-primary-active: var(--eds-theme-color-text-utility-interactive-primary-active);
-  --eds-theme-color-icon-utility-interactive-primary-hover: var(--eds-theme-color-text-utility-interactive-primary-hover);
-  --eds-theme-color-icon-utility-interactive-primary: var(--eds-theme-color-text-utility-interactive-primary);
-  --eds-theme-color-icon-utility-default-secondary-active: var(--eds-theme-color-text-utility-default-secondary-active);
-  --eds-theme-color-icon-utility-default-secondary-hover: var(--eds-theme-color-text-utility-default-secondary-hover);
-  --eds-theme-color-icon-utility-default-secondary: var(--eds-theme-color-text-utility-default-secondary);
-  --eds-theme-color-icon-utility-default-primary-active: var(--eds-theme-color-text-utility-default-primary-active);
-  --eds-theme-color-icon-utility-default-primary-hover: var(--eds-theme-color-text-utility-default-primary-hover);
+  --eds-theme-border-radius-surfaces-lg: var(--eds-border-radius-none);
+  --eds-theme-border-radius-surfaces-md: var(--eds-border-radius-150);
+  --eds-theme-border-radius-objects-md: var(--eds-border-radius-100);
+  --eds-theme-border-radius-objects-sm: var(--eds-border-radius-50);
+  --eds-theme-border-radius-objects-xs: var(--eds-border-radius-none);
+  --eds-theme-border-radius-tab-underline: var(--eds-border-radius-round);
+  --eds-theme-border-width: var(--eds-border-width-sm);
+  --eds-theme-box-button-border-radius: var(--eds-border-radius-md);
+  --eds-theme-box-focus-ring-outline-width: var(--eds-outline-width-sm);
+  --eds-theme-box-focus-ring-outline-offset: var(--eds-outline-width-md);
+  --eds-theme-form-border-width: var(--eds-border-width-sm);
+  --eds-theme-form-border-radius: var(--eds-border-radius-md);
+  --eds-theme-size-slider-track-height: var(--eds-size-1);
+  --eds-theme-size-slider-thumb: var(--eds-size-3);
+  --eds-theme-color-body-background-inverted: var(--eds-color-neutral-700);
+  --eds-theme-color-background-neutral-default: var(--eds-color-neutral-white);
+  --eds-theme-color-background-neutral-medium-hover: var(--eds-color-neutral-300);
+  --eds-theme-color-background-brand-primary-default: var(--eds-color-brand-grape-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-brand-primary-subtle: var(--eds-color-brand-grape-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-brand-primary-strong: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-brand-primary-strong-hover: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-brand-red: var(--eds-color-red-850);
+  --eds-theme-color-background-brand-red-low-emphasis: var(--eds-color-red-050);
+  --eds-theme-color-background-brand-orange: var(--eds-color-orange-250);
+  --eds-theme-color-background-brand-orange-low-emphasis: var(--eds-color-orange-050);
+  --eds-theme-color-background-brand-yellow: var(--eds-color-yellow-150);
+  --eds-theme-color-background-brand-yellow-low-emphasis: var(--eds-color-yellow-050);
+  --eds-theme-color-background-brand-green: var(--eds-color-green-350);
+  --eds-theme-color-background-brand-green-low-emphasis: var(--eds-color-green-050);
+  --eds-theme-color-background-brand-blue-1: var(--eds-color-blue-200);
+  --eds-theme-color-background-brand-blue-2: var(--eds-color-blue-550);
+  --eds-theme-color-background-brand-blue-3: var(--eds-color-blue-850);
+  --eds-theme-color-background-brand-blue-low-emphasis: var(--eds-color-blue-050);
+  --eds-theme-color-background-brand-purple: var(--eds-color-purple-350);
+  --eds-theme-color-background-brand-purple-low-emphasis: var(--eds-color-purple-050);
+  --eds-theme-color-background-brand-pink: var(--eds-color-pink-450);
+  --eds-theme-color-background-table-row-stripe-1: var(--eds-color-blue-025);
+  --eds-theme-color-background-table-row-stripe-2: var(--eds-theme-color-background-utility-base-1);
+  --eds-theme-color-background-table-row-selected: var(--eds-color-blue-100);
+  --eds-theme-color-background-utility-base-2: var(--eds-color-neutral-025);
+  --eds-theme-color-background-utility-container-hover: var(--eds-color-neutral-050);
+  --eds-theme-color-background-utility-container-active: var(--eds-color-neutral-100);
+  --eds-theme-color-background-utility-overlay-low-emphasis: var(--eds-color-neutral-850); /* NOTE: use with opacity: 50% */
+  --eds-theme-color-background-utility-overlay-high-emphasis: var(--eds-color-neutral-850); /* NOTE: use with opacity: 80% */
+  --eds-theme-color-background-utility-default-no-emphasis-hover: var(--eds-color-neutral-050);
+  --eds-theme-color-background-utility-default-no-emphasis-active: var(--eds-color-neutral-100);
+  --eds-theme-color-background-utility-default-low-emphasis: var(--eds-color-neutral-050);
+  --eds-theme-color-background-utility-default-low-emphasis-hover: var(--eds-color-neutral-100);
+  --eds-theme-color-background-utility-default-low-emphasis-active: var(--eds-color-neutral-150);
+  --eds-theme-color-background-utility-default-medium-emphasis: var(--eds-color-neutral-550);
+  --eds-theme-color-background-utility-default-medium-emphasis-hover: var(--eds-color-neutral-650);
+  --eds-theme-color-background-utility-default-medium-emphasis-active: var(--eds-color-neutral-750);
+  --eds-theme-color-background-utility-default-high-emphasis: var(--eds-color-blue-850);
+  --eds-theme-color-background-utility-default-high-emphasis-hover: var(--eds-color-blue-900);
+  --eds-theme-color-background-utility-default-high-emphasis-active: var(--eds-color-blue-950);
+  --eds-theme-color-background-utility-interactive-no-emphasis-hover: var(--eds-color-blue-050);
+  --eds-theme-color-background-utility-interactive-no-emphasis-active: var(--eds-color-blue-100);
+  --eds-theme-color-background-utility-interactive-low-emphasis: var(--eds-color-blue-050);
+  --eds-theme-color-background-utility-interactive-low-emphasis-hover: var(--eds-color-blue-100);
+  --eds-theme-color-background-utility-interactive-low-emphasis-active: var(--eds-color-blue-150);
+  --eds-theme-color-background-utility-interactive-high-emphasis: var(--eds-color-blue-850);
+  --eds-theme-color-background-utility-interactive-high-emphasis-hover: var(--eds-color-blue-900);
+  --eds-theme-color-background-utility-interactive-high-emphasis-active: var(--eds-color-blue-950);
+  --eds-theme-color-background-utility-critical-no-emphasis-hover: var(--eds-color-red-050);
+  --eds-theme-color-background-utility-critical-no-emphasis-active: var(--eds-color-red-100);
+  --eds-theme-color-background-utility-critical-low-emphasis: var(--eds-color-red-050);
+  --eds-theme-color-background-utility-critical-low-emphasis-hover: var(--eds-color-red-100);
+  --eds-theme-color-background-utility-critical-low-emphasis-active: var(--eds-color-red-150);
+  --eds-theme-color-background-utility-critical-high-emphasis: var(--eds-color-red-650);
+  --eds-theme-color-background-utility-critical-high-emphasis-hover: var(--eds-color-red-750);
+  --eds-theme-color-background-utility-critical-high-emphasis-active: var(--eds-color-red-800);
+  --eds-theme-color-background-utility-favorable-low-emphasis: var(--eds-color-green-050);
+  --eds-theme-color-background-utility-favorable-low-emphasis-hover: var(--eds-color-green-100);
+  --eds-theme-color-background-utility-favorable-low-emphasis-active: var(--eds-color-green-150);
+  --eds-theme-color-background-utility-favorable-high-emphasis: var(--eds-color-green-550);
+  --eds-theme-color-background-utility-favorable-high-emphasis-hover: var(--eds-color-green-650);
+  --eds-theme-color-background-utility-favorable-high-emphasis-active: var(--eds-color-green-750);
+  --eds-theme-color-background-utility-warning-low-emphasis: var(--eds-color-yellow-050);
+  --eds-theme-color-background-utility-warning-low-emphasis-hover: var(--eds-color-yellow-100);
+  --eds-theme-color-background-utility-warning-low-emphasis-active: var(--eds-color-yellow-150);
+  --eds-theme-color-background-utility-information-low-emphasis: var(--eds-color-blue-050);
+  --eds-theme-color-background-utility-information-low-emphasis-hover: var(--eds-color-blue-100);
+  --eds-theme-color-background-utility-information-low-emphasis-active: var(--eds-color-blue-150);
+  --eds-theme-color-background-utility-disabled-low-emphasis: var(--eds-color-neutral-100);
+  --eds-theme-color-background-utility-disabled-medium-emphasis: var(--eds-color-neutral-200);
+  --eds-theme-color-background-utility-inverse-high-emphasis-hover: var(--eds-color-neutral-050);
+  --eds-theme-color-background-utility-inverse-high-emphasis-active: var(--eds-color-neutral-100);
+  --eds-theme-color-background-utility-success: var(--eds-color-other-mint-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-utility-error: var(--eds-color-other-ruby-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-grade-complete-default: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-grade-complete-subtle: var(--eds-color-other-mint-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-grade-revise-default: var(--eds-color-other-yellow-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-grade-revise-subtle: var(--eds-color-other-yellow-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-grade-stop-default: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-grade-stop-subtle: var(--eds-color-other-ruby-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-background-disabled: var(--eds-color-neutral-300);
+  --eds-theme-color-border-neutral-subtle-hover: var(--eds-color-neutral-300);
+  --eds-theme-color-border-neutral-default: var(--eds-color-neutral-300);
+  --eds-theme-color-border-neutral-default-hover: var(--eds-color-neutral-400);
+  --eds-theme-color-border-neutral-strong: var(--eds-color-neutral-400);
+  --eds-theme-color-border-neutral-strong-hover: var(--eds-color-neutral-500);
+  --eds-theme-color-border-brand-primary-subtle: var(--eds-color-brand-grape-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-brand-primary: var(--eds-color-brand-grape-300); /* @deprecated This token is deprecated. Please use eds-theme-color-border-brand-primary-default instead */
+  --eds-theme-color-border-brand-primary-strong: var(--eds-color-brand-grape-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-brand-red: var(--eds-color-red-850);
+  --eds-theme-color-border-brand-orange: var(--eds-color-orange-250);
+  --eds-theme-color-border-brand-yellow: var(--eds-color-yellow-150);
+  --eds-theme-color-border-brand-green: var(--eds-color-green-350);
+  --eds-theme-color-border-brand-blue-1: var(--eds-color-blue-200);
+  --eds-theme-color-border-brand-blue-2: var(--eds-color-blue-550);
+  --eds-theme-color-border-brand-blue-3: var(--eds-color-blue-850);
+  --eds-theme-color-border-brand-purple: var(--eds-color-purple-350);
+  --eds-theme-color-border-brand-pink: var(--eds-color-pink-450);
+  --eds-theme-color-border-utility-default-low-emphasis: var(--eds-color-neutral-200);
+  --eds-theme-color-border-utility-default-low-emphasis-hover: var(--eds-color-neutral-250);
+  --eds-theme-color-border-utility-default-low-emphasis-active: var(--eds-color-neutral-350);
+  --eds-theme-color-border-utility-default-medium-emphasis: var(--eds-color-neutral-550);
+  --eds-theme-color-border-utility-default-medium-emphasis-hover: var(--eds-color-neutral-650);
+  --eds-theme-color-border-utility-default-medium-emphasis-active: var(--eds-color-neutral-750);
+  --eds-theme-color-border-utility-default-high-emphasis: var(--eds-color-blue-850);
+  --eds-theme-color-border-utility-default-high-emphasis-hover: var(--eds-color-blue-900);
+  --eds-theme-color-border-utility-default-high-emphasis-active: var(--eds-color-blue-950);
+  --eds-theme-color-border-utility-interactive: var(--eds-color-blue-850);
+  --eds-theme-color-border-utility-interactive-hover: var(--eds-color-blue-900);
+  --eds-theme-color-border-utility-interactive-active: var(--eds-color-blue-950);
+  --eds-theme-color-border-utility-interactive-secondary: var(--eds-color-blue-550);
+  --eds-theme-color-border-utility-interactive-secondary-hover: var(--eds-color-blue-650);
+  --eds-theme-color-border-utility-interactive-secondary-active: var(--eds-color-blue-750);
+  --eds-theme-color-border-utility-critical: var(--eds-color-red-650);
+  --eds-theme-color-border-utility-critical-hover: var(--eds-color-red-750);
+  --eds-theme-color-border-utility-critical-active: var(--eds-color-red-800);
+  --eds-theme-color-border-utility-favorable: var(--eds-color-green-550);
+  --eds-theme-color-border-utility-favorable-hover: var(--eds-color-green-650);
+  --eds-theme-color-border-utility-favorable-active: var(--eds-color-green-750);
+  --eds-theme-color-border-utility-warning: var(--eds-color-yellow-550);
+  --eds-theme-color-border-utility-warning-hover: var(--eds-color-yellow-650);
+  --eds-theme-color-border-utility-warning-active: var(--eds-color-yellow-750);
+  --eds-theme-color-border-utility-warning-subtle: var(--eds-color-other-orange-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-utility-warning-default: var(--eds-color-other-orange-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-utility-warning-strong: var(--eds-color-other-orange-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-utility-informational: var(--eds-color-blue-550);
+  --eds-theme-color-border-utility-informational-hover: var(--eds-color-blue-650);
+  --eds-theme-color-border-utility-informational-active: var(--eds-color-blue-750);
+  --eds-theme-color-border-utility-disabled: var(--eds-color-neutral-350);
+  --eds-theme-color-border-utility-focus: var(--eds-color-blue-550);
+  --eds-theme-color-border-utility-success-subtle: var(--eds-color-other-mint-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-utility-success-default: var(--eds-color-other-mint-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-utility-success-strong: var(--eds-color-other-mint-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-utility-error-subtle: var(--eds-color-other-ruby-200);
+  --eds-theme-color-border-utility-error-default: var(--eds-color-other-ruby-300);
+  --eds-theme-color-border-utility-error-strong: var(--eds-color-other-ruby-400);
+  --eds-theme-color-border-grade-complete: var(--eds-color-other-mint-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-grade-revise-subtle: var(--eds-color-other-yellow-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-grade-revise-default: var(--eds-color-other-yellow-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-grade-revise-strong: var(--eds-color-other-yellow-400); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-grade-stop: var(--eds-color-other-ruby-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-border-disabled: var(--eds-color-neutral-300);
+  --eds-theme-color-button-primary-brand-background: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-primary-brand-background-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-primary-brand-background-active: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-primary-brand-border: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-primary-brand-border-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-primary-brand-border-active: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-primary-brand-text: var(--eds-color-neutral-white);
+  --eds-theme-color-button-primary-brand-text-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-primary-brand-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-primary-error-background: var(--eds-color-other-ruby-600);
+  --eds-theme-color-button-primary-error-background-hover: var(--eds-color-other-ruby-700);
+  --eds-theme-color-button-primary-error-background-active: var(--eds-color-other-ruby-800);
+  --eds-theme-color-button-primary-error-border: var(--eds-color-other-ruby-600);
+  --eds-theme-color-button-primary-error-border-hover: var(--eds-color-other-ruby-700);
+  --eds-theme-color-button-primary-error-border-active: var(--eds-color-other-ruby-800);
+  --eds-theme-color-button-primary-error-text: var(--eds-color-neutral-white);
+  --eds-theme-color-button-primary-error-text-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-primary-error-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-brand-background: var(--eds-theme-color-transparent-black-0);
+  --eds-theme-color-button-secondary-brand-background-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-brand-background-active: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-brand-border: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-brand-border-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-brand-border-active: var(--eds-color-brand-grape-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-brand-text: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-brand-text-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-brand-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-brand-icon: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-brand-icon-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-brand-icon-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-neutral-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-neutral-background-active: var(--eds-color-neutral-700);
+  --eds-theme-color-button-secondary-neutral-border: var(--eds-color-neutral-600);
+  --eds-theme-color-button-secondary-neutral-border-hover: var(--eds-color-neutral-600);
+  --eds-theme-color-button-secondary-neutral-border-active: var(--eds-color-neutral-700);
+  --eds-theme-color-button-secondary-neutral-text: var(--eds-color-neutral-600);
+  --eds-theme-color-button-secondary-neutral-text-hover: var(--eds-color-neutral-600);
+  --eds-theme-color-button-secondary-neutral-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-neutral-icon: var(--eds-color-neutral-400);
+  --eds-theme-color-button-secondary-neutral-icon-hover: var(--eds-color-neutral-400);
+  --eds-theme-color-button-secondary-neutral-icon-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-success-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-success-background-hover: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-success-background-active: var(--eds-color-other-mint-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-success-border: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-success-border-hover: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-success-border-active: var(--eds-color-other-mint-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-success-text: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-success-text-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-success-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-success-icon: var(--eds-color-other-mint-600);
+  --eds-theme-color-button-secondary-success-icon-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-success-icon-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-warning-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-warning-background-hover: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-warning-background-active: var(--eds-color-other-orange-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-warning-border: var(--eds-color-other-orange-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-warning-border-hover: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-warning-border-active: var(--eds-color-other-orange-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-warning-text: var(--eds-color-other-orange-700);
+  --eds-theme-color-button-secondary-warning-text-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-warning-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-warning-icon: var(--eds-color-other-orange-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-warning-icon-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-warning-icon-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-error-background: var(--eds-theme-color-transparent-black-0);
+  --eds-theme-color-button-secondary-error-background-hover: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-error-background-active: var(--eds-color-other-ruby-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-error-border: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-error-border-hover: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-error-border-active: var(--eds-color-other-ruby-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-error-text: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-secondary-error-text-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-error-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-error-icon: var(--eds-color-other-ruby-600);
+  --eds-theme-color-button-secondary-error-icon-hover: var(--eds-color-neutral-white);
+  --eds-theme-color-button-secondary-error-icon-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-brand: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-brand-hover: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-brand-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-brand-background: var(--eds-theme-color-transparent-black-0);
+  --eds-theme-color-button-icon-brand-background-hover: var(--eds-color-brand-grape-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-brand-background-active: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-brand-border: var(--eds-theme-color-transparent-black-0);
+  --eds-theme-color-button-icon-brand-border-hover: var(--eds-color-brand-grape-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-brand-border-active: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-brand-text: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-brand-text-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-brand-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-neutral: var(--eds-color-neutral-600);
+  --eds-theme-color-button-icon-neutral-hover: var(--eds-color-neutral-600);
+  --eds-theme-color-button-icon-neutral-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-neutral-background: var(--eds-theme-color-transparent-black-0);
+  --eds-theme-color-button-icon-neutral-background-active: var(--eds-color-neutral-600);
+  --eds-theme-color-button-icon-neutral-border: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-neutral-border-active: var(--eds-color-neutral-600);
+  --eds-theme-color-button-icon-neutral-text: var(--eds-color-neutral-600);
+  --eds-theme-color-button-icon-neutral-text-hover: var(--eds-color-neutral-600);
+  --eds-theme-color-button-icon-neutral-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-success: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-hover: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-success-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-background-hover: var(--eds-color-other-mint-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-background-active: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-border: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-border-hover: var(--eds-color-other-mint-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-border-active: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-text: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-text-hover: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-success-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-warning: var(--eds-color-other-orange-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-hover: var(--eds-color-other-orange-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-warning-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-background-hover: var(--eds-color-other-orange-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-background-active: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-border: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-border-hover: var(--eds-color-other-orange-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-border-active: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-text: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-text-hover: var(--eds-color-other-orange-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-warning-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-error: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-hover: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-active: var(--eds-color-neutral-white);
+  --eds-theme-color-button-icon-error-background: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-background-hover: var(--eds-color-other-ruby-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-background-active: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-border: var(--eds-theme-color-transparent-black-0); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-border-hover: var(--eds-color-other-ruby-200); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-border-active: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-text: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-text-hover: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-button-icon-error-text-active: var(--eds-color-neutral-white);
+  --eds-theme-color-checkbox-brand-background: var(--eds-color-brand-grape-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-data-bar-border: var(--eds-color-neutral-300); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-focus-ring: var(--eds-color-brand-grape-600);
+  --eds-theme-color-focus-ring-inverted: var(--eds-color-neutral-white);
+  --eds-theme-color-form-border: var(--eds-color-neutral-500);
+  --eds-theme-color-form-border-hover: var(--eds-color-neutral-800);
+  --eds-theme-color-form-background: var(--eds-color-neutral-white);
+  --eds-theme-color-form-label: var(--eds-color-neutral-700);
+  --eds-theme-color-icon-neutral-default: var(--eds-color-neutral-600);
+  --eds-theme-color-icon-neutral-default-inverse: var(--eds-color-neutral-white);
+  --eds-theme-color-icon-neutral-default-hover: var(--eds-color-neutral-700);
+  --eds-theme-color-icon-neutral-strong: var(--eds-color-neutral-700);
+  --eds-theme-color-icon-neutral-strong-hover: var(--eds-color-neutral-800);
+  --eds-theme-color-icon-neutral-subtle: var(--eds-color-neutral-500);
+  --eds-theme-color-icon-neutral-subtle-hover: var(--eds-color-neutral-600);
+  --eds-theme-color-icon-link-default: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-link-default-hover: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-brand-primary: var(--eds-color-brand-grape-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-brand-primary-hover: var(--eds-color-brand-grape-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-utility-inverse: var(--eds-theme-color-text-utility-inverse);
+  --eds-theme-color-icon-utility-inverse-disabled: var(--eds-theme-color-text-utility-inverse-disabled); /* Use with rgb() */
+  --eds-theme-color-icon-utility-success: var(--eds-color-other-mint-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-utility-success-hover: var(--eds-color-other-mint-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-utility-error: var(--eds-color-other-ruby-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-utility-error-hover: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-grade-complete: var(--eds-color-other-mint-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-grade-complete-hover: var(--eds-color-other-mint-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-grade-revise: var(--eds-color-neutral-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-grade-revise-hover: var(--eds-color-neutral-black); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-grade-stop: var(--eds-color-other-ruby-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-grade-stop-hover: var(--eds-color-other-ruby-600); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-disabled: var(--eds-color-neutral-300);
+  --eds-theme-color-modal-brand-header-background: var(--eds-color-brand-grape-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-radio-brand-background: var(--eds-color-brand-grape-500); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-text-neutral-default: var(--eds-color-neutral-700);
+  --eds-theme-color-text-neutral-default-inverse: var(--eds-color-neutral-white);
+  --eds-theme-color-text-neutral-strong: var(--eds-color-neutral-800);
+  --eds-theme-color-text-neutral-subtle: var(--eds-color-neutral-600);
+  --eds-theme-color-text-utility-default-primary: var(--eds-color-blue-850);
+  --eds-theme-color-text-utility-default-primary-hover: var(--eds-color-blue-900);
+  --eds-theme-color-text-utility-default-primary-active: var(--eds-color-blue-950);
+  --eds-theme-color-text-utility-default-secondary: var(--eds-color-neutral-550);
+  --eds-theme-color-text-utility-default-secondary-hover: var(--eds-color-neutral-650);
+  --eds-theme-color-text-utility-default-secondary-active: var(--eds-color-neutral-750);
+  --eds-theme-color-text-utility-interactive-primary: var(--eds-color-blue-850);
+  --eds-theme-color-text-utility-interactive-primary-hover: var(--eds-color-blue-900);
+  --eds-theme-color-text-utility-interactive-primary-active: var(--eds-color-blue-950);
+  --eds-theme-color-text-utility-interactive-primary-visited: var(--eds-color-blue-850);
+  --eds-theme-color-text-utility-interactive-secondary: var(--eds-color-blue-550);
+  --eds-theme-color-text-utility-interactive-secondary-hover: var(--eds-color-blue-650);
+  --eds-theme-color-text-utility-interactive-secondary-active: var(--eds-color-blue-750);
+  --eds-theme-color-text-utility-interactive-secondary-visited: var(--eds-color-blue-550);
+  --eds-theme-color-text-utility-interactive-visited: var(--eds-color-purple-550); /* @deprecated This token is deprecated. Please use eds-theme-color-border-brand-primary-default instead */
+  --eds-theme-color-text-utility-critical: var(--eds-color-red-650);
+  --eds-theme-color-text-utility-critical-hover: var(--eds-color-red-750);
+  --eds-theme-color-text-utility-critical-active: var(--eds-color-red-800);
+  --eds-theme-color-text-utility-favorable: var(--eds-color-green-550);
+  --eds-theme-color-text-utility-favorable-hover: var(--eds-color-green-650);
+  --eds-theme-color-text-utility-favorable-active: var(--eds-color-green-750);
+  --eds-theme-color-text-utility-warning: var(--eds-color-yellow-550);
+  --eds-theme-color-text-utility-warning-hover: var(--eds-color-yellow-650);
+  --eds-theme-color-text-utility-warning-active: var(--eds-color-yellow-750);
+  --eds-theme-color-text-utility-informational: var(--eds-color-blue-550);
+  --eds-theme-color-text-utility-informational-hover: var(--eds-color-blue-650);
+  --eds-theme-color-text-utility-informational-active: var(--eds-color-blue-750);
+  --eds-theme-color-text-utility-disabled-primary: var(--eds-color-neutral-350);
+  --eds-theme-color-text-utility-disabled-secondary: var(--eds-color-neutral-200);
+  --eds-theme-color-text-utility-placeholder: var(--eds-color-neutral-550);
+  --eds-theme-color-text-utility-success: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-text-utility-error: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-text-grade-complete: var(--eds-color-other-mint-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-text-grade-revise: var(--eds-color-neutral-800); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-text-grade-stop: var(--eds-color-other-ruby-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-text-disabled: var(--eds-color-neutral-300);
+  --eds-theme-color-text-brand-primary: var(--eds-color-brand-grape-700); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. Please use eds-theme-color-text-brand-default instead. */
+  --eds-theme-color-text-highlight-foreground: var(--eds-color-neutral-800);
+  --eds-theme-color-text-highlight-background: var(--eds-color-other-yellow-100); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
   --eds-theme-color-icon-utility-default-primary: var(--eds-theme-color-text-utility-default-primary);
+  --eds-theme-color-icon-utility-default-primary-hover: var(--eds-theme-color-text-utility-default-primary-hover);
+  --eds-theme-color-icon-utility-default-primary-active: var(--eds-theme-color-text-utility-default-primary-active);
+  --eds-theme-color-icon-utility-default-secondary: var(--eds-theme-color-text-utility-default-secondary);
+  --eds-theme-color-icon-utility-default-secondary-hover: var(--eds-theme-color-text-utility-default-secondary-hover);
+  --eds-theme-color-icon-utility-default-secondary-active: var(--eds-theme-color-text-utility-default-secondary-active);
+  --eds-theme-color-icon-utility-interactive-primary: var(--eds-theme-color-text-utility-interactive-primary);
+  --eds-theme-color-icon-utility-interactive-primary-hover: var(--eds-theme-color-text-utility-interactive-primary-hover);
+  --eds-theme-color-icon-utility-interactive-primary-active: var(--eds-theme-color-text-utility-interactive-primary-active);
+  --eds-theme-color-icon-utility-interactive-primary-visited: var(--eds-theme-color-text-utility-interactive-primary-visited);
+  --eds-theme-color-icon-utility-interactive-secondary: var(--eds-theme-color-text-utility-interactive-secondary);
+  --eds-theme-color-icon-utility-interactive-secondary-hover: var(--eds-theme-color-text-utility-interactive-secondary-hover);
+  --eds-theme-color-icon-utility-interactive-secondary-active: var(--eds-theme-color-text-utility-interactive-secondary-active);
+  --eds-theme-color-icon-utility-interactive-secondary-visited: var(--eds-theme-color-text-utility-interactive-secondary-visited);
+  --eds-theme-color-icon-utility-interactive-visited: var(--eds-theme-color-text-utility-interactive-visited); /* @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
+  --eds-theme-color-icon-utility-critical: var(--eds-theme-color-text-utility-critical);
+  --eds-theme-color-icon-utility-critical-hover: var(--eds-theme-color-text-utility-critical-hover);
+  --eds-theme-color-icon-utility-critical-active: var(--eds-theme-color-text-utility-critical-active);
+  --eds-theme-color-icon-utility-favorable: var(--eds-theme-color-text-utility-favorable);
+  --eds-theme-color-icon-utility-favorable-hover: var(--eds-theme-color-text-utility-favorable-hover);
+  --eds-theme-color-icon-utility-favorable-active: var(--eds-theme-color-text-utility-favorable-active);
+  --eds-theme-color-icon-utility-warning: var(--eds-theme-color-text-utility-warning);
+  --eds-theme-color-icon-utility-warning-hover: var(--eds-theme-color-text-utility-warning-hover);
+  --eds-theme-color-icon-utility-warning-active: var(--eds-theme-color-text-utility-warning-active);
+  --eds-theme-color-icon-utility-informational: var(--eds-theme-color-text-utility-informational);
+  --eds-theme-color-icon-utility-informational-hover: var(--eds-theme-color-text-utility-informational-hover);
+  --eds-theme-color-icon-utility-informational-active: var(--eds-theme-color-text-utility-informational-active);
+  --eds-theme-color-icon-utility-disabled-primary: var(--eds-theme-color-text-utility-disabled-primary);
+  --eds-theme-color-icon-utility-disabled-secondary: var(--eds-theme-color-text-utility-disabled-secondary);
+  --eds-theme-color-icon-utility-placeholder: var(--eds-theme-color-text-utility-placeholder);
 }
diff --git a/src/tokens-dist/json/variables-nested.json b/src/tokens-dist/json/variables-nested.json
index ed6350f8b..21278ea75 100644
--- a/src/tokens-dist/json/variables-nested.json
+++ b/src/tokens-dist/json/variables-nested.json
@@ -1,297 +1,287 @@
 {
   "eds": {
-    "font-family": {
-      "primary": "'Graphik', sans-serif",
-      "secondary": "'Argent', serif"
-    },
-    "font-size": {
-      "base": "16"
-    },
-    "font-weight": {
-      "light": "400",
-      "medium": "500",
-      "bold": "600"
-    },
-    "letter-spacing": {
-      "sm": "0.5"
+    "anim": {
+      "fade": {
+        "quick": "0.15",
+        "long": "0.4"
+      },
+      "move": {
+        "quick": "0.15",
+        "medium": "0.3",
+        "long": "0.4"
+      },
+      "ease": "ease"
     },
-    "typography": {
-      "preset": {
-        "001": {
-          "@": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-primary)",
-          "mobile": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)"
-        },
-        "002": {
-          "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)",
-          "mobile": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)"
-        },
-        "003": {
-          "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)",
-          "mobile": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)"
-        },
-        "004": {
-          "@": "var(--eds-font-weight-medium) 1.125rem/1.55555556 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 1.125rem/1.55555556 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 1.125rem/1.55555556 var(--eds-font-family-primary)"
-        },
-        "005": {
-          "@": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 1rem/1.5 var(--eds-font-family-primary)"
-        },
-        "006": {
-          "@": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 0.875rem/1.57142857 var(--eds-font-family-primary)"
-        },
-        "007": {
-          "@": "var(--eds-font-weight-medium) 0.875rem/1.28571429 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 0.875rem/1.28571429 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 0.875rem/1.28571429 var(--eds-font-family-primary)"
-        },
-        "008": {
-          "@": "var(--eds-font-weight-medium) 0.75rem/1.666666667 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 0.75rem/1.666666667 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 0.75rem/1.666666667 var(--eds-font-family-primary)"
-        },
-        "009": {
-          "@": "var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary)"
-        },
-        "010": {
-          "@": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)"
-        },
-        "011": {
-          "@": "var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary)"
-        },
-        "012": {
-          "@": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-          "light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
-          "bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)"
-        },
-        "secondary": {
-          "001": {
-            "@": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary)",
-            "light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary)",
-            "bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary)"
-          },
-          "002": {
-            "@": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)",
-            "light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)"
-          },
-          "003": {
-            "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-            "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-            "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)"
-          },
-          "004": {
-            "@": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary)",
-            "light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-secondary)"
-          },
-          "005": {
-            "@": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-secondary)",
-            "light": "var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-secondary)"
-          },
-          "006": {
-            "@": "var(--eds-font-weight-medium) 0.875rem/1.42857143 var(--eds-font-family-secondary)",
-            "light": "var(--eds-font-weight-light) 0.875rem/1.42857143 var(--eds-font-family-secondary)"
-          },
-          "007": {
-            "@": "var(--eds-font-weight-medium) 0.75rem/1.66666667 var(--eds-font-family-secondary)",
-            "light": "var(--eds-font-weight-light) 0.75rem/1.66666667 var(--eds-font-family-secondary)"
-          },
-          "008": {
-            "@": "var(--eds-font-weight-medium) 0.75rem/1.33333333 var(--eds-font-family-secondary)",
-            "light": "var(--eds-font-weight-light) 0.75rem/1.33333333 var(--eds-font-family-secondary)"
-          },
-          "mobile": {
-            "001": {
-              "light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary)",
-              "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)"
-            },
-            "002": {
-              "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-              "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
-              "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)"
-            },
-            "003": {
-              "light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)",
-              "@": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary)"
-            }
-          }
-        },
-        "mobile": {
-          "001": {
-            "light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)",
-            "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)",
-            "bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)"
-          },
-          "002": {
-            "light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-primary)",
-            "@": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-primary)",
-            "bold": "var(--eds-font-weight-bold) 1.75rem/1.28571429 var(--eds-font-family-primary)"
-          },
-          "003": {
-            "light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-primary)",
-            "@": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-primary)",
-            "bold": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)"
-          }
-        }
+    "border": {
+      "width": {
+        "sm": "1",
+        "md": "2",
+        "lg": "4",
+        "xl": "8"
+      },
+      "radius": {
+        "50": "2",
+        "100": "4",
+        "150": "6",
+        "200": "8",
+        "500": "20",
+        "none": "0",
+        "md": "4",
+        "lg": "8",
+        "xl": "20",
+        "round": "50",
+        "full": "9999"
       }
     },
-    "theme": {
-      "typography": {
-        "headline": {
-          "lg": {
-            "@": "var(--eds-typography-preset-001-light)",
-            "bold": {
-              "@": "var(--eds-typography-preset-001)",
-              "mobile": "var(--eds-typography-preset-mobile-001)"
-            },
-            "mobile": "var(--eds-typography-preset-mobile-001-light)"
-          },
-          "md": {
-            "@": "var(--eds-typography-preset-002-light)",
-            "bold": {
-              "@": "var(--eds-typography-preset-002)",
-              "mobile": "var(--eds-typography-preset-mobile-002)"
-            },
-            "mobile": "var(--eds-typography-preset-mobile-002-light)"
-          },
-          "sm": {
-            "@": "var(--eds-typography-preset-003-light)",
-            "bold": {
-              "@": "var(--eds-typography-preset-003)",
-              "mobile": "var(--eds-typography-preset-mobile-003)"
-            },
-            "mobile": "var(--eds-typography-preset-mobile-003-light)"
-          },
-          "secondary": {
-            "lg": {
-              "@": "var(--eds-typography-preset-secondary-001-light)",
-              "bold": {
-                "@": "var(--eds-typography-preset-secondary-001)",
-                "mobile": "var(--eds-typography-preset-secondary-mobile-001-bold)"
-              },
-              "mobile": "var(--eds-typography-preset-secondary-mobile-001-light)"
-            },
-            "md": {
-              "@": "var(--eds-typography-preset-secondary-002-light)",
-              "bold": {
-                "@": "var(--eds-typography-preset-secondary-002)",
-                "mobile": "var(--eds-typography-secondary-mobile-002-bold)"
-              },
-              "mobile": "var(--eds-typography-preset-mobile-002-light)"
-            },
-            "sm": {
-              "@": "var(--eds-typography-preset-secondary-003-light)",
-              "bold": {
-                "@": "var(--eds-typography-preset-secondary-003)",
-                "mobile": "var(--eds-typography-preset-secondary-mobile-003-bold)"
-              },
-              "mobile": "var(--eds-typography-preset-secondary-mobile-003-light)"
-            }
-          }
-        },
-        "title": {
-          "lg": {
-            "@": "var(--eds-typography-preset-004)",
-            "bold": "var(--eds-typography-preset-004-bold)"
-          },
-          "md": {
-            "@": "var(--eds-typography-preset-004)",
-            "bold": "var(--eds-typography-preset-004-bold)"
-          },
-          "sm": {
-            "@": "var(--eds-typography-preset-005)",
-            "bold": "var(--eds-typography-preset-005-bold)"
-          },
-          "xs": {
-            "@": "var(--eds-typography-preset-007)",
-            "bold": "var(--eds-typography-preset-007-bold)"
-          }
-        },
-        "label": {
-          "lg": {
-            "subtle": "var(--eds-typography-preset-005)"
-          },
-          "md": {
-            "@": "var(--eds-typography-preset-007-bold)",
-            "subtle": "var(--eds-typography-preset-007)"
-          },
-          "sm": "var(--eds-typography-preset-009-bold)"
-        },
-        "body": {
-          "xl": "var(--eds-typography-preset-003-light)",
-          "lg": "var(--eds-typography-preset-004-light)",
-          "md": "var(--eds-typography-preset-005-light)",
-          "sm": "var(--eds-typography-preset-006-light)",
-          "xs": "var(--eds-typography-preset-008-light)"
-        },
-        "caption": {
-          "lg": {
-            "@": "var(--eds-typography-preset-006-light)",
-            "bold": "var(--eds-typography-preset-006)"
-          },
-          "md": {
-            "@": "var(--eds-typography-preset-008-light)",
-            "bold": "var(--eds-typography-preset-008)"
-          },
-          "sm": {
-            "@": "var(--eds-typography-preset-010-light)",
-            "bold": "var(--eds-typography-preset-010)"
-          }
-        },
-        "overline": {
-          "@": "var(--eds-typography-preset-011)",
-          "lg": "var(--eds-typography-preset-005)",
-          "md": "var(--eds-typography-preset-011)",
-          "sm": "var(--eds-typography-preset-012)"
-        },
-        "callout": "var(--eds-typography-preset-002-light)",
-        "breadcrumb": "var(--eds-typography-preset-009)",
-        "button": {
-          "lg": "var(--eds-typography-preset-005)",
-          "md": "var(--eds-typography-preset-005)",
-          "sm": "var(--eds-typography-preset-009)",
-          "label": {
-            "@": "var(--eds-typography-preset-006)",
-            "sm": "var(--eds-typography-preset-008-bold)"
-          }
-        },
-        "form": {
-          "label": "var(--eds-typography-preset-006)",
-          "input": "var(--eds-typography-preset-005-light)"
+    "color": {
+      "white": "255 255 255",
+      "black": "0 0 0",
+      "brand": {
+        "grape": {
+          "100": "#F0F0FC",
+          "200": "#E0E0F9",
+          "300": "#C4C1F3",
+          "400": "#A6A3EE",
+          "500": "#8984E8",
+          "600": "#6B65E2",
+          "700": "#5751D2",
+          "800": "#3E42B1"
+        }
+      },
+      "neutral": {
+        "100": "#EEE7E4",
+        "150": "#DFD9D6",
+        "200": "#CFC9C7",
+        "250": "#BEB8B6",
+        "300": "#C0C4C8",
+        "350": "#A09C9A",
+        "400": "#999EA3",
+        "450": "#868281",
+        "500": "#878C90",
+        "550": "#6C6967",
+        "600": "#5D6369",
+        "650": "#565352",
+        "700": "#383C43",
+        "750": "#3F3E3D",
+        "800": "#333231",
+        "850": "#272625",
+        "900": "#1A1919",
+        "950": "#0F0F0F",
+        "white": "#FFFFFF",
+        "025": "#FDF9F8",
+        "050": "#F9F3F1",
+        "black": "#161B1F"
+      },
+      "red": {
+        "100": "#FAE2E5",
+        "150": "#F6CDD1",
+        "200": "#F3B7BD",
+        "250": "#EFA0A9",
+        "350": "#E9808C",
+        "450": "#D8525B",
+        "550": "#C42C2F",
+        "650": "#A51115",
+        "750": "#7D0A16",
+        "800": "#660517",
+        "850": "#4D0118",
+        "900": "#350110",
+        "950": "#23010B",
+        "050": "#FDF3F4"
+      },
+      "orange": {
+        "100": "#FFDCCA",
+        "150": "#FFC7AB",
+        "200": "#FFB38D",
+        "250": "#FFA070",
+        "350": "#E87F4A",
+        "450": "#D0622C",
+        "550": "#B8470F",
+        "650": "#92380C",
+        "750": "#672808",
+        "800": "#532006",
+        "850": "#401805",
+        "900": "#2B1003",
+        "950": "#1B0A02",
+        "050": "#FFEEE5"
+      },
+      "yellow": {
+        "100": "#FBE8AB",
+        "150": "#F9DA78",
+        "200": "#F1CA53",
+        "250": "#E7B724",
+        "350": "#C4970C",
+        "450": "#A57D01",
+        "550": "#876701",
+        "650": "#695001",
+        "750": "#4D3A01",
+        "800": "#392B01",
+        "850": "#2B2001",
+        "900": "#1E1701",
+        "950": "#130E01",
+        "050": "#FDF3D3"
+      },
+      "green": {
+        "100": "#D0EDDD",
+        "150": "#B3E1C7",
+        "200": "#95D5B1",
+        "250": "#74C899",
+        "350": "#57B083",
+        "450": "#3F926D",
+        "550": "#367759",
+        "650": "#225E43",
+        "750": "#13462F",
+        "800": "#0E3423",
+        "850": "#0A271A",
+        "900": "#071B12",
+        "950": "#05120C",
+        "050": "#E6F5ED"
+      },
+      "blue": {
+        "100": "#CEE6FF",
+        "150": "#B5DAFF",
+        "200": "#99CCFF",
+        "250": "#85BAFB",
+        "350": "#6199F3",
+        "450": "#437EED",
+        "550": "#3165D2",
+        "650": "#254EAC",
+        "750": "#1B3889",
+        "800": "#152D76",
+        "850": "#0F2163",
+        "900": "#0A164C",
+        "950": "#060E30",
+        "025": "#F5FAFF",
+        "050": "#EAF4FF"
+      },
+      "pink": {
+        "350": "#E67EB0",
+        "450": "#DB458D",
+        "550": "#C62B73"
+      },
+      "purple": {
+        "100": "#F3E5FA",
+        "150": "#EAD1F6",
+        "200": "#E0BAF2",
+        "250": "#D5A2EE",
+        "350": "#C580E7",
+        "450": "#A765C7",
+        "550": "#8A50A7",
+        "650": "#6E3A88",
+        "750": "#562D69",
+        "800": "#452455",
+        "850": "#311A3C",
+        "900": "#25142E",
+        "950": "#190D1E",
+        "050": "#FBF5FD"
+      },
+      "opacity": {
+        "10": "0.10",
+        "20": "0.20",
+        "30": "0.30",
+        "40": "0.40",
+        "50": "0.50",
+        "60": "0.60",
+        "70": "0.60",
+        "80": "0.80"
+      },
+      "other": {
+        "mint": {
+          "100": "#ECFFF5",
+          "200": "#B7E9CE",
+          "300": "#8FDCB3",
+          "400": "#59C88C",
+          "500": "#00A56A",
+          "600": "#008656",
+          "700": "#007249",
+          "800": "#005939"
         },
-        "link": {
-          "lg": "var(--eds-typography-preset-004)",
-          "md": "var(--eds-typography-preset-005)",
-          "sm": "var(--eds-typography-preset-007)",
-          "xs": "var(--eds-typography-preset-009)"
+        "yellow": {
+          "100": "#FDF1D0",
+          "200": "#FFEBB3",
+          "300": "#FFDD80",
+          "400": "#F7BE2D",
+          "500": "#D18400",
+          "600": "#BF7300",
+          "700": "#9E5B03",
+          "800": "#854C03"
         },
-        "tab": {
-          "lg": {
-            "@": "var(--eds-typography-preset-006-light)",
-            "active": "var(--eds-typography-preset-006)"
-          },
-          "sm": {
-            "@": "var(--eds-typography-preset-008-light)",
-            "active": "var(--eds-typography-preset-009)"
-          }
+        "lemon": "#F5FF8F",
+        "eraser": "#F3DCE2",
+        "orange": {
+          "100": "#FFF1E9",
+          "200": "#FFCBA5",
+          "300": "#FFAF76",
+          "400": "#F6924A",
+          "500": "#E06B00",
+          "600": "#C64600",
+          "700": "#AC3400",
+          "800": "#842800"
         },
-        "tag": "var(--eds-typography-preset-009)"
-      },
+        "ruby": {
+          "100": "#FFF0F4",
+          "200": "#FFCBD7",
+          "300": "#FB90B0",
+          "400": "#F76C96",
+          "500": "#F1497B",
+          "600": "#D41E52",
+          "700": "#BD0044",
+          "800": "#8F0134"
+        }
+      }
+    },
+    "l": {
+      "max-width": "1140",
+      "sidebar-width": "216",
+      "linelength-width": "576"
+    },
+    "outline": {
+      "width": {
+        "sm": "1",
+        "md": "2",
+        "lg": "4"
+      }
+    },
+    "box-shadow": {
+      "sm": "0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05)",
+      "md": "0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.08)",
+      "lg": "0px 4px 12px rgba(0, 0, 0, 0.16)",
+      "xl": "0px 6px 20px rgba(0, 0, 0, 0.2)"
+    },
+    "size": {
+      "1": "8",
+      "2": "16",
+      "3": "24",
+      "4": "32",
+      "5": "40",
+      "6": "48",
+      "7": "56",
+      "8": "64",
+      "9": "72",
+      "10": "80",
+      "11": "88",
+      "12": "96",
+      "20": "160",
+      "24": "192",
+      "32": "256",
+      "34": "272",
+      "40": "320",
+      "base-unit": "8",
+      "half": "4",
+      "quarter": "2",
+      "1-and-half": "12",
+      "2-and-half": "20"
+    },
+    "z-index": {
+      "0": "0",
+      "100": "100",
+      "200": "200",
+      "300": "300",
+      "400": "400",
+      "500": "500",
+      "top": "99999",
+      "bottom": "-100"
+    },
+    "theme": {
       "border": {
         "radius": {
           "actions": "9999",
@@ -1165,323 +1155,333 @@
             "revise": "#333231",
             "stop": "#BD0044"
           },
-          "disabled": "#C0C4C8",
-          "brand": {
-            "default": "var(--eds-theme-color-text-brand-primary)",
-            "primary": "#5751D2"
+          "disabled": "#C0C4C8",
+          "brand": {
+            "default": "var(--eds-theme-color-text-brand-primary)",
+            "primary": "#5751D2"
+          }
+        },
+        "text-highlight": {
+          "foreground": "#333231",
+          "background": "#FDF1D0"
+        },
+        "toggle": {
+          "on": {
+            "background": "var(--eds-theme-color-background-brand-primary-strong)"
+          },
+          "off": {
+            "background": "var(--eds-theme-color-icon-neutral-subtle)"
+          },
+          "disabled": {
+            "background": "var(--eds-theme-color-icon-disabled)",
+            "text": "var(--eds-theme-color-text-disabled)"
+          },
+          "primary": {
+            "text": "var(--eds-theme-color-text-neutral-default)"
+          },
+          "thumb": "var(--eds-theme-color-text-neutral-default-inverse)"
+        },
+        "transparent": {
+          "black": {
+            "0": "rgba(0, 0, 0, 0)",
+            "30": "rgba(0, 0, 0, .3)"
+          },
+          "white": {
+            "0": "rgba(255, 255, 255, 0)"
+          }
+        }
+      },
+      "typography": {
+        "headline": {
+          "lg": {
+            "@": "var(--eds-typography-preset-001-light)",
+            "bold": {
+              "@": "var(--eds-typography-preset-001)",
+              "mobile": "var(--eds-typography-preset-mobile-001)"
+            },
+            "mobile": "var(--eds-typography-preset-mobile-001-light)"
+          },
+          "md": {
+            "@": "var(--eds-typography-preset-002-light)",
+            "bold": {
+              "@": "var(--eds-typography-preset-002)",
+              "mobile": "var(--eds-typography-preset-mobile-002)"
+            },
+            "mobile": "var(--eds-typography-preset-mobile-002-light)"
+          },
+          "sm": {
+            "@": "var(--eds-typography-preset-003-light)",
+            "bold": {
+              "@": "var(--eds-typography-preset-003)",
+              "mobile": "var(--eds-typography-preset-mobile-003)"
+            },
+            "mobile": "var(--eds-typography-preset-mobile-003-light)"
+          },
+          "secondary": {
+            "lg": {
+              "@": "var(--eds-typography-preset-secondary-001-light)",
+              "bold": {
+                "@": "var(--eds-typography-preset-secondary-001)",
+                "mobile": "var(--eds-typography-preset-secondary-mobile-001-bold)"
+              },
+              "mobile": "var(--eds-typography-preset-secondary-mobile-001-light)"
+            },
+            "md": {
+              "@": "var(--eds-typography-preset-secondary-002-light)",
+              "bold": {
+                "@": "var(--eds-typography-preset-secondary-002)",
+                "mobile": "var(--eds-typography-secondary-mobile-002-bold)"
+              },
+              "mobile": "var(--eds-typography-preset-mobile-002-light)"
+            },
+            "sm": {
+              "@": "var(--eds-typography-preset-secondary-003-light)",
+              "bold": {
+                "@": "var(--eds-typography-preset-secondary-003)",
+                "mobile": "var(--eds-typography-preset-secondary-mobile-003-bold)"
+              },
+              "mobile": "var(--eds-typography-preset-secondary-mobile-003-light)"
+            }
+          }
+        },
+        "title": {
+          "lg": {
+            "@": "var(--eds-typography-preset-004)",
+            "bold": "var(--eds-typography-preset-004-bold)"
+          },
+          "md": {
+            "@": "var(--eds-typography-preset-004)",
+            "bold": "var(--eds-typography-preset-004-bold)"
+          },
+          "sm": {
+            "@": "var(--eds-typography-preset-005)",
+            "bold": "var(--eds-typography-preset-005-bold)"
+          },
+          "xs": {
+            "@": "var(--eds-typography-preset-007)",
+            "bold": "var(--eds-typography-preset-007-bold)"
           }
         },
-        "text-highlight": {
-          "foreground": "#333231",
-          "background": "#FDF1D0"
-        },
-        "toggle": {
-          "on": {
-            "background": "var(--eds-theme-color-background-brand-primary-strong)"
-          },
-          "off": {
-            "background": "var(--eds-theme-color-icon-neutral-subtle)"
-          },
-          "disabled": {
-            "background": "var(--eds-theme-color-icon-disabled)",
-            "text": "var(--eds-theme-color-text-disabled)"
+        "label": {
+          "lg": {
+            "subtle": "var(--eds-typography-preset-005)"
           },
-          "primary": {
-            "text": "var(--eds-theme-color-text-neutral-default)"
+          "md": {
+            "@": "var(--eds-typography-preset-007-bold)",
+            "subtle": "var(--eds-typography-preset-007)"
           },
-          "thumb": "var(--eds-theme-color-text-neutral-default-inverse)"
+          "sm": "var(--eds-typography-preset-009-bold)"
         },
-        "transparent": {
-          "black": {
-            "0": "rgba(0, 0, 0, 0)",
-            "30": "rgba(0, 0, 0, .3)"
+        "body": {
+          "xl": "var(--eds-typography-preset-003-light)",
+          "lg": "var(--eds-typography-preset-004-light)",
+          "md": "var(--eds-typography-preset-005-light)",
+          "sm": "var(--eds-typography-preset-006-light)",
+          "xs": "var(--eds-typography-preset-008-light)"
+        },
+        "caption": {
+          "lg": {
+            "@": "var(--eds-typography-preset-006-light)",
+            "bold": "var(--eds-typography-preset-006)"
           },
-          "white": {
-            "0": "rgba(255, 255, 255, 0)"
+          "md": {
+            "@": "var(--eds-typography-preset-008-light)",
+            "bold": "var(--eds-typography-preset-008)"
+          },
+          "sm": {
+            "@": "var(--eds-typography-preset-010-light)",
+            "bold": "var(--eds-typography-preset-010)"
           }
-        }
-      }
-    },
-    "anim": {
-      "fade": {
-        "quick": "0.15",
-        "long": "0.4"
-      },
-      "move": {
-        "quick": "0.15",
-        "medium": "0.3",
-        "long": "0.4"
-      },
-      "ease": "ease"
-    },
-    "border": {
-      "width": {
-        "sm": "1",
-        "md": "2",
-        "lg": "4",
-        "xl": "8"
-      },
-      "radius": {
-        "50": "2",
-        "100": "4",
-        "150": "6",
-        "200": "8",
-        "500": "20",
-        "none": "0",
-        "md": "4",
-        "lg": "8",
-        "xl": "20",
-        "round": "50",
-        "full": "9999"
-      }
-    },
-    "color": {
-      "white": "255 255 255",
-      "black": "0 0 0",
-      "brand": {
-        "grape": {
-          "100": "#F0F0FC",
-          "200": "#E0E0F9",
-          "300": "#C4C1F3",
-          "400": "#A6A3EE",
-          "500": "#8984E8",
-          "600": "#6B65E2",
-          "700": "#5751D2",
-          "800": "#3E42B1"
-        }
-      },
-      "neutral": {
-        "100": "#EEE7E4",
-        "150": "#DFD9D6",
-        "200": "#CFC9C7",
-        "250": "#BEB8B6",
-        "300": "#C0C4C8",
-        "350": "#A09C9A",
-        "400": "#999EA3",
-        "450": "#868281",
-        "500": "#878C90",
-        "550": "#6C6967",
-        "600": "#5D6369",
-        "650": "#565352",
-        "700": "#383C43",
-        "750": "#3F3E3D",
-        "800": "#333231",
-        "850": "#272625",
-        "900": "#1A1919",
-        "950": "#0F0F0F",
-        "white": "#FFFFFF",
-        "025": "#FDF9F8",
-        "050": "#F9F3F1",
-        "black": "#161B1F"
-      },
-      "red": {
-        "100": "#FAE2E5",
-        "150": "#F6CDD1",
-        "200": "#F3B7BD",
-        "250": "#EFA0A9",
-        "350": "#E9808C",
-        "450": "#D8525B",
-        "550": "#C42C2F",
-        "650": "#A51115",
-        "750": "#7D0A16",
-        "800": "#660517",
-        "850": "#4D0118",
-        "900": "#350110",
-        "950": "#23010B",
-        "050": "#FDF3F4"
-      },
-      "orange": {
-        "100": "#FFDCCA",
-        "150": "#FFC7AB",
-        "200": "#FFB38D",
-        "250": "#FFA070",
-        "350": "#E87F4A",
-        "450": "#D0622C",
-        "550": "#B8470F",
-        "650": "#92380C",
-        "750": "#672808",
-        "800": "#532006",
-        "850": "#401805",
-        "900": "#2B1003",
-        "950": "#1B0A02",
-        "050": "#FFEEE5"
-      },
-      "yellow": {
-        "100": "#FBE8AB",
-        "150": "#F9DA78",
-        "200": "#F1CA53",
-        "250": "#E7B724",
-        "350": "#C4970C",
-        "450": "#A57D01",
-        "550": "#876701",
-        "650": "#695001",
-        "750": "#4D3A01",
-        "800": "#392B01",
-        "850": "#2B2001",
-        "900": "#1E1701",
-        "950": "#130E01",
-        "050": "#FDF3D3"
-      },
-      "green": {
-        "100": "#D0EDDD",
-        "150": "#B3E1C7",
-        "200": "#95D5B1",
-        "250": "#74C899",
-        "350": "#57B083",
-        "450": "#3F926D",
-        "550": "#367759",
-        "650": "#225E43",
-        "750": "#13462F",
-        "800": "#0E3423",
-        "850": "#0A271A",
-        "900": "#071B12",
-        "950": "#05120C",
-        "050": "#E6F5ED"
-      },
-      "blue": {
-        "100": "#CEE6FF",
-        "150": "#B5DAFF",
-        "200": "#99CCFF",
-        "250": "#85BAFB",
-        "350": "#6199F3",
-        "450": "#437EED",
-        "550": "#3165D2",
-        "650": "#254EAC",
-        "750": "#1B3889",
-        "800": "#152D76",
-        "850": "#0F2163",
-        "900": "#0A164C",
-        "950": "#060E30",
-        "025": "#F5FAFF",
-        "050": "#EAF4FF"
-      },
-      "pink": {
-        "350": "#E67EB0",
-        "450": "#DB458D",
-        "550": "#C62B73"
-      },
-      "purple": {
-        "100": "#F3E5FA",
-        "150": "#EAD1F6",
-        "200": "#E0BAF2",
-        "250": "#D5A2EE",
-        "350": "#C580E7",
-        "450": "#A765C7",
-        "550": "#8A50A7",
-        "650": "#6E3A88",
-        "750": "#562D69",
-        "800": "#452455",
-        "850": "#311A3C",
-        "900": "#25142E",
-        "950": "#190D1E",
-        "050": "#FBF5FD"
-      },
-      "opacity": {
-        "10": "0.10",
-        "20": "0.20",
-        "30": "0.30",
-        "40": "0.40",
-        "50": "0.50",
-        "60": "0.60",
-        "70": "0.60",
-        "80": "0.80"
-      },
-      "other": {
-        "mint": {
-          "100": "#ECFFF5",
-          "200": "#B7E9CE",
-          "300": "#8FDCB3",
-          "400": "#59C88C",
-          "500": "#00A56A",
-          "600": "#008656",
-          "700": "#007249",
-          "800": "#005939"
         },
-        "yellow": {
-          "100": "#FDF1D0",
-          "200": "#FFEBB3",
-          "300": "#FFDD80",
-          "400": "#F7BE2D",
-          "500": "#D18400",
-          "600": "#BF7300",
-          "700": "#9E5B03",
-          "800": "#854C03"
+        "overline": {
+          "@": "var(--eds-typography-preset-011)",
+          "lg": "var(--eds-typography-preset-005)",
+          "md": "var(--eds-typography-preset-011)",
+          "sm": "var(--eds-typography-preset-012)"
+        },
+        "callout": "var(--eds-typography-preset-002-light)",
+        "breadcrumb": "var(--eds-typography-preset-009)",
+        "button": {
+          "lg": "var(--eds-typography-preset-005)",
+          "md": "var(--eds-typography-preset-005)",
+          "sm": "var(--eds-typography-preset-009)",
+          "label": {
+            "@": "var(--eds-typography-preset-006)",
+            "sm": "var(--eds-typography-preset-008-bold)"
+          }
         },
-        "lemon": "#F5FF8F",
-        "eraser": "#F3DCE2",
-        "orange": {
-          "100": "#FFF1E9",
-          "200": "#FFCBA5",
-          "300": "#FFAF76",
-          "400": "#F6924A",
-          "500": "#E06B00",
-          "600": "#C64600",
-          "700": "#AC3400",
-          "800": "#842800"
+        "form": {
+          "label": "var(--eds-typography-preset-006)",
+          "input": "var(--eds-typography-preset-005-light)"
         },
-        "ruby": {
-          "100": "#FFF0F4",
-          "200": "#FFCBD7",
-          "300": "#FB90B0",
-          "400": "#F76C96",
-          "500": "#F1497B",
-          "600": "#D41E52",
-          "700": "#BD0044",
-          "800": "#8F0134"
-        }
+        "link": {
+          "lg": "var(--eds-typography-preset-004)",
+          "md": "var(--eds-typography-preset-005)",
+          "sm": "var(--eds-typography-preset-007)",
+          "xs": "var(--eds-typography-preset-009)"
+        },
+        "tab": {
+          "lg": {
+            "@": "var(--eds-typography-preset-006-light)",
+            "active": "var(--eds-typography-preset-006)"
+          },
+          "sm": {
+            "@": "var(--eds-typography-preset-008-light)",
+            "active": "var(--eds-typography-preset-009)"
+          }
+        },
+        "tag": "var(--eds-typography-preset-009)"
       }
     },
-    "l": {
-      "max-width": "1140",
-      "sidebar-width": "216",
-      "linelength-width": "576"
+    "font-family": {
+      "primary": "'Graphik', sans-serif",
+      "secondary": "'Argent', serif"
     },
-    "outline": {
-      "width": {
-        "sm": "1",
-        "md": "2",
-        "lg": "4"
-      }
+    "font-size": {
+      "base": "16"
     },
-    "box-shadow": {
-      "sm": "0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05)",
-      "md": "0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.08)",
-      "lg": "0px 4px 12px rgba(0, 0, 0, 0.16)",
-      "xl": "0px 6px 20px rgba(0, 0, 0, 0.2)"
+    "font-weight": {
+      "light": "400",
+      "medium": "500",
+      "bold": "600"
     },
-    "size": {
-      "1": "8",
-      "2": "16",
-      "3": "24",
-      "4": "32",
-      "5": "40",
-      "6": "48",
-      "7": "56",
-      "8": "64",
-      "9": "72",
-      "10": "80",
-      "11": "88",
-      "12": "96",
-      "20": "160",
-      "24": "192",
-      "32": "256",
-      "34": "272",
-      "40": "320",
-      "base-unit": "8",
-      "half": "4",
-      "quarter": "2",
-      "1-and-half": "12",
-      "2-and-half": "20"
+    "letter-spacing": {
+      "sm": "0.5"
     },
-    "z-index": {
-      "0": "0",
-      "100": "100",
-      "200": "200",
-      "300": "300",
-      "400": "400",
-      "500": "500",
-      "top": "99999",
-      "bottom": "-100"
+    "typography": {
+      "preset": {
+        "001": {
+          "@": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-primary)",
+          "mobile": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)"
+        },
+        "002": {
+          "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)",
+          "mobile": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)"
+        },
+        "003": {
+          "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-primary)",
+          "mobile": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)"
+        },
+        "004": {
+          "@": "var(--eds-font-weight-medium) 1.125rem/1.55555556 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 1.125rem/1.55555556 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 1.125rem/1.55555556 var(--eds-font-family-primary)"
+        },
+        "005": {
+          "@": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 1rem/1.5 var(--eds-font-family-primary)"
+        },
+        "006": {
+          "@": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 0.875rem/1.57142857 var(--eds-font-family-primary)"
+        },
+        "007": {
+          "@": "var(--eds-font-weight-medium) 0.875rem/1.28571429 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 0.875rem/1.28571429 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 0.875rem/1.28571429 var(--eds-font-family-primary)"
+        },
+        "008": {
+          "@": "var(--eds-font-weight-medium) 0.75rem/1.666666667 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 0.75rem/1.666666667 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 0.75rem/1.666666667 var(--eds-font-family-primary)"
+        },
+        "009": {
+          "@": "var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary)"
+        },
+        "010": {
+          "@": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)"
+        },
+        "011": {
+          "@": "var(--eds-font-weight-medium) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 0.75rem/1.333333333 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 0.75rem/1.333333333 var(--eds-font-family-primary)"
+        },
+        "012": {
+          "@": "var(--eds-font-weight-medium) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+          "light": "var(--eds-font-weight-light) 0.6875rem/1.272727272 var(--eds-font-family-primary)",
+          "bold": "var(--eds-font-weight-bold) 0.6875rem/1.272727272 var(--eds-font-family-primary)"
+        },
+        "secondary": {
+          "001": {
+            "@": "var(--eds-font-weight-medium) 2.5rem/1.2 var(--eds-font-family-secondary)",
+            "light": "var(--eds-font-weight-light) 2.5rem/1.2 var(--eds-font-family-secondary)",
+            "bold": "var(--eds-font-weight-bold) 2.5rem/1.2 var(--eds-font-family-secondary)"
+          },
+          "002": {
+            "@": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-secondary)",
+            "light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-secondary)"
+          },
+          "003": {
+            "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+            "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+            "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)"
+          },
+          "004": {
+            "@": "var(--eds-font-weight-medium) 1rem/1.5 var(--eds-font-family-secondary)",
+            "light": "var(--eds-font-weight-light) 1rem/1.5 var(--eds-font-family-secondary)"
+          },
+          "005": {
+            "@": "var(--eds-font-weight-medium) 0.875rem/1.57142857 var(--eds-font-family-secondary)",
+            "light": "var(--eds-font-weight-light) 0.875rem/1.57142857 var(--eds-font-family-secondary)"
+          },
+          "006": {
+            "@": "var(--eds-font-weight-medium) 0.875rem/1.42857143 var(--eds-font-family-secondary)",
+            "light": "var(--eds-font-weight-light) 0.875rem/1.42857143 var(--eds-font-family-secondary)"
+          },
+          "007": {
+            "@": "var(--eds-font-weight-medium) 0.75rem/1.66666667 var(--eds-font-family-secondary)",
+            "light": "var(--eds-font-weight-light) 0.75rem/1.66666667 var(--eds-font-family-secondary)"
+          },
+          "008": {
+            "@": "var(--eds-font-weight-medium) 0.75rem/1.33333333 var(--eds-font-family-secondary)",
+            "light": "var(--eds-font-weight-light) 0.75rem/1.33333333 var(--eds-font-family-secondary)"
+          },
+          "mobile": {
+            "001": {
+              "light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-secondary)",
+              "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-secondary)"
+            },
+            "002": {
+              "light": "var(--eds-font-weight-light) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+              "@": "var(--eds-font-weight-medium) 1.5rem/1.333333333 var(--eds-font-family-secondary)",
+              "bold": "var(--eds-font-weight-bold) 1.5rem/1.333333333 var(--eds-font-family-secondary)"
+            },
+            "003": {
+              "light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-secondary)",
+              "@": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-secondary)"
+            }
+          }
+        },
+        "mobile": {
+          "001": {
+            "light": "var(--eds-font-weight-light) 2rem/1.25 var(--eds-font-family-primary)",
+            "@": "var(--eds-font-weight-medium) 2rem/1.25 var(--eds-font-family-primary)",
+            "bold": "var(--eds-font-weight-bold) 2rem/1.25 var(--eds-font-family-primary)"
+          },
+          "002": {
+            "light": "var(--eds-font-weight-light) 1.75rem/1.28571429 var(--eds-font-family-primary)",
+            "@": "var(--eds-font-weight-medium) 1.75rem/1.28571429 var(--eds-font-family-primary)",
+            "bold": "var(--eds-font-weight-bold) 1.75rem/1.28571429 var(--eds-font-family-primary)"
+          },
+          "003": {
+            "light": "var(--eds-font-weight-light) 1.25rem/1.4 var(--eds-font-family-primary)",
+            "@": "var(--eds-font-weight-medium) 1.25rem/1.4 var(--eds-font-family-primary)",
+            "bold": "var(--eds-font-weight-bold) 1.25rem/1.4 var(--eds-font-family-primary)"
+          }
+        }
+      }
     }
   }
 }
diff --git a/src/tokens-dist/ts/colors.ts b/src/tokens-dist/ts/colors.ts
index 72b71bbf4..b9f53df69 100644
--- a/src/tokens-dist/ts/colors.ts
+++ b/src/tokens-dist/ts/colors.ts
@@ -1,3 +1,165 @@
+export const EdsColorWhite = '255 255 255'; // Specified as a value to color-func rgb() so that it can be blended
+export const EdsColorBlack = '0 0 0'; // Specified as a value to color-func rgb() so that it can be blended
+export const EdsColorBrandGrape100 = '#F0F0FC'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorBrandGrape200 = '#E0E0F9'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorBrandGrape300 = '#C4C1F3'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorBrandGrape400 = '#A6A3EE'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorBrandGrape500 = '#8984E8'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorBrandGrape600 = '#6B65E2'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorBrandGrape700 = '#5751D2'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorBrandGrape800 = '#3E42B1'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorNeutral100 = '#EEE7E4';
+export const EdsColorNeutral150 = '#DFD9D6';
+export const EdsColorNeutral200 = '#CFC9C7';
+export const EdsColorNeutral250 = '#BEB8B6';
+export const EdsColorNeutral300 = '#C0C4C8'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorNeutral350 = '#A09C9A';
+export const EdsColorNeutral400 = '#999EA3'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorNeutral450 = '#868281';
+export const EdsColorNeutral500 = '#878C90'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorNeutral550 = '#6C6967';
+export const EdsColorNeutral600 = '#5D6369'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorNeutral650 = '#565352';
+export const EdsColorNeutral700 = '#383C43'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorNeutral750 = '#3F3E3D';
+export const EdsColorNeutral800 = '#333231';
+export const EdsColorNeutral850 = '#272625';
+export const EdsColorNeutral900 = '#1A1919';
+export const EdsColorNeutral950 = '#0F0F0F';
+export const EdsColorNeutralWhite = '#FFFFFF'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorNeutral025 = '#FDF9F8';
+export const EdsColorNeutral050 = '#F9F3F1';
+export const EdsColorNeutralBlack = '#161B1F'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorRed100 = '#FAE2E5';
+export const EdsColorRed150 = '#F6CDD1';
+export const EdsColorRed200 = '#F3B7BD';
+export const EdsColorRed250 = '#EFA0A9';
+export const EdsColorRed350 = '#E9808C';
+export const EdsColorRed450 = '#D8525B';
+export const EdsColorRed550 = '#C42C2F';
+export const EdsColorRed650 = '#A51115';
+export const EdsColorRed750 = '#7D0A16';
+export const EdsColorRed800 = '#660517';
+export const EdsColorRed850 = '#4D0118';
+export const EdsColorRed900 = '#350110';
+export const EdsColorRed950 = '#23010B';
+export const EdsColorRed050 = '#FDF3F4';
+export const EdsColorOrange100 = '#FFDCCA';
+export const EdsColorOrange150 = '#FFC7AB';
+export const EdsColorOrange200 = '#FFB38D';
+export const EdsColorOrange250 = '#FFA070';
+export const EdsColorOrange350 = '#E87F4A';
+export const EdsColorOrange450 = '#D0622C';
+export const EdsColorOrange550 = '#B8470F';
+export const EdsColorOrange650 = '#92380C';
+export const EdsColorOrange750 = '#672808';
+export const EdsColorOrange800 = '#532006';
+export const EdsColorOrange850 = '#401805';
+export const EdsColorOrange900 = '#2B1003';
+export const EdsColorOrange950 = '#1B0A02';
+export const EdsColorOrange050 = '#FFEEE5';
+export const EdsColorYellow100 = '#FBE8AB';
+export const EdsColorYellow150 = '#F9DA78';
+export const EdsColorYellow200 = '#F1CA53';
+export const EdsColorYellow250 = '#E7B724';
+export const EdsColorYellow350 = '#C4970C';
+export const EdsColorYellow450 = '#A57D01';
+export const EdsColorYellow550 = '#876701';
+export const EdsColorYellow650 = '#695001';
+export const EdsColorYellow750 = '#4D3A01';
+export const EdsColorYellow800 = '#392B01';
+export const EdsColorYellow850 = '#2B2001';
+export const EdsColorYellow900 = '#1E1701';
+export const EdsColorYellow950 = '#130E01';
+export const EdsColorYellow050 = '#FDF3D3';
+export const EdsColorGreen100 = '#D0EDDD';
+export const EdsColorGreen150 = '#B3E1C7';
+export const EdsColorGreen200 = '#95D5B1';
+export const EdsColorGreen250 = '#74C899';
+export const EdsColorGreen350 = '#57B083';
+export const EdsColorGreen450 = '#3F926D';
+export const EdsColorGreen550 = '#367759';
+export const EdsColorGreen650 = '#225E43';
+export const EdsColorGreen750 = '#13462F';
+export const EdsColorGreen800 = '#0E3423';
+export const EdsColorGreen850 = '#0A271A';
+export const EdsColorGreen900 = '#071B12';
+export const EdsColorGreen950 = '#05120C';
+export const EdsColorGreen050 = '#E6F5ED';
+export const EdsColorBlue100 = '#CEE6FF';
+export const EdsColorBlue150 = '#B5DAFF';
+export const EdsColorBlue200 = '#99CCFF';
+export const EdsColorBlue250 = '#85BAFB';
+export const EdsColorBlue350 = '#6199F3';
+export const EdsColorBlue450 = '#437EED';
+export const EdsColorBlue550 = '#3165D2';
+export const EdsColorBlue650 = '#254EAC';
+export const EdsColorBlue750 = '#1B3889';
+export const EdsColorBlue800 = '#152D76';
+export const EdsColorBlue850 = '#0F2163';
+export const EdsColorBlue900 = '#0A164C';
+export const EdsColorBlue950 = '#060E30';
+export const EdsColorBlue025 = '#F5FAFF';
+export const EdsColorBlue050 = '#EAF4FF';
+export const EdsColorPink350 = '#E67EB0';
+export const EdsColorPink450 = '#DB458D';
+export const EdsColorPink550 = '#C62B73';
+export const EdsColorPurple100 = '#F3E5FA';
+export const EdsColorPurple150 = '#EAD1F6';
+export const EdsColorPurple200 = '#E0BAF2';
+export const EdsColorPurple250 = '#D5A2EE';
+export const EdsColorPurple350 = '#C580E7';
+export const EdsColorPurple450 = '#A765C7';
+export const EdsColorPurple550 = '#8A50A7';
+export const EdsColorPurple650 = '#6E3A88';
+export const EdsColorPurple750 = '#562D69';
+export const EdsColorPurple800 = '#452455';
+export const EdsColorPurple850 = '#311A3C';
+export const EdsColorPurple900 = '#25142E';
+export const EdsColorPurple950 = '#190D1E';
+export const EdsColorPurple050 = '#FBF5FD';
+export const EdsColorOpacity10 = '0.10';
+export const EdsColorOpacity20 = '0.20';
+export const EdsColorOpacity30 = '0.30';
+export const EdsColorOpacity40 = '0.40';
+export const EdsColorOpacity50 = '0.50';
+export const EdsColorOpacity60 = '0.60';
+export const EdsColorOpacity70 = '0.60';
+export const EdsColorOpacity80 = '0.80';
+export const EdsColorOtherMint100 = '#ECFFF5'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherMint200 = '#B7E9CE'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherMint300 = '#8FDCB3'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherMint400 = '#59C88C'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherMint500 = '#00A56A'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherMint600 = '#008656'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherMint700 = '#007249'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherMint800 = '#005939'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherYellow100 = '#FDF1D0'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherYellow200 = '#FFEBB3'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherYellow300 = '#FFDD80'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherYellow400 = '#F7BE2D'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherYellow500 = '#D18400'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherYellow600 = '#BF7300'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherYellow700 = '#9E5B03'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherYellow800 = '#854C03'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherLemon = '#F5FF8F'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherEraser = '#F3DCE2'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherOrange100 = '#FFF1E9'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherOrange200 = '#FFCBA5'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherOrange300 = '#FFAF76'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherOrange400 = '#F6924A'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherOrange500 = '#E06B00'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherOrange600 = '#C64600'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherOrange700 = '#AC3400'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherOrange800 = '#842800'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherRuby100 = '#FFF0F4'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherRuby200 = '#FFCBD7'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherRuby300 = '#FB90B0'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherRuby400 = '#F76C96'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherRuby500 = '#F1497B'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherRuby600 = '#D41E52'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherRuby700 = '#BD0044'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
+export const EdsColorOtherRuby800 = '#8F0134'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
 export const EdsThemeColorBodyBackground = '#F4F6F8';
 export const EdsThemeColorBodyBackgroundInverted = '#383C43';
 export const EdsThemeColorBackgroundInput = 'rgb(var(--eds-color-white) / 1)';
@@ -494,165 +656,3 @@ export const EdsThemeColorToggleThumb =
 export const EdsThemeColorTransparentBlack0 = 'rgba(0, 0, 0, 0)'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
 export const EdsThemeColorTransparentBlack30 = 'rgba(0, 0, 0, .3)'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
 export const EdsThemeColorTransparentWhite0 = 'rgba(255, 255, 255, 0)'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorWhite = '255 255 255'; // Specified as a value to color-func rgb() so that it can be blended
-export const EdsColorBlack = '0 0 0'; // Specified as a value to color-func rgb() so that it can be blended
-export const EdsColorBrandGrape100 = '#F0F0FC'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorBrandGrape200 = '#E0E0F9'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorBrandGrape300 = '#C4C1F3'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorBrandGrape400 = '#A6A3EE'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorBrandGrape500 = '#8984E8'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorBrandGrape600 = '#6B65E2'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorBrandGrape700 = '#5751D2'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorBrandGrape800 = '#3E42B1'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorNeutral100 = '#EEE7E4';
-export const EdsColorNeutral150 = '#DFD9D6';
-export const EdsColorNeutral200 = '#CFC9C7';
-export const EdsColorNeutral250 = '#BEB8B6';
-export const EdsColorNeutral300 = '#C0C4C8'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorNeutral350 = '#A09C9A';
-export const EdsColorNeutral400 = '#999EA3'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorNeutral450 = '#868281';
-export const EdsColorNeutral500 = '#878C90'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorNeutral550 = '#6C6967';
-export const EdsColorNeutral600 = '#5D6369'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorNeutral650 = '#565352';
-export const EdsColorNeutral700 = '#383C43'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorNeutral750 = '#3F3E3D';
-export const EdsColorNeutral800 = '#333231';
-export const EdsColorNeutral850 = '#272625';
-export const EdsColorNeutral900 = '#1A1919';
-export const EdsColorNeutral950 = '#0F0F0F';
-export const EdsColorNeutralWhite = '#FFFFFF'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorNeutral025 = '#FDF9F8';
-export const EdsColorNeutral050 = '#F9F3F1';
-export const EdsColorNeutralBlack = '#161B1F'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorRed100 = '#FAE2E5';
-export const EdsColorRed150 = '#F6CDD1';
-export const EdsColorRed200 = '#F3B7BD';
-export const EdsColorRed250 = '#EFA0A9';
-export const EdsColorRed350 = '#E9808C';
-export const EdsColorRed450 = '#D8525B';
-export const EdsColorRed550 = '#C42C2F';
-export const EdsColorRed650 = '#A51115';
-export const EdsColorRed750 = '#7D0A16';
-export const EdsColorRed800 = '#660517';
-export const EdsColorRed850 = '#4D0118';
-export const EdsColorRed900 = '#350110';
-export const EdsColorRed950 = '#23010B';
-export const EdsColorRed050 = '#FDF3F4';
-export const EdsColorOrange100 = '#FFDCCA';
-export const EdsColorOrange150 = '#FFC7AB';
-export const EdsColorOrange200 = '#FFB38D';
-export const EdsColorOrange250 = '#FFA070';
-export const EdsColorOrange350 = '#E87F4A';
-export const EdsColorOrange450 = '#D0622C';
-export const EdsColorOrange550 = '#B8470F';
-export const EdsColorOrange650 = '#92380C';
-export const EdsColorOrange750 = '#672808';
-export const EdsColorOrange800 = '#532006';
-export const EdsColorOrange850 = '#401805';
-export const EdsColorOrange900 = '#2B1003';
-export const EdsColorOrange950 = '#1B0A02';
-export const EdsColorOrange050 = '#FFEEE5';
-export const EdsColorYellow100 = '#FBE8AB';
-export const EdsColorYellow150 = '#F9DA78';
-export const EdsColorYellow200 = '#F1CA53';
-export const EdsColorYellow250 = '#E7B724';
-export const EdsColorYellow350 = '#C4970C';
-export const EdsColorYellow450 = '#A57D01';
-export const EdsColorYellow550 = '#876701';
-export const EdsColorYellow650 = '#695001';
-export const EdsColorYellow750 = '#4D3A01';
-export const EdsColorYellow800 = '#392B01';
-export const EdsColorYellow850 = '#2B2001';
-export const EdsColorYellow900 = '#1E1701';
-export const EdsColorYellow950 = '#130E01';
-export const EdsColorYellow050 = '#FDF3D3';
-export const EdsColorGreen100 = '#D0EDDD';
-export const EdsColorGreen150 = '#B3E1C7';
-export const EdsColorGreen200 = '#95D5B1';
-export const EdsColorGreen250 = '#74C899';
-export const EdsColorGreen350 = '#57B083';
-export const EdsColorGreen450 = '#3F926D';
-export const EdsColorGreen550 = '#367759';
-export const EdsColorGreen650 = '#225E43';
-export const EdsColorGreen750 = '#13462F';
-export const EdsColorGreen800 = '#0E3423';
-export const EdsColorGreen850 = '#0A271A';
-export const EdsColorGreen900 = '#071B12';
-export const EdsColorGreen950 = '#05120C';
-export const EdsColorGreen050 = '#E6F5ED';
-export const EdsColorBlue100 = '#CEE6FF';
-export const EdsColorBlue150 = '#B5DAFF';
-export const EdsColorBlue200 = '#99CCFF';
-export const EdsColorBlue250 = '#85BAFB';
-export const EdsColorBlue350 = '#6199F3';
-export const EdsColorBlue450 = '#437EED';
-export const EdsColorBlue550 = '#3165D2';
-export const EdsColorBlue650 = '#254EAC';
-export const EdsColorBlue750 = '#1B3889';
-export const EdsColorBlue800 = '#152D76';
-export const EdsColorBlue850 = '#0F2163';
-export const EdsColorBlue900 = '#0A164C';
-export const EdsColorBlue950 = '#060E30';
-export const EdsColorBlue025 = '#F5FAFF';
-export const EdsColorBlue050 = '#EAF4FF';
-export const EdsColorPink350 = '#E67EB0';
-export const EdsColorPink450 = '#DB458D';
-export const EdsColorPink550 = '#C62B73';
-export const EdsColorPurple100 = '#F3E5FA';
-export const EdsColorPurple150 = '#EAD1F6';
-export const EdsColorPurple200 = '#E0BAF2';
-export const EdsColorPurple250 = '#D5A2EE';
-export const EdsColorPurple350 = '#C580E7';
-export const EdsColorPurple450 = '#A765C7';
-export const EdsColorPurple550 = '#8A50A7';
-export const EdsColorPurple650 = '#6E3A88';
-export const EdsColorPurple750 = '#562D69';
-export const EdsColorPurple800 = '#452455';
-export const EdsColorPurple850 = '#311A3C';
-export const EdsColorPurple900 = '#25142E';
-export const EdsColorPurple950 = '#190D1E';
-export const EdsColorPurple050 = '#FBF5FD';
-export const EdsColorOpacity10 = '0.10';
-export const EdsColorOpacity20 = '0.20';
-export const EdsColorOpacity30 = '0.30';
-export const EdsColorOpacity40 = '0.40';
-export const EdsColorOpacity50 = '0.50';
-export const EdsColorOpacity60 = '0.60';
-export const EdsColorOpacity70 = '0.60';
-export const EdsColorOpacity80 = '0.80';
-export const EdsColorOtherMint100 = '#ECFFF5'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherMint200 = '#B7E9CE'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherMint300 = '#8FDCB3'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherMint400 = '#59C88C'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherMint500 = '#00A56A'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherMint600 = '#008656'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherMint700 = '#007249'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherMint800 = '#005939'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherYellow100 = '#FDF1D0'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherYellow200 = '#FFEBB3'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherYellow300 = '#FFDD80'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherYellow400 = '#F7BE2D'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherYellow500 = '#D18400'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherYellow600 = '#BF7300'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherYellow700 = '#9E5B03'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherYellow800 = '#854C03'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherLemon = '#F5FF8F'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherEraser = '#F3DCE2'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherOrange100 = '#FFF1E9'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherOrange200 = '#FFCBA5'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherOrange300 = '#FFAF76'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherOrange400 = '#F6924A'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherOrange500 = '#E06B00'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherOrange600 = '#C64600'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherOrange700 = '#AC3400'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherOrange800 = '#842800'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherRuby100 = '#FFF0F4'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherRuby200 = '#FFCBD7'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherRuby300 = '#FB90B0'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherRuby400 = '#F76C96'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherRuby500 = '#F1497B'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherRuby600 = '#D41E52'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherRuby700 = '#BD0044'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
-export const EdsColorOtherRuby800 = '#8F0134'; // @deprecated This should not be used in code or design. It will be removed in a future version of EDS.
diff --git a/style-dictionary.config.js b/style-dictionary.config.js
index d6b635fcb..7fe3c73cb 100644
--- a/style-dictionary.config.js
+++ b/style-dictionary.config.js
@@ -1,112 +1,127 @@
-const StyleDictionary = require('style-dictionary');
-const { minifyDictionaryUsingFormat, formatEdsTokens } = require('./bin/_util');
+(async function () {
+  const StyleDictionary = (await import('style-dictionary')).default;
+  const {
+    minifyDictionaryUsingFormat,
+    formatEdsTokens,
+  } = require('./bin/_util');
 
-const EDSStyleDictionary = StyleDictionary.extend({
-  source: ['src/design-tokens/**/*.json'],
-  platforms: {
-    storybook: {
-      transformGroup: 'css',
-      buildPath: '',
-      files: [
-        {
-          format: 'json/flat',
-          destination: '.storybook/data/tokens.json',
-        },
-      ],
-    },
-    css: {
-      transforms: [...StyleDictionary.transformGroup.css, 'name/cti/kebab'],
-      files: [
-        {
-          format: 'css/variables',
-          destination: 'src/tokens-dist/css/variables.css',
-          options: {
-            showFileHeader: false,
-            outputReferences: true,
+  console.log(StyleDictionary.transformGroup);
+
+  const EDSStyleDictionary = new StyleDictionary({
+    source: ['src/design-tokens/**/*.json'],
+    platforms: {
+      storybook: {
+        transformGroup: 'css',
+        buildPath: '',
+        files: [
+          {
+            format: 'json/flat',
+            destination: '.storybook/data/tokens.json',
           },
-        },
-      ],
-    },
-    js: {
-      transformGroup: 'js',
-      buildPath: 'src/tokens-dist/',
-      files: [
-        {
-          format: 'javascript/es6',
-          destination: 'ts/colors.ts',
-          options: {
-            showFileHeader: false,
+        ],
+      },
+      css: {
+        transforms: [
+          ...StyleDictionary.hooks.transformGroups.css,
+          'name/kebab',
+        ],
+        files: [
+          {
+            format: 'css/variables',
+            destination: 'src/tokens-dist/css/variables.css',
+            options: {
+              showFileHeader: false,
+              outputReferences: true,
+            },
           },
-          filter: (token) => token.path.includes('color'),
-        },
-      ],
-    },
-    json: {
-      transformGroup: 'js',
-      files: [
-        {
-          format: 'json/nested',
-          // useful for tailwind configs in consuming apps
-          destination: 'src/tokens-dist/json/variables-nested.json',
-        },
-        {
-          format: 'json/value',
-          // sets up the base theme for use in overrides
-          destination: 'lib/tokens/json/theme-base.json',
-          filter: function (token) {
-            // don't allow theming on legacy tokens
-            // TODO: remove filter once all legacy tokens are removed
-            return token.attributes.category !== 'legacy';
+        ],
+      },
+      js: {
+        transformGroup: 'js',
+        buildPath: 'src/tokens-dist/',
+        files: [
+          {
+            format: 'javascript/es6',
+            destination: 'ts/colors.ts',
+            options: {
+              showFileHeader: false,
+            },
+            filter: (token) => token.path.includes('color'),
           },
-        },
-      ],
-    },
-    tailwind: {
-      transforms: [...StyleDictionary.transformGroup.css, 'name/cti/kebab'],
-      files: [
-        {
-          format: 'json/tailwind-utility-config',
-          // useful for tailwind configs in consuming apps
-          destination: 'lib/tokens/json/tailwind-utility-config.json',
-          outputReferences: true,
-        },
-      ],
+        ],
+      },
+      json: {
+        transformGroup: 'js',
+        files: [
+          {
+            format: 'json/nested',
+            // useful for tailwind configs in consuming apps
+            destination: 'src/tokens-dist/json/variables-nested.json',
+          },
+          {
+            format: 'json/value',
+            // sets up the base theme for use in overrides
+            destination: 'lib/tokens/json/theme-base.json',
+            filter: function (token) {
+              // don't allow theming on legacy tokens
+              // TODO: remove filter once all legacy tokens are removed
+              return token.attributes.category !== 'legacy';
+            },
+          },
+        ],
+      },
+      tailwind: {
+        transforms: [
+          ...StyleDictionary.hooks.transformGroups.css,
+          'name/kebab',
+        ],
+        files: [
+          {
+            format: 'json/tailwind-utility-config',
+            // useful for tailwind configs in consuming apps
+            destination: 'lib/tokens/json/tailwind-utility-config.json',
+            outputReferences: true,
+          },
+        ],
+      },
     },
-  },
-});
+  });
 
-EDSStyleDictionary.registerFormat({
-  name: 'json/tailwind-utility-config',
-  formatter: function (dictionary) {
-    const minifiedCssDictionary = minifyDictionaryUsingFormat(
-      dictionary.properties,
-      (obj) => `${obj.value}`,
-    );
-    formatEdsTokens(minifiedCssDictionary);
-    return JSON.stringify(minifiedCssDictionary, null, 2);
-  },
-});
+  await EDSStyleDictionary.hasInitialized;
 
-/**
- * Replace the leaf objects in the parsed style with a value object
- * mimicking the input file structure. Essentially, this formatter
- * is for concatenating the input JSON files (because the built-in
- * formatter outputs all the metadata)
- *
- * Needed because the current `json` formatter outputs too much :(
- * - https://github.com/amzn/style-dictionary/issues/887
- */
-EDSStyleDictionary.registerFormat({
-  name: 'json/value',
-  formatter: function (dictionary) {
-    return JSON.stringify(
-      minifyDictionaryUsingFormat(dictionary.properties, (obj) => ({
-        value: obj.value,
-      })),
-      null,
-      2,
-    );
-  },
-});
+  EDSStyleDictionary.registerFormat({
+    name: 'json/tailwind-utility-config',
+    format: function ({ dictionary }) {
+      const minifiedCssDictionary = minifyDictionaryUsingFormat(
+        dictionary.properties,
+        (obj) => `${obj.value}`,
+      );
+      formatEdsTokens(minifiedCssDictionary);
+      return JSON.stringify(minifiedCssDictionary, null, 2);
+    },
+  });
+
+  /**
+   * Replace the leaf objects in the parsed style with a value object
+   * mimicking the input file structure. Essentially, this formatter
+   * is for concatenating the input JSON files (because the built-in
+   * formatter outputs all the metadata)
+   *
+   * Needed because the current `json` formatter outputs too much :(
+   * - https://github.com/amzn/style-dictionary/issues/887
+   */
+  EDSStyleDictionary.registerFormat({
+    name: 'json/value',
+    format: function ({ dictionary }) {
+      return JSON.stringify(
+        minifyDictionaryUsingFormat(dictionary.properties, (obj) => ({
+          value: obj.value,
+        })),
+        null,
+        2,
+      );
+    },
+  });
 
-EDSStyleDictionary.buildAllPlatforms();
+  await EDSStyleDictionary.buildAllPlatforms();
+})();

From d606ee78d80b0f4a41986e08415bbf2fbdc31ff6 Mon Sep 17 00:00:00 2001
From: Andrew Holloway <booc0mtaco@users.noreply.github.com>
Date: Tue, 19 Nov 2024 18:25:34 -0600
Subject: [PATCH 3/3] refactor: update StyleObject reference in formatter
 util.s

---
 style-dictionary.config.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/style-dictionary.config.js b/style-dictionary.config.js
index 7fe3c73cb..5446659d1 100644
--- a/style-dictionary.config.js
+++ b/style-dictionary.config.js
@@ -5,8 +5,6 @@
     formatEdsTokens,
   } = require('./bin/_util');
 
-  console.log(StyleDictionary.transformGroup);
-
   const EDSStyleDictionary = new StyleDictionary({
     source: ['src/design-tokens/**/*.json'],
     platforms: {
@@ -64,7 +62,7 @@
             destination: 'lib/tokens/json/theme-base.json',
             filter: function (token) {
               // don't allow theming on legacy tokens
-              // TODO: remove filter once all legacy tokens are removed
+              // TODO(next-major): remove filter once all legacy tokens are removed
               return token.attributes.category !== 'legacy';
             },
           },
@@ -93,7 +91,7 @@
     name: 'json/tailwind-utility-config',
     format: function ({ dictionary }) {
       const minifiedCssDictionary = minifyDictionaryUsingFormat(
-        dictionary.properties,
+        dictionary.tokens,
         (obj) => `${obj.value}`,
       );
       formatEdsTokens(minifiedCssDictionary);
@@ -114,7 +112,7 @@
     name: 'json/value',
     format: function ({ dictionary }) {
       return JSON.stringify(
-        minifyDictionaryUsingFormat(dictionary.properties, (obj) => ({
+        minifyDictionaryUsingFormat(dictionary.tokens, (obj) => ({
           value: obj.value,
         })),
         null,
@@ -123,5 +121,6 @@
     },
   });
 
+  // TODO: enable? await EDSStyleDictionary.cleanAllPlatforms();
   await EDSStyleDictionary.buildAllPlatforms();
 })();