From eea59af9d09c59ba8da734a0b5cf60bd704661d1 Mon Sep 17 00:00:00 2001
From: Mikael Solstad <mikael.rino.solstad@nrk.no>
Date: Thu, 14 Sep 2023 10:54:49 +0200
Subject: [PATCH 01/18] fix(Accordion): hide content in Accordions from screen
 readers when Accordion is closed (#815)

---
 .../utility-components/AnimateHeight/AnimateHeight.module.css    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react/src/utility-components/AnimateHeight/AnimateHeight.module.css b/packages/react/src/utility-components/AnimateHeight/AnimateHeight.module.css
index 2d15dba27f..41829f23b1 100644
--- a/packages/react/src/utility-components/AnimateHeight/AnimateHeight.module.css
+++ b/packages/react/src/utility-components/AnimateHeight/AnimateHeight.module.css
@@ -9,4 +9,5 @@
 
 .root.closed .content {
   height: 0;
+  display: none;
 }

From 556c67c2afd471751c0386225da42ee51092c89b Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Mon, 18 Sep 2023 08:12:06 +0200
Subject: [PATCH 02/18] Publish

 - @digdir/design-system-react@0.24.1
 - @digdir/design-system-tokens@0.6.0
---
 packages/react/CHANGELOG.md  | 8 ++++++++
 packages/react/package.json  | 4 ++--
 packages/tokens/CHANGELOG.md | 6 ++++++
 packages/tokens/package.json | 2 +-
 yarn.lock                    | 4 ++--
 5 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index e59f550d8a..2cb7cdbab2 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.24.1](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.24.0...@digdir/design-system-react@0.24.1) (2023-09-18)
+
+### Bug Fixes
+
+- **Accordion:** hide content in Accordions from screen readers when Accordion is closed ([#815](https://github.com/digdir/designsystem/issues/815)) ([eea59af](https://github.com/digdir/designsystem/commit/eea59af9d09c59ba8da734a0b5cf60bd704661d1))
+- **Radio, Checkbox, Button, Chip.Toggle:** Remove sticky hover on touch devices ([#803](https://github.com/digdir/designsystem/issues/803)) ([a4be791](https://github.com/digdir/designsystem/commit/a4be7918b49a607ebfa7042b3aa2d8e2f798a016))
+- **Radio, Checkbox, Switch:** :bug: Remove z-index on selection control icon ([#798](https://github.com/digdir/designsystem/issues/798)) ([6c1db8b](https://github.com/digdir/designsystem/commit/6c1db8bf213e62eb9b788ac82e3114e90cd9f052))
+
 # [0.24.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.23.3...@digdir/design-system-react@0.24.0) (2023-08-31)
 
 ### Features
diff --git a/packages/react/package.json b/packages/react/package.json
index 8e5a142342..61ea324c8b 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/design-system-react",
-  "version": "0.24.0",
+  "version": "0.24.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@altinn/figma-design-tokens": "^6.0.1",
-    "@digdir/design-system-tokens": "^0.5.0",
+    "@digdir/design-system-tokens": "^0.6.0",
     "@floating-ui/react": "0.25.2",
     "@navikt/aksel-icons": "^3.2.4",
     "react-number-format": "5.2.2"
diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md
index a89f1e0ec3..c2c4de7794 100644
--- a/packages/tokens/CHANGELOG.md
+++ b/packages/tokens/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.6.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-tokens@0.5.0...@digdir/design-system-tokens@0.6.0) (2023-09-18)
+
+### Features
+
+- added global action colors ([#779](https://github.com/digdir/designsystem/issues/779)) ([2046352](https://github.com/digdir/designsystem/commit/2046352e26f234ba304a405ed691004a1c03e0ce))
+
 # [0.5.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-tokens@0.4.2...@digdir/design-system-tokens@0.5.0) (2023-08-31)
 
 ### Bug Fixes
diff --git a/packages/tokens/package.json b/packages/tokens/package.json
index 4e81f86a3d..8c230df2e6 100644
--- a/packages/tokens/package.json
+++ b/packages/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/design-system-tokens",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Tokens for the Digdir Common Design System",
   "repository": "https://github.com/digdir/designsystem",
   "license": "MIT",
diff --git a/yarn.lock b/yarn.lock
index bfe132dcab..5353be65f9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3913,7 +3913,7 @@ __metadata:
   resolution: "@digdir/design-system-react@workspace:packages/react"
   dependencies:
     "@altinn/figma-design-tokens": ^6.0.1
-    "@digdir/design-system-tokens": ^0.5.0
+    "@digdir/design-system-tokens": ^0.6.0
     "@floating-ui/react": 0.25.2
     "@navikt/aksel-icons": ^3.2.4
     react-number-format: 5.2.2
@@ -3923,7 +3923,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@digdir/design-system-tokens@*, @digdir/design-system-tokens@^0.5.0, @digdir/design-system-tokens@workspace:packages/tokens":
+"@digdir/design-system-tokens@*, @digdir/design-system-tokens@^0.6.0, @digdir/design-system-tokens@workspace:packages/tokens":
   version: 0.0.0-use.local
   resolution: "@digdir/design-system-tokens@workspace:packages/tokens"
   dependencies:

From 00d96393c9b6d6b499e6573a31a2ac34d6d96b85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=98yvind=20Thune?= <oyvlei@gmail.com>
Date: Mon, 18 Sep 2023 10:08:56 +0200
Subject: [PATCH 03/18] chore: improve token preview in storefront (#665)

Co-authored-by: Michael Marszalek <mimarz@gmail.com>
---
 .eslintrc.js                                  |    1 +
 packages/tokens/brand/altinn/tokens.cjs.js    |    8 +-
 packages/tokens/brand/altinn/tokens.css       |    8 +-
 packages/tokens/brand/altinn/tokens.esm.js    |    8 +-
 packages/tokens/brand/brreg/tokens.cjs.js     |    8 +-
 packages/tokens/brand/brreg/tokens.css        |    8 +-
 packages/tokens/brand/brreg/tokens.esm.js     |    8 +-
 packages/tokens/brand/digdir/tokens.cjs.js    |    8 +-
 packages/tokens/brand/digdir/tokens.css       |    8 +-
 packages/tokens/brand/digdir/tokens.esm.js    |    8 +-
 packages/tokens/brand/tilsynet/tokens.cjs.js  |    4 +-
 packages/tokens/brand/tilsynet/tokens.css     |    4 +-
 packages/tokens/brand/tilsynet/tokens.esm.js  |    4 +-
 packages/tokens/scripts/build.ts              |    2 +
 packages/tokens/scripts/formatters.ts         |   44 +-
 .../ClipboardBtn/ClipboardBtn.module.css      |   19 +-
 .../components/ClipboardBtn/ClipboardBtn.tsx  |   27 +-
 .../MdxContent/MdxContent.module.css          |    5 +
 storefront/components/Section/index.ts        |    2 +-
 .../TableOfContents.module.css                |   29 -
 .../TableOfContents/TableOfContents.tsx       |   47 -
 .../components/TableOfContents/index.ts       |    1 -
 .../Tokens/TokenColor/TokenColor.module.css   |   26 +-
 .../Tokens/TokenColor/TokenColor.tsx          |   39 +-
 .../TokenFontSize/TokenFontSize.module.css    |    4 +-
 .../components/Tokens/TokenList.module.css    |   78 -
 storefront/components/Tokens/TokenList.tsx    |   82 -
 .../Tokens/TokenList/TokenList.module.css     |  113 +
 .../components/Tokens/TokenList/TokenList.tsx |  182 +
 .../Tokens/TokenShadow/TokenShadow.module.css |    7 +-
 .../Tokens/TokenSize/TokenSize.module.css     |   10 +-
 .../components/Tokens/TokenSize/TokenSize.tsx |    2 +-
 storefront/components/Tokens/index.ts         |    2 +-
 storefront/components/index.ts                |    1 -
 storefront/globals.css                        |    5 +-
 .../MenuPageLayout/MenuPageLayout.module.css  |   10 +-
 .../layouts/MenuPageLayout/MenuPageLayout.tsx |    5 +-
 storefront/package.json                       |    3 +
 storefront/pages/_app.tsx                     |    3 +-
 .../grunnleggende/designelementer/farger.mdx  |  203 +-
 .../grunnleggende/designelementer/sizing.mdx  |    6 +-
 .../grunnleggende/designelementer/skygger.mdx |    5 +-
 .../grunnleggende/designelementer/spacing.mdx |    4 +-
 .../designelementer/typografi.mdx             |   35 +-
 storefront/tokens/altinn.ts                   | 7562 ++++++++--------
 storefront/tokens/brreg.ts                    | 7588 ++++++++---------
 storefront/tokens/digdir.ts                   | 7550 ++++++++--------
 storefront/tokens/tilsynet.ts                 | 7426 ++++++++--------
 storefront/utils/StringHelpers.tsx            |    3 +-
 yarn.lock                                     |  219 +
 50 files changed, 14890 insertions(+), 16544 deletions(-)
 delete mode 100644 storefront/components/TableOfContents/TableOfContents.module.css
 delete mode 100644 storefront/components/TableOfContents/TableOfContents.tsx
 delete mode 100644 storefront/components/TableOfContents/index.ts
 delete mode 100644 storefront/components/Tokens/TokenList.module.css
 delete mode 100644 storefront/components/Tokens/TokenList.tsx
 create mode 100644 storefront/components/Tokens/TokenList/TokenList.module.css
 create mode 100644 storefront/components/Tokens/TokenList/TokenList.tsx

diff --git a/.eslintrc.js b/.eslintrc.js
index a34a138501..523a70d632 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -46,6 +46,7 @@ module.exports = {
     'react/jsx-no-bind': 'off',
     'react/display-name': 'off',
     'import/no-unresolved': 'error',
+    'import/namespace': ['error', { allowComputed: true }],
     'import/order': [
       'warn',
       {
diff --git a/packages/tokens/brand/altinn/tokens.cjs.js b/packages/tokens/brand/altinn/tokens.cjs.js
index 6e33cc5034..051b5801f5 100644
--- a/packages/tokens/brand/altinn/tokens.cjs.js
+++ b/packages/tokens/brand/altinn/tokens.cjs.js
@@ -33,11 +33,11 @@ module.exports = {
   "semantic_surface_action_secondary_subtle": "#f4f5f6",
   "semantic_surface_action_secondary_subtle_hover": "#e9eaec",
   "semantic_surface_action_secondary_default": "#00315d",
-  "semantic_surface_action_secondary_hover": "rgba(#00315d, 0.9)",
-  "semantic_surface_action_secondary_active": "rgba(#00315d, 0.8)",
+  "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)",
+  "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)",
   "semantic_surface_action_secondary_no_fill": "#ffffff",
-  "semantic_surface_action_secondary_no_fill_hover": "rgba(#00315d, 0.1)",
-  "semantic_surface_action_secondary_no_fill_active": "rgba(#00315d, 0.2)",
+  "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)",
   "semantic_surface_success_subtle": "#d1f4e1",
   "semantic_surface_success_subtle_hover": "#8be4b5",
   "semantic_surface_success_default": "#118849",
diff --git a/packages/tokens/brand/altinn/tokens.css b/packages/tokens/brand/altinn/tokens.css
index 376c9ca04d..6f8700209c 100644
--- a/packages/tokens/brand/altinn/tokens.css
+++ b/packages/tokens/brand/altinn/tokens.css
@@ -37,11 +37,11 @@
   --fds-semantic-surface-action-secondary-subtle: #f4f5f6;
   --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec;
   --fds-semantic-surface-action-secondary-default: #00315d;
-  --fds-semantic-surface-action-secondary-hover: rgba(#00315d, 0.9);
-  --fds-semantic-surface-action-secondary-active: rgba(#00315d, 0.8);
+  --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9);
+  --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8);
   --fds-semantic-surface-action-secondary-no_fill: #ffffff;
-  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(#00315d, 0.1);
-  --fds-semantic-surface-action-secondary-no_fill-active: rgba(#00315d, 0.2);
+  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2);
   --fds-semantic-surface-success-subtle: #d1f4e1;
   --fds-semantic-surface-success-subtle-hover: #8be4b5;
   --fds-semantic-surface-success-default: #118849;
diff --git a/packages/tokens/brand/altinn/tokens.esm.js b/packages/tokens/brand/altinn/tokens.esm.js
index def2e7034a..740d43317a 100644
--- a/packages/tokens/brand/altinn/tokens.esm.js
+++ b/packages/tokens/brand/altinn/tokens.esm.js
@@ -32,11 +32,11 @@ export const semantic_surface_action_primary_no_fill_active = "#b3d0ea";
 export const semantic_surface_action_secondary_subtle = "#f4f5f6";
 export const semantic_surface_action_secondary_subtle_hover = "#e9eaec";
 export const semantic_surface_action_secondary_default = "#00315d";
-export const semantic_surface_action_secondary_hover = "rgba(#00315d, 0.9)";
-export const semantic_surface_action_secondary_active = "rgba(#00315d, 0.8)";
+export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)";
+export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)";
 export const semantic_surface_action_secondary_no_fill = "#ffffff";
-export const semantic_surface_action_secondary_no_fill_hover = "rgba(#00315d, 0.1)";
-export const semantic_surface_action_secondary_no_fill_active = "rgba(#00315d, 0.2)";
+export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)";
 export const semantic_surface_success_subtle = "#d1f4e1";
 export const semantic_surface_success_subtle_hover = "#8be4b5";
 export const semantic_surface_success_default = "#118849";
diff --git a/packages/tokens/brand/brreg/tokens.cjs.js b/packages/tokens/brand/brreg/tokens.cjs.js
index 1e49d1c23d..d9730098fc 100644
--- a/packages/tokens/brand/brreg/tokens.cjs.js
+++ b/packages/tokens/brand/brreg/tokens.cjs.js
@@ -33,11 +33,11 @@ module.exports = {
   "semantic_surface_action_secondary_subtle": "#f4f5f6",
   "semantic_surface_action_secondary_subtle_hover": "#e9eaec",
   "semantic_surface_action_secondary_default": "#00315d",
-  "semantic_surface_action_secondary_hover": "rgba(#00315d, 0.9)",
-  "semantic_surface_action_secondary_active": "rgba(#00315d, 0.8)",
+  "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)",
+  "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)",
   "semantic_surface_action_secondary_no_fill": "#ffffff",
-  "semantic_surface_action_secondary_no_fill_hover": "rgba(#00315d, 0.1)",
-  "semantic_surface_action_secondary_no_fill_active": "rgba(#00315d, 0.2)",
+  "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)",
   "semantic_surface_success_subtle": "#d1f4e1",
   "semantic_surface_success_subtle_hover": "#8be4b5",
   "semantic_surface_success_default": "#118849",
diff --git a/packages/tokens/brand/brreg/tokens.css b/packages/tokens/brand/brreg/tokens.css
index 3491a1ec36..124ed7da86 100644
--- a/packages/tokens/brand/brreg/tokens.css
+++ b/packages/tokens/brand/brreg/tokens.css
@@ -37,11 +37,11 @@
   --fds-semantic-surface-action-secondary-subtle: #f4f5f6;
   --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec;
   --fds-semantic-surface-action-secondary-default: #00315d;
-  --fds-semantic-surface-action-secondary-hover: rgba(#00315d, 0.9);
-  --fds-semantic-surface-action-secondary-active: rgba(#00315d, 0.8);
+  --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9);
+  --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8);
   --fds-semantic-surface-action-secondary-no_fill: #ffffff;
-  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(#00315d, 0.1);
-  --fds-semantic-surface-action-secondary-no_fill-active: rgba(#00315d, 0.2);
+  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2);
   --fds-semantic-surface-success-subtle: #d1f4e1;
   --fds-semantic-surface-success-subtle-hover: #8be4b5;
   --fds-semantic-surface-success-default: #118849;
diff --git a/packages/tokens/brand/brreg/tokens.esm.js b/packages/tokens/brand/brreg/tokens.esm.js
index cbf3022213..9e7ac8ee57 100644
--- a/packages/tokens/brand/brreg/tokens.esm.js
+++ b/packages/tokens/brand/brreg/tokens.esm.js
@@ -32,11 +32,11 @@ export const semantic_surface_action_primary_no_fill_active = "#b3d0ea";
 export const semantic_surface_action_secondary_subtle = "#f4f5f6";
 export const semantic_surface_action_secondary_subtle_hover = "#e9eaec";
 export const semantic_surface_action_secondary_default = "#00315d";
-export const semantic_surface_action_secondary_hover = "rgba(#00315d, 0.9)";
-export const semantic_surface_action_secondary_active = "rgba(#00315d, 0.8)";
+export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)";
+export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)";
 export const semantic_surface_action_secondary_no_fill = "#ffffff";
-export const semantic_surface_action_secondary_no_fill_hover = "rgba(#00315d, 0.1)";
-export const semantic_surface_action_secondary_no_fill_active = "rgba(#00315d, 0.2)";
+export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)";
 export const semantic_surface_success_subtle = "#d1f4e1";
 export const semantic_surface_success_subtle_hover = "#8be4b5";
 export const semantic_surface_success_default = "#118849";
diff --git a/packages/tokens/brand/digdir/tokens.cjs.js b/packages/tokens/brand/digdir/tokens.cjs.js
index 75365a67a5..b537bd9e66 100644
--- a/packages/tokens/brand/digdir/tokens.cjs.js
+++ b/packages/tokens/brand/digdir/tokens.cjs.js
@@ -33,11 +33,11 @@ module.exports = {
   "semantic_surface_action_secondary_subtle": "#f4f5f6",
   "semantic_surface_action_secondary_subtle_hover": "#e9eaec",
   "semantic_surface_action_secondary_default": "#00315d",
-  "semantic_surface_action_secondary_hover": "rgba(#00315d, 0.9)",
-  "semantic_surface_action_secondary_active": "rgba(#00315d, 0.8)",
+  "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)",
+  "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)",
   "semantic_surface_action_secondary_no_fill": "#ffffff",
-  "semantic_surface_action_secondary_no_fill_hover": "rgba(#00315d, 0.1)",
-  "semantic_surface_action_secondary_no_fill_active": "rgba(#00315d, 0.2)",
+  "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)",
   "semantic_surface_success_subtle": "#d1f4e1",
   "semantic_surface_success_subtle_hover": "#8be4b5",
   "semantic_surface_success_default": "#118849",
diff --git a/packages/tokens/brand/digdir/tokens.css b/packages/tokens/brand/digdir/tokens.css
index 8e15ab9e4d..682c2c4991 100644
--- a/packages/tokens/brand/digdir/tokens.css
+++ b/packages/tokens/brand/digdir/tokens.css
@@ -37,11 +37,11 @@
   --fds-semantic-surface-action-secondary-subtle: #f4f5f6;
   --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec;
   --fds-semantic-surface-action-secondary-default: #00315d;
-  --fds-semantic-surface-action-secondary-hover: rgba(#00315d, 0.9);
-  --fds-semantic-surface-action-secondary-active: rgba(#00315d, 0.8);
+  --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9);
+  --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8);
   --fds-semantic-surface-action-secondary-no_fill: #ffffff;
-  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(#00315d, 0.1);
-  --fds-semantic-surface-action-secondary-no_fill-active: rgba(#00315d, 0.2);
+  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2);
   --fds-semantic-surface-success-subtle: #d1f4e1;
   --fds-semantic-surface-success-subtle-hover: #8be4b5;
   --fds-semantic-surface-success-default: #118849;
diff --git a/packages/tokens/brand/digdir/tokens.esm.js b/packages/tokens/brand/digdir/tokens.esm.js
index 377b6b04ed..759f1ea0c7 100644
--- a/packages/tokens/brand/digdir/tokens.esm.js
+++ b/packages/tokens/brand/digdir/tokens.esm.js
@@ -32,11 +32,11 @@ export const semantic_surface_action_primary_no_fill_active = "#b3d0ea";
 export const semantic_surface_action_secondary_subtle = "#f4f5f6";
 export const semantic_surface_action_secondary_subtle_hover = "#e9eaec";
 export const semantic_surface_action_secondary_default = "#00315d";
-export const semantic_surface_action_secondary_hover = "rgba(#00315d, 0.9)";
-export const semantic_surface_action_secondary_active = "rgba(#00315d, 0.8)";
+export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)";
+export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)";
 export const semantic_surface_action_secondary_no_fill = "#ffffff";
-export const semantic_surface_action_secondary_no_fill_hover = "rgba(#00315d, 0.1)";
-export const semantic_surface_action_secondary_no_fill_active = "rgba(#00315d, 0.2)";
+export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)";
 export const semantic_surface_success_subtle = "#d1f4e1";
 export const semantic_surface_success_subtle_hover = "#8be4b5";
 export const semantic_surface_success_default = "#118849";
diff --git a/packages/tokens/brand/tilsynet/tokens.cjs.js b/packages/tokens/brand/tilsynet/tokens.cjs.js
index 1e48dfe334..37a0d8c8c3 100644
--- a/packages/tokens/brand/tilsynet/tokens.cjs.js
+++ b/packages/tokens/brand/tilsynet/tokens.cjs.js
@@ -36,8 +36,8 @@ module.exports = {
   "semantic_surface_action_secondary_hover": "#376C5E",
   "semantic_surface_action_secondary_active": "#376C5E",
   "semantic_surface_action_secondary_no_fill": "#ffffff",
-  "semantic_surface_action_secondary_no_fill_hover": "rgba(#00315d, 0.1)",
-  "semantic_surface_action_secondary_no_fill_active": "rgba(#00315d, 0.2)",
+  "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)",
   "semantic_surface_success_subtle": "#d1f4e1",
   "semantic_surface_success_subtle_hover": "#8be4b5",
   "semantic_surface_success_default": "#118849",
diff --git a/packages/tokens/brand/tilsynet/tokens.css b/packages/tokens/brand/tilsynet/tokens.css
index cc1a038675..8613065b1c 100644
--- a/packages/tokens/brand/tilsynet/tokens.css
+++ b/packages/tokens/brand/tilsynet/tokens.css
@@ -40,8 +40,8 @@
   --fds-semantic-surface-action-secondary-hover: #376C5E;
   --fds-semantic-surface-action-secondary-active: #376C5E;
   --fds-semantic-surface-action-secondary-no_fill: #ffffff;
-  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(#00315d, 0.1);
-  --fds-semantic-surface-action-secondary-no_fill-active: rgba(#00315d, 0.2);
+  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2);
   --fds-semantic-surface-success-subtle: #d1f4e1;
   --fds-semantic-surface-success-subtle-hover: #8be4b5;
   --fds-semantic-surface-success-default: #118849;
diff --git a/packages/tokens/brand/tilsynet/tokens.esm.js b/packages/tokens/brand/tilsynet/tokens.esm.js
index 312c48180c..1d93cf04d2 100644
--- a/packages/tokens/brand/tilsynet/tokens.esm.js
+++ b/packages/tokens/brand/tilsynet/tokens.esm.js
@@ -35,8 +35,8 @@ export const semantic_surface_action_secondary_default = "#407d6d";
 export const semantic_surface_action_secondary_hover = "#376C5E";
 export const semantic_surface_action_secondary_active = "#376C5E";
 export const semantic_surface_action_secondary_no_fill = "#ffffff";
-export const semantic_surface_action_secondary_no_fill_hover = "rgba(#00315d, 0.1)";
-export const semantic_surface_action_secondary_no_fill_active = "rgba(#00315d, 0.2)";
+export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)";
 export const semantic_surface_success_subtle = "#d1f4e1";
 export const semantic_surface_success_subtle_hover = "#8be4b5";
 export const semantic_surface_success_default = "#118849";
diff --git a/packages/tokens/scripts/build.ts b/packages/tokens/scripts/build.ts
index 68025ae2a5..3d294ac0c6 100644
--- a/packages/tokens/scripts/build.ts
+++ b/packages/tokens/scripts/build.ts
@@ -68,6 +68,7 @@ StyleDictionary.registerTransformGroup({
     'ts/size/lineheight',
     'ts/shadow/css/shorthand',
     sizePx.name,
+    'ts/color/css/hexrgba',
   ],
 });
 StyleDictionary.registerTransformGroup({
@@ -79,6 +80,7 @@ StyleDictionary.registerTransformGroup({
     'ts/size/px',
     'ts/size/lineheight',
     'ts/shadow/css/shorthand',
+    'ts/color/css/hexrgba',
   ],
 });
 
diff --git a/packages/tokens/scripts/formatters.ts b/packages/tokens/scripts/formatters.ts
index ebb6370348..b27784c8d8 100644
--- a/packages/tokens/scripts/formatters.ts
+++ b/packages/tokens/scripts/formatters.ts
@@ -89,35 +89,12 @@ const groupByType = R.groupBy(
   (token: TransformedToken) => token.type as string,
 );
 
-const groupByPathIndex = (level: number, tokens: TransformedToken[]) =>
-  R.groupBy((token: TransformedToken) => token.path[level], tokens);
-
-const shouldGroupPath = (level: number, tokens: TransformedToken[]) => {
-  const token = R.head(tokens);
-  const [, next] = R.splitAt(level, token?.path ?? []);
-  return next.length > 1;
-};
+/** Add token name with prefix to list for removal */
+const removeUnwatedTokens = R.filter(
+  (token: TransformedToken) =>
+    !['fds-base_spacing', 'fds-base_sizing'].includes(token.name),
+);
 
-const groupByNextPathIndex = <
-  T extends Partial<Record<string, TransformedToken[]>>,
->(
-  level: number,
-  record: T,
-): Record<string, unknown> =>
-  R.mapObjIndexed((tokens, key, obj) => {
-    if (R.isNil(tokens) || R.isNil(obj)) {
-      return tokens;
-    }
-
-    if (shouldGroupPath(level, tokens)) {
-      const grouped = groupByPathIndex(level, tokens);
-      return groupByNextPathIndex(level + 1, grouped);
-    }
-    return tokens;
-  }, record || {});
-
-const groupFromPathIndex = R.curry(groupByNextPathIndex);
-const groupTokens = R.pipe(groupByType, groupFromPathIndex(0));
 const toCssVarName = R.pipe(R.split(':'), R.head, R.trim);
 
 /**
@@ -131,13 +108,18 @@ export const groupedTokens: Named<Format> = {
       format: 'css',
     });
 
-    const formattedTokens = dictionary.allTokens.map((token) => ({
+    const formatTokens = R.map((token: TransformedToken) => ({
       ...token,
-      lastName: R.last(token.path),
       name: toCssVarName(format(token)),
     }));
 
-    const tokens = groupTokens(formattedTokens);
+    const processTokens = R.pipe(
+      removeUnwatedTokens,
+      formatTokens,
+      groupByType,
+    );
+
+    const tokens = processTokens(dictionary.allTokens);
 
     const content =
       fileHeader({ file }) +
diff --git a/storefront/components/ClipboardBtn/ClipboardBtn.module.css b/storefront/components/ClipboardBtn/ClipboardBtn.module.css
index 34685e1310..1cb2bcf6eb 100644
--- a/storefront/components/ClipboardBtn/ClipboardBtn.module.css
+++ b/storefront/components/ClipboardBtn/ClipboardBtn.module.css
@@ -1,14 +1,19 @@
 .btn {
-  border: none;
-  height: 40px;
-  width: 40px;
-  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  border-radius: 4px;
+  padding: 0 8px 0 4px;
   transition: 0.1s all;
+  border: none;
   cursor: pointer;
+  background-color: transparent;
+  font-size: 15px;
 }
 
 .btn:hover {
-  background-color: #cfcfcf;
+  background-color: #ddd;
 }
 
 .btn:hover svg {
@@ -18,3 +23,7 @@
 .tippy {
   font-family: 'Inter', sans-serif;
 }
+
+.text {
+  margin-left: 1px;
+}
diff --git a/storefront/components/ClipboardBtn/ClipboardBtn.tsx b/storefront/components/ClipboardBtn/ClipboardBtn.tsx
index b0c1fee462..150c38efda 100644
--- a/storefront/components/ClipboardBtn/ClipboardBtn.tsx
+++ b/storefront/components/ClipboardBtn/ClipboardBtn.tsx
@@ -1,43 +1,46 @@
 import React, { useState } from 'react';
-import { FilesIcon } from '@navikt/aksel-icons';
+import { ClipboardIcon } from '@navikt/aksel-icons';
 import Tippy from '@tippyjs/react';
 
 import classes from './ClipboardBtn.module.css';
 
 interface ClipboardBtnProps {
-  text: string;
+  title: string;
+  value: string;
+  text?: string;
 }
 
-const ClipboardBtn = ({ text }: ClipboardBtnProps) => {
+const ClipboardBtn = ({ title, value, text = '' }: ClipboardBtnProps) => {
   const [toolTipText, setToolTipText] = useState('Kopier');
 
-  const onClick = (text: string) => {
+  const onBtnClick = (text: string) => {
     setToolTipText('Kopiert!');
-    navigator.clipboard.writeText('--' + text).catch((reason) => {
+    navigator.clipboard.writeText(text).catch((reason) => {
       throw Error(String(reason));
     });
   };
 
   return (
-    <div>
+    <>
       <Tippy
         content={toolTipText}
         hideOnClick={false}
         className={classes.tippy}
       >
         <button
-          onMouseEnter={() => setToolTipText('Kopier')}
-          onClick={() => onClick(text)}
+          onMouseEnter={() => setToolTipText(title)}
+          onClick={() => onBtnClick(value)}
           className={classes.btn}
-          title='Kopier'
+          title={title}
         >
-          <FilesIcon
-            fontSize={24}
+          <ClipboardIcon
+            fontSize={20}
             color='#585858'
           />
+          {text && <span className={classes.text}>{text}</span>}
         </button>
       </Tippy>
-    </div>
+    </>
   );
 };
 
diff --git a/storefront/components/MdxContent/MdxContent.module.css b/storefront/components/MdxContent/MdxContent.module.css
index 564ef14065..5d3e325886 100644
--- a/storefront/components/MdxContent/MdxContent.module.css
+++ b/storefront/components/MdxContent/MdxContent.module.css
@@ -1,3 +1,8 @@
+.content {
+  padding: 8px 24px;
+  width: 100%;
+}
+
 .content > p,
 .content > h2,
 .content > h3,
diff --git a/storefront/components/Section/index.ts b/storefront/components/Section/index.ts
index 8b51c6533d..06509c77be 100644
--- a/storefront/components/Section/index.ts
+++ b/storefront/components/Section/index.ts
@@ -1 +1 @@
-export { Section } from './Section';
+export { Section } from './Section';
diff --git a/storefront/components/TableOfContents/TableOfContents.module.css b/storefront/components/TableOfContents/TableOfContents.module.css
deleted file mode 100644
index 84fa83f77d..0000000000
--- a/storefront/components/TableOfContents/TableOfContents.module.css
+++ /dev/null
@@ -1,29 +0,0 @@
-.toc {
-  border-left: 2px solid #cecece;
-  padding-left: 32px;
-  padding-top: 16px;
-  padding-bottom: 16px;
-  position: fixed;
-}
-
-.list {
-  margin: 0;
-  padding: 0;
-}
-
-.item {
-  list-style: none;
-}
-
-.link {
-  color: inherit;
-  text-decoration: none;
-  display: block;
-  margin-top: 12px;
-}
-
-.title {
-  font-size: 18px;
-  font-weight: 500;
-  margin-top: 0;
-}
diff --git a/storefront/components/TableOfContents/TableOfContents.tsx b/storefront/components/TableOfContents/TableOfContents.tsx
deleted file mode 100644
index b2eb27cd92..0000000000
--- a/storefront/components/TableOfContents/TableOfContents.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-
-import classes from './TableOfContents.module.css';
-
-const TableOfContents = () => {
-  return (
-    <div className={classes.toc}>
-      <h3 className={classes.title}>Innhold på siden</h3>
-      <ul className={classes.list}>
-        <li className={classes.item}>
-          <a
-            className={classes.link}
-            href='#/'
-          >
-            Varianter
-          </a>
-        </li>
-        <li className={classes.item}>
-          <a
-            className={classes.link}
-            href='#/'
-          >
-            Bruk
-          </a>
-        </li>
-        <li className={classes.item}>
-          <a
-            className={classes.link}
-            href='#/'
-          >
-            Størrelser
-          </a>
-        </li>
-        <li className={classes.item}>
-          <a
-            className={classes.link}
-            href='#/'
-          >
-            Tilgjengelighet
-          </a>
-        </li>
-      </ul>
-    </div>
-  );
-};
-
-export { TableOfContents };
diff --git a/storefront/components/TableOfContents/index.ts b/storefront/components/TableOfContents/index.ts
deleted file mode 100644
index ffe4593ca7..0000000000
--- a/storefront/components/TableOfContents/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TableOfContents } from './TableOfContents';
diff --git a/storefront/components/Tokens/TokenColor/TokenColor.module.css b/storefront/components/Tokens/TokenColor/TokenColor.module.css
index 9303e585b4..9cb1a8b2e4 100644
--- a/storefront/components/Tokens/TokenColor/TokenColor.module.css
+++ b/storefront/components/Tokens/TokenColor/TokenColor.module.css
@@ -1,6 +1,24 @@
 .color {
-  min-height: var(--preview-min-height);
-  width: 100%;
-  border-radius: 4px;
-  border: 1px solid #dcdcdc;
+  height: 66px;
+  width: 66px;
+  border-radius: 50%;
+  padding: 2px;
+  margin-left: -1px;
+  margin-top: -1px;
+}
+
+.test {
+  --color: #cfcfcf;
+
+  background-color: #e5e5f7;
+  opacity: 1;
+  background-image: repeating-linear-gradient(45deg, var(--color) 25%, transparent 25%, transparent 75%, var(--color) 75%, var(--color)),
+    repeating-linear-gradient(45deg, var(--color) 25%, #e5e5f7 25%, #e5e5f7 75%, var(--color) 75%, var(--color));
+  background-position: 0 0, 10px 10px;
+  background-size: 20px 20px;
+  border-radius: 50%;
+  height: 64px;
+  width: 64px;
+  overflow: hidden;
+  box-shadow: 0 2px 4px #0000001a;
 }
diff --git a/storefront/components/Tokens/TokenColor/TokenColor.tsx b/storefront/components/Tokens/TokenColor/TokenColor.tsx
index 5ad207a3d6..4bfa19bfe1 100644
--- a/storefront/components/Tokens/TokenColor/TokenColor.tsx
+++ b/storefront/components/Tokens/TokenColor/TokenColor.tsx
@@ -1,18 +1,21 @@
-import React from 'react';
-
-import classes from './TokenColor.module.css';
-
-interface TokenColorProps {
-  value: string;
-}
-
-const TokenColor = ({ value }: TokenColorProps) => {
-  return (
-    <div
-      style={{ backgroundColor: value }}
-      className={classes.color}
-    ></div>
-  );
-};
-
-export { TokenColor };
+import React from 'react';
+
+import classes from './TokenColor.module.css';
+import cn from 'classnames';
+
+interface TokenColorProps {
+  value: string;
+}
+
+const TokenColor = ({ value }: TokenColorProps) => {
+  return (
+    <div className={classes.test}>
+      <div
+        style={{ backgroundColor: value }}
+        className={classes.color}
+      ></div>
+    </div>
+  );
+};
+
+export { TokenColor };
diff --git a/storefront/components/Tokens/TokenFontSize/TokenFontSize.module.css b/storefront/components/Tokens/TokenFontSize/TokenFontSize.module.css
index 5112b33b76..d517fd685b 100644
--- a/storefront/components/Tokens/TokenFontSize/TokenFontSize.module.css
+++ b/storefront/components/Tokens/TokenFontSize/TokenFontSize.module.css
@@ -1,9 +1,11 @@
 .font {
   min-height: var(--preview-min-height);
-  width: 100%;
+  min-height: 72px;
+  width: 120px;
   border-radius: 4px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #cfeaff;
+  font-family: 'Inter', sans-serif !important;
 }
diff --git a/storefront/components/Tokens/TokenList.module.css b/storefront/components/Tokens/TokenList.module.css
deleted file mode 100644
index c1f5969e4a..0000000000
--- a/storefront/components/Tokens/TokenList.module.css
+++ /dev/null
@@ -1,78 +0,0 @@
-.tokens {
-  margin-top: 32px;
-  margin-bottom: 32px;
-}
-
-.cards {
-  display: grid;
-  grid-column-gap: var(--grid-gap);
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 620px), 1fr));
-  margin-top: var(--spacing-4);
-  margin-top: -8px;
-}
-
-.card {
-  background-color: #fff;
-  border-radius: 4px;
-  border-bottom: 1px solid #dcdcdc;
-  align-items: flex-start;
-  padding: 24px 0;
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: var(--spacing-5);
-}
-
-.card:first-child {
-  padding-top: 0;
-  border-top: none;
-}
-
-.preview {
-  min-height: var(--preview-min-height);
-  width: 160px;
-  border-radius: 4px;
-  flex-basis: 160px;
-}
-
-.text {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  flex-basis: 300px;
-  flex-grow: 500;
-}
-
-.title {
-  font-weight: 500;
-  font-size: 18px !important;
-  margin-top: -5px !important;
-  margin-bottom: 2px !important;
-  display: flex;
-  align-items: center;
-}
-
-.value {
-  margin-left: 12px;
-  font-size: 15px;
-  color: #636363;
-}
-
-.copy {
-  background-color: #eee;
-  height: 50px;
-  padding: 11px 7px 11px 15px;
-  border-radius: 4px;
-  font-size: 15px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 470px;
-  margin: 10px 0;
-}
-
-@media (max-width: 576px) {
-  .copy {
-    width: 100%;
-  }
-}
diff --git a/storefront/components/Tokens/TokenList.tsx b/storefront/components/Tokens/TokenList.tsx
deleted file mode 100644
index d3863ece29..0000000000
--- a/storefront/components/Tokens/TokenList.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useQuery } from '@tanstack/react-query';
-
-import { capitalizeString } from '../../utils/StringHelpers';
-import { ClipboardBtn } from '../ClipboardBtn/ClipboardBtn';
-
-import { TokenColor } from './TokenColor/TokenColor';
-import { TokenFontSize } from './TokenFontSize/TokenFontSize';
-import { TokenShadow } from './TokenShadow/TokenShadow';
-import { TokenSize } from './TokenSize/TokenSize';
-import classes from './TokenList.module.css';
-
-interface TokensProps {
-  type: 'color' | 'fontSize' | 'shadow' | 'size';
-  showValue?: boolean;
-  token: string;
-}
-
-type OutputType = {
-  [key: string]: string;
-};
-
-const formatTitle = (title: string) => {
-  return title.replace(/-/g, ' ');
-};
-
-const TokenList = ({ type, showValue = true, token }: TokensProps) => {
-  const [items, setItems] = useState<OutputType>({});
-
-  const queryResponse = useQuery({
-    queryKey: ['tokens'],
-    queryFn: () => fetch('/api/tokens').then((response) => response.json()),
-  });
-  const data = queryResponse.data as OutputType;
-
-  useEffect(() => {
-    if (data) {
-      const obj: OutputType = {};
-
-      Object.keys(data).map((key) => {
-        if (key.startsWith(token)) {
-          obj[key] = data[key].replace(';', '').replace('}', '');
-        }
-      });
-      setItems(obj);
-    }
-  }, [data, token]);
-
-  if (queryResponse.isLoading) return 'Henter tokens...';
-
-  return (
-    <div className={classes.tokens}>
-      <div className={classes.cards}>
-        {Object.keys(items).map((key, index) => (
-          <div
-            key={index}
-            className={classes.card}
-          >
-            <div className={classes.preview}>
-              {type === 'color' && <TokenColor value={items[key]} />}
-              {type === 'fontSize' && <TokenFontSize value={items[key]} />}
-              {type === 'shadow' && <TokenShadow value={items[key]} />}
-              {type === 'size' && <TokenSize value={items[key]} />}
-            </div>
-            <div className={classes.text}>
-              <h4 className={classes.title}>
-                {capitalizeString(formatTitle(key.split(token)[1].slice(1)))}
-                {showValue && <div className={classes.value}>{items[key]}</div>}
-              </h4>
-              <div className={classes.copy}>
-                <div>--{key}</div>
-                <ClipboardBtn text={key} />
-              </div>
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export { TokenList };
diff --git a/storefront/components/Tokens/TokenList/TokenList.module.css b/storefront/components/Tokens/TokenList/TokenList.module.css
new file mode 100644
index 0000000000..2538294182
--- /dev/null
+++ b/storefront/components/Tokens/TokenList/TokenList.module.css
@@ -0,0 +1,113 @@
+.tokens {
+  margin-top: 32px;
+}
+
+.toggleGroup {
+  width: 52%;
+  margin-bottom: 32px;
+  margin-top: -4px;
+}
+
+.toggleGroup > span {
+  height: 58px;
+  border-radius: 4px;
+}
+
+.toggleGroup button {
+  margin: 5px;
+  height: 44px;
+  border-radius: 4px;
+}
+
+.section {
+  margin-bottom: 5rem;
+}
+
+.group {
+  margin-bottom: 4rem;
+}
+
+.section2 {
+  margin-bottom: 40px;
+}
+
+.cards {
+  display: grid;
+  grid-column-gap: 16px;
+  grid-row-gap: 22px;
+  grid-template-columns: repeat(3, 1fr);
+  margin-top: var(--spacing-3);
+}
+
+.cards2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.tokens h3 {
+  font-size: 24px;
+  display: inline-flex;
+  padding-bottom: 5px;
+}
+
+.tokens h4 {
+  font-size: 20px;
+  margin-bottom: 20px;
+}
+
+.tokens h5 {
+  font-size: 18px;
+}
+
+.card {
+  background-color: #fff;
+  border-radius: 4px;
+  align-items: flex-start;
+  align-items: center;
+  display: flex;
+  gap: var(--spacing-3);
+}
+
+.preview {
+  border-radius: 50%;
+}
+
+.textContainer {
+  display: flex;
+  flex-direction: column;
+}
+
+.title {
+  font-weight: 500;
+  font-size: 16px !important;
+  margin-top: -3px !important;
+  margin-bottom: 3px !important;
+  display: flex;
+  align-items: center;
+}
+
+.title button {
+  margin-left: 3px;
+}
+
+.value {
+  font-size: 15px;
+  color: #636363;
+}
+
+.copy {
+  height: 50px;
+  padding: 11px 7px 11px 15px;
+  border-radius: 4px;
+  font-size: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10px 0;
+  width: 100px;
+}
+
+@media (max-width: 576px) {
+  .copy {
+    width: 100%;
+  }
+}
diff --git a/storefront/components/Tokens/TokenList/TokenList.tsx b/storefront/components/Tokens/TokenList/TokenList.tsx
new file mode 100644
index 0000000000..062d556a92
--- /dev/null
+++ b/storefront/components/Tokens/TokenList/TokenList.tsx
@@ -0,0 +1,182 @@
+import type { HTMLAttributes } from 'react';
+import React, { useEffect, useState } from 'react';
+import { Dropdown, Button } from '@navikt/ds-react';
+import cn from 'classnames';
+import type { TransformedToken as Token } from 'style-dictionary';
+
+import { capitalizeString } from '../../../utils/StringHelpers';
+import { ClipboardBtn } from '../../ClipboardBtn/ClipboardBtn';
+import * as tokens from '../../../tokens';
+import { TokenColor } from '../TokenColor/TokenColor';
+import { TokenFontSize } from '../TokenFontSize/TokenFontSize';
+import { TokenShadow } from '../TokenShadow/TokenShadow';
+import { TokenSize } from '../TokenSize/TokenSize';
+
+import classes from './TokenList.module.css';
+
+type TokenListProps = {
+  type: 'color' | 'typography' | 'boxShadow' | 'sizing' | 'spacing';
+  token?: string;
+  showThemePicker?: boolean;
+  hideValue?: boolean;
+};
+
+type CardColumnType = 2 | 3;
+type BrandType = 'digdir' | 'altinn' | 'tilsynet' | 'brreg';
+
+type TokenCardProps = {
+  token: Token;
+  hideValue: TokenListProps['hideValue'];
+  type: TokenListProps['type'];
+} & HTMLAttributes<HTMLDivElement>;
+
+const TokenCard = ({ token, type, hideValue, ...rest }: TokenCardProps) => {
+  const val = token.value as string;
+  const title = token.path
+    .slice(token.path.length - 1, token.path.length)
+    .toString();
+
+  const isSlim = type === 'sizing' || type === 'spacing';
+  return (
+    <div
+      className={classes.card}
+      {...rest}
+    >
+      <div className={classes.preview}>
+        {type === 'color' && <TokenColor value={val} />}
+        {type === 'typography' && <TokenFontSize value={val} />}
+        {type === 'boxShadow' && <TokenShadow value={val} />}
+        {isSlim && <TokenSize value={val} />}
+      </div>
+
+      <div className={classes.textContainer}>
+        <h4 className={classes.title}>
+          {capitalizeString(title)}
+          &nbsp;
+          {isSlim && typeof token.description === 'string' && (
+            <small>{`(${token.description})`}</small>
+          )}
+          <ClipboardBtn
+            title='Kopier CSS variabel'
+            text='CSS'
+            value={token.name}
+          />
+        </h4>
+        {!hideValue && <div className={classes.value}>{token.value}</div>}
+      </div>
+    </div>
+  );
+};
+
+const mapTokens = (tokens: Token[]): [string, Token[]][] =>
+  Array.from(
+    tokens.reduce((acc, token) => {
+      const path = token.path.length > 2 ? token.path.slice(1, -1) : token.path;
+      const key = path.toString().replace(/,/g, ' ').trim();
+      const tokens = acc.get(key);
+
+      !tokens ? acc.set(key, [token]) : acc.set(key, [...tokens, token]);
+
+      return acc;
+    }, new Map<string, Token[]>()),
+  );
+
+const TokenList = ({
+  showThemePicker,
+  type = 'color',
+  hideValue = false,
+}: TokenListProps) => {
+  const [brand, setBrand] = useState<BrandType>('digdir');
+  const [cardColumns, setCardColumns] = useState<CardColumnType>(3);
+
+  useEffect(() => {
+    setCardColumns(type === 'color' ? 3 : 2);
+  }, [type]);
+
+  const brandTypeTokens = tokens[brand][type] as unknown as Token[];
+
+  const sections = Array.from(
+    brandTypeTokens.reduce((acc, token) => {
+      const [section] = token.path;
+      acc.add(section);
+      return acc;
+    }, new Set<string>()),
+  );
+
+  const sectionedTokens = Array.from(
+    sections.map((section) => [
+      section,
+      mapTokens(brandTypeTokens.filter((token) => token.path[0] === section)),
+    ]),
+  );
+
+  return (
+    <div className={classes.tokens}>
+      {showThemePicker && (
+        <div className={classes.toggleGroup}>
+          <Dropdown>
+            <Button
+              variant='secondary'
+              as={Dropdown.Toggle}
+            >
+              Brand: {capitalizeString(brand)}
+            </Button>
+            <Dropdown.Menu>
+              <Dropdown.Menu.List>
+                <Dropdown.Menu.List.Item onClick={() => setBrand('digdir')}>
+                  Digdir
+                </Dropdown.Menu.List.Item>
+                <Dropdown.Menu.List.Item onClick={() => setBrand('altinn')}>
+                  Altinn
+                </Dropdown.Menu.List.Item>
+                <Dropdown.Menu.List.Item onClick={() => setBrand('tilsynet')}>
+                  Tilsynet
+                </Dropdown.Menu.List.Item>
+                <Dropdown.Menu.List.Item onClick={() => setBrand('brreg')}>
+                  Brreg
+                </Dropdown.Menu.List.Item>
+              </Dropdown.Menu.List>
+            </Dropdown.Menu>
+          </Dropdown>
+        </div>
+      )}
+      <>
+        {sectionedTokens.map(([section, tokens]) => (
+          <div
+            key={section as string}
+            className={classes.section}
+          >
+            <h3>{capitalizeString(section as string)}</h3>
+            {(tokens as [string, Token[]][]).map(([group, tokens]) => {
+              const isSlim = type === 'sizing' || type === 'spacing';
+
+              return (
+                <div key={group}>
+                  {!isSlim && <h4>{capitalizeString(group)}</h4>}
+                  <div className={cn(!isSlim && classes.group)}>
+                    <div
+                      className={cn(classes.cards, {
+                        [classes.cards2]: cardColumns === 2,
+                      })}
+                    >
+                      {tokens.map((token) => (
+                        <TokenCard
+                          token={token}
+                          key={token.name}
+                          hideValue={hideValue}
+                          type={type}
+                        ></TokenCard>
+                      ))}
+                    </div>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        ))}
+      </>
+    </div>
+  );
+};
+
+export { TokenList };
diff --git a/storefront/components/Tokens/TokenShadow/TokenShadow.module.css b/storefront/components/Tokens/TokenShadow/TokenShadow.module.css
index 45a0e4417c..5495abce73 100644
--- a/storefront/components/Tokens/TokenShadow/TokenShadow.module.css
+++ b/storefront/components/Tokens/TokenShadow/TokenShadow.module.css
@@ -1,5 +1,6 @@
 .color {
-  min-height: var(--preview-min-height);
-  width: 100%;
-  border-radius: 4px;
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  border: 1px solid #ebebeb;
 }
diff --git a/storefront/components/Tokens/TokenSize/TokenSize.module.css b/storefront/components/Tokens/TokenSize/TokenSize.module.css
index 1201980378..3868b7c877 100644
--- a/storefront/components/Tokens/TokenSize/TokenSize.module.css
+++ b/storefront/components/Tokens/TokenSize/TokenSize.module.css
@@ -1,16 +1,10 @@
 .size {
-  min-height: var(--preview-min-height);
-  width: 100%;
   display: flex;
   align-items: center;
-  justify-content: center;
-  background-color: #f1d7ff;
-  border-radius: 4px;
-  padding: 16px 0;
 }
 
 .bar {
-  height: 20px;
-  background-color: #ae48e4;
+  height: 36px;
+  background-color: var(--fds-semantic-text-action-default);
   border-radius: 2px;
 }
diff --git a/storefront/components/Tokens/TokenSize/TokenSize.tsx b/storefront/components/Tokens/TokenSize/TokenSize.tsx
index bfefd9da15..c2bf10147a 100644
--- a/storefront/components/Tokens/TokenSize/TokenSize.tsx
+++ b/storefront/components/Tokens/TokenSize/TokenSize.tsx
@@ -14,7 +14,7 @@ const TokenSize = ({ value }: TokenFontSizeProps) => {
     >
       <div
         className={classes.bar}
-        style={{ width: value, height: value }}
+        style={{ width: value }}
       ></div>
     </div>
   );
diff --git a/storefront/components/Tokens/index.ts b/storefront/components/Tokens/index.ts
index a9fd049d07..640a241203 100644
--- a/storefront/components/Tokens/index.ts
+++ b/storefront/components/Tokens/index.ts
@@ -1 +1 @@
-export { TokenList } from './TokenList';
+export { TokenList } from './TokenList/TokenList';
diff --git a/storefront/components/index.ts b/storefront/components/index.ts
index b2f7d35233..8ae28e5f8a 100644
--- a/storefront/components/index.ts
+++ b/storefront/components/index.ts
@@ -18,7 +18,6 @@ export type { NavigationCardProps } from './NavigationCard';
 export { ResponsiveIframe } from './ResponsiveIframe';
 export { Section } from './Section';
 export { SidebarMenu } from './SidebarMenu';
-export { TableOfContents } from './TableOfContents';
 export { Tag } from './Tag';
 export { TeaserCard } from './TeaserCard';
 export { TokenList } from './Tokens';
diff --git a/storefront/globals.css b/storefront/globals.css
index d49348bbe4..7157771312 100644
--- a/storefront/globals.css
+++ b/storefront/globals.css
@@ -1,3 +1,5 @@
+@import url('https://altinncdn.no/fonts/inter/inter.css');
+
 :root {
   --bs-body-color: #1e2b3c;
   --color-beta: #eceaff;
@@ -32,6 +34,8 @@
 body {
   color: #1e2b3c;
   line-height: 1.5;
+  font-family: 'Inter', sans-serif;
+  font-size: 16px;
 }
 
 * {
@@ -53,7 +57,6 @@ h6 {
   flex-direction: column;
   justify-content: space-between;
   min-height: calc(100vh);
-  overflow: hidden;
   position: relative;
   font-family: 'Inter', sans-serif;
 }
diff --git a/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css b/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
index 2a17c41986..01125202f1 100644
--- a/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
+++ b/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
@@ -58,7 +58,15 @@
 }
 
 .content {
-  padding: 16px 32px 24px;
+  position: relative;
+  display: flex;
+  width: 100%;
+}
+
+.content aside {
+  position: sticky;
+  top: 0;
+  height: 400px;
 }
 
 @media (max-width: 576px) {
diff --git a/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx b/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx
index b3d8a49843..ee12a22891 100644
--- a/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx
+++ b/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx
@@ -34,7 +34,10 @@ const MenuPageLayout = ({ content, data }: PageLayoutProps) => {
             {data.date && <div className={classes.date}>{data.date}</div>}
           </div>
 
-          <div className={classes.content}>
+          <div
+            className={classes.content}
+            id='content'
+          >
             <MdxContent>{content}</MdxContent>
           </div>
         </main>
diff --git a/storefront/package.json b/storefront/package.json
index 9aff67228d..ab0a14b54b 100644
--- a/storefront/package.json
+++ b/storefront/package.json
@@ -11,9 +11,12 @@
   "dependencies": {
     "@altinn/altinn-design-system": "^0.27.2",
     "@altinn/figma-design-tokens": "^5.0.0",
+    "@jsdevtools/rehype-toc": "^3.0.2",
     "@mdx-js/loader": "^2.0.0-rc.2",
     "@mdx-js/react": "^1.6.22",
     "@navikt/aksel-icons": "^2.8.4",
+    "@navikt/ds-css": "^5.0.2",
+    "@navikt/ds-react": "^5.0.2",
     "@reach/disclosure": "^0.18.0",
     "@tanstack/react-query": "^4.29.5",
     "@tippyjs/react": "^4.2.6",
diff --git a/storefront/pages/_app.tsx b/storefront/pages/_app.tsx
index be35eb7f6c..703ca5c70b 100644
--- a/storefront/pages/_app.tsx
+++ b/storefront/pages/_app.tsx
@@ -3,6 +3,7 @@ import 'normalize.css/normalize.css';
 import 'tippy.js/dist/tippy.css';
 import '@altinn/figma-design-tokens/dist/tokens.css';
 import '@digdir/design-system-tokens/brand/digdir/tokens.css';
+import '@navikt/ds-css';
 import '../globals.css';
 import type { AppProps } from 'next/app';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
@@ -17,7 +18,7 @@ const queryClient = new QueryClient();
 const MyApp = ({ Component, pageProps }: AppProps) => {
   return (
     <QueryClientProvider client={queryClient}>
-      <div className={'root'}>
+      <div className='root'>
         <JumpToMain />
         <Header />
         <Component {...pageProps} />
diff --git a/storefront/pages/grunnleggende/designelementer/farger.mdx b/storefront/pages/grunnleggende/designelementer/farger.mdx
index 68e4b9df77..73b0afb61c 100644
--- a/storefront/pages/grunnleggende/designelementer/farger.mdx
+++ b/storefront/pages/grunnleggende/designelementer/farger.mdx
@@ -33,208 +33,9 @@ Første ledd refererer til elementet som fargelegges: background, Surface
 - Border: Fargen til en ramme (stroke).
 - Text/Icon: Fargen på tekst og ikoner.
 
-## Semantiske farger
-
-### Background
-
-<TokenList
-  type='color'
-  token='fds-semantic-background'
-/>
-
-### Surface neutral
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-neutral'
-/>
-
-### Surface Action
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-action'
-/>
-
-### Surface Success
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-success'
-/>
-
-### Surface Warning
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-warning'
-/>
-
-### Surface Danger
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-danger'
-/>
-
-### Surface Info
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-info'
-/>
-
-### Surface Primary
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-primary'
-/>
-
-### Surface Secondary
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-secondary'
-/>
-
-### Surface Teriary
-
-<TokenList
-  type='color'
-  token='fds-semantic-surface-tertiary'
-/>
-
-## Border
-
-### Border neutral
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-neutral'
-/>
-
-### Border info
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-info'
-/>
-
-### Border action
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-action'
-/>
-
-### Border Success
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-success'
-/>
-
-### Border Warning
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-warning'
-/>
-
-### Border Danger
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-danger'
-/>
-
-### Border Focus
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-focus'
-/>
-
-### Border Primary
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-primary'
-/>
-
-### Border Secondary
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-secondary'
-/>
-
-### Border Tertiary
-
-<TokenList
-  type='color'
-  token='fds-semantic-border-tertiary'
-/>
-
-## Text
-
-### Text Neutral
-
-<TokenList
-  type='color'
-  token='fds-semantic-text-neutral'
-/>
-
-### Text Action
-
-<TokenList
-  type='color'
-  token='fds-semantic-text-action'
-/>
-
-### Text Success
-
-<TokenList
-  type='color'
-  token='fds-semantic-text-success'
-/>
-
-### Text Warning
-
-<TokenList
-  type='color'
-  token='fds-semantic-text-warning'
-/>
-
-### Text Danger
-
-<TokenList
-  type='color'
-  token='fds-semantic-text-danger'
-/>
-
-## Branding
-
-Noen av fargene er branding-farger, det vil si at themet du bruker avgjør hvilke primær, sekundær og tertiær-farger du har tilgjengelig. For meningsbærendende farger som for eksempel warning og danger anbefaler vi å bruke de globale fargene uten å overstyre dem. At en meningsbærende farge har samme betydning i en offentlig sammenheng som en annen tror vi bare har fordeler.
-
-### Branding Primary
-
-<TokenList
-  type='color'
-  token='fds-brand-primary'
-/>
-
-### Branding Secondary
-
-<TokenList
-  type='color'
-  token='fds-brand-secondary'
-/>
-
-### Branding Tertiary
+## Farge-tokens
 
 <TokenList
   type='color'
-  token='fds-brand-tertiary'
+  showThemePicker={true}
 />
diff --git a/storefront/pages/grunnleggende/designelementer/sizing.mdx b/storefront/pages/grunnleggende/designelementer/sizing.mdx
index 8904002809..b762fa3d21 100644
--- a/storefront/pages/grunnleggende/designelementer/sizing.mdx
+++ b/storefront/pages/grunnleggende/designelementer/sizing.mdx
@@ -38,11 +38,11 @@ component-mode-height.medium (sizing.8 / 32-36px)
 component-mode-height.large (sizing.10 / 40-45px)
 ```
 
-### Sizing tokens
+## Sizing tokens
 
 <TokenList
-  type='size'
-  token='fds-sizing'
+  type='sizing'
+  hideValue={true}
 />
 
 ## Fluid sizing
diff --git a/storefront/pages/grunnleggende/designelementer/skygger.mdx b/storefront/pages/grunnleggende/designelementer/skygger.mdx
index c993d8cd2f..4699208aff 100644
--- a/storefront/pages/grunnleggende/designelementer/skygger.mdx
+++ b/storefront/pages/grunnleggende/designelementer/skygger.mdx
@@ -27,10 +27,7 @@ Skygger kan hjelpe svaksynte til å identifisere komponenter. Bruk av skygger og
 
 Vi har ulike styrker på skyggene, fra xsmall til xlarge. De ulike styrkene brukes for å antyde høyden til overflaten. Overflater i høyere høyder har større skygger, mens de på lavere høyder bør ha mindre skygger. Skygger skal skape et hierarki slik at det som ligger over eller under noe annet kommer tydeligere frem.
 
-<TokenList
-  type='shadow'
-  token='fds-shadow'
-/>
+<TokenList type='boxShadow' />
 
 ### Eksempel
 
diff --git a/storefront/pages/grunnleggende/designelementer/spacing.mdx b/storefront/pages/grunnleggende/designelementer/spacing.mdx
index e7e4330c7c..ca0502d7b6 100644
--- a/storefront/pages/grunnleggende/designelementer/spacing.mdx
+++ b/storefront/pages/grunnleggende/designelementer/spacing.mdx
@@ -25,8 +25,8 @@ Avstand (spacing) brukes til å sette marging og padding. Settet med avstander s
 ### Spacing tokens
 
 <TokenList
-  type='size'
-  token='fds-spacing'
+  type='spacing'
+  hideValue={true}
 />
 
 ## Fluid spacing
diff --git a/storefront/pages/grunnleggende/designelementer/typografi.mdx b/storefront/pages/grunnleggende/designelementer/typografi.mdx
index d035805b23..97a8ecd95a 100644
--- a/storefront/pages/grunnleggende/designelementer/typografi.mdx
+++ b/storefront/pages/grunnleggende/designelementer/typografi.mdx
@@ -82,40 +82,7 @@ Størrelsene er generert ved hjelp av [Fluid Typescale Generator](https://fluid-
 
 ## Tokens for typografi
 
-### Heading
-
-<TokenList
-  type='fontSize'
-  token='fds-typography-heading'
-/>
-
-### Ingress
-
-<TokenList
-  type='fontSize'
-  token='fds-typography-ingress'
-/>
-
-### Paragraph
-
-<TokenList
-  type='fontSize'
-  token='fds-typography-paragraph'
-/>
-
-### Label
-
-<TokenList
-  type='fontSize'
-  token='fds-typography-label'
-/>
-
-### Error
-
-<TokenList
-  type='fontSize'
-  token='fds-typography-error_message'
-/>
+<TokenList type='typography' />
 
 ## Takk til
 
diff --git a/storefront/tokens/altinn.ts b/storefront/tokens/altinn.ts
index 8826f43050..c95d2d85d1 100644
--- a/storefront/tokens/altinn.ts
+++ b/storefront/tokens/altinn.ts
@@ -3,4158 +3,3718 @@
  * These files are generated from design tokens defined in Figma using Token Studio
  */
 
-export const color = {
-  semantic: {
-    background: [
-      {
-        value: '#ffffff',
-        type: 'color',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: '{colors.white}',
-          type: 'color',
-        },
-        name: '--fds-semantic-background-default',
-        attributes: {},
-        path: ['semantic', 'background', 'default'],
-        lastName: 'default',
-      },
-      {
-        value: '#f4f5f6',
-        type: 'color',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: '{colors.grey.100}',
-          type: 'color',
-        },
-        name: '--fds-semantic-background-subtle',
-        attributes: {},
-        path: ['semantic', 'background', 'subtle'],
-        lastName: 'subtle',
-      },
-    ],
-    surface: {
-      neutral: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-selected',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'selected'],
-          lastName: 'selected',
-        },
-        {
-          value: '#f4f5f6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#68707c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'dark'],
-          lastName: 'dark',
-        },
-        {
-          value: '#4b5563',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-dark-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'dark-hover'],
-          lastName: 'dark-hover',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-inverted',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'inverted'],
-          lastName: 'inverted',
-        },
-      ],
-      action: [
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-checked',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'checked'],
-          lastName: 'checked',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-        {
-          value: '#f4f5f6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: 'rgba(#00315d, 0.9)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.9)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: 'rgba(#00315d, 0.8)',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.8)',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: 'rgba(#00315d, 0.1)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.1)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: 'rgba(#00315d, 0.2)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.2)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill-active',
-          attributes: {},
-          path: [
-            'semantic',
-            'surface',
-            'action',
-            'secondary',
-            'no_fill-active',
-          ],
-          lastName: 'no_fill-active',
-        },
-      ],
-      success: [
-        {
-          value: '#d1f4e1',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#8be4b5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#118849',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#d1f4e1',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#8be4b5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      warning: [
-        {
-          value: '#fffbe6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#fff4b4',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#ff8c06',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'default'],
-          lastName: 'default',
-        },
-      ],
-      danger: [
-        {
-          value: '#f9d5db',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#f3abb6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#e02e49',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#f9d5db',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#f3abb6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      info: [
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-info-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'info', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-info-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'info', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-      ],
-      on_inverted: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#ffffffe6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffffe6',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#ffffffcc',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffffcc',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff00',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff00',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#ffffff1a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff1a',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#ffffff33',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff33',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      primary: [
-        {
-          value: '#B3D0EA',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#80B1DD',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#66A1D6',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#004E95',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-      secondary: [
-        {
-          value: '#C5BBDD',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#A392C8',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#806AB4',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#231B36',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-      tertiary: [
-        {
-          value: '#F3ABB6',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#EC8292',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#E6586D',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#5A121D',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-    },
-    border: {
-      info: [
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-info-default',
-          attributes: {},
-          path: ['semantic', 'border', 'info', 'default'],
-          lastName: 'default',
-        },
-      ],
-      action: [
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#66a1d6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-dark',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'dark'],
-          lastName: 'dark',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-dark-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'dark-hover'],
-          lastName: 'dark-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#66a1d6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#d2d5d8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      neutral: [
-        {
-          value: '#68707c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-default',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#d2d5d8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-strong',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'strong'],
-          lastName: 'strong',
-        },
-        {
-          value: '#bcbfc5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-divider',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'divider'],
-          lastName: 'divider',
-        },
-      ],
-      success: [
-        {
-          value: '#118849',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-default',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-active',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'active'],
-          lastName: 'active',
-        },
-      ],
-      warning: [
-        {
-          value: '#cc7005',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-default',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#995404',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#663802',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-active',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'active'],
-          lastName: 'active',
-        },
-      ],
-      danger: [
-        {
-          value: '#e02e49',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-default',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-active',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'active'],
-          lastName: 'active',
-        },
-      ],
-      focus: [
-        {
-          value: '#ffda06',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-focus-outline',
-          attributes: {},
-          path: ['semantic', 'border', 'focus', 'outline'],
-          lastName: 'outline',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{semantic.border.neutral.strong}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-focus-boxshadow',
-          attributes: {},
-          path: ['semantic', 'border', 'focus', 'boxshadow'],
-          lastName: 'boxshadow',
-        },
-      ],
-      on_inverted: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-on_inverted-default',
-          attributes: {},
-          path: ['semantic', 'border', 'on_inverted', 'default'],
-          lastName: 'default',
-        },
-      ],
-      input: [
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-input-default',
-          attributes: {},
-          path: ['semantic', 'border', 'input', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#0062ba',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-input-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'input', 'hover'],
-          lastName: 'hover',
-        },
-      ],
-      primary: [
-        {
-          value: '#1A72C1',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062BA',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#004E95',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      secondary: [
-        {
-          value: '#594488',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#3F3161',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#352951',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      tertiary: [
-        {
-          value: '#B3253A',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#861C2C',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#5A121D',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Altinn.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'active'],
-          lastName: 'active',
-        },
-      ],
-    },
-    text: {
-      success: [
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-default',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#084826',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#084826',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-active',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-on_success',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'on_success'],
-          lastName: 'on_success',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#1e2b3c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-on_success_subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'on_success_subtle'],
-          lastName: 'on_success_subtle',
-        },
-      ],
-      neutral: [
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-default',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#4b5563',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-on_inverted',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'on_inverted'],
-          lastName: 'on_inverted',
-        },
-      ],
-      action: [
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#004e95',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'on_action'],
-          lastName: 'on_action',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#004e95',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'on_action'],
-          lastName: 'on_action',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
-          lastName: 'on_action',
-        },
-      ],
-      warning: [
-        {
-          value: '#995404',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-default',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#cc7005',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-icon_warning',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'icon_warning'],
-          lastName: 'icon_warning',
-        },
-        {
-          value: '#663802',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-on_warning',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'on_warning'],
-          lastName: 'on_warning',
-        },
-      ],
-      danger: [
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-default',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#861c2c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#5a121d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#5a121d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-active',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-on_danger',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'on_danger'],
-          lastName: 'on_danger',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#1e2b3c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-on_danger_subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'on_danger_subtle'],
-          lastName: 'on_danger_subtle',
-        },
-      ],
-      visited: [
-        {
-          value: '#7a1265',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.purple.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-visited-default',
-          attributes: {},
-          path: ['semantic', 'text', 'visited', 'default'],
-          lastName: 'default',
-        },
-      ],
-    },
-  },
-  brand: {
-    primary: [
-      {
-        value: '#E6EFF8',
-        type: 'color',
-        description:
-          'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#E6EFF8',
-          type: 'color',
-          description:
-            'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-primary-100',
-        attributes: {},
-        path: ['brand', 'primary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#B3D0EA',
-        type: 'color',
-        description:
-          'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#B3D0EA',
-          type: 'color',
-          description:
-            'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-primary-200',
-        attributes: {},
-        path: ['brand', 'primary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#80B1DD',
-        type: 'color',
-        description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#80B1DD',
-          type: 'color',
-          description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-primary-300',
-        attributes: {},
-        path: ['brand', 'primary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#66A1D6',
-        type: 'color',
-        description:
-          'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#66A1D6',
-          type: 'color',
-          description:
-            'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-primary-400',
-        attributes: {},
-        path: ['brand', 'primary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#3381C8',
-        type: 'color',
-        description: 'AA 5.6 on grey 800',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#3381C8',
-          type: 'color',
-          description: 'AA 5.6 on grey 800',
-        },
-        name: '--fds-brand-primary-500',
-        attributes: {},
-        path: ['brand', 'primary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#1A72C1',
-        type: 'color',
-        description: 'AA 4.5 on grey 800',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#1A72C1',
-          type: 'color',
-          description: 'AA 4.5 on grey 800',
-        },
-        name: '--fds-brand-primary-600',
-        attributes: {},
-        path: ['brand', 'primary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#0062BA',
-        type: 'color',
-        description: 'AA18 3.7 on grey 800',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#0062BA',
-          type: 'color',
-          description: 'AA18 3.7 on grey 800',
-        },
-        name: '--fds-brand-primary-700',
-        attributes: {},
-        path: ['brand', 'primary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#004E95',
-        type: 'color',
-        description: 'AA 4.7 on white',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#004E95',
-          type: 'color',
-          description: 'AA 4.7 on white',
-        },
-        name: '--fds-brand-primary-800',
-        attributes: {},
-        path: ['brand', 'primary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#00315D',
-        type: 'color',
-        description: 'AA 4.7 on white',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#00315D',
-          type: 'color',
-          description: 'AA 4.7 on white',
-        },
-        name: '--fds-brand-primary-900',
-        attributes: {},
-        path: ['brand', 'primary', '900'],
-        lastName: '900',
-      },
-    ],
-    secondary: [
-      {
-        value: '#DCD6EA',
-        type: 'color',
-        description:
-          'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#DCD6EA',
-          type: 'color',
-          description:
-            'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-100',
-        attributes: {},
-        path: ['brand', 'secondary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#C5BBDD',
-        type: 'color',
-        description:
-          'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#C5BBDD',
-          type: 'color',
-          description:
-            'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-200',
-        attributes: {},
-        path: ['brand', 'secondary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#A392C8',
-        type: 'color',
-        description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#A392C8',
-          type: 'color',
-          description:
-            'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-300',
-        attributes: {},
-        path: ['brand', 'secondary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#806AB4',
-        type: 'color',
-        description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#806AB4',
-          type: 'color',
-          description:
-            'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-400',
-        attributes: {},
-        path: ['brand', 'secondary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#6A52A3',
-        type: 'color',
-        description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#6A52A3',
-          type: 'color',
-          description:
-            'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-500',
-        attributes: {},
-        path: ['brand', 'secondary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#594488',
-        type: 'color',
-        description:
-          'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#594488',
-          type: 'color',
-          description:
-            'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-600',
-        attributes: {},
-        path: ['brand', 'secondary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#3F3161',
-        type: 'color',
-        description: 'AA 5.5 on grey 800',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#3F3161',
-          type: 'color',
-          description: 'AA 5.5 on grey 800',
-        },
-        name: '--fds-brand-secondary-700',
-        attributes: {},
-        path: ['brand', 'secondary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#352951',
-        type: 'color',
-        description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#352951',
-          type: 'color',
-          description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
-        },
-        name: '--fds-brand-secondary-800',
-        attributes: {},
-        path: ['brand', 'secondary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#231B36',
-        type: 'color',
-        description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#231B36',
-          type: 'color',
-          description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
-        },
-        name: '--fds-brand-secondary-900',
-        attributes: {},
-        path: ['brand', 'secondary', '900'],
-        lastName: '900',
-      },
-    ],
-    tertiary: [
-      {
-        value: '#F9D5DB',
-        type: 'color',
-        description:
-          'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#F9D5DB',
-          type: 'color',
-          description:
-            'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-tertiary-100',
-        attributes: {},
-        path: ['brand', 'tertiary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#F3ABB6',
-        type: 'color',
-        description:
-          'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#F3ABB6',
-          type: 'color',
-          description:
-            'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-tertiary-200',
-        attributes: {},
-        path: ['brand', 'tertiary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#EC8292',
-        type: 'color',
-        description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#EC8292',
-          type: 'color',
-          description:
-            'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-tertiary-300',
-        attributes: {},
-        path: ['brand', 'tertiary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#E6586D',
-        type: 'color',
-        description:
-          'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#E6586D',
-          type: 'color',
-          description:
-            'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-tertiary-400',
-        attributes: {},
-        path: ['brand', 'tertiary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#E02E49',
-        type: 'color',
-        description: 'AA 5.8 on grey 800',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#E02E49',
-          type: 'color',
-          description: 'AA 5.8 on grey 800',
-        },
-        name: '--fds-brand-tertiary-500',
-        attributes: {},
-        path: ['brand', 'tertiary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#B3253A',
-        type: 'color',
-        description: 'AA 4.6 on grey 800',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#B3253A',
-          type: 'color',
-          description: 'AA 4.6 on grey 800',
-        },
-        name: '--fds-brand-tertiary-600',
-        attributes: {},
-        path: ['brand', 'tertiary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#861C2C',
-        type: 'color',
-        description: 'AA18 3.8 on grey 800',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#861C2C',
-          type: 'color',
-          description: 'AA18 3.8 on grey 800',
-        },
-        name: '--fds-brand-tertiary-700',
-        attributes: {},
-        path: ['brand', 'tertiary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#5A121D',
-        type: 'color',
-        description: 'AA 5.6 on white',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#5A121D',
-          type: 'color',
-          description: 'AA 5.6 on white',
-        },
-        name: '--fds-brand-tertiary-800',
-        attributes: {},
-        path: ['brand', 'tertiary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#480e17',
-        type: 'color',
-        description: 'AA 5.6 on white',
-        filePath: '../../design-tokens/Brand/Altinn.json',
-        isSource: false,
-        original: {
-          value: '#480e17',
-          type: 'color',
-          description: 'AA 5.6 on white',
-        },
-        name: '--fds-brand-tertiary-900',
-        attributes: {},
-        path: ['brand', 'tertiary', '900'],
-        lastName: '900',
-      },
-    ],
+export const color = [
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-background-default',
+    attributes: {},
+    path: ['semantic', 'background', 'default'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-background-subtle',
+    attributes: {},
+    path: ['semantic', 'background', 'subtle'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'default'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-selected',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'selected'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'subtle'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'subtle-hover'],
+  },
+  {
+    value: '#68707c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'dark'],
+  },
+  {
+    value: '#4b5563',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-dark-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'dark-hover'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-inverted',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'inverted'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill-active'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-checked',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'checked'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'default'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.9)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.9)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.8)',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.8)',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.1)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.1)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.2)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.2)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'],
+  },
+  {
+    value: '#d1f4e1',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'subtle'],
+  },
+  {
+    value: '#8be4b5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'subtle-hover'],
+  },
+  {
+    value: '#118849',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'default'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill'],
+  },
+  {
+    value: '#d1f4e1',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill-hover'],
+  },
+  {
+    value: '#8be4b5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill-active'],
+  },
+  {
+    value: '#fffbe6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'subtle'],
+  },
+  {
+    value: '#fff4b4',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'subtle-hover'],
+  },
+  {
+    value: '#ff8c06',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'default'],
+  },
+  {
+    value: '#f9d5db',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'subtle'],
+  },
+  {
+    value: '#f3abb6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'subtle-hover'],
+  },
+  {
+    value: '#e02e49',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'default'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'hover'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill'],
+  },
+  {
+    value: '#f9d5db',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill-hover'],
+  },
+  {
+    value: '#f3abb6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill-active'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-info-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'info', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-info-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'info', 'subtle-hover'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'default'],
+  },
+  {
+    value: '#ffffffe6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffffe6',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'hover'],
+  },
+  {
+    value: '#ffffffcc',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffffcc',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'active'],
+  },
+  {
+    value: '#ffffff00',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff00',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill'],
+  },
+  {
+    value: '#ffffff1a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff1a',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'],
+  },
+  {
+    value: '#ffffff33',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff33',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'],
+  },
+  {
+    value: '#B3D0EA',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light'],
+  },
+  {
+    value: '#80B1DD',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light-hover'],
+  },
+  {
+    value: '#66A1D6',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light-active'],
+  },
+  {
+    value: '#004E95',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'dark'],
+  },
+  {
+    value: '#C5BBDD',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light'],
+  },
+  {
+    value: '#A392C8',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light-hover'],
+  },
+  {
+    value: '#806AB4',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light-active'],
+  },
+  {
+    value: '#231B36',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'dark'],
+  },
+  {
+    value: '#F3ABB6',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light'],
+  },
+  {
+    value: '#EC8292',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light-hover'],
+  },
+  {
+    value: '#E6586D',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light-active'],
+  },
+  {
+    value: '#5A121D',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'dark'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-info-default',
+    attributes: {},
+    path: ['semantic', 'border', 'info', 'default'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'subtle'],
+  },
+  {
+    value: '#66a1d6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'default'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'active'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-dark',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'dark'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-dark-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'dark-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'subtle'],
+  },
+  {
+    value: '#66a1d6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
+  },
+  {
+    value: '#d2d5d8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#68707c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-default',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'default'],
+  },
+  {
+    value: '#d2d5d8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'subtle'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-strong',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'strong'],
+  },
+  {
+    value: '#bcbfc5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-divider',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'divider'],
+  },
+  {
+    value: '#118849',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-default',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'default'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-active',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'active'],
+  },
+  {
+    value: '#cc7005',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-default',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'default'],
+  },
+  {
+    value: '#995404',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'hover'],
+  },
+  {
+    value: '#663802',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-active',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'active'],
+  },
+  {
+    value: '#e02e49',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-default',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'default'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'hover'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-active',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'active'],
+  },
+  {
+    value: '#ffda06',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-focus-outline',
+    attributes: {},
+    path: ['semantic', 'border', 'focus', 'outline'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{semantic.border.neutral.strong}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-focus-boxshadow',
+    attributes: {},
+    path: ['semantic', 'border', 'focus', 'boxshadow'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-on_inverted-default',
+    attributes: {},
+    path: ['semantic', 'border', 'on_inverted', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-input-default',
+    attributes: {},
+    path: ['semantic', 'border', 'input', 'default'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#0062ba',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-input-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'input', 'hover'],
+  },
+  {
+    value: '#1A72C1',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'default'],
+  },
+  {
+    value: '#0062BA',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'hover'],
+  },
+  {
+    value: '#004E95',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'active'],
+  },
+  {
+    value: '#594488',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'default'],
+  },
+  {
+    value: '#3F3161',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'hover'],
+  },
+  {
+    value: '#352951',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'active'],
+  },
+  {
+    value: '#B3253A',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'default'],
+  },
+  {
+    value: '#861C2C',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'hover'],
+  },
+  {
+    value: '#5A121D',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'active'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-default',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'default'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#084826',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#084826',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-active',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-on_success',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'on_success'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#1e2b3c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-on_success_subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'on_success_subtle'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-default',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'default'],
+  },
+  {
+    value: '#4b5563',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'subtle'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-on_inverted',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'on_inverted'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#004e95',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'on_action'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#004e95',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'on_action'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
+  },
+  {
+    value: '#995404',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-default',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'default'],
+  },
+  {
+    value: '#cc7005',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-icon_warning',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'icon_warning'],
+  },
+  {
+    value: '#663802',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-on_warning',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'on_warning'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-default',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'default'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#861c2c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'hover'],
+  },
+  {
+    value: '#5a121d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#5a121d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-active',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-on_danger',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'on_danger'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#1e2b3c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-on_danger_subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'on_danger_subtle'],
+  },
+  {
+    value: '#7a1265',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.purple.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-visited-default',
+    attributes: {},
+    path: ['semantic', 'text', 'visited', 'default'],
+  },
+  {
+    value: '#E6EFF8',
+    type: 'color',
+    description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#E6EFF8',
+      type: 'color',
+      description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-primary-100',
+    attributes: {},
+    path: ['brand', 'primary', '100'],
+  },
+  {
+    value: '#B3D0EA',
+    type: 'color',
+    description:
+      'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#B3D0EA',
+      type: 'color',
+      description:
+        'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-primary-200',
+    attributes: {},
+    path: ['brand', 'primary', '200'],
+  },
+  {
+    value: '#80B1DD',
+    type: 'color',
+    description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#80B1DD',
+      type: 'color',
+      description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-primary-300',
+    attributes: {},
+    path: ['brand', 'primary', '300'],
+  },
+  {
+    value: '#66A1D6',
+    type: 'color',
+    description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#66A1D6',
+      type: 'color',
+      description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-primary-400',
+    attributes: {},
+    path: ['brand', 'primary', '400'],
+  },
+  {
+    value: '#3381C8',
+    type: 'color',
+    description: 'AA 5.6 on grey 800',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#3381C8',
+      type: 'color',
+      description: 'AA 5.6 on grey 800',
+    },
+    name: '--fds-brand-primary-500',
+    attributes: {},
+    path: ['brand', 'primary', '500'],
+  },
+  {
+    value: '#1A72C1',
+    type: 'color',
+    description: 'AA 4.5 on grey 800',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#1A72C1',
+      type: 'color',
+      description: 'AA 4.5 on grey 800',
+    },
+    name: '--fds-brand-primary-600',
+    attributes: {},
+    path: ['brand', 'primary', '600'],
+  },
+  {
+    value: '#0062BA',
+    type: 'color',
+    description: 'AA18 3.7 on grey 800',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#0062BA',
+      type: 'color',
+      description: 'AA18 3.7 on grey 800',
+    },
+    name: '--fds-brand-primary-700',
+    attributes: {},
+    path: ['brand', 'primary', '700'],
+  },
+  {
+    value: '#004E95',
+    type: 'color',
+    description: 'AA 4.7 on white',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#004E95',
+      type: 'color',
+      description: 'AA 4.7 on white',
+    },
+    name: '--fds-brand-primary-800',
+    attributes: {},
+    path: ['brand', 'primary', '800'],
+  },
+  {
+    value: '#00315D',
+    type: 'color',
+    description: 'AA 4.7 on white',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#00315D',
+      type: 'color',
+      description: 'AA 4.7 on white',
+    },
+    name: '--fds-brand-primary-900',
+    attributes: {},
+    path: ['brand', 'primary', '900'],
+  },
+  {
+    value: '#DCD6EA',
+    type: 'color',
+    description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#DCD6EA',
+      type: 'color',
+      description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-100',
+    attributes: {},
+    path: ['brand', 'secondary', '100'],
+  },
+  {
+    value: '#C5BBDD',
+    type: 'color',
+    description:
+      'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#C5BBDD',
+      type: 'color',
+      description:
+        'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-200',
+    attributes: {},
+    path: ['brand', 'secondary', '200'],
+  },
+  {
+    value: '#A392C8',
+    type: 'color',
+    description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#A392C8',
+      type: 'color',
+      description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-300',
+    attributes: {},
+    path: ['brand', 'secondary', '300'],
+  },
+  {
+    value: '#806AB4',
+    type: 'color',
+    description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#806AB4',
+      type: 'color',
+      description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-400',
+    attributes: {},
+    path: ['brand', 'secondary', '400'],
+  },
+  {
+    value: '#6A52A3',
+    type: 'color',
+    description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#6A52A3',
+      type: 'color',
+      description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-500',
+    attributes: {},
+    path: ['brand', 'secondary', '500'],
+  },
+  {
+    value: '#594488',
+    type: 'color',
+    description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#594488',
+      type: 'color',
+      description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-600',
+    attributes: {},
+    path: ['brand', 'secondary', '600'],
+  },
+  {
+    value: '#3F3161',
+    type: 'color',
+    description: 'AA 5.5 on grey 800',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#3F3161',
+      type: 'color',
+      description: 'AA 5.5 on grey 800',
+    },
+    name: '--fds-brand-secondary-700',
+    attributes: {},
+    path: ['brand', 'secondary', '700'],
+  },
+  {
+    value: '#352951',
+    type: 'color',
+    description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#352951',
+      type: 'color',
+      description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
+    },
+    name: '--fds-brand-secondary-800',
+    attributes: {},
+    path: ['brand', 'secondary', '800'],
+  },
+  {
+    value: '#231B36',
+    type: 'color',
+    description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#231B36',
+      type: 'color',
+      description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
+    },
+    name: '--fds-brand-secondary-900',
+    attributes: {},
+    path: ['brand', 'secondary', '900'],
+  },
+  {
+    value: '#F9D5DB',
+    type: 'color',
+    description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#F9D5DB',
+      type: 'color',
+      description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-tertiary-100',
+    attributes: {},
+    path: ['brand', 'tertiary', '100'],
+  },
+  {
+    value: '#F3ABB6',
+    type: 'color',
+    description:
+      'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#F3ABB6',
+      type: 'color',
+      description:
+        'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-tertiary-200',
+    attributes: {},
+    path: ['brand', 'tertiary', '200'],
+  },
+  {
+    value: '#EC8292',
+    type: 'color',
+    description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#EC8292',
+      type: 'color',
+      description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-tertiary-300',
+    attributes: {},
+    path: ['brand', 'tertiary', '300'],
+  },
+  {
+    value: '#E6586D',
+    type: 'color',
+    description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#E6586D',
+      type: 'color',
+      description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-tertiary-400',
+    attributes: {},
+    path: ['brand', 'tertiary', '400'],
+  },
+  {
+    value: '#E02E49',
+    type: 'color',
+    description: 'AA 5.8 on grey 800',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#E02E49',
+      type: 'color',
+      description: 'AA 5.8 on grey 800',
+    },
+    name: '--fds-brand-tertiary-500',
+    attributes: {},
+    path: ['brand', 'tertiary', '500'],
+  },
+  {
+    value: '#B3253A',
+    type: 'color',
+    description: 'AA 4.6 on grey 800',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#B3253A',
+      type: 'color',
+      description: 'AA 4.6 on grey 800',
+    },
+    name: '--fds-brand-tertiary-600',
+    attributes: {},
+    path: ['brand', 'tertiary', '600'],
+  },
+  {
+    value: '#861C2C',
+    type: 'color',
+    description: 'AA18 3.8 on grey 800',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#861C2C',
+      type: 'color',
+      description: 'AA18 3.8 on grey 800',
+    },
+    name: '--fds-brand-tertiary-700',
+    attributes: {},
+    path: ['brand', 'tertiary', '700'],
+  },
+  {
+    value: '#5A121D',
+    type: 'color',
+    description: 'AA 5.6 on white',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#5A121D',
+      type: 'color',
+      description: 'AA 5.6 on white',
+    },
+    name: '--fds-brand-tertiary-800',
+    attributes: {},
+    path: ['brand', 'tertiary', '800'],
+  },
+  {
+    value: '#480e17',
+    type: 'color',
+    description: 'AA 5.6 on white',
+    filePath: '../../design-tokens/Brand/Altinn.json',
+    isSource: false,
+    original: {
+      value: '#480e17',
+      type: 'color',
+      description: 'AA 5.6 on white',
+    },
+    name: '--fds-brand-tertiary-900',
+    attributes: {},
+    path: ['brand', 'tertiary', '900'],
   },
-};
+];
 
-export const typography = {
-  typography: {
-    heading: [
-      {
-        value:
-          "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H1',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f5}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H1',
-        },
-        name: '--fds-typography-heading-xlarge',
-        attributes: {},
-        path: ['typography', 'heading', 'xlarge'],
-        lastName: 'xlarge',
-      },
-      {
-        value:
-          "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H2',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f4}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H2',
-        },
-        name: '--fds-typography-heading-large',
-        attributes: {},
-        path: ['typography', 'heading', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H3',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f3}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H3',
-        },
-        name: '--fds-typography-heading-medium',
-        attributes: {},
-        path: ['typography', 'heading', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H4',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H4',
-        },
-        name: '--fds-typography-heading-small',
-        attributes: {},
-        path: ['typography', 'heading', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H5',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H5',
-        },
-        name: '--fds-typography-heading-xsmall',
-        attributes: {},
-        path: ['typography', 'heading', 'xsmall'],
-        lastName: 'xsmall',
-      },
-      {
-        value:
-          "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H6',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H6',
-        },
-        name: '--fds-typography-heading-xxsmall',
-        attributes: {},
-        path: ['typography', 'heading', 'xxsmall'],
-        lastName: 'xxsmall',
-      },
-    ],
-    ingress: [
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.600}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-ingress-medium',
-        attributes: {},
-        path: ['typography', 'ingress', 'medium'],
-        lastName: 'medium',
-      },
-    ],
-    paragraph: [
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-large',
-        attributes: {},
-        path: ['typography', 'paragraph', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-medium',
-        attributes: {},
-        path: ['typography', 'paragraph', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-small',
-        attributes: {},
-        path: ['typography', 'paragraph', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-xsmall',
-        attributes: {},
-        path: ['typography', 'paragraph', 'xsmall'],
-        lastName: 'xsmall',
-      },
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-large',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-medium',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-small',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-xsmall',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    label: [
-      {
-        value:
-          "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-large',
-        attributes: {},
-        path: ['typography', 'label', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-medium',
-        attributes: {},
-        path: ['typography', 'label', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-small',
-        attributes: {},
-        path: ['typography', 'label', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-xsmall',
-        attributes: {},
-        path: ['typography', 'label', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    error_message: [
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-medium',
-        attributes: {},
-        path: ['typography', 'error_message', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-small',
-        attributes: {},
-        path: ['typography', 'error_message', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-xsmall',
-        attributes: {},
-        path: ['typography', 'error_message', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    interactive: [
-      {
-        value: "400 1.5rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.large}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-large',
-        attributes: {},
-        path: ['typography', 'interactive', 'large'],
-        lastName: 'large',
-      },
-      {
-        value: "400 1.125rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.medium}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-medium',
-        attributes: {},
-        path: ['typography', 'interactive', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value: "400 1rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.small}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-small',
-        attributes: {},
-        path: ['typography', 'interactive', 'small'],
-        lastName: 'small',
-      },
-    ],
+export const typography = [
+  {
+    value: "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H1',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f5}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H1',
+    },
+    name: '--fds-typography-heading-xlarge',
+    attributes: {},
+    path: ['typography', 'heading', 'xlarge'],
+  },
+  {
+    value: "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H2',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f4}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H2',
+    },
+    name: '--fds-typography-heading-large',
+    attributes: {},
+    path: ['typography', 'heading', 'large'],
+  },
+  {
+    value: "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H3',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f3}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H3',
+    },
+    name: '--fds-typography-heading-medium',
+    attributes: {},
+    path: ['typography', 'heading', 'medium'],
+  },
+  {
+    value: "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H4',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H4',
+    },
+    name: '--fds-typography-heading-small',
+    attributes: {},
+    path: ['typography', 'heading', 'small'],
+  },
+  {
+    value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H5',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H5',
+    },
+    name: '--fds-typography-heading-xsmall',
+    attributes: {},
+    path: ['typography', 'heading', 'xsmall'],
+  },
+  {
+    value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H6',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H6',
+    },
+    name: '--fds-typography-heading-xxsmall',
+    attributes: {},
+    path: ['typography', 'heading', 'xxsmall'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.600}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-ingress-medium',
+    attributes: {},
+    path: ['typography', 'ingress', 'medium'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-large',
+    attributes: {},
+    path: ['typography', 'paragraph', 'large'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-medium',
+    attributes: {},
+    path: ['typography', 'paragraph', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-small',
+    attributes: {},
+    path: ['typography', 'paragraph', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-xsmall',
+    attributes: {},
+    path: ['typography', 'paragraph', 'xsmall'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-large',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'large'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-medium',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-small',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-xsmall',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'xsmall'],
+  },
+  {
+    value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-large',
+    attributes: {},
+    path: ['typography', 'label', 'large'],
+  },
+  {
+    value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-medium',
+    attributes: {},
+    path: ['typography', 'label', 'medium'],
+  },
+  {
+    value: "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-small',
+    attributes: {},
+    path: ['typography', 'label', 'small'],
+  },
+  {
+    value: "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-xsmall',
+    attributes: {},
+    path: ['typography', 'label', 'xsmall'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-medium',
+    attributes: {},
+    path: ['typography', 'error_message', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-small',
+    attributes: {},
+    path: ['typography', 'error_message', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-xsmall',
+    attributes: {},
+    path: ['typography', 'error_message', 'xsmall'],
+  },
+  {
+    value: "400 1.5rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.large}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-large',
+    attributes: {},
+    path: ['typography', 'interactive', 'large'],
+  },
+  {
+    value: "400 1.125rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.medium}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-medium',
+    attributes: {},
+    path: ['typography', 'interactive', 'medium'],
+  },
+  {
+    value: "400 1rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.small}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-small',
+    attributes: {},
+    path: ['typography', 'interactive', 'small'],
   },
-};
+];
 
-export const opacity = {
-  opacity: [
-    {
+export const opacity = [
+  {
+    value: '30%',
+    type: 'opacity',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '30%',
       type: 'opacity',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '30%',
-        type: 'opacity',
-      },
-      name: '--fds-opacity-disabled',
-      attributes: {},
-      path: ['opacity', 'disabled'],
-      lastName: 'disabled',
     },
-  ],
-};
+    name: '--fds-opacity-disabled',
+    attributes: {},
+    path: ['opacity', 'disabled'],
+  },
+];
 
-export const borderRadius = {
-  border_radius: [
-    {
-      value: '4px',
+export const borderRadius = [
+  {
+    value: '4px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_radius.medium}',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_radius.medium}',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-interactive',
-      attributes: {},
-      path: ['border_radius', 'interactive'],
-      lastName: 'interactive',
     },
-    {
+    name: '--fds-border_radius-interactive',
+    attributes: {},
+    path: ['border_radius', 'interactive'],
+  },
+  {
+    value: '2px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '2px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '2px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-small',
-      attributes: {},
-      path: ['border_radius', 'small'],
-      lastName: 'small',
     },
-    {
+    name: '--fds-border_radius-small',
+    attributes: {},
+    path: ['border_radius', 'small'],
+  },
+  {
+    value: '4px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '4px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-medium',
-      attributes: {},
-      path: ['border_radius', 'medium'],
-      lastName: 'medium',
     },
-    {
+    name: '--fds-border_radius-medium',
+    attributes: {},
+    path: ['border_radius', 'medium'],
+  },
+  {
+    value: '8px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '8px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '8px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-large',
-      attributes: {},
-      path: ['border_radius', 'large'],
-      lastName: 'large',
     },
-    {
+    name: '--fds-border_radius-large',
+    attributes: {},
+    path: ['border_radius', 'large'],
+  },
+  {
+    value: '12px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '12px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '12px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-xlarge',
-      attributes: {},
-      path: ['border_radius', 'xlarge'],
-      lastName: 'xlarge',
     },
-    {
+    name: '--fds-border_radius-xlarge',
+    attributes: {},
+    path: ['border_radius', 'xlarge'],
+  },
+  {
+    value: '9999px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '9999px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '9999px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-full',
-      attributes: {},
-      path: ['border_radius', 'full'],
-      lastName: 'full',
     },
-  ],
-};
+    name: '--fds-border_radius-full',
+    attributes: {},
+    path: ['border_radius', 'full'],
+  },
+];
 
-export const spacing = {
-  spacing: [
-    {
-      value: 'calc(0)',
+export const spacing = [
+  {
+    value: 'calc(0)',
+    type: 'spacing',
+    description: '0',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '0',
       type: 'spacing',
       description: '0',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '0',
-        type: 'spacing',
-        description: '0',
-      },
-      name: '--fds-spacing-0',
-      attributes: {},
-      path: ['spacing', '0'],
-      lastName: '0',
     },
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-0',
+    attributes: {},
+    path: ['spacing', '0'],
+  },
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '4px - 4.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}/16*{font-size.f0}',
       type: 'spacing',
       description: '4px - 4.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}/16*{font-size.f0}',
-        type: 'spacing',
-        description: '4px - 4.5px',
-      },
-      name: '--fds-spacing-1',
-      attributes: {},
-      path: ['spacing', '1'],
-      lastName: '1',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-1',
+    attributes: {},
+    path: ['spacing', '1'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '8px - 9px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*2/16*{font-size.f0}',
       type: 'spacing',
       description: '8px - 9px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*2/16*{font-size.f0}',
-        type: 'spacing',
-        description: '8px - 9px',
-      },
-      name: '--fds-spacing-2',
-      attributes: {},
-      path: ['spacing', '2'],
-      lastName: '2',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-2',
+    attributes: {},
+    path: ['spacing', '2'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '12px - 13.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*3/16*{font-size.f0}',
       type: 'spacing',
       description: '12px - 13.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*3/16*{font-size.f0}',
-        type: 'spacing',
-        description: '12px - 13.5px',
-      },
-      name: '--fds-spacing-3',
-      attributes: {},
-      path: ['spacing', '3'],
-      lastName: '3',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-3',
+    attributes: {},
+    path: ['spacing', '3'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '16px - 18px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*4/16*{font-size.f0}',
       type: 'spacing',
       description: '16px - 18px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*4/16*{font-size.f0}',
-        type: 'spacing',
-        description: '16px - 18px',
-      },
-      name: '--fds-spacing-4',
-      attributes: {},
-      path: ['spacing', '4'],
-      lastName: '4',
     },
-    {
-      value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-4',
+    attributes: {},
+    path: ['spacing', '4'],
+  },
+  {
+    value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '20px - 22.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*5/16*{font-size.f0}',
       type: 'spacing',
       description: '20px - 22.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*5/16*{font-size.f0}',
-        type: 'spacing',
-        description: '20px - 22.5px',
-      },
-      name: '--fds-spacing-5',
-      attributes: {},
-      path: ['spacing', '5'],
-      lastName: '5',
     },
-    {
-      value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-5',
+    attributes: {},
+    path: ['spacing', '5'],
+  },
+  {
+    value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '24px - 27px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*6/16*{font-size.f0}',
       type: 'spacing',
       description: '24px - 27px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*6/16*{font-size.f0}',
-        type: 'spacing',
-        description: '24px - 27px',
-      },
-      name: '--fds-spacing-6',
-      attributes: {},
-      path: ['spacing', '6'],
-      lastName: '6',
     },
-    {
-      value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-6',
+    attributes: {},
+    path: ['spacing', '6'],
+  },
+  {
+    value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '28px - 31.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*7/16*{font-size.f0}',
       type: 'spacing',
       description: '28px - 31.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*7/16*{font-size.f0}',
-        type: 'spacing',
-        description: '28px - 31.5px',
-      },
-      name: '--fds-spacing-7',
-      attributes: {},
-      path: ['spacing', '7'],
-      lastName: '7',
     },
-    {
-      value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-7',
+    attributes: {},
+    path: ['spacing', '7'],
+  },
+  {
+    value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '32px - 36px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*8/16)*{font-size.f0}',
       type: 'spacing',
       description: '32px - 36px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*8/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '32px - 36px',
-      },
-      name: '--fds-spacing-8',
-      attributes: {},
-      path: ['spacing', '8'],
-      lastName: '8',
     },
-    {
-      value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-8',
+    attributes: {},
+    path: ['spacing', '8'],
+  },
+  {
+    value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '40px - 45px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*10/16)*{font-size.f0}',
       type: 'spacing',
       description: '40px - 45px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*10/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '40px - 45px',
-      },
-      name: '--fds-spacing-10',
-      attributes: {},
-      path: ['spacing', '10'],
-      lastName: '10',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-10',
+    attributes: {},
+    path: ['spacing', '10'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '48px - 54px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*12/16)*{font-size.f0}',
       type: 'spacing',
       description: '48px - 54px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*12/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '48px - 54px',
-      },
-      name: '--fds-spacing-12',
-      attributes: {},
-      path: ['spacing', '12'],
-      lastName: '12',
     },
-    {
-      value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-12',
+    attributes: {},
+    path: ['spacing', '12'],
+  },
+  {
+    value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '56px - 63px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*14/16)*{font-size.f0}',
       type: 'spacing',
       description: '56px - 63px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*14/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '56px - 63px',
-      },
-      name: '--fds-spacing-14',
-      attributes: {},
-      path: ['spacing', '14'],
-      lastName: '14',
     },
-    {
-      value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-14',
+    attributes: {},
+    path: ['spacing', '14'],
+  },
+  {
+    value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '72px - 81px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*18/16)*{font-size.f0}',
       type: 'spacing',
       description: '72px - 81px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*18/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '72px - 81px',
-      },
-      name: '--fds-spacing-18',
-      attributes: {},
-      path: ['spacing', '18'],
-      lastName: '18',
     },
-    {
-      value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-18',
+    attributes: {},
+    path: ['spacing', '18'],
+  },
+  {
+    value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '88px - 99px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*22/16)*{font-size.f0}',
       type: 'spacing',
       description: '88px - 99px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*22/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '88px - 99px',
-      },
-      name: '--fds-spacing-22',
-      attributes: {},
-      path: ['spacing', '22'],
-      lastName: '22',
     },
-    {
-      value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-22',
+    attributes: {},
+    path: ['spacing', '22'],
+  },
+  {
+    value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '104px - 117px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*26/16)*{font-size.f0}',
       type: 'spacing',
       description: '104px - 117px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*26/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '104px - 117px',
-      },
-      name: '--fds-spacing-26',
-      attributes: {},
-      path: ['spacing', '26'],
-      lastName: '26',
     },
-    {
-      value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-26',
+    attributes: {},
+    path: ['spacing', '26'],
+  },
+  {
+    value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '120px - 135px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*30/16)*{font-size.f0}',
       type: 'spacing',
       description: '120px - 135px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*30/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '120px - 135px',
-      },
-      name: '--fds-spacing-30',
-      attributes: {},
-      path: ['spacing', '30'],
-      lastName: '30',
-    },
-  ],
-  base_spacing: [
-    {
-      value: '4',
-      type: 'spacing',
-      description: '4px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4',
-        type: 'spacing',
-        description: '4px',
-      },
-      name: '--fds-base_spacing',
-      attributes: {},
-      path: ['base_spacing'],
-      lastName: 'base_spacing',
-    },
-  ],
-  'component-mode-spacing': [
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    },
+    name: '--fds-spacing-30',
+    attributes: {},
+    path: ['spacing', '30'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.2}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.2}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-small',
-      attributes: {},
-      path: ['component-mode-spacing', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-spacing-small',
+    attributes: {},
+    path: ['component-mode-spacing', 'small'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.3}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.3}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-medium',
-      attributes: {},
-      path: ['component-mode-spacing', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-spacing-medium',
+    attributes: {},
+    path: ['component-mode-spacing', 'medium'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.4}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.4}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-large',
-      attributes: {},
-      path: ['component-mode-spacing', 'large'],
-      lastName: 'large',
-    },
-  ],
-  'component-mode-gap': [
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    },
+    name: '--fds-component-mode-spacing-large',
+    attributes: {},
+    path: ['component-mode-spacing', 'large'],
+  },
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.1}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.1}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-small',
-      attributes: {},
-      path: ['component-mode-gap', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-gap-small',
+    attributes: {},
+    path: ['component-mode-gap', 'small'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.2}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.2}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-medium',
-      attributes: {},
-      path: ['component-mode-gap', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-gap-medium',
+    attributes: {},
+    path: ['component-mode-gap', 'medium'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.3}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.3}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-large',
-      attributes: {},
-      path: ['component-mode-gap', 'large'],
-      lastName: 'large',
     },
-  ],
-};
+    name: '--fds-component-mode-gap-large',
+    attributes: {},
+    path: ['component-mode-gap', 'large'],
+  },
+];
 
-export const sizing = {
-  sizing: [
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+export const sizing = [
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '4px - 4.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}/16*{font-size.f0}',
       type: 'sizing',
       description: '4px - 4.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}/16*{font-size.f0}',
-        type: 'sizing',
-        description: '4px - 4.5px',
-      },
-      name: '--fds-sizing-1',
-      attributes: {},
-      path: ['sizing', '1'],
-      lastName: '1',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-1',
+    attributes: {},
+    path: ['sizing', '1'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '8px - 9px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*2/16*{font-size.f0}',
       type: 'sizing',
       description: '8px - 9px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*2/16*{font-size.f0}',
-        type: 'sizing',
-        description: '8px - 9px',
-      },
-      name: '--fds-sizing-2',
-      attributes: {},
-      path: ['sizing', '2'],
-      lastName: '2',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-2',
+    attributes: {},
+    path: ['sizing', '2'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '12px - 13.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*3/16*{font-size.f0}',
       type: 'sizing',
       description: '12px - 13.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*3/16*{font-size.f0}',
-        type: 'sizing',
-        description: '12px - 13.5px',
-      },
-      name: '--fds-sizing-3',
-      attributes: {},
-      path: ['sizing', '3'],
-      lastName: '3',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-3',
+    attributes: {},
+    path: ['sizing', '3'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '16px - 18px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*4/16*{font-size.f0}',
       type: 'sizing',
       description: '16px - 18px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*4/16*{font-size.f0}',
-        type: 'sizing',
-        description: '16px - 18px',
-      },
-      name: '--fds-sizing-4',
-      attributes: {},
-      path: ['sizing', '4'],
-      lastName: '4',
     },
-    {
-      value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-4',
+    attributes: {},
+    path: ['sizing', '4'],
+  },
+  {
+    value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '20px - 22.5',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*5/16*{font-size.f0}',
       type: 'sizing',
       description: '20px - 22.5',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*5/16*{font-size.f0}',
-        type: 'sizing',
-        description: '20px - 22.5',
-      },
-      name: '--fds-sizing-5',
-      attributes: {},
-      path: ['sizing', '5'],
-      lastName: '5',
     },
-    {
-      value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-5',
+    attributes: {},
+    path: ['sizing', '5'],
+  },
+  {
+    value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '24px - 27px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*6/16*{font-size.f0}',
       type: 'sizing',
       description: '24px - 27px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*6/16*{font-size.f0}',
-        type: 'sizing',
-        description: '24px - 27px',
-      },
-      name: '--fds-sizing-6',
-      attributes: {},
-      path: ['sizing', '6'],
-      lastName: '6',
     },
-    {
-      value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-6',
+    attributes: {},
+    path: ['sizing', '6'],
+  },
+  {
+    value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '28px - 31.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*7/16*{font-size.f0}',
       type: 'sizing',
       description: '28px - 31.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*7/16*{font-size.f0}',
-        type: 'sizing',
-        description: '28px - 31.5px',
-      },
-      name: '--fds-sizing-7',
-      attributes: {},
-      path: ['sizing', '7'],
-      lastName: '7',
     },
-    {
-      value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-7',
+    attributes: {},
+    path: ['sizing', '7'],
+  },
+  {
+    value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '32px - 36px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*8/16*{font-size.f0}',
       type: 'sizing',
       description: '32px - 36px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*8/16*{font-size.f0}',
-        type: 'sizing',
-        description: '32px - 36px',
-      },
-      name: '--fds-sizing-8',
-      attributes: {},
-      path: ['sizing', '8'],
-      lastName: '8',
     },
-    {
-      value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-8',
+    attributes: {},
+    path: ['sizing', '8'],
+  },
+  {
+    value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '40px - 45px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*10/16*{font-size.f0}',
       type: 'sizing',
       description: '40px - 45px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*10/16*{font-size.f0}',
-        type: 'sizing',
-        description: '40px - 45px',
-      },
-      name: '--fds-sizing-10',
-      attributes: {},
-      path: ['sizing', '10'],
-      lastName: '10',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-10',
+    attributes: {},
+    path: ['sizing', '10'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '48px - 54px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*12/16)*{font-size.f0}',
       type: 'sizing',
       description: '48px - 54px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*12/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '48px - 54px',
-      },
-      name: '--fds-sizing-12',
-      attributes: {},
-      path: ['sizing', '12'],
-      lastName: '12',
     },
-    {
-      value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-12',
+    attributes: {},
+    path: ['sizing', '12'],
+  },
+  {
+    value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '56px - 63px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*14/16)*{font-size.f0}',
       type: 'sizing',
       description: '56px - 63px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*14/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '56px - 63px',
-      },
-      name: '--fds-sizing-14',
-      attributes: {},
-      path: ['sizing', '14'],
-      lastName: '14',
     },
-    {
-      value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-14',
+    attributes: {},
+    path: ['sizing', '14'],
+  },
+  {
+    value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '72px - 81px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*18/16)*{font-size.f0}',
       type: 'sizing',
       description: '72px - 81px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*18/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '72px - 81px',
-      },
-      name: '--fds-sizing-18',
-      attributes: {},
-      path: ['sizing', '18'],
-      lastName: '18',
     },
-    {
-      value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-18',
+    attributes: {},
+    path: ['sizing', '18'],
+  },
+  {
+    value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '88px - 99px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*22/16)*{font-size.f0}',
       type: 'sizing',
       description: '88px - 99px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*22/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '88px - 99px',
-      },
-      name: '--fds-sizing-22',
-      attributes: {},
-      path: ['sizing', '22'],
-      lastName: '22',
     },
-    {
-      value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-22',
+    attributes: {},
+    path: ['sizing', '22'],
+  },
+  {
+    value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '104px - 117px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*26/16)*{font-size.f0}',
       type: 'sizing',
       description: '104px - 117px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*26/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '104px - 117px',
-      },
-      name: '--fds-sizing-26',
-      attributes: {},
-      path: ['sizing', '26'],
-      lastName: '26',
     },
-    {
-      value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-26',
+    attributes: {},
+    path: ['sizing', '26'],
+  },
+  {
+    value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '120px - 135px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*30/16)*{font-size.f0}',
       type: 'sizing',
       description: '120px - 135px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*30/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '120px - 135px',
-      },
-      name: '--fds-sizing-30',
-      attributes: {},
-      path: ['sizing', '30'],
-      lastName: '30',
-    },
-  ],
-  base_sizing: [
-    {
-      value: '4',
-      type: 'sizing',
-      description: '4px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4',
-        type: 'sizing',
-        description: '4px',
-      },
-      name: '--fds-base_sizing',
-      attributes: {},
-      path: ['base_sizing'],
-      lastName: 'base_sizing',
-    },
-  ],
-  'component-mode-height': [
-    {
-      value: '36px',
+    },
+    name: '--fds-sizing-30',
+    attributes: {},
+    path: ['sizing', '30'],
+  },
+  {
+    value: '36px',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '36',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '36',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-small',
-      attributes: {},
-      path: ['component-mode-height', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-height-small',
+    attributes: {},
+    path: ['component-mode-height', 'small'],
+  },
+  {
+    value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{sizing.10}',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{sizing.10}',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-medium',
-      attributes: {},
-      path: ['component-mode-height', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-height-medium',
+    attributes: {},
+    path: ['component-mode-height', 'medium'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{sizing.12}',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{sizing.12}',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-large',
-      attributes: {},
-      path: ['component-mode-height', 'large'],
-      lastName: 'large',
     },
-  ],
-};
+    name: '--fds-component-mode-height-large',
+    attributes: {},
+    path: ['component-mode-height', 'large'],
+  },
+];
 
-export const borderWidth = {
-  border_width: [
-    {
-      value: '1px',
+export const borderWidth = [
+  {
+    value: '1px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_width.1}',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_width.1}',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-default',
-      attributes: {},
-      path: ['border_width', 'default'],
-      lastName: 'default',
     },
-    {
-      value: '2px',
+    name: '--fds-border_width-default',
+    attributes: {},
+    path: ['border_width', 'default'],
+  },
+  {
+    value: '2px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_width.2}',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_width.2}',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-active',
-      attributes: {},
-      path: ['border_width', 'active'],
-      lastName: 'active',
     },
-    {
+    name: '--fds-border_width-active',
+    attributes: {},
+    path: ['border_width', 'active'],
+  },
+  {
+    value: '2px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '2px',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '2px',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-tab_focus',
-      attributes: {},
-      path: ['border_width', 'tab_focus'],
-      lastName: 'tab_focus',
     },
-  ],
-};
+    name: '--fds-border_width-tab_focus',
+    attributes: {},
+    path: ['border_width', 'tab_focus'],
+  },
+];
 
-export const boxShadow = {
-  shadow: [
-    {
-      value: '0 1px 2px 0 #0000001f',
+export const boxShadow = [
+  {
+    value: '0 1px 2px 0 #0000001f',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.100}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.100}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-xsmall',
-      attributes: {},
-      path: ['shadow', 'xsmall'],
-      lastName: 'xsmall',
     },
-    {
-      value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a',
+    name: '--fds-shadow-xsmall',
+    attributes: {},
+    path: ['shadow', 'xsmall'],
+  },
+  {
+    value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.200}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.200}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-small',
-      attributes: {},
-      path: ['shadow', 'small'],
-      lastName: 'small',
     },
-    {
-      value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a',
+    name: '--fds-shadow-small',
+    attributes: {},
+    path: ['shadow', 'small'],
+  },
+  {
+    value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.300}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.300}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-medium',
-      attributes: {},
-      path: ['shadow', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a',
+    name: '--fds-shadow-medium',
+    attributes: {},
+    path: ['shadow', 'medium'],
+  },
+  {
+    value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.400}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.400}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-large',
-      attributes: {},
-      path: ['shadow', 'large'],
-      lastName: 'large',
     },
-    {
-      value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a',
+    name: '--fds-shadow-large',
+    attributes: {},
+    path: ['shadow', 'large'],
+  },
+  {
+    value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.500}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.500}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-xlarge',
-      attributes: {},
-      path: ['shadow', 'xlarge'],
-      lastName: 'xlarge',
     },
-  ],
-};
+    name: '--fds-shadow-xlarge',
+    attributes: {},
+    path: ['shadow', 'xlarge'],
+  },
+];
diff --git a/storefront/tokens/brreg.ts b/storefront/tokens/brreg.ts
index 809093653e..97372bc0b3 100644
--- a/storefront/tokens/brreg.ts
+++ b/storefront/tokens/brreg.ts
@@ -3,4166 +3,3736 @@
  * These files are generated from design tokens defined in Figma using Token Studio
  */
 
-export const color = {
-  semantic: {
-    background: [
-      {
-        value: '#ffffff',
-        type: 'color',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: '{colors.white}',
-          type: 'color',
-        },
-        name: '--fds-semantic-background-default',
-        attributes: {},
-        path: ['semantic', 'background', 'default'],
-        lastName: 'default',
-      },
-      {
-        value: '#f4f5f6',
-        type: 'color',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: '{colors.grey.100}',
-          type: 'color',
-        },
-        name: '--fds-semantic-background-subtle',
-        attributes: {},
-        path: ['semantic', 'background', 'subtle'],
-        lastName: 'subtle',
-      },
-    ],
-    surface: {
-      neutral: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-selected',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'selected'],
-          lastName: 'selected',
-        },
-        {
-          value: '#f4f5f6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#68707c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'dark'],
-          lastName: 'dark',
-        },
-        {
-          value: '#4b5563',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-dark-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'dark-hover'],
-          lastName: 'dark-hover',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-inverted',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'inverted'],
-          lastName: 'inverted',
-        },
-      ],
-      action: [
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-checked',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'checked'],
-          lastName: 'checked',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-        {
-          value: '#f4f5f6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: 'rgba(#00315d, 0.9)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.9)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: 'rgba(#00315d, 0.8)',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.8)',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: 'rgba(#00315d, 0.1)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.1)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: 'rgba(#00315d, 0.2)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.2)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill-active',
-          attributes: {},
-          path: [
-            'semantic',
-            'surface',
-            'action',
-            'secondary',
-            'no_fill-active',
-          ],
-          lastName: 'no_fill-active',
-        },
-      ],
-      success: [
-        {
-          value: '#d1f4e1',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#8be4b5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#118849',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#d1f4e1',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#8be4b5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      warning: [
-        {
-          value: '#fffbe6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#fff4b4',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#ff8c06',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'default'],
-          lastName: 'default',
-        },
-      ],
-      danger: [
-        {
-          value: '#f9d5db',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#f3abb6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#e02e49',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#f9d5db',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#f3abb6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      info: [
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-info-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'info', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-info-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'info', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-      ],
-      on_inverted: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#ffffffe6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffffe6',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#ffffffcc',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffffcc',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff00',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff00',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#ffffff1a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff1a',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#ffffff33',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff33',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      primary: [
-        {
-          value: '#D1E4FF',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#76ADFB',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#5391E9',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#004785',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-      secondary: [
-        {
-          value: '#C9E7F4',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#70B3D7',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#4E99BD',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#1F4B63',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-      tertiary: [
-        {
-          value: '#D7E5E7',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#B9CACB',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#9FAEAF',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#414849',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-    },
-    border: {
-      info: [
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-info-default',
-          attributes: {},
-          path: ['semantic', 'border', 'info', 'default'],
-          lastName: 'default',
-        },
-      ],
-      action: [
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#66a1d6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-dark',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'dark'],
-          lastName: 'dark',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-dark-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'dark-hover'],
-          lastName: 'dark-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#66a1d6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#d2d5d8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      neutral: [
-        {
-          value: '#68707c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-default',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#d2d5d8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-strong',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'strong'],
-          lastName: 'strong',
-        },
-        {
-          value: '#bcbfc5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-divider',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'divider'],
-          lastName: 'divider',
-        },
-      ],
-      success: [
-        {
-          value: '#118849',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-default',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-active',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'active'],
-          lastName: 'active',
-        },
-      ],
-      warning: [
-        {
-          value: '#cc7005',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-default',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#995404',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#663802',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-active',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'active'],
-          lastName: 'active',
-        },
-      ],
-      danger: [
-        {
-          value: '#e02e49',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-default',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-active',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'active'],
-          lastName: 'active',
-        },
-      ],
-      focus: [
-        {
-          value: '#ffda06',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-focus-outline',
-          attributes: {},
-          path: ['semantic', 'border', 'focus', 'outline'],
-          lastName: 'outline',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{semantic.border.neutral.strong}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-focus-boxshadow',
-          attributes: {},
-          path: ['semantic', 'border', 'focus', 'boxshadow'],
-          lastName: 'boxshadow',
-        },
-      ],
-      on_inverted: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-on_inverted-default',
-          attributes: {},
-          path: ['semantic', 'border', 'on_inverted', 'default'],
-          lastName: 'default',
-        },
-      ],
-      input: [
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-input-default',
-          attributes: {},
-          path: ['semantic', 'border', 'input', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#0062ba',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-input-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'input', 'hover'],
-          lastName: 'hover',
-        },
-      ],
-      primary: [
-        {
-          value: '#005FAE',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004785',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315E',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      secondary: [
-        {
-          value: '#2C647E',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#1F4B63',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#133349',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      tertiary: [
-        {
-          value: '#879394',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#6D7879',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#576061',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Brreg.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'active'],
-          lastName: 'active',
-        },
-      ],
-    },
-    text: {
-      success: [
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-default',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#084826',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#084826',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-active',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-on_success',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'on_success'],
-          lastName: 'on_success',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#1e2b3c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-on_success_subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'on_success_subtle'],
-          lastName: 'on_success_subtle',
-        },
-      ],
-      neutral: [
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-default',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#4b5563',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-on_inverted',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'on_inverted'],
-          lastName: 'on_inverted',
-        },
-      ],
-      action: [
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#004e95',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'on_action'],
-          lastName: 'on_action',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#004e95',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'on_action'],
-          lastName: 'on_action',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
-          lastName: 'on_action',
-        },
-      ],
-      warning: [
-        {
-          value: '#995404',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-default',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#cc7005',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-icon_warning',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'icon_warning'],
-          lastName: 'icon_warning',
-        },
-        {
-          value: '#663802',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-on_warning',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'on_warning'],
-          lastName: 'on_warning',
-        },
-      ],
-      danger: [
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-default',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#861c2c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#5a121d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#5a121d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-active',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-on_danger',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'on_danger'],
-          lastName: 'on_danger',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#1e2b3c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-on_danger_subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'on_danger_subtle'],
-          lastName: 'on_danger_subtle',
-        },
-      ],
-      visited: [
-        {
-          value: '#7a1265',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.purple.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-visited-default',
-          attributes: {},
-          path: ['semantic', 'text', 'visited', 'default'],
-          lastName: 'default',
-        },
-      ],
-    },
-  },
-  brand: {
-    primary: [
-      {
-        value: '#FFFFFF',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#FFFFFF',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-50',
-        attributes: {},
-        path: ['brand', 'primary', '50'],
-        lastName: '50',
-      },
-      {
-        value: '#D1E4FF',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#D1E4FF',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-100',
-        attributes: {},
-        path: ['brand', 'primary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#9ECAFF',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#9ECAFF',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-200',
-        attributes: {},
-        path: ['brand', 'primary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#76ADFB',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#76ADFB',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-300',
-        attributes: {},
-        path: ['brand', 'primary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#5391E9',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#5391E9',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-400',
-        attributes: {},
-        path: ['brand', 'primary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#2B77CC',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#2B77CC',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-500',
-        attributes: {},
-        path: ['brand', 'primary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#005FAE',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#005FAE',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-600',
-        attributes: {},
-        path: ['brand', 'primary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#004785',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#004785',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-700',
-        attributes: {},
-        path: ['brand', 'primary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#00315E',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#00315E',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-800',
-        attributes: {},
-        path: ['brand', 'primary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#001C3A',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#001C3A',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-900',
-        attributes: {},
-        path: ['brand', 'primary', '900'],
-        lastName: '900',
-      },
-      {
-        value: '#001127',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#001127',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-950',
-        attributes: {},
-        path: ['brand', 'primary', '950'],
-        lastName: '950',
-      },
-    ],
-    secondary: [
-      {
-        value: '#FFFFFF',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#FFFFFF',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-50',
-        attributes: {},
-        path: ['brand', 'secondary', '50'],
-        lastName: '50',
-      },
-      {
-        value: '#E5F3F9',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#E5F3F9',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-100',
-        attributes: {},
-        path: ['brand', 'secondary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#C9E7F4',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#C9E7F4',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-200',
-        attributes: {},
-        path: ['brand', 'secondary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#70B3D7',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#70B3D7',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-300',
-        attributes: {},
-        path: ['brand', 'secondary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#4E99BD',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#4E99BD',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-400',
-        attributes: {},
-        path: ['brand', 'secondary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#3B7D9B',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#3B7D9B',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-500',
-        attributes: {},
-        path: ['brand', 'secondary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#2C647E',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#2C647E',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-600',
-        attributes: {},
-        path: ['brand', 'secondary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#1F4B63',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#1F4B63',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-700',
-        attributes: {},
-        path: ['brand', 'secondary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#133349',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#133349',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-800',
-        attributes: {},
-        path: ['brand', 'secondary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#071D2C',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#071D2C',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-900',
-        attributes: {},
-        path: ['brand', 'secondary', '900'],
-        lastName: '900',
-      },
-      {
-        value: '#03121D',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#03121D',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-950',
-        attributes: {},
-        path: ['brand', 'secondary', '950'],
-        lastName: '950',
-      },
-    ],
-    tertiary: [
-      {
-        value: '#EBF2F3',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#EBF2F3',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-50',
-        attributes: {},
-        path: ['brand', 'tertiary', '50'],
-        lastName: '50',
-      },
-      {
-        value: '#D7E5E7',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#D7E5E7',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-100',
-        attributes: {},
-        path: ['brand', 'tertiary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#B9CACB',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#B9CACB',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-200',
-        attributes: {},
-        path: ['brand', 'tertiary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#9FAEAF',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#9FAEAF',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-300',
-        attributes: {},
-        path: ['brand', 'tertiary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#879394',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#879394',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-400',
-        attributes: {},
-        path: ['brand', 'tertiary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#6D7879',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#6D7879',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-500',
-        attributes: {},
-        path: ['brand', 'tertiary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#576061',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#576061',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-600',
-        attributes: {},
-        path: ['brand', 'tertiary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#414849',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#414849',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-700',
-        attributes: {},
-        path: ['brand', 'tertiary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#2C3132',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#2C3132',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-800',
-        attributes: {},
-        path: ['brand', 'tertiary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#191C1C',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#191C1C',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-900',
-        attributes: {},
-        path: ['brand', 'tertiary', '900'],
-        lastName: '900',
-      },
-      {
-        value: '#0F1112',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Brreg.json',
-        isSource: false,
-        original: {
-          value: '#0F1112',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-950',
-        attributes: {},
-        path: ['brand', 'tertiary', '950'],
-        lastName: '950',
-      },
-    ],
+export const color = [
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-background-default',
+    attributes: {},
+    path: ['semantic', 'background', 'default'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-background-subtle',
+    attributes: {},
+    path: ['semantic', 'background', 'subtle'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'default'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-selected',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'selected'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'subtle'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'subtle-hover'],
+  },
+  {
+    value: '#68707c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'dark'],
+  },
+  {
+    value: '#4b5563',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-dark-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'dark-hover'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-inverted',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'inverted'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill-active'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-checked',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'checked'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'default'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.9)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.9)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.8)',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.8)',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.1)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.1)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.2)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.2)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'],
+  },
+  {
+    value: '#d1f4e1',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'subtle'],
+  },
+  {
+    value: '#8be4b5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'subtle-hover'],
+  },
+  {
+    value: '#118849',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'default'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill'],
+  },
+  {
+    value: '#d1f4e1',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill-hover'],
+  },
+  {
+    value: '#8be4b5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill-active'],
+  },
+  {
+    value: '#fffbe6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'subtle'],
+  },
+  {
+    value: '#fff4b4',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'subtle-hover'],
+  },
+  {
+    value: '#ff8c06',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'default'],
+  },
+  {
+    value: '#f9d5db',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'subtle'],
+  },
+  {
+    value: '#f3abb6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'subtle-hover'],
+  },
+  {
+    value: '#e02e49',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'default'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'hover'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill'],
+  },
+  {
+    value: '#f9d5db',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill-hover'],
+  },
+  {
+    value: '#f3abb6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill-active'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-info-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'info', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-info-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'info', 'subtle-hover'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'default'],
+  },
+  {
+    value: '#ffffffe6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffffe6',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'hover'],
+  },
+  {
+    value: '#ffffffcc',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffffcc',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'active'],
+  },
+  {
+    value: '#ffffff00',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff00',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill'],
+  },
+  {
+    value: '#ffffff1a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff1a',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'],
+  },
+  {
+    value: '#ffffff33',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff33',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'],
+  },
+  {
+    value: '#D1E4FF',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light'],
+  },
+  {
+    value: '#76ADFB',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light-hover'],
+  },
+  {
+    value: '#5391E9',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light-active'],
+  },
+  {
+    value: '#004785',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'dark'],
+  },
+  {
+    value: '#C9E7F4',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light'],
+  },
+  {
+    value: '#70B3D7',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light-hover'],
+  },
+  {
+    value: '#4E99BD',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light-active'],
+  },
+  {
+    value: '#1F4B63',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'dark'],
+  },
+  {
+    value: '#D7E5E7',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light'],
+  },
+  {
+    value: '#B9CACB',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light-hover'],
+  },
+  {
+    value: '#9FAEAF',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light-active'],
+  },
+  {
+    value: '#414849',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'dark'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-info-default',
+    attributes: {},
+    path: ['semantic', 'border', 'info', 'default'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'subtle'],
+  },
+  {
+    value: '#66a1d6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'default'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'active'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-dark',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'dark'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-dark-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'dark-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'subtle'],
+  },
+  {
+    value: '#66a1d6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
+  },
+  {
+    value: '#d2d5d8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#68707c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-default',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'default'],
+  },
+  {
+    value: '#d2d5d8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'subtle'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-strong',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'strong'],
+  },
+  {
+    value: '#bcbfc5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-divider',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'divider'],
+  },
+  {
+    value: '#118849',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-default',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'default'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-active',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'active'],
+  },
+  {
+    value: '#cc7005',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-default',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'default'],
+  },
+  {
+    value: '#995404',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'hover'],
+  },
+  {
+    value: '#663802',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-active',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'active'],
+  },
+  {
+    value: '#e02e49',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-default',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'default'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'hover'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-active',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'active'],
+  },
+  {
+    value: '#ffda06',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-focus-outline',
+    attributes: {},
+    path: ['semantic', 'border', 'focus', 'outline'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{semantic.border.neutral.strong}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-focus-boxshadow',
+    attributes: {},
+    path: ['semantic', 'border', 'focus', 'boxshadow'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-on_inverted-default',
+    attributes: {},
+    path: ['semantic', 'border', 'on_inverted', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-input-default',
+    attributes: {},
+    path: ['semantic', 'border', 'input', 'default'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#0062ba',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-input-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'input', 'hover'],
+  },
+  {
+    value: '#005FAE',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'default'],
+  },
+  {
+    value: '#004785',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'hover'],
+  },
+  {
+    value: '#00315E',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'active'],
+  },
+  {
+    value: '#2C647E',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'default'],
+  },
+  {
+    value: '#1F4B63',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'hover'],
+  },
+  {
+    value: '#133349',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'active'],
+  },
+  {
+    value: '#879394',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'default'],
+  },
+  {
+    value: '#6D7879',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'hover'],
+  },
+  {
+    value: '#576061',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'active'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-default',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'default'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#084826',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#084826',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-active',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-on_success',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'on_success'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#1e2b3c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-on_success_subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'on_success_subtle'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-default',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'default'],
+  },
+  {
+    value: '#4b5563',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'subtle'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-on_inverted',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'on_inverted'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#004e95',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'on_action'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#004e95',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'on_action'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
+  },
+  {
+    value: '#995404',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-default',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'default'],
+  },
+  {
+    value: '#cc7005',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-icon_warning',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'icon_warning'],
+  },
+  {
+    value: '#663802',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-on_warning',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'on_warning'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-default',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'default'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#861c2c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'hover'],
+  },
+  {
+    value: '#5a121d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#5a121d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-active',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-on_danger',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'on_danger'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#1e2b3c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-on_danger_subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'on_danger_subtle'],
+  },
+  {
+    value: '#7a1265',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.purple.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-visited-default',
+    attributes: {},
+    path: ['semantic', 'text', 'visited', 'default'],
+  },
+  {
+    value: '#FFFFFF',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#FFFFFF',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-50',
+    attributes: {},
+    path: ['brand', 'primary', '50'],
+  },
+  {
+    value: '#D1E4FF',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#D1E4FF',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-100',
+    attributes: {},
+    path: ['brand', 'primary', '100'],
+  },
+  {
+    value: '#9ECAFF',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#9ECAFF',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-200',
+    attributes: {},
+    path: ['brand', 'primary', '200'],
+  },
+  {
+    value: '#76ADFB',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#76ADFB',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-300',
+    attributes: {},
+    path: ['brand', 'primary', '300'],
+  },
+  {
+    value: '#5391E9',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#5391E9',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-400',
+    attributes: {},
+    path: ['brand', 'primary', '400'],
+  },
+  {
+    value: '#2B77CC',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#2B77CC',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-500',
+    attributes: {},
+    path: ['brand', 'primary', '500'],
+  },
+  {
+    value: '#005FAE',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#005FAE',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-600',
+    attributes: {},
+    path: ['brand', 'primary', '600'],
+  },
+  {
+    value: '#004785',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#004785',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-700',
+    attributes: {},
+    path: ['brand', 'primary', '700'],
+  },
+  {
+    value: '#00315E',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#00315E',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-800',
+    attributes: {},
+    path: ['brand', 'primary', '800'],
+  },
+  {
+    value: '#001C3A',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#001C3A',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-900',
+    attributes: {},
+    path: ['brand', 'primary', '900'],
+  },
+  {
+    value: '#001127',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#001127',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-950',
+    attributes: {},
+    path: ['brand', 'primary', '950'],
+  },
+  {
+    value: '#FFFFFF',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#FFFFFF',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-50',
+    attributes: {},
+    path: ['brand', 'secondary', '50'],
+  },
+  {
+    value: '#E5F3F9',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#E5F3F9',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-100',
+    attributes: {},
+    path: ['brand', 'secondary', '100'],
+  },
+  {
+    value: '#C9E7F4',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#C9E7F4',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-200',
+    attributes: {},
+    path: ['brand', 'secondary', '200'],
+  },
+  {
+    value: '#70B3D7',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#70B3D7',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-300',
+    attributes: {},
+    path: ['brand', 'secondary', '300'],
+  },
+  {
+    value: '#4E99BD',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#4E99BD',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-400',
+    attributes: {},
+    path: ['brand', 'secondary', '400'],
+  },
+  {
+    value: '#3B7D9B',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#3B7D9B',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-500',
+    attributes: {},
+    path: ['brand', 'secondary', '500'],
+  },
+  {
+    value: '#2C647E',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#2C647E',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-600',
+    attributes: {},
+    path: ['brand', 'secondary', '600'],
+  },
+  {
+    value: '#1F4B63',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#1F4B63',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-700',
+    attributes: {},
+    path: ['brand', 'secondary', '700'],
+  },
+  {
+    value: '#133349',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#133349',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-800',
+    attributes: {},
+    path: ['brand', 'secondary', '800'],
+  },
+  {
+    value: '#071D2C',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#071D2C',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-900',
+    attributes: {},
+    path: ['brand', 'secondary', '900'],
+  },
+  {
+    value: '#03121D',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#03121D',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-950',
+    attributes: {},
+    path: ['brand', 'secondary', '950'],
+  },
+  {
+    value: '#EBF2F3',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#EBF2F3',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-50',
+    attributes: {},
+    path: ['brand', 'tertiary', '50'],
+  },
+  {
+    value: '#D7E5E7',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#D7E5E7',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-100',
+    attributes: {},
+    path: ['brand', 'tertiary', '100'],
+  },
+  {
+    value: '#B9CACB',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#B9CACB',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-200',
+    attributes: {},
+    path: ['brand', 'tertiary', '200'],
+  },
+  {
+    value: '#9FAEAF',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#9FAEAF',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-300',
+    attributes: {},
+    path: ['brand', 'tertiary', '300'],
+  },
+  {
+    value: '#879394',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#879394',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-400',
+    attributes: {},
+    path: ['brand', 'tertiary', '400'],
+  },
+  {
+    value: '#6D7879',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#6D7879',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-500',
+    attributes: {},
+    path: ['brand', 'tertiary', '500'],
+  },
+  {
+    value: '#576061',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#576061',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-600',
+    attributes: {},
+    path: ['brand', 'tertiary', '600'],
+  },
+  {
+    value: '#414849',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#414849',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-700',
+    attributes: {},
+    path: ['brand', 'tertiary', '700'],
+  },
+  {
+    value: '#2C3132',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#2C3132',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-800',
+    attributes: {},
+    path: ['brand', 'tertiary', '800'],
+  },
+  {
+    value: '#191C1C',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#191C1C',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-900',
+    attributes: {},
+    path: ['brand', 'tertiary', '900'],
+  },
+  {
+    value: '#0F1112',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Brreg.json',
+    isSource: false,
+    original: {
+      value: '#0F1112',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-950',
+    attributes: {},
+    path: ['brand', 'tertiary', '950'],
   },
-};
+];
 
-export const typography = {
-  typography: {
-    heading: [
-      {
-        value:
-          "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H1',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f5}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H1',
-        },
-        name: '--fds-typography-heading-xlarge',
-        attributes: {},
-        path: ['typography', 'heading', 'xlarge'],
-        lastName: 'xlarge',
-      },
-      {
-        value:
-          "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H2',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f4}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H2',
-        },
-        name: '--fds-typography-heading-large',
-        attributes: {},
-        path: ['typography', 'heading', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H3',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f3}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H3',
-        },
-        name: '--fds-typography-heading-medium',
-        attributes: {},
-        path: ['typography', 'heading', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H4',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H4',
-        },
-        name: '--fds-typography-heading-small',
-        attributes: {},
-        path: ['typography', 'heading', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H5',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H5',
-        },
-        name: '--fds-typography-heading-xsmall',
-        attributes: {},
-        path: ['typography', 'heading', 'xsmall'],
-        lastName: 'xsmall',
-      },
-      {
-        value:
-          "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H6',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H6',
-        },
-        name: '--fds-typography-heading-xxsmall',
-        attributes: {},
-        path: ['typography', 'heading', 'xxsmall'],
-        lastName: 'xxsmall',
-      },
-    ],
-    ingress: [
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.600}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-ingress-medium',
-        attributes: {},
-        path: ['typography', 'ingress', 'medium'],
-        lastName: 'medium',
-      },
-    ],
-    paragraph: [
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-large',
-        attributes: {},
-        path: ['typography', 'paragraph', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-medium',
-        attributes: {},
-        path: ['typography', 'paragraph', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-small',
-        attributes: {},
-        path: ['typography', 'paragraph', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-xsmall',
-        attributes: {},
-        path: ['typography', 'paragraph', 'xsmall'],
-        lastName: 'xsmall',
-      },
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-large',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-medium',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-small',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-xsmall',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    label: [
-      {
-        value:
-          "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-large',
-        attributes: {},
-        path: ['typography', 'label', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-medium',
-        attributes: {},
-        path: ['typography', 'label', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-small',
-        attributes: {},
-        path: ['typography', 'label', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-xsmall',
-        attributes: {},
-        path: ['typography', 'label', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    error_message: [
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-medium',
-        attributes: {},
-        path: ['typography', 'error_message', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-small',
-        attributes: {},
-        path: ['typography', 'error_message', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-xsmall',
-        attributes: {},
-        path: ['typography', 'error_message', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    interactive: [
-      {
-        value: "400 1.5rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.large}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-large',
-        attributes: {},
-        path: ['typography', 'interactive', 'large'],
-        lastName: 'large',
-      },
-      {
-        value: "400 1.125rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.medium}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-medium',
-        attributes: {},
-        path: ['typography', 'interactive', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value: "400 1rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.small}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-small',
-        attributes: {},
-        path: ['typography', 'interactive', 'small'],
-        lastName: 'small',
-      },
-    ],
+export const typography = [
+  {
+    value: "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H1',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f5}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H1',
+    },
+    name: '--fds-typography-heading-xlarge',
+    attributes: {},
+    path: ['typography', 'heading', 'xlarge'],
+  },
+  {
+    value: "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H2',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f4}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H2',
+    },
+    name: '--fds-typography-heading-large',
+    attributes: {},
+    path: ['typography', 'heading', 'large'],
+  },
+  {
+    value: "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H3',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f3}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H3',
+    },
+    name: '--fds-typography-heading-medium',
+    attributes: {},
+    path: ['typography', 'heading', 'medium'],
+  },
+  {
+    value: "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H4',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H4',
+    },
+    name: '--fds-typography-heading-small',
+    attributes: {},
+    path: ['typography', 'heading', 'small'],
+  },
+  {
+    value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H5',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H5',
+    },
+    name: '--fds-typography-heading-xsmall',
+    attributes: {},
+    path: ['typography', 'heading', 'xsmall'],
+  },
+  {
+    value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H6',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H6',
+    },
+    name: '--fds-typography-heading-xxsmall',
+    attributes: {},
+    path: ['typography', 'heading', 'xxsmall'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.600}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-ingress-medium',
+    attributes: {},
+    path: ['typography', 'ingress', 'medium'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-large',
+    attributes: {},
+    path: ['typography', 'paragraph', 'large'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-medium',
+    attributes: {},
+    path: ['typography', 'paragraph', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-small',
+    attributes: {},
+    path: ['typography', 'paragraph', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-xsmall',
+    attributes: {},
+    path: ['typography', 'paragraph', 'xsmall'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-large',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'large'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-medium',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-small',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-xsmall',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'xsmall'],
+  },
+  {
+    value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-large',
+    attributes: {},
+    path: ['typography', 'label', 'large'],
+  },
+  {
+    value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-medium',
+    attributes: {},
+    path: ['typography', 'label', 'medium'],
+  },
+  {
+    value: "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-small',
+    attributes: {},
+    path: ['typography', 'label', 'small'],
+  },
+  {
+    value: "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-xsmall',
+    attributes: {},
+    path: ['typography', 'label', 'xsmall'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-medium',
+    attributes: {},
+    path: ['typography', 'error_message', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-small',
+    attributes: {},
+    path: ['typography', 'error_message', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-xsmall',
+    attributes: {},
+    path: ['typography', 'error_message', 'xsmall'],
+  },
+  {
+    value: "400 1.5rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.large}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-large',
+    attributes: {},
+    path: ['typography', 'interactive', 'large'],
+  },
+  {
+    value: "400 1.125rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.medium}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-medium',
+    attributes: {},
+    path: ['typography', 'interactive', 'medium'],
+  },
+  {
+    value: "400 1rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.small}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-small',
+    attributes: {},
+    path: ['typography', 'interactive', 'small'],
   },
-};
+];
 
-export const opacity = {
-  opacity: [
-    {
+export const opacity = [
+  {
+    value: '30%',
+    type: 'opacity',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '30%',
       type: 'opacity',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '30%',
-        type: 'opacity',
-      },
-      name: '--fds-opacity-disabled',
-      attributes: {},
-      path: ['opacity', 'disabled'],
-      lastName: 'disabled',
     },
-  ],
-};
+    name: '--fds-opacity-disabled',
+    attributes: {},
+    path: ['opacity', 'disabled'],
+  },
+];
 
-export const borderRadius = {
-  border_radius: [
-    {
-      value: '4px',
+export const borderRadius = [
+  {
+    value: '4px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_radius.medium}',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_radius.medium}',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-interactive',
-      attributes: {},
-      path: ['border_radius', 'interactive'],
-      lastName: 'interactive',
     },
-    {
+    name: '--fds-border_radius-interactive',
+    attributes: {},
+    path: ['border_radius', 'interactive'],
+  },
+  {
+    value: '2px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '2px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '2px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-small',
-      attributes: {},
-      path: ['border_radius', 'small'],
-      lastName: 'small',
     },
-    {
+    name: '--fds-border_radius-small',
+    attributes: {},
+    path: ['border_radius', 'small'],
+  },
+  {
+    value: '4px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '4px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-medium',
-      attributes: {},
-      path: ['border_radius', 'medium'],
-      lastName: 'medium',
     },
-    {
+    name: '--fds-border_radius-medium',
+    attributes: {},
+    path: ['border_radius', 'medium'],
+  },
+  {
+    value: '8px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '8px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '8px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-large',
-      attributes: {},
-      path: ['border_radius', 'large'],
-      lastName: 'large',
     },
-    {
+    name: '--fds-border_radius-large',
+    attributes: {},
+    path: ['border_radius', 'large'],
+  },
+  {
+    value: '12px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '12px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '12px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-xlarge',
-      attributes: {},
-      path: ['border_radius', 'xlarge'],
-      lastName: 'xlarge',
     },
-    {
+    name: '--fds-border_radius-xlarge',
+    attributes: {},
+    path: ['border_radius', 'xlarge'],
+  },
+  {
+    value: '9999px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '9999px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '9999px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-full',
-      attributes: {},
-      path: ['border_radius', 'full'],
-      lastName: 'full',
     },
-  ],
-};
+    name: '--fds-border_radius-full',
+    attributes: {},
+    path: ['border_radius', 'full'],
+  },
+];
 
-export const spacing = {
-  spacing: [
-    {
-      value: 'calc(0)',
+export const spacing = [
+  {
+    value: 'calc(0)',
+    type: 'spacing',
+    description: '0',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '0',
       type: 'spacing',
       description: '0',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '0',
-        type: 'spacing',
-        description: '0',
-      },
-      name: '--fds-spacing-0',
-      attributes: {},
-      path: ['spacing', '0'],
-      lastName: '0',
     },
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-0',
+    attributes: {},
+    path: ['spacing', '0'],
+  },
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '4px - 4.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}/16*{font-size.f0}',
       type: 'spacing',
       description: '4px - 4.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}/16*{font-size.f0}',
-        type: 'spacing',
-        description: '4px - 4.5px',
-      },
-      name: '--fds-spacing-1',
-      attributes: {},
-      path: ['spacing', '1'],
-      lastName: '1',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-1',
+    attributes: {},
+    path: ['spacing', '1'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '8px - 9px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*2/16*{font-size.f0}',
       type: 'spacing',
       description: '8px - 9px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*2/16*{font-size.f0}',
-        type: 'spacing',
-        description: '8px - 9px',
-      },
-      name: '--fds-spacing-2',
-      attributes: {},
-      path: ['spacing', '2'],
-      lastName: '2',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-2',
+    attributes: {},
+    path: ['spacing', '2'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '12px - 13.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*3/16*{font-size.f0}',
       type: 'spacing',
       description: '12px - 13.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*3/16*{font-size.f0}',
-        type: 'spacing',
-        description: '12px - 13.5px',
-      },
-      name: '--fds-spacing-3',
-      attributes: {},
-      path: ['spacing', '3'],
-      lastName: '3',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-3',
+    attributes: {},
+    path: ['spacing', '3'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '16px - 18px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*4/16*{font-size.f0}',
       type: 'spacing',
       description: '16px - 18px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*4/16*{font-size.f0}',
-        type: 'spacing',
-        description: '16px - 18px',
-      },
-      name: '--fds-spacing-4',
-      attributes: {},
-      path: ['spacing', '4'],
-      lastName: '4',
     },
-    {
-      value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-4',
+    attributes: {},
+    path: ['spacing', '4'],
+  },
+  {
+    value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '20px - 22.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*5/16*{font-size.f0}',
       type: 'spacing',
       description: '20px - 22.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*5/16*{font-size.f0}',
-        type: 'spacing',
-        description: '20px - 22.5px',
-      },
-      name: '--fds-spacing-5',
-      attributes: {},
-      path: ['spacing', '5'],
-      lastName: '5',
     },
-    {
-      value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-5',
+    attributes: {},
+    path: ['spacing', '5'],
+  },
+  {
+    value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '24px - 27px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*6/16*{font-size.f0}',
       type: 'spacing',
       description: '24px - 27px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*6/16*{font-size.f0}',
-        type: 'spacing',
-        description: '24px - 27px',
-      },
-      name: '--fds-spacing-6',
-      attributes: {},
-      path: ['spacing', '6'],
-      lastName: '6',
     },
-    {
-      value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-6',
+    attributes: {},
+    path: ['spacing', '6'],
+  },
+  {
+    value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '28px - 31.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*7/16*{font-size.f0}',
       type: 'spacing',
       description: '28px - 31.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*7/16*{font-size.f0}',
-        type: 'spacing',
-        description: '28px - 31.5px',
-      },
-      name: '--fds-spacing-7',
-      attributes: {},
-      path: ['spacing', '7'],
-      lastName: '7',
     },
-    {
-      value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-7',
+    attributes: {},
+    path: ['spacing', '7'],
+  },
+  {
+    value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '32px - 36px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*8/16)*{font-size.f0}',
       type: 'spacing',
       description: '32px - 36px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*8/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '32px - 36px',
-      },
-      name: '--fds-spacing-8',
-      attributes: {},
-      path: ['spacing', '8'],
-      lastName: '8',
     },
-    {
-      value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-8',
+    attributes: {},
+    path: ['spacing', '8'],
+  },
+  {
+    value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '40px - 45px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*10/16)*{font-size.f0}',
       type: 'spacing',
       description: '40px - 45px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*10/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '40px - 45px',
-      },
-      name: '--fds-spacing-10',
-      attributes: {},
-      path: ['spacing', '10'],
-      lastName: '10',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-10',
+    attributes: {},
+    path: ['spacing', '10'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '48px - 54px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*12/16)*{font-size.f0}',
       type: 'spacing',
       description: '48px - 54px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*12/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '48px - 54px',
-      },
-      name: '--fds-spacing-12',
-      attributes: {},
-      path: ['spacing', '12'],
-      lastName: '12',
     },
-    {
-      value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-12',
+    attributes: {},
+    path: ['spacing', '12'],
+  },
+  {
+    value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '56px - 63px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*14/16)*{font-size.f0}',
       type: 'spacing',
       description: '56px - 63px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*14/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '56px - 63px',
-      },
-      name: '--fds-spacing-14',
-      attributes: {},
-      path: ['spacing', '14'],
-      lastName: '14',
     },
-    {
-      value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-14',
+    attributes: {},
+    path: ['spacing', '14'],
+  },
+  {
+    value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '72px - 81px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*18/16)*{font-size.f0}',
       type: 'spacing',
       description: '72px - 81px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*18/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '72px - 81px',
-      },
-      name: '--fds-spacing-18',
-      attributes: {},
-      path: ['spacing', '18'],
-      lastName: '18',
     },
-    {
-      value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-18',
+    attributes: {},
+    path: ['spacing', '18'],
+  },
+  {
+    value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '88px - 99px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*22/16)*{font-size.f0}',
       type: 'spacing',
       description: '88px - 99px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*22/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '88px - 99px',
-      },
-      name: '--fds-spacing-22',
-      attributes: {},
-      path: ['spacing', '22'],
-      lastName: '22',
     },
-    {
-      value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-22',
+    attributes: {},
+    path: ['spacing', '22'],
+  },
+  {
+    value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '104px - 117px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*26/16)*{font-size.f0}',
       type: 'spacing',
       description: '104px - 117px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*26/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '104px - 117px',
-      },
-      name: '--fds-spacing-26',
-      attributes: {},
-      path: ['spacing', '26'],
-      lastName: '26',
     },
-    {
-      value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-26',
+    attributes: {},
+    path: ['spacing', '26'],
+  },
+  {
+    value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '120px - 135px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*30/16)*{font-size.f0}',
       type: 'spacing',
       description: '120px - 135px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*30/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '120px - 135px',
-      },
-      name: '--fds-spacing-30',
-      attributes: {},
-      path: ['spacing', '30'],
-      lastName: '30',
-    },
-  ],
-  base_spacing: [
-    {
-      value: '4',
-      type: 'spacing',
-      description: '4px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4',
-        type: 'spacing',
-        description: '4px',
-      },
-      name: '--fds-base_spacing',
-      attributes: {},
-      path: ['base_spacing'],
-      lastName: 'base_spacing',
-    },
-  ],
-  'component-mode-spacing': [
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    },
+    name: '--fds-spacing-30',
+    attributes: {},
+    path: ['spacing', '30'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.2}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.2}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-small',
-      attributes: {},
-      path: ['component-mode-spacing', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-spacing-small',
+    attributes: {},
+    path: ['component-mode-spacing', 'small'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.3}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.3}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-medium',
-      attributes: {},
-      path: ['component-mode-spacing', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-spacing-medium',
+    attributes: {},
+    path: ['component-mode-spacing', 'medium'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.4}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.4}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-large',
-      attributes: {},
-      path: ['component-mode-spacing', 'large'],
-      lastName: 'large',
-    },
-  ],
-  'component-mode-gap': [
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    },
+    name: '--fds-component-mode-spacing-large',
+    attributes: {},
+    path: ['component-mode-spacing', 'large'],
+  },
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.1}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.1}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-small',
-      attributes: {},
-      path: ['component-mode-gap', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-gap-small',
+    attributes: {},
+    path: ['component-mode-gap', 'small'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.2}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.2}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-medium',
-      attributes: {},
-      path: ['component-mode-gap', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-gap-medium',
+    attributes: {},
+    path: ['component-mode-gap', 'medium'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.3}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.3}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-large',
-      attributes: {},
-      path: ['component-mode-gap', 'large'],
-      lastName: 'large',
     },
-  ],
-};
+    name: '--fds-component-mode-gap-large',
+    attributes: {},
+    path: ['component-mode-gap', 'large'],
+  },
+];
 
-export const sizing = {
-  sizing: [
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+export const sizing = [
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '4px - 4.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}/16*{font-size.f0}',
       type: 'sizing',
       description: '4px - 4.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}/16*{font-size.f0}',
-        type: 'sizing',
-        description: '4px - 4.5px',
-      },
-      name: '--fds-sizing-1',
-      attributes: {},
-      path: ['sizing', '1'],
-      lastName: '1',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-1',
+    attributes: {},
+    path: ['sizing', '1'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '8px - 9px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*2/16*{font-size.f0}',
       type: 'sizing',
       description: '8px - 9px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*2/16*{font-size.f0}',
-        type: 'sizing',
-        description: '8px - 9px',
-      },
-      name: '--fds-sizing-2',
-      attributes: {},
-      path: ['sizing', '2'],
-      lastName: '2',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-2',
+    attributes: {},
+    path: ['sizing', '2'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '12px - 13.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*3/16*{font-size.f0}',
       type: 'sizing',
       description: '12px - 13.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*3/16*{font-size.f0}',
-        type: 'sizing',
-        description: '12px - 13.5px',
-      },
-      name: '--fds-sizing-3',
-      attributes: {},
-      path: ['sizing', '3'],
-      lastName: '3',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-3',
+    attributes: {},
+    path: ['sizing', '3'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '16px - 18px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*4/16*{font-size.f0}',
       type: 'sizing',
       description: '16px - 18px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*4/16*{font-size.f0}',
-        type: 'sizing',
-        description: '16px - 18px',
-      },
-      name: '--fds-sizing-4',
-      attributes: {},
-      path: ['sizing', '4'],
-      lastName: '4',
     },
-    {
-      value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-4',
+    attributes: {},
+    path: ['sizing', '4'],
+  },
+  {
+    value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '20px - 22.5',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*5/16*{font-size.f0}',
       type: 'sizing',
       description: '20px - 22.5',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*5/16*{font-size.f0}',
-        type: 'sizing',
-        description: '20px - 22.5',
-      },
-      name: '--fds-sizing-5',
-      attributes: {},
-      path: ['sizing', '5'],
-      lastName: '5',
     },
-    {
-      value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-5',
+    attributes: {},
+    path: ['sizing', '5'],
+  },
+  {
+    value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '24px - 27px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*6/16*{font-size.f0}',
       type: 'sizing',
       description: '24px - 27px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*6/16*{font-size.f0}',
-        type: 'sizing',
-        description: '24px - 27px',
-      },
-      name: '--fds-sizing-6',
-      attributes: {},
-      path: ['sizing', '6'],
-      lastName: '6',
     },
-    {
-      value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-6',
+    attributes: {},
+    path: ['sizing', '6'],
+  },
+  {
+    value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '28px - 31.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*7/16*{font-size.f0}',
       type: 'sizing',
       description: '28px - 31.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*7/16*{font-size.f0}',
-        type: 'sizing',
-        description: '28px - 31.5px',
-      },
-      name: '--fds-sizing-7',
-      attributes: {},
-      path: ['sizing', '7'],
-      lastName: '7',
     },
-    {
-      value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-7',
+    attributes: {},
+    path: ['sizing', '7'],
+  },
+  {
+    value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '32px - 36px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*8/16*{font-size.f0}',
       type: 'sizing',
       description: '32px - 36px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*8/16*{font-size.f0}',
-        type: 'sizing',
-        description: '32px - 36px',
-      },
-      name: '--fds-sizing-8',
-      attributes: {},
-      path: ['sizing', '8'],
-      lastName: '8',
     },
-    {
-      value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-8',
+    attributes: {},
+    path: ['sizing', '8'],
+  },
+  {
+    value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '40px - 45px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*10/16*{font-size.f0}',
       type: 'sizing',
       description: '40px - 45px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*10/16*{font-size.f0}',
-        type: 'sizing',
-        description: '40px - 45px',
-      },
-      name: '--fds-sizing-10',
-      attributes: {},
-      path: ['sizing', '10'],
-      lastName: '10',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-10',
+    attributes: {},
+    path: ['sizing', '10'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '48px - 54px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*12/16)*{font-size.f0}',
       type: 'sizing',
       description: '48px - 54px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*12/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '48px - 54px',
-      },
-      name: '--fds-sizing-12',
-      attributes: {},
-      path: ['sizing', '12'],
-      lastName: '12',
     },
-    {
-      value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-12',
+    attributes: {},
+    path: ['sizing', '12'],
+  },
+  {
+    value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '56px - 63px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*14/16)*{font-size.f0}',
       type: 'sizing',
       description: '56px - 63px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*14/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '56px - 63px',
-      },
-      name: '--fds-sizing-14',
-      attributes: {},
-      path: ['sizing', '14'],
-      lastName: '14',
     },
-    {
-      value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-14',
+    attributes: {},
+    path: ['sizing', '14'],
+  },
+  {
+    value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '72px - 81px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*18/16)*{font-size.f0}',
       type: 'sizing',
       description: '72px - 81px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*18/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '72px - 81px',
-      },
-      name: '--fds-sizing-18',
-      attributes: {},
-      path: ['sizing', '18'],
-      lastName: '18',
     },
-    {
-      value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-18',
+    attributes: {},
+    path: ['sizing', '18'],
+  },
+  {
+    value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '88px - 99px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*22/16)*{font-size.f0}',
       type: 'sizing',
       description: '88px - 99px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*22/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '88px - 99px',
-      },
-      name: '--fds-sizing-22',
-      attributes: {},
-      path: ['sizing', '22'],
-      lastName: '22',
     },
-    {
-      value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-22',
+    attributes: {},
+    path: ['sizing', '22'],
+  },
+  {
+    value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '104px - 117px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*26/16)*{font-size.f0}',
       type: 'sizing',
       description: '104px - 117px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*26/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '104px - 117px',
-      },
-      name: '--fds-sizing-26',
-      attributes: {},
-      path: ['sizing', '26'],
-      lastName: '26',
     },
-    {
-      value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-26',
+    attributes: {},
+    path: ['sizing', '26'],
+  },
+  {
+    value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '120px - 135px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*30/16)*{font-size.f0}',
       type: 'sizing',
       description: '120px - 135px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*30/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '120px - 135px',
-      },
-      name: '--fds-sizing-30',
-      attributes: {},
-      path: ['sizing', '30'],
-      lastName: '30',
-    },
-  ],
-  base_sizing: [
-    {
-      value: '4',
-      type: 'sizing',
-      description: '4px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4',
-        type: 'sizing',
-        description: '4px',
-      },
-      name: '--fds-base_sizing',
-      attributes: {},
-      path: ['base_sizing'],
-      lastName: 'base_sizing',
-    },
-  ],
-  'component-mode-height': [
-    {
-      value: '36px',
+    },
+    name: '--fds-sizing-30',
+    attributes: {},
+    path: ['sizing', '30'],
+  },
+  {
+    value: '36px',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '36',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '36',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-small',
-      attributes: {},
-      path: ['component-mode-height', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-height-small',
+    attributes: {},
+    path: ['component-mode-height', 'small'],
+  },
+  {
+    value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{sizing.10}',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{sizing.10}',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-medium',
-      attributes: {},
-      path: ['component-mode-height', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-height-medium',
+    attributes: {},
+    path: ['component-mode-height', 'medium'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{sizing.12}',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{sizing.12}',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-large',
-      attributes: {},
-      path: ['component-mode-height', 'large'],
-      lastName: 'large',
     },
-  ],
-};
+    name: '--fds-component-mode-height-large',
+    attributes: {},
+    path: ['component-mode-height', 'large'],
+  },
+];
 
-export const borderWidth = {
-  border_width: [
-    {
-      value: '1px',
+export const borderWidth = [
+  {
+    value: '1px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_width.1}',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_width.1}',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-default',
-      attributes: {},
-      path: ['border_width', 'default'],
-      lastName: 'default',
     },
-    {
-      value: '2px',
+    name: '--fds-border_width-default',
+    attributes: {},
+    path: ['border_width', 'default'],
+  },
+  {
+    value: '2px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_width.2}',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_width.2}',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-active',
-      attributes: {},
-      path: ['border_width', 'active'],
-      lastName: 'active',
     },
-    {
+    name: '--fds-border_width-active',
+    attributes: {},
+    path: ['border_width', 'active'],
+  },
+  {
+    value: '2px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '2px',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '2px',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-tab_focus',
-      attributes: {},
-      path: ['border_width', 'tab_focus'],
-      lastName: 'tab_focus',
     },
-  ],
-};
+    name: '--fds-border_width-tab_focus',
+    attributes: {},
+    path: ['border_width', 'tab_focus'],
+  },
+];
 
-export const boxShadow = {
-  shadow: [
-    {
-      value: '0 1px 2px 0 #0000001f',
+export const boxShadow = [
+  {
+    value: '0 1px 2px 0 #0000001f',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.100}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.100}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-xsmall',
-      attributes: {},
-      path: ['shadow', 'xsmall'],
-      lastName: 'xsmall',
     },
-    {
-      value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a',
+    name: '--fds-shadow-xsmall',
+    attributes: {},
+    path: ['shadow', 'xsmall'],
+  },
+  {
+    value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.200}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.200}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-small',
-      attributes: {},
-      path: ['shadow', 'small'],
-      lastName: 'small',
     },
-    {
-      value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a',
+    name: '--fds-shadow-small',
+    attributes: {},
+    path: ['shadow', 'small'],
+  },
+  {
+    value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.300}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.300}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-medium',
-      attributes: {},
-      path: ['shadow', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a',
+    name: '--fds-shadow-medium',
+    attributes: {},
+    path: ['shadow', 'medium'],
+  },
+  {
+    value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.400}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.400}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-large',
-      attributes: {},
-      path: ['shadow', 'large'],
-      lastName: 'large',
     },
-    {
-      value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a',
+    name: '--fds-shadow-large',
+    attributes: {},
+    path: ['shadow', 'large'],
+  },
+  {
+    value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.500}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.500}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-xlarge',
-      attributes: {},
-      path: ['shadow', 'xlarge'],
-      lastName: 'xlarge',
     },
-  ],
-};
+    name: '--fds-shadow-xlarge',
+    attributes: {},
+    path: ['shadow', 'xlarge'],
+  },
+];
diff --git a/storefront/tokens/digdir.ts b/storefront/tokens/digdir.ts
index 19d1847982..7643ff3fbe 100644
--- a/storefront/tokens/digdir.ts
+++ b/storefront/tokens/digdir.ts
@@ -3,4152 +3,3712 @@
  * These files are generated from design tokens defined in Figma using Token Studio
  */
 
-export const color = {
-  semantic: {
-    background: [
-      {
-        value: '#ffffff',
-        type: 'color',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: '{colors.white}',
-          type: 'color',
-        },
-        name: '--fds-semantic-background-default',
-        attributes: {},
-        path: ['semantic', 'background', 'default'],
-        lastName: 'default',
-      },
-      {
-        value: '#f4f5f6',
-        type: 'color',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: '{colors.grey.100}',
-          type: 'color',
-        },
-        name: '--fds-semantic-background-subtle',
-        attributes: {},
-        path: ['semantic', 'background', 'subtle'],
-        lastName: 'subtle',
-      },
-    ],
-    surface: {
-      neutral: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-selected',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'selected'],
-          lastName: 'selected',
-        },
-        {
-          value: '#f4f5f6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#68707c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'dark'],
-          lastName: 'dark',
-        },
-        {
-          value: '#4b5563',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-dark-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'dark-hover'],
-          lastName: 'dark-hover',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-inverted',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'inverted'],
-          lastName: 'inverted',
-        },
-      ],
-      action: [
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-checked',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'checked'],
-          lastName: 'checked',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-        {
-          value: '#f4f5f6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: 'rgba(#00315d, 0.9)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.9)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: 'rgba(#00315d, 0.8)',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.8)',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: 'rgba(#00315d, 0.1)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.1)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: 'rgba(#00315d, 0.2)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.2)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill-active',
-          attributes: {},
-          path: [
-            'semantic',
-            'surface',
-            'action',
-            'secondary',
-            'no_fill-active',
-          ],
-          lastName: 'no_fill-active',
-        },
-      ],
-      success: [
-        {
-          value: '#d1f4e1',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#8be4b5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#118849',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#d1f4e1',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#8be4b5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      warning: [
-        {
-          value: '#fffbe6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#fff4b4',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#ff8c06',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'default'],
-          lastName: 'default',
-        },
-      ],
-      danger: [
-        {
-          value: '#f9d5db',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#f3abb6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#e02e49',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#f9d5db',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#f3abb6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      info: [
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-info-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'info', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-info-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'info', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-      ],
-      on_inverted: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#ffffffe6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffffe6',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#ffffffcc',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffffcc',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff00',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff00',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#ffffff1a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff1a',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#ffffff33',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff33',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      primary: [
-        {
-          value: '#fddfe0',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#fbbfc1',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#f89fa1',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#c34c4f',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-      secondary: [
-        {
-          value: '#faeec2',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#f5dda6',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#efcc79',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#A17717',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-      tertiary: [
-        {
-          value: '#d2eafd',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#a5d6fb',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#78c1f9',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#156aac',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-    },
-    border: {
-      info: [
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-info-default',
-          attributes: {},
-          path: ['semantic', 'border', 'info', 'default'],
-          lastName: 'default',
-        },
-      ],
-      action: [
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#66a1d6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-dark',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'dark'],
-          lastName: 'dark',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-dark-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'dark-hover'],
-          lastName: 'dark-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#66a1d6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#d2d5d8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      neutral: [
-        {
-          value: '#68707c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-default',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#d2d5d8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-strong',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'strong'],
-          lastName: 'strong',
-        },
-        {
-          value: '#bcbfc5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-divider',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'divider'],
-          lastName: 'divider',
-        },
-      ],
-      success: [
-        {
-          value: '#118849',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-default',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-active',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'active'],
-          lastName: 'active',
-        },
-      ],
-      warning: [
-        {
-          value: '#cc7005',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-default',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#995404',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#663802',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-active',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'active'],
-          lastName: 'active',
-        },
-      ],
-      danger: [
-        {
-          value: '#e02e49',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-default',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-active',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'active'],
-          lastName: 'active',
-        },
-      ],
-      focus: [
-        {
-          value: '#ffda06',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-focus-outline',
-          attributes: {},
-          path: ['semantic', 'border', 'focus', 'outline'],
-          lastName: 'outline',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{semantic.border.neutral.strong}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-focus-boxshadow',
-          attributes: {},
-          path: ['semantic', 'border', 'focus', 'boxshadow'],
-          lastName: 'boxshadow',
-        },
-      ],
-      on_inverted: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-on_inverted-default',
-          attributes: {},
-          path: ['semantic', 'border', 'on_inverted', 'default'],
-          lastName: 'default',
-        },
-      ],
-      input: [
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-input-default',
-          attributes: {},
-          path: ['semantic', 'border', 'input', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#0062ba',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-input-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'input', 'hover'],
-          lastName: 'hover',
-        },
-      ],
-      primary: [
-        {
-          value: '#f45f63',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#dc5659',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#c34c4f',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      secondary: [
-        {
-          value: '#e5aa20',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#ce991d',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#b7881a',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      tertiary: [
-        {
-          value: '#1e98f5',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#1b88dd',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#156aac',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Digdir.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'active'],
-          lastName: 'active',
-        },
-      ],
-    },
-    text: {
-      success: [
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-default',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#084826',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#084826',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-active',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-on_success',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'on_success'],
-          lastName: 'on_success',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#1e2b3c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-on_success_subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'on_success_subtle'],
-          lastName: 'on_success_subtle',
-        },
-      ],
-      neutral: [
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-default',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#4b5563',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-on_inverted',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'on_inverted'],
-          lastName: 'on_inverted',
-        },
-      ],
-      action: [
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#004e95',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'on_action'],
-          lastName: 'on_action',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#004e95',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'on_action'],
-          lastName: 'on_action',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
-          lastName: 'on_action',
-        },
-      ],
-      warning: [
-        {
-          value: '#995404',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-default',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#cc7005',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-icon_warning',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'icon_warning'],
-          lastName: 'icon_warning',
-        },
-        {
-          value: '#663802',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-on_warning',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'on_warning'],
-          lastName: 'on_warning',
-        },
-      ],
-      danger: [
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-default',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#861c2c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#5a121d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#5a121d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-active',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-on_danger',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'on_danger'],
-          lastName: 'on_danger',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#1e2b3c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-on_danger_subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'on_danger_subtle'],
-          lastName: 'on_danger_subtle',
-        },
-      ],
-      visited: [
-        {
-          value: '#7a1265',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.purple.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-visited-default',
-          attributes: {},
-          path: ['semantic', 'text', 'visited', 'default'],
-          lastName: 'default',
-        },
-      ],
-    },
-  },
-  brand: {
-    primary: [
-      {
-        value: '#feefef',
-        type: 'color',
-        description:
-          'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#feefef',
-          type: 'color',
-          description:
-            'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-primary-100',
-        attributes: {},
-        path: ['brand', 'primary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#fddfe0',
-        type: 'color',
-        description:
-          'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#fddfe0',
-          type: 'color',
-          description:
-            'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-primary-200',
-        attributes: {},
-        path: ['brand', 'primary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#fbbfc1',
-        type: 'color',
-        description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#fbbfc1',
-          type: 'color',
-          description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-primary-300',
-        attributes: {},
-        path: ['brand', 'primary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#f89fa1',
-        type: 'color',
-        description:
-          'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#f89fa1',
-          type: 'color',
-          description:
-            'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-primary-400',
-        attributes: {},
-        path: ['brand', 'primary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#f67f82',
-        type: 'color',
-        description: 'AA 5.6 on grey 800',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#f67f82',
-          type: 'color',
-          description: 'AA 5.6 on grey 800',
-        },
-        name: '--fds-brand-primary-500',
-        attributes: {},
-        path: ['brand', 'primary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#f45f63',
-        type: 'color',
-        description: 'AA 4.5 on grey 800',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#f45f63',
-          type: 'color',
-          description: 'AA 4.5 on grey 800',
-        },
-        name: '--fds-brand-primary-600',
-        attributes: {},
-        path: ['brand', 'primary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#dc5659',
-        type: 'color',
-        description: 'AA18 3.7 on grey 800',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#dc5659',
-          type: 'color',
-          description: 'AA18 3.7 on grey 800',
-        },
-        name: '--fds-brand-primary-700',
-        attributes: {},
-        path: ['brand', 'primary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#c34c4f',
-        type: 'color',
-        description: 'AA 4.7 on white',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#c34c4f',
-          type: 'color',
-          description: 'AA 4.7 on white',
-        },
-        name: '--fds-brand-primary-800',
-        attributes: {},
-        path: ['brand', 'primary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#B83D41',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#B83D41',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-900',
-        attributes: {},
-        path: ['brand', 'primary', '900'],
-        lastName: '900',
-      },
-    ],
-    secondary: [
-      {
-        value: '#fcf7e9',
-        type: 'color',
-        description:
-          'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#fcf7e9',
-          type: 'color',
-          description:
-            'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-100',
-        attributes: {},
-        path: ['brand', 'secondary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#faeec2',
-        type: 'color',
-        description:
-          'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#faeec2',
-          type: 'color',
-          description:
-            'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-200',
-        attributes: {},
-        path: ['brand', 'secondary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#f5dda6',
-        type: 'color',
-        description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#f5dda6',
-          type: 'color',
-          description:
-            'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-300',
-        attributes: {},
-        path: ['brand', 'secondary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#efcc79',
-        type: 'color',
-        description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#efcc79',
-          type: 'color',
-          description:
-            'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-400',
-        attributes: {},
-        path: ['brand', 'secondary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#eabb4d',
-        type: 'color',
-        description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#eabb4d',
-          type: 'color',
-          description:
-            'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-500',
-        attributes: {},
-        path: ['brand', 'secondary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#e5aa20',
-        type: 'color',
-        description:
-          'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#e5aa20',
-          type: 'color',
-          description:
-            'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-secondary-600',
-        attributes: {},
-        path: ['brand', 'secondary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#ce991d',
-        type: 'color',
-        description: 'AA 5.5 on grey 800',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#ce991d',
-          type: 'color',
-          description: 'AA 5.5 on grey 800',
-        },
-        name: '--fds-brand-secondary-700',
-        attributes: {},
-        path: ['brand', 'secondary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#b7881a',
-        type: 'color',
-        description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#b7881a',
-          type: 'color',
-          description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
-        },
-        name: '--fds-brand-secondary-800',
-        attributes: {},
-        path: ['brand', 'secondary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#A17717',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#A17717',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-900',
-        attributes: {},
-        path: ['brand', 'secondary', '900'],
-        lastName: '900',
-      },
-    ],
-    tertiary: [
-      {
-        value: '#e9f5ff',
-        type: 'color',
-        description:
-          'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#e9f5ff',
-          type: 'color',
-          description:
-            'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-tertiary-100',
-        attributes: {},
-        path: ['brand', 'tertiary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#d2eafd',
-        type: 'color',
-        description:
-          'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#d2eafd',
-          type: 'color',
-          description:
-            'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-tertiary-200',
-        attributes: {},
-        path: ['brand', 'tertiary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#a5d6fb',
-        type: 'color',
-        description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#a5d6fb',
-          type: 'color',
-          description:
-            'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-tertiary-300',
-        attributes: {},
-        path: ['brand', 'tertiary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#78c1f9',
-        type: 'color',
-        description:
-          'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#78c1f9',
-          type: 'color',
-          description:
-            'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
-        },
-        name: '--fds-brand-tertiary-400',
-        attributes: {},
-        path: ['brand', 'tertiary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#4badf7',
-        type: 'color',
-        description: 'AA 5.8 on grey 800',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#4badf7',
-          type: 'color',
-          description: 'AA 5.8 on grey 800',
-        },
-        name: '--fds-brand-tertiary-500',
-        attributes: {},
-        path: ['brand', 'tertiary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#1e98f5',
-        type: 'color',
-        description: 'AA 4.6 on grey 800',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#1e98f5',
-          type: 'color',
-          description: 'AA 4.6 on grey 800',
-        },
-        name: '--fds-brand-tertiary-600',
-        attributes: {},
-        path: ['brand', 'tertiary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#1b88dd',
-        type: 'color',
-        description: 'AA18 3.8 on grey 800',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#1b88dd',
-          type: 'color',
-          description: 'AA18 3.8 on grey 800',
-        },
-        name: '--fds-brand-tertiary-700',
-        attributes: {},
-        path: ['brand', 'tertiary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#156aac',
-        type: 'color',
-        description: 'AA 5.6 on white',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#156aac',
-          type: 'color',
-          description: 'AA 5.6 on white',
-        },
-        name: '--fds-brand-tertiary-800',
-        attributes: {},
-        path: ['brand', 'tertiary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#125A91',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Digdir.json',
-        isSource: false,
-        original: {
-          value: '#125A91',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-900',
-        attributes: {},
-        path: ['brand', 'tertiary', '900'],
-        lastName: '900',
-      },
-    ],
+export const color = [
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-background-default',
+    attributes: {},
+    path: ['semantic', 'background', 'default'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-background-subtle',
+    attributes: {},
+    path: ['semantic', 'background', 'subtle'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'default'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-selected',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'selected'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'subtle'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'subtle-hover'],
+  },
+  {
+    value: '#68707c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'dark'],
+  },
+  {
+    value: '#4b5563',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-dark-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'dark-hover'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-inverted',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'inverted'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill-active'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-checked',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'checked'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'default'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.9)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.9)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.8)',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.8)',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.1)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.1)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.2)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.2)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'],
+  },
+  {
+    value: '#d1f4e1',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'subtle'],
+  },
+  {
+    value: '#8be4b5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'subtle-hover'],
+  },
+  {
+    value: '#118849',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'default'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill'],
+  },
+  {
+    value: '#d1f4e1',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill-hover'],
+  },
+  {
+    value: '#8be4b5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill-active'],
+  },
+  {
+    value: '#fffbe6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'subtle'],
+  },
+  {
+    value: '#fff4b4',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'subtle-hover'],
+  },
+  {
+    value: '#ff8c06',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'default'],
+  },
+  {
+    value: '#f9d5db',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'subtle'],
+  },
+  {
+    value: '#f3abb6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'subtle-hover'],
+  },
+  {
+    value: '#e02e49',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'default'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'hover'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill'],
+  },
+  {
+    value: '#f9d5db',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill-hover'],
+  },
+  {
+    value: '#f3abb6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill-active'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-info-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'info', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-info-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'info', 'subtle-hover'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'default'],
+  },
+  {
+    value: '#ffffffe6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffffe6',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'hover'],
+  },
+  {
+    value: '#ffffffcc',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffffcc',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'active'],
+  },
+  {
+    value: '#ffffff00',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff00',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill'],
+  },
+  {
+    value: '#ffffff1a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff1a',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'],
+  },
+  {
+    value: '#ffffff33',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff33',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'],
+  },
+  {
+    value: '#fddfe0',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light'],
+  },
+  {
+    value: '#fbbfc1',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light-hover'],
+  },
+  {
+    value: '#f89fa1',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light-active'],
+  },
+  {
+    value: '#c34c4f',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'dark'],
+  },
+  {
+    value: '#faeec2',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light'],
+  },
+  {
+    value: '#f5dda6',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light-hover'],
+  },
+  {
+    value: '#efcc79',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light-active'],
+  },
+  {
+    value: '#A17717',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'dark'],
+  },
+  {
+    value: '#d2eafd',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light'],
+  },
+  {
+    value: '#a5d6fb',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light-hover'],
+  },
+  {
+    value: '#78c1f9',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light-active'],
+  },
+  {
+    value: '#156aac',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'dark'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-info-default',
+    attributes: {},
+    path: ['semantic', 'border', 'info', 'default'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'subtle'],
+  },
+  {
+    value: '#66a1d6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'default'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'active'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-dark',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'dark'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-dark-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'dark-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'subtle'],
+  },
+  {
+    value: '#66a1d6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
+  },
+  {
+    value: '#d2d5d8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#68707c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-default',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'default'],
+  },
+  {
+    value: '#d2d5d8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'subtle'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-strong',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'strong'],
+  },
+  {
+    value: '#bcbfc5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-divider',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'divider'],
+  },
+  {
+    value: '#118849',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-default',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'default'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-active',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'active'],
+  },
+  {
+    value: '#cc7005',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-default',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'default'],
+  },
+  {
+    value: '#995404',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'hover'],
+  },
+  {
+    value: '#663802',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-active',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'active'],
+  },
+  {
+    value: '#e02e49',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-default',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'default'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'hover'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-active',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'active'],
+  },
+  {
+    value: '#ffda06',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-focus-outline',
+    attributes: {},
+    path: ['semantic', 'border', 'focus', 'outline'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{semantic.border.neutral.strong}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-focus-boxshadow',
+    attributes: {},
+    path: ['semantic', 'border', 'focus', 'boxshadow'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-on_inverted-default',
+    attributes: {},
+    path: ['semantic', 'border', 'on_inverted', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-input-default',
+    attributes: {},
+    path: ['semantic', 'border', 'input', 'default'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#0062ba',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-input-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'input', 'hover'],
+  },
+  {
+    value: '#f45f63',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'default'],
+  },
+  {
+    value: '#dc5659',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'hover'],
+  },
+  {
+    value: '#c34c4f',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'active'],
+  },
+  {
+    value: '#e5aa20',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'default'],
+  },
+  {
+    value: '#ce991d',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'hover'],
+  },
+  {
+    value: '#b7881a',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'active'],
+  },
+  {
+    value: '#1e98f5',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'default'],
+  },
+  {
+    value: '#1b88dd',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'hover'],
+  },
+  {
+    value: '#156aac',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'active'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-default',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'default'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#084826',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#084826',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-active',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-on_success',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'on_success'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#1e2b3c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-on_success_subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'on_success_subtle'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-default',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'default'],
+  },
+  {
+    value: '#4b5563',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'subtle'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-on_inverted',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'on_inverted'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#004e95',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'on_action'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#004e95',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'on_action'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
+  },
+  {
+    value: '#995404',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-default',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'default'],
+  },
+  {
+    value: '#cc7005',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-icon_warning',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'icon_warning'],
+  },
+  {
+    value: '#663802',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-on_warning',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'on_warning'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-default',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'default'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#861c2c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'hover'],
+  },
+  {
+    value: '#5a121d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#5a121d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-active',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-on_danger',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'on_danger'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#1e2b3c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-on_danger_subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'on_danger_subtle'],
+  },
+  {
+    value: '#7a1265',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.purple.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-visited-default',
+    attributes: {},
+    path: ['semantic', 'text', 'visited', 'default'],
+  },
+  {
+    value: '#feefef',
+    type: 'color',
+    description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#feefef',
+      type: 'color',
+      description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-primary-100',
+    attributes: {},
+    path: ['brand', 'primary', '100'],
+  },
+  {
+    value: '#fddfe0',
+    type: 'color',
+    description:
+      'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#fddfe0',
+      type: 'color',
+      description:
+        'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-primary-200',
+    attributes: {},
+    path: ['brand', 'primary', '200'],
+  },
+  {
+    value: '#fbbfc1',
+    type: 'color',
+    description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#fbbfc1',
+      type: 'color',
+      description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-primary-300',
+    attributes: {},
+    path: ['brand', 'primary', '300'],
+  },
+  {
+    value: '#f89fa1',
+    type: 'color',
+    description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#f89fa1',
+      type: 'color',
+      description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-primary-400',
+    attributes: {},
+    path: ['brand', 'primary', '400'],
+  },
+  {
+    value: '#f67f82',
+    type: 'color',
+    description: 'AA 5.6 on grey 800',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#f67f82',
+      type: 'color',
+      description: 'AA 5.6 on grey 800',
+    },
+    name: '--fds-brand-primary-500',
+    attributes: {},
+    path: ['brand', 'primary', '500'],
+  },
+  {
+    value: '#f45f63',
+    type: 'color',
+    description: 'AA 4.5 on grey 800',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#f45f63',
+      type: 'color',
+      description: 'AA 4.5 on grey 800',
+    },
+    name: '--fds-brand-primary-600',
+    attributes: {},
+    path: ['brand', 'primary', '600'],
+  },
+  {
+    value: '#dc5659',
+    type: 'color',
+    description: 'AA18 3.7 on grey 800',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#dc5659',
+      type: 'color',
+      description: 'AA18 3.7 on grey 800',
+    },
+    name: '--fds-brand-primary-700',
+    attributes: {},
+    path: ['brand', 'primary', '700'],
+  },
+  {
+    value: '#c34c4f',
+    type: 'color',
+    description: 'AA 4.7 on white',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#c34c4f',
+      type: 'color',
+      description: 'AA 4.7 on white',
+    },
+    name: '--fds-brand-primary-800',
+    attributes: {},
+    path: ['brand', 'primary', '800'],
+  },
+  {
+    value: '#B83D41',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#B83D41',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-900',
+    attributes: {},
+    path: ['brand', 'primary', '900'],
+  },
+  {
+    value: '#fcf7e9',
+    type: 'color',
+    description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#fcf7e9',
+      type: 'color',
+      description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-100',
+    attributes: {},
+    path: ['brand', 'secondary', '100'],
+  },
+  {
+    value: '#faeec2',
+    type: 'color',
+    description:
+      'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#faeec2',
+      type: 'color',
+      description:
+        'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-200',
+    attributes: {},
+    path: ['brand', 'secondary', '200'],
+  },
+  {
+    value: '#f5dda6',
+    type: 'color',
+    description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#f5dda6',
+      type: 'color',
+      description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-300',
+    attributes: {},
+    path: ['brand', 'secondary', '300'],
+  },
+  {
+    value: '#efcc79',
+    type: 'color',
+    description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#efcc79',
+      type: 'color',
+      description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-400',
+    attributes: {},
+    path: ['brand', 'secondary', '400'],
+  },
+  {
+    value: '#eabb4d',
+    type: 'color',
+    description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#eabb4d',
+      type: 'color',
+      description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-500',
+    attributes: {},
+    path: ['brand', 'secondary', '500'],
+  },
+  {
+    value: '#e5aa20',
+    type: 'color',
+    description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#e5aa20',
+      type: 'color',
+      description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-secondary-600',
+    attributes: {},
+    path: ['brand', 'secondary', '600'],
+  },
+  {
+    value: '#ce991d',
+    type: 'color',
+    description: 'AA 5.5 on grey 800',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#ce991d',
+      type: 'color',
+      description: 'AA 5.5 on grey 800',
+    },
+    name: '--fds-brand-secondary-700',
+    attributes: {},
+    path: ['brand', 'secondary', '700'],
+  },
+  {
+    value: '#b7881a',
+    type: 'color',
+    description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#b7881a',
+      type: 'color',
+      description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
+    },
+    name: '--fds-brand-secondary-800',
+    attributes: {},
+    path: ['brand', 'secondary', '800'],
+  },
+  {
+    value: '#A17717',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#A17717',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-900',
+    attributes: {},
+    path: ['brand', 'secondary', '900'],
+  },
+  {
+    value: '#e9f5ff',
+    type: 'color',
+    description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#e9f5ff',
+      type: 'color',
+      description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-tertiary-100',
+    attributes: {},
+    path: ['brand', 'tertiary', '100'],
+  },
+  {
+    value: '#d2eafd',
+    type: 'color',
+    description:
+      'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#d2eafd',
+      type: 'color',
+      description:
+        'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-tertiary-200',
+    attributes: {},
+    path: ['brand', 'tertiary', '200'],
+  },
+  {
+    value: '#a5d6fb',
+    type: 'color',
+    description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#a5d6fb',
+      type: 'color',
+      description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-tertiary-300',
+    attributes: {},
+    path: ['brand', 'tertiary', '300'],
+  },
+  {
+    value: '#78c1f9',
+    type: 'color',
+    description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#78c1f9',
+      type: 'color',
+      description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
+    },
+    name: '--fds-brand-tertiary-400',
+    attributes: {},
+    path: ['brand', 'tertiary', '400'],
+  },
+  {
+    value: '#4badf7',
+    type: 'color',
+    description: 'AA 5.8 on grey 800',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#4badf7',
+      type: 'color',
+      description: 'AA 5.8 on grey 800',
+    },
+    name: '--fds-brand-tertiary-500',
+    attributes: {},
+    path: ['brand', 'tertiary', '500'],
+  },
+  {
+    value: '#1e98f5',
+    type: 'color',
+    description: 'AA 4.6 on grey 800',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#1e98f5',
+      type: 'color',
+      description: 'AA 4.6 on grey 800',
+    },
+    name: '--fds-brand-tertiary-600',
+    attributes: {},
+    path: ['brand', 'tertiary', '600'],
+  },
+  {
+    value: '#1b88dd',
+    type: 'color',
+    description: 'AA18 3.8 on grey 800',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#1b88dd',
+      type: 'color',
+      description: 'AA18 3.8 on grey 800',
+    },
+    name: '--fds-brand-tertiary-700',
+    attributes: {},
+    path: ['brand', 'tertiary', '700'],
+  },
+  {
+    value: '#156aac',
+    type: 'color',
+    description: 'AA 5.6 on white',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#156aac',
+      type: 'color',
+      description: 'AA 5.6 on white',
+    },
+    name: '--fds-brand-tertiary-800',
+    attributes: {},
+    path: ['brand', 'tertiary', '800'],
+  },
+  {
+    value: '#125A91',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Digdir.json',
+    isSource: false,
+    original: {
+      value: '#125A91',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-900',
+    attributes: {},
+    path: ['brand', 'tertiary', '900'],
   },
-};
+];
 
-export const typography = {
-  typography: {
-    heading: [
-      {
-        value:
-          "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H1',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f5}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H1',
-        },
-        name: '--fds-typography-heading-xlarge',
-        attributes: {},
-        path: ['typography', 'heading', 'xlarge'],
-        lastName: 'xlarge',
-      },
-      {
-        value:
-          "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H2',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f4}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H2',
-        },
-        name: '--fds-typography-heading-large',
-        attributes: {},
-        path: ['typography', 'heading', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H3',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f3}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H3',
-        },
-        name: '--fds-typography-heading-medium',
-        attributes: {},
-        path: ['typography', 'heading', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H4',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H4',
-        },
-        name: '--fds-typography-heading-small',
-        attributes: {},
-        path: ['typography', 'heading', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H5',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H5',
-        },
-        name: '--fds-typography-heading-xsmall',
-        attributes: {},
-        path: ['typography', 'heading', 'xsmall'],
-        lastName: 'xsmall',
-      },
-      {
-        value:
-          "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H6',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H6',
-        },
-        name: '--fds-typography-heading-xxsmall',
-        attributes: {},
-        path: ['typography', 'heading', 'xxsmall'],
-        lastName: 'xxsmall',
-      },
-    ],
-    ingress: [
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.600}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-ingress-medium',
-        attributes: {},
-        path: ['typography', 'ingress', 'medium'],
-        lastName: 'medium',
-      },
-    ],
-    paragraph: [
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-large',
-        attributes: {},
-        path: ['typography', 'paragraph', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-medium',
-        attributes: {},
-        path: ['typography', 'paragraph', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-small',
-        attributes: {},
-        path: ['typography', 'paragraph', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-xsmall',
-        attributes: {},
-        path: ['typography', 'paragraph', 'xsmall'],
-        lastName: 'xsmall',
-      },
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-large',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-medium',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-small',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-xsmall',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    label: [
-      {
-        value:
-          "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-large',
-        attributes: {},
-        path: ['typography', 'label', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-medium',
-        attributes: {},
-        path: ['typography', 'label', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-small',
-        attributes: {},
-        path: ['typography', 'label', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-xsmall',
-        attributes: {},
-        path: ['typography', 'label', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    error_message: [
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-medium',
-        attributes: {},
-        path: ['typography', 'error_message', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-small',
-        attributes: {},
-        path: ['typography', 'error_message', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-xsmall',
-        attributes: {},
-        path: ['typography', 'error_message', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    interactive: [
-      {
-        value: "400 1.5rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.large}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-large',
-        attributes: {},
-        path: ['typography', 'interactive', 'large'],
-        lastName: 'large',
-      },
-      {
-        value: "400 1.125rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.medium}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-medium',
-        attributes: {},
-        path: ['typography', 'interactive', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value: "400 1rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.small}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-small',
-        attributes: {},
-        path: ['typography', 'interactive', 'small'],
-        lastName: 'small',
-      },
-    ],
+export const typography = [
+  {
+    value: "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H1',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f5}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H1',
+    },
+    name: '--fds-typography-heading-xlarge',
+    attributes: {},
+    path: ['typography', 'heading', 'xlarge'],
+  },
+  {
+    value: "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H2',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f4}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H2',
+    },
+    name: '--fds-typography-heading-large',
+    attributes: {},
+    path: ['typography', 'heading', 'large'],
+  },
+  {
+    value: "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H3',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f3}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H3',
+    },
+    name: '--fds-typography-heading-medium',
+    attributes: {},
+    path: ['typography', 'heading', 'medium'],
+  },
+  {
+    value: "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H4',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H4',
+    },
+    name: '--fds-typography-heading-small',
+    attributes: {},
+    path: ['typography', 'heading', 'small'],
+  },
+  {
+    value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H5',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H5',
+    },
+    name: '--fds-typography-heading-xsmall',
+    attributes: {},
+    path: ['typography', 'heading', 'xsmall'],
+  },
+  {
+    value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H6',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H6',
+    },
+    name: '--fds-typography-heading-xxsmall',
+    attributes: {},
+    path: ['typography', 'heading', 'xxsmall'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.600}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-ingress-medium',
+    attributes: {},
+    path: ['typography', 'ingress', 'medium'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-large',
+    attributes: {},
+    path: ['typography', 'paragraph', 'large'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-medium',
+    attributes: {},
+    path: ['typography', 'paragraph', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-small',
+    attributes: {},
+    path: ['typography', 'paragraph', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-xsmall',
+    attributes: {},
+    path: ['typography', 'paragraph', 'xsmall'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-large',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'large'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-medium',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-small',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-xsmall',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'xsmall'],
+  },
+  {
+    value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-large',
+    attributes: {},
+    path: ['typography', 'label', 'large'],
+  },
+  {
+    value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-medium',
+    attributes: {},
+    path: ['typography', 'label', 'medium'],
+  },
+  {
+    value: "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-small',
+    attributes: {},
+    path: ['typography', 'label', 'small'],
+  },
+  {
+    value: "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-xsmall',
+    attributes: {},
+    path: ['typography', 'label', 'xsmall'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-medium',
+    attributes: {},
+    path: ['typography', 'error_message', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-small',
+    attributes: {},
+    path: ['typography', 'error_message', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-xsmall',
+    attributes: {},
+    path: ['typography', 'error_message', 'xsmall'],
+  },
+  {
+    value: "400 1.5rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.large}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-large',
+    attributes: {},
+    path: ['typography', 'interactive', 'large'],
+  },
+  {
+    value: "400 1.125rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.medium}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-medium',
+    attributes: {},
+    path: ['typography', 'interactive', 'medium'],
+  },
+  {
+    value: "400 1rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.small}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-small',
+    attributes: {},
+    path: ['typography', 'interactive', 'small'],
   },
-};
+];
 
-export const opacity = {
-  opacity: [
-    {
+export const opacity = [
+  {
+    value: '30%',
+    type: 'opacity',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '30%',
       type: 'opacity',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '30%',
-        type: 'opacity',
-      },
-      name: '--fds-opacity-disabled',
-      attributes: {},
-      path: ['opacity', 'disabled'],
-      lastName: 'disabled',
     },
-  ],
-};
+    name: '--fds-opacity-disabled',
+    attributes: {},
+    path: ['opacity', 'disabled'],
+  },
+];
 
-export const borderRadius = {
-  border_radius: [
-    {
-      value: '4px',
+export const borderRadius = [
+  {
+    value: '4px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_radius.medium}',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_radius.medium}',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-interactive',
-      attributes: {},
-      path: ['border_radius', 'interactive'],
-      lastName: 'interactive',
     },
-    {
+    name: '--fds-border_radius-interactive',
+    attributes: {},
+    path: ['border_radius', 'interactive'],
+  },
+  {
+    value: '2px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '2px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '2px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-small',
-      attributes: {},
-      path: ['border_radius', 'small'],
-      lastName: 'small',
     },
-    {
+    name: '--fds-border_radius-small',
+    attributes: {},
+    path: ['border_radius', 'small'],
+  },
+  {
+    value: '4px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '4px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-medium',
-      attributes: {},
-      path: ['border_radius', 'medium'],
-      lastName: 'medium',
     },
-    {
+    name: '--fds-border_radius-medium',
+    attributes: {},
+    path: ['border_radius', 'medium'],
+  },
+  {
+    value: '8px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '8px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '8px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-large',
-      attributes: {},
-      path: ['border_radius', 'large'],
-      lastName: 'large',
     },
-    {
+    name: '--fds-border_radius-large',
+    attributes: {},
+    path: ['border_radius', 'large'],
+  },
+  {
+    value: '12px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '12px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '12px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-xlarge',
-      attributes: {},
-      path: ['border_radius', 'xlarge'],
-      lastName: 'xlarge',
     },
-    {
+    name: '--fds-border_radius-xlarge',
+    attributes: {},
+    path: ['border_radius', 'xlarge'],
+  },
+  {
+    value: '9999px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '9999px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '9999px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-full',
-      attributes: {},
-      path: ['border_radius', 'full'],
-      lastName: 'full',
     },
-  ],
-};
+    name: '--fds-border_radius-full',
+    attributes: {},
+    path: ['border_radius', 'full'],
+  },
+];
 
-export const spacing = {
-  spacing: [
-    {
-      value: 'calc(0)',
+export const spacing = [
+  {
+    value: 'calc(0)',
+    type: 'spacing',
+    description: '0',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '0',
       type: 'spacing',
       description: '0',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '0',
-        type: 'spacing',
-        description: '0',
-      },
-      name: '--fds-spacing-0',
-      attributes: {},
-      path: ['spacing', '0'],
-      lastName: '0',
     },
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-0',
+    attributes: {},
+    path: ['spacing', '0'],
+  },
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '4px - 4.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}/16*{font-size.f0}',
       type: 'spacing',
       description: '4px - 4.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}/16*{font-size.f0}',
-        type: 'spacing',
-        description: '4px - 4.5px',
-      },
-      name: '--fds-spacing-1',
-      attributes: {},
-      path: ['spacing', '1'],
-      lastName: '1',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-1',
+    attributes: {},
+    path: ['spacing', '1'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '8px - 9px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*2/16*{font-size.f0}',
       type: 'spacing',
       description: '8px - 9px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*2/16*{font-size.f0}',
-        type: 'spacing',
-        description: '8px - 9px',
-      },
-      name: '--fds-spacing-2',
-      attributes: {},
-      path: ['spacing', '2'],
-      lastName: '2',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-2',
+    attributes: {},
+    path: ['spacing', '2'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '12px - 13.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*3/16*{font-size.f0}',
       type: 'spacing',
       description: '12px - 13.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*3/16*{font-size.f0}',
-        type: 'spacing',
-        description: '12px - 13.5px',
-      },
-      name: '--fds-spacing-3',
-      attributes: {},
-      path: ['spacing', '3'],
-      lastName: '3',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-3',
+    attributes: {},
+    path: ['spacing', '3'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '16px - 18px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*4/16*{font-size.f0}',
       type: 'spacing',
       description: '16px - 18px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*4/16*{font-size.f0}',
-        type: 'spacing',
-        description: '16px - 18px',
-      },
-      name: '--fds-spacing-4',
-      attributes: {},
-      path: ['spacing', '4'],
-      lastName: '4',
     },
-    {
-      value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-4',
+    attributes: {},
+    path: ['spacing', '4'],
+  },
+  {
+    value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '20px - 22.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*5/16*{font-size.f0}',
       type: 'spacing',
       description: '20px - 22.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*5/16*{font-size.f0}',
-        type: 'spacing',
-        description: '20px - 22.5px',
-      },
-      name: '--fds-spacing-5',
-      attributes: {},
-      path: ['spacing', '5'],
-      lastName: '5',
     },
-    {
-      value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-5',
+    attributes: {},
+    path: ['spacing', '5'],
+  },
+  {
+    value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '24px - 27px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*6/16*{font-size.f0}',
       type: 'spacing',
       description: '24px - 27px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*6/16*{font-size.f0}',
-        type: 'spacing',
-        description: '24px - 27px',
-      },
-      name: '--fds-spacing-6',
-      attributes: {},
-      path: ['spacing', '6'],
-      lastName: '6',
     },
-    {
-      value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-6',
+    attributes: {},
+    path: ['spacing', '6'],
+  },
+  {
+    value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '28px - 31.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*7/16*{font-size.f0}',
       type: 'spacing',
       description: '28px - 31.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*7/16*{font-size.f0}',
-        type: 'spacing',
-        description: '28px - 31.5px',
-      },
-      name: '--fds-spacing-7',
-      attributes: {},
-      path: ['spacing', '7'],
-      lastName: '7',
     },
-    {
-      value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-7',
+    attributes: {},
+    path: ['spacing', '7'],
+  },
+  {
+    value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '32px - 36px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*8/16)*{font-size.f0}',
       type: 'spacing',
       description: '32px - 36px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*8/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '32px - 36px',
-      },
-      name: '--fds-spacing-8',
-      attributes: {},
-      path: ['spacing', '8'],
-      lastName: '8',
     },
-    {
-      value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-8',
+    attributes: {},
+    path: ['spacing', '8'],
+  },
+  {
+    value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '40px - 45px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*10/16)*{font-size.f0}',
       type: 'spacing',
       description: '40px - 45px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*10/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '40px - 45px',
-      },
-      name: '--fds-spacing-10',
-      attributes: {},
-      path: ['spacing', '10'],
-      lastName: '10',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-10',
+    attributes: {},
+    path: ['spacing', '10'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '48px - 54px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*12/16)*{font-size.f0}',
       type: 'spacing',
       description: '48px - 54px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*12/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '48px - 54px',
-      },
-      name: '--fds-spacing-12',
-      attributes: {},
-      path: ['spacing', '12'],
-      lastName: '12',
     },
-    {
-      value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-12',
+    attributes: {},
+    path: ['spacing', '12'],
+  },
+  {
+    value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '56px - 63px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*14/16)*{font-size.f0}',
       type: 'spacing',
       description: '56px - 63px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*14/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '56px - 63px',
-      },
-      name: '--fds-spacing-14',
-      attributes: {},
-      path: ['spacing', '14'],
-      lastName: '14',
     },
-    {
-      value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-14',
+    attributes: {},
+    path: ['spacing', '14'],
+  },
+  {
+    value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '72px - 81px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*18/16)*{font-size.f0}',
       type: 'spacing',
       description: '72px - 81px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*18/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '72px - 81px',
-      },
-      name: '--fds-spacing-18',
-      attributes: {},
-      path: ['spacing', '18'],
-      lastName: '18',
     },
-    {
-      value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-18',
+    attributes: {},
+    path: ['spacing', '18'],
+  },
+  {
+    value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '88px - 99px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*22/16)*{font-size.f0}',
       type: 'spacing',
       description: '88px - 99px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*22/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '88px - 99px',
-      },
-      name: '--fds-spacing-22',
-      attributes: {},
-      path: ['spacing', '22'],
-      lastName: '22',
     },
-    {
-      value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-22',
+    attributes: {},
+    path: ['spacing', '22'],
+  },
+  {
+    value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '104px - 117px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*26/16)*{font-size.f0}',
       type: 'spacing',
       description: '104px - 117px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*26/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '104px - 117px',
-      },
-      name: '--fds-spacing-26',
-      attributes: {},
-      path: ['spacing', '26'],
-      lastName: '26',
     },
-    {
-      value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-26',
+    attributes: {},
+    path: ['spacing', '26'],
+  },
+  {
+    value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '120px - 135px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*30/16)*{font-size.f0}',
       type: 'spacing',
       description: '120px - 135px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*30/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '120px - 135px',
-      },
-      name: '--fds-spacing-30',
-      attributes: {},
-      path: ['spacing', '30'],
-      lastName: '30',
-    },
-  ],
-  base_spacing: [
-    {
-      value: '4',
-      type: 'spacing',
-      description: '4px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4',
-        type: 'spacing',
-        description: '4px',
-      },
-      name: '--fds-base_spacing',
-      attributes: {},
-      path: ['base_spacing'],
-      lastName: 'base_spacing',
-    },
-  ],
-  'component-mode-spacing': [
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    },
+    name: '--fds-spacing-30',
+    attributes: {},
+    path: ['spacing', '30'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.2}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.2}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-small',
-      attributes: {},
-      path: ['component-mode-spacing', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-spacing-small',
+    attributes: {},
+    path: ['component-mode-spacing', 'small'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.3}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.3}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-medium',
-      attributes: {},
-      path: ['component-mode-spacing', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-spacing-medium',
+    attributes: {},
+    path: ['component-mode-spacing', 'medium'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.4}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.4}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-large',
-      attributes: {},
-      path: ['component-mode-spacing', 'large'],
-      lastName: 'large',
-    },
-  ],
-  'component-mode-gap': [
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    },
+    name: '--fds-component-mode-spacing-large',
+    attributes: {},
+    path: ['component-mode-spacing', 'large'],
+  },
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.1}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.1}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-small',
-      attributes: {},
-      path: ['component-mode-gap', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-gap-small',
+    attributes: {},
+    path: ['component-mode-gap', 'small'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.2}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.2}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-medium',
-      attributes: {},
-      path: ['component-mode-gap', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-gap-medium',
+    attributes: {},
+    path: ['component-mode-gap', 'medium'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.3}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.3}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-large',
-      attributes: {},
-      path: ['component-mode-gap', 'large'],
-      lastName: 'large',
     },
-  ],
-};
+    name: '--fds-component-mode-gap-large',
+    attributes: {},
+    path: ['component-mode-gap', 'large'],
+  },
+];
 
-export const sizing = {
-  sizing: [
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+export const sizing = [
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '4px - 4.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}/16*{font-size.f0}',
       type: 'sizing',
       description: '4px - 4.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}/16*{font-size.f0}',
-        type: 'sizing',
-        description: '4px - 4.5px',
-      },
-      name: '--fds-sizing-1',
-      attributes: {},
-      path: ['sizing', '1'],
-      lastName: '1',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-1',
+    attributes: {},
+    path: ['sizing', '1'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '8px - 9px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*2/16*{font-size.f0}',
       type: 'sizing',
       description: '8px - 9px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*2/16*{font-size.f0}',
-        type: 'sizing',
-        description: '8px - 9px',
-      },
-      name: '--fds-sizing-2',
-      attributes: {},
-      path: ['sizing', '2'],
-      lastName: '2',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-2',
+    attributes: {},
+    path: ['sizing', '2'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '12px - 13.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*3/16*{font-size.f0}',
       type: 'sizing',
       description: '12px - 13.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*3/16*{font-size.f0}',
-        type: 'sizing',
-        description: '12px - 13.5px',
-      },
-      name: '--fds-sizing-3',
-      attributes: {},
-      path: ['sizing', '3'],
-      lastName: '3',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-3',
+    attributes: {},
+    path: ['sizing', '3'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '16px - 18px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*4/16*{font-size.f0}',
       type: 'sizing',
       description: '16px - 18px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*4/16*{font-size.f0}',
-        type: 'sizing',
-        description: '16px - 18px',
-      },
-      name: '--fds-sizing-4',
-      attributes: {},
-      path: ['sizing', '4'],
-      lastName: '4',
     },
-    {
-      value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-4',
+    attributes: {},
+    path: ['sizing', '4'],
+  },
+  {
+    value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '20px - 22.5',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*5/16*{font-size.f0}',
       type: 'sizing',
       description: '20px - 22.5',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*5/16*{font-size.f0}',
-        type: 'sizing',
-        description: '20px - 22.5',
-      },
-      name: '--fds-sizing-5',
-      attributes: {},
-      path: ['sizing', '5'],
-      lastName: '5',
     },
-    {
-      value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-5',
+    attributes: {},
+    path: ['sizing', '5'],
+  },
+  {
+    value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '24px - 27px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*6/16*{font-size.f0}',
       type: 'sizing',
       description: '24px - 27px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*6/16*{font-size.f0}',
-        type: 'sizing',
-        description: '24px - 27px',
-      },
-      name: '--fds-sizing-6',
-      attributes: {},
-      path: ['sizing', '6'],
-      lastName: '6',
     },
-    {
-      value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-6',
+    attributes: {},
+    path: ['sizing', '6'],
+  },
+  {
+    value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '28px - 31.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*7/16*{font-size.f0}',
       type: 'sizing',
       description: '28px - 31.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*7/16*{font-size.f0}',
-        type: 'sizing',
-        description: '28px - 31.5px',
-      },
-      name: '--fds-sizing-7',
-      attributes: {},
-      path: ['sizing', '7'],
-      lastName: '7',
     },
-    {
-      value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-7',
+    attributes: {},
+    path: ['sizing', '7'],
+  },
+  {
+    value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '32px - 36px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*8/16*{font-size.f0}',
       type: 'sizing',
       description: '32px - 36px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*8/16*{font-size.f0}',
-        type: 'sizing',
-        description: '32px - 36px',
-      },
-      name: '--fds-sizing-8',
-      attributes: {},
-      path: ['sizing', '8'],
-      lastName: '8',
     },
-    {
-      value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-8',
+    attributes: {},
+    path: ['sizing', '8'],
+  },
+  {
+    value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '40px - 45px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*10/16*{font-size.f0}',
       type: 'sizing',
       description: '40px - 45px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*10/16*{font-size.f0}',
-        type: 'sizing',
-        description: '40px - 45px',
-      },
-      name: '--fds-sizing-10',
-      attributes: {},
-      path: ['sizing', '10'],
-      lastName: '10',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-10',
+    attributes: {},
+    path: ['sizing', '10'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '48px - 54px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*12/16)*{font-size.f0}',
       type: 'sizing',
       description: '48px - 54px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*12/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '48px - 54px',
-      },
-      name: '--fds-sizing-12',
-      attributes: {},
-      path: ['sizing', '12'],
-      lastName: '12',
     },
-    {
-      value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-12',
+    attributes: {},
+    path: ['sizing', '12'],
+  },
+  {
+    value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '56px - 63px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*14/16)*{font-size.f0}',
       type: 'sizing',
       description: '56px - 63px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*14/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '56px - 63px',
-      },
-      name: '--fds-sizing-14',
-      attributes: {},
-      path: ['sizing', '14'],
-      lastName: '14',
     },
-    {
-      value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-14',
+    attributes: {},
+    path: ['sizing', '14'],
+  },
+  {
+    value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '72px - 81px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*18/16)*{font-size.f0}',
       type: 'sizing',
       description: '72px - 81px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*18/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '72px - 81px',
-      },
-      name: '--fds-sizing-18',
-      attributes: {},
-      path: ['sizing', '18'],
-      lastName: '18',
     },
-    {
-      value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-18',
+    attributes: {},
+    path: ['sizing', '18'],
+  },
+  {
+    value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '88px - 99px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*22/16)*{font-size.f0}',
       type: 'sizing',
       description: '88px - 99px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*22/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '88px - 99px',
-      },
-      name: '--fds-sizing-22',
-      attributes: {},
-      path: ['sizing', '22'],
-      lastName: '22',
     },
-    {
-      value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-22',
+    attributes: {},
+    path: ['sizing', '22'],
+  },
+  {
+    value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '104px - 117px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*26/16)*{font-size.f0}',
       type: 'sizing',
       description: '104px - 117px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*26/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '104px - 117px',
-      },
-      name: '--fds-sizing-26',
-      attributes: {},
-      path: ['sizing', '26'],
-      lastName: '26',
     },
-    {
-      value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-26',
+    attributes: {},
+    path: ['sizing', '26'],
+  },
+  {
+    value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '120px - 135px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*30/16)*{font-size.f0}',
       type: 'sizing',
       description: '120px - 135px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*30/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '120px - 135px',
-      },
-      name: '--fds-sizing-30',
-      attributes: {},
-      path: ['sizing', '30'],
-      lastName: '30',
-    },
-  ],
-  base_sizing: [
-    {
-      value: '4',
-      type: 'sizing',
-      description: '4px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4',
-        type: 'sizing',
-        description: '4px',
-      },
-      name: '--fds-base_sizing',
-      attributes: {},
-      path: ['base_sizing'],
-      lastName: 'base_sizing',
-    },
-  ],
-  'component-mode-height': [
-    {
-      value: '36px',
+    },
+    name: '--fds-sizing-30',
+    attributes: {},
+    path: ['sizing', '30'],
+  },
+  {
+    value: '36px',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '36',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '36',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-small',
-      attributes: {},
-      path: ['component-mode-height', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-height-small',
+    attributes: {},
+    path: ['component-mode-height', 'small'],
+  },
+  {
+    value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{sizing.10}',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{sizing.10}',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-medium',
-      attributes: {},
-      path: ['component-mode-height', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-height-medium',
+    attributes: {},
+    path: ['component-mode-height', 'medium'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{sizing.12}',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{sizing.12}',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-large',
-      attributes: {},
-      path: ['component-mode-height', 'large'],
-      lastName: 'large',
     },
-  ],
-};
+    name: '--fds-component-mode-height-large',
+    attributes: {},
+    path: ['component-mode-height', 'large'],
+  },
+];
 
-export const borderWidth = {
-  border_width: [
-    {
-      value: '1px',
+export const borderWidth = [
+  {
+    value: '1px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_width.1}',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_width.1}',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-default',
-      attributes: {},
-      path: ['border_width', 'default'],
-      lastName: 'default',
     },
-    {
-      value: '2px',
+    name: '--fds-border_width-default',
+    attributes: {},
+    path: ['border_width', 'default'],
+  },
+  {
+    value: '2px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_width.2}',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_width.2}',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-active',
-      attributes: {},
-      path: ['border_width', 'active'],
-      lastName: 'active',
     },
-    {
+    name: '--fds-border_width-active',
+    attributes: {},
+    path: ['border_width', 'active'],
+  },
+  {
+    value: '2px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '2px',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '2px',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-tab_focus',
-      attributes: {},
-      path: ['border_width', 'tab_focus'],
-      lastName: 'tab_focus',
     },
-  ],
-};
+    name: '--fds-border_width-tab_focus',
+    attributes: {},
+    path: ['border_width', 'tab_focus'],
+  },
+];
 
-export const boxShadow = {
-  shadow: [
-    {
-      value: '0 1px 2px 0 #0000001f',
+export const boxShadow = [
+  {
+    value: '0 1px 2px 0 #0000001f',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.100}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.100}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-xsmall',
-      attributes: {},
-      path: ['shadow', 'xsmall'],
-      lastName: 'xsmall',
     },
-    {
-      value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a',
+    name: '--fds-shadow-xsmall',
+    attributes: {},
+    path: ['shadow', 'xsmall'],
+  },
+  {
+    value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.200}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.200}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-small',
-      attributes: {},
-      path: ['shadow', 'small'],
-      lastName: 'small',
     },
-    {
-      value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a',
+    name: '--fds-shadow-small',
+    attributes: {},
+    path: ['shadow', 'small'],
+  },
+  {
+    value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.300}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.300}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-medium',
-      attributes: {},
-      path: ['shadow', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a',
+    name: '--fds-shadow-medium',
+    attributes: {},
+    path: ['shadow', 'medium'],
+  },
+  {
+    value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.400}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.400}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-large',
-      attributes: {},
-      path: ['shadow', 'large'],
-      lastName: 'large',
     },
-    {
-      value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a',
+    name: '--fds-shadow-large',
+    attributes: {},
+    path: ['shadow', 'large'],
+  },
+  {
+    value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.500}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.500}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-xlarge',
-      attributes: {},
-      path: ['shadow', 'xlarge'],
-      lastName: 'xlarge',
     },
-  ],
-};
+    name: '--fds-shadow-xlarge',
+    attributes: {},
+    path: ['shadow', 'xlarge'],
+  },
+];
diff --git a/storefront/tokens/tilsynet.ts b/storefront/tokens/tilsynet.ts
index 568bf0005e..6a3839df0b 100644
--- a/storefront/tokens/tilsynet.ts
+++ b/storefront/tokens/tilsynet.ts
@@ -3,4082 +3,3658 @@
  * These files are generated from design tokens defined in Figma using Token Studio
  */
 
-export const color = {
-  semantic: {
-    background: [
-      {
-        value: '#ffffff',
-        type: 'color',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: '{colors.white}',
-          type: 'color',
-        },
-        name: '--fds-semantic-background-default',
-        attributes: {},
-        path: ['semantic', 'background', 'default'],
-        lastName: 'default',
-      },
-      {
-        value: '#f4f5f6',
-        type: 'color',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: '{colors.grey.100}',
-          type: 'color',
-        },
-        name: '--fds-semantic-background-subtle',
-        attributes: {},
-        path: ['semantic', 'background', 'subtle'],
-        lastName: 'subtle',
-      },
-    ],
-    surface: {
-      neutral: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-selected',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'selected'],
-          lastName: 'selected',
-        },
-        {
-          value: '#f4f5f6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#68707c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'dark'],
-          lastName: 'dark',
-        },
-        {
-          value: '#4b5563',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-dark-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'dark-hover'],
-          lastName: 'dark-hover',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-neutral-inverted',
-          attributes: {},
-          path: ['semantic', 'surface', 'neutral', 'inverted'],
-          lastName: 'inverted',
-        },
-      ],
-      action: [
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-checked',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'checked'],
-          lastName: 'checked',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#3339c6',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0008b8',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00078F',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-primary-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-        {
-          value: '#f4f5f6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#407d6d',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#376C5E',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#376C5E',
-          type: 'color',
-          description: 'Standard farge for handlinger',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.900}',
-            type: 'color',
-            description: 'Standard farge for handlinger',
-          },
-          name: '--fds-semantic-surface-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: 'rgba(#00315d, 0.1)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.1)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: 'rgba(#00315d, 0.2)',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: 'rgba({colors.blue.900}, 0.2)',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-action-secondary-no_fill-active',
-          attributes: {},
-          path: [
-            'semantic',
-            'surface',
-            'action',
-            'secondary',
-            'no_fill-active',
-          ],
-          lastName: 'no_fill-active',
-        },
-      ],
-      success: [
-        {
-          value: '#d1f4e1',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#8be4b5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#118849',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#d1f4e1',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#8be4b5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-success-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'success', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      warning: [
-        {
-          value: '#fffbe6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#fff4b4',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#ff8c06',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-warning-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'warning', 'default'],
-          lastName: 'default',
-        },
-      ],
-      danger: [
-        {
-          value: '#f9d5db',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#f3abb6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#e02e49',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#f9d5db',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#f3abb6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-danger-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'danger', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      info: [
-        {
-          value: '#e6eff8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.100}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-info-subtle',
-          attributes: {},
-          path: ['semantic', 'surface', 'info', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-info-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'info', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-      ],
-      on_inverted: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-default',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#ffffffe6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffffe6',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#ffffffcc',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffffcc',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff00',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff00',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill'],
-          lastName: 'no_fill',
-        },
-        {
-          value: '#ffffff1a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff1a',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'],
-          lastName: 'no_fill-hover',
-        },
-        {
-          value: '#ffffff33',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff33',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-on_inverted-no_fill-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'],
-          lastName: 'no_fill-active',
-        },
-      ],
-      primary: [
-        {
-          value: '#dedff6',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#bec0ed',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#9da0e4',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#0008b8',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-primary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'primary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-      secondary: [
-        {
-          value: '#ffdcc3',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#fdd4b7',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#ffc296',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#9F6841',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-secondary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'secondary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-      tertiary: [
-        {
-          value: '#deece9',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light'],
-          lastName: 'light',
-        },
-        {
-          value: '#bedad2',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light-hover',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light-hover'],
-          lastName: 'light-hover',
-        },
-        {
-          value: '#9dc7bc',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-light-active',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'light-active'],
-          lastName: 'light-active',
-        },
-        {
-          value: '#407d6d',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-surface-tertiary-dark',
-          attributes: {},
-          path: ['semantic', 'surface', 'tertiary', 'dark'],
-          lastName: 'dark',
-        },
-      ],
-    },
-    border: {
-      info: [
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-info-default',
-          attributes: {},
-          path: ['semantic', 'border', 'info', 'default'],
-          lastName: 'default',
-        },
-      ],
-      action: [
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#66a1d6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-dark',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'dark'],
-          lastName: 'dark',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-dark-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'dark-hover'],
-          lastName: 'dark-hover',
-        },
-        {
-          value: '#b3d0ea',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#66a1d6',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#e9eaec',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.200}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#d2d5d8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-subtle-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
-          lastName: 'subtle-hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      neutral: [
-        {
-          value: '#68707c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-default',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#d2d5d8',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.300}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-strong',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'strong'],
-          lastName: 'strong',
-        },
-        {
-          value: '#bcbfc5',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.400}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-neutral-divider',
-          attributes: {},
-          path: ['semantic', 'border', 'neutral', 'divider'],
-          lastName: 'divider',
-        },
-      ],
-      success: [
-        {
-          value: '#118849',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-default',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-success-active',
-          attributes: {},
-          path: ['semantic', 'border', 'success', 'active'],
-          lastName: 'active',
-        },
-      ],
-      warning: [
-        {
-          value: '#cc7005',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-default',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#995404',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#663802',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-warning-active',
-          attributes: {},
-          path: ['semantic', 'border', 'warning', 'active'],
-          lastName: 'active',
-        },
-      ],
-      danger: [
-        {
-          value: '#e02e49',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-default',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-danger-active',
-          attributes: {},
-          path: ['semantic', 'border', 'danger', 'active'],
-          lastName: 'active',
-        },
-      ],
-      focus: [
-        {
-          value: '#ffda06',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.yellow.500}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-focus-outline',
-          attributes: {},
-          path: ['semantic', 'border', 'focus', 'outline'],
-          lastName: 'outline',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{semantic.border.neutral.strong}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-focus-boxshadow',
-          attributes: {},
-          path: ['semantic', 'border', 'focus', 'boxshadow'],
-          lastName: 'boxshadow',
-        },
-      ],
-      on_inverted: [
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#ffffff',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-on_inverted-default',
-          attributes: {},
-          path: ['semantic', 'border', 'on_inverted', 'default'],
-          lastName: 'default',
-        },
-      ],
-      input: [
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-input-default',
-          attributes: {},
-          path: ['semantic', 'border', 'input', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#0062ba',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-input-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'input', 'hover'],
-          lastName: 'hover',
-        },
-      ],
-      primary: [
-        {
-          value: '#5c61d2',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#3339c6',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#0008b8',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.primary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-primary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'primary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      secondary: [
-        {
-          value: '#ffa869',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#e6975f',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#b3764a',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.secondary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-secondary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'secondary', 'active'],
-          lastName: 'active',
-        },
-      ],
-      tertiary: [
-        {
-          value: '#5ca28f',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-default',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#4c907e',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-hover',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#407d6d',
-          type: 'color',
-          filePath: '../../design-tokens/Brand/Tilsynet.json',
-          isSource: false,
-          original: {
-            value: '{brand.tertiary.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-border-tertiary-active',
-          attributes: {},
-          path: ['semantic', 'border', 'tertiary', 'active'],
-          lastName: 'active',
-        },
-      ],
-    },
-    text: {
-      success: [
-        {
-          value: '#0c6536',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.green.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-default',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#084826',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#084826',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#084826',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-active',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-on_success',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'on_success'],
-          lastName: 'on_success',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#1e2b3c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-success-on_success_subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'success', 'on_success_subtle'],
-          lastName: 'on_success_subtle',
-        },
-      ],
-      neutral: [
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-default',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#4b5563',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.grey.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'subtle'],
-          lastName: 'subtle',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-neutral-on_inverted',
-          attributes: {},
-          path: ['semantic', 'text', 'neutral', 'on_inverted'],
-          lastName: 'on_inverted',
-        },
-      ],
-      action: [
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#004e95',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'on_action'],
-          lastName: 'on_action',
-        },
-        {
-          value: '#0062ba',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#004e95',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#004e95',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#00315d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-primary-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'primary', 'on_action'],
-          lastName: 'on_action',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-default',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#00315d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.blue.900}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-active',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-action-secondary-on_action',
-          attributes: {},
-          path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
-          lastName: 'on_action',
-        },
-      ],
-      warning: [
-        {
-          value: '#995404',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-default',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#cc7005',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-icon_warning',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'icon_warning'],
-          lastName: 'icon_warning',
-        },
-        {
-          value: '#663802',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.orange.800}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-warning-on_warning',
-          attributes: {},
-          path: ['semantic', 'text', 'warning', 'on_warning'],
-          lastName: 'on_warning',
-        },
-      ],
-      danger: [
-        {
-          value: '#b3253a',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.red.600}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-default',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'default'],
-          lastName: 'default',
-        },
-        {
-          value: '#861c2c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#861c2c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-hover',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'hover'],
-          lastName: 'hover',
-        },
-        {
-          value: '#5a121d',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#5a121d',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-active',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'active'],
-          lastName: 'active',
-        },
-        {
-          value: '#ffffff',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.white}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-on_danger',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'on_danger'],
-          lastName: 'on_danger',
-        },
-        {
-          value: '#1e2b3c',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '#1e2b3c',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-danger-on_danger_subtle',
-          attributes: {},
-          path: ['semantic', 'text', 'danger', 'on_danger_subtle'],
-          lastName: 'on_danger_subtle',
-        },
-      ],
-      visited: [
-        {
-          value: '#7a1265',
-          type: 'color',
-          filePath: '../../design-tokens/Base/Semantic.json',
-          isSource: false,
-          original: {
-            value: '{colors.purple.700}',
-            type: 'color',
-          },
-          name: '--fds-semantic-text-visited-default',
-          attributes: {},
-          path: ['semantic', 'text', 'visited', 'default'],
-          lastName: 'default',
-        },
-      ],
-    },
-  },
-  brand: {
-    primary: [
-      {
-        value: '#efeffb',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#efeffb',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-100',
-        attributes: {},
-        path: ['brand', 'primary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#dedff6',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#dedff6',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-200',
-        attributes: {},
-        path: ['brand', 'primary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#bec0ed',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#bec0ed',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-300',
-        attributes: {},
-        path: ['brand', 'primary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#9da0e4',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#9da0e4',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-400',
-        attributes: {},
-        path: ['brand', 'primary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#7d81db',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#7d81db',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-500',
-        attributes: {},
-        path: ['brand', 'primary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#5c61d2',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#5c61d2',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-600',
-        attributes: {},
-        path: ['brand', 'primary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#3339c6',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#3339c6',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-700',
-        attributes: {},
-        path: ['brand', 'primary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#0008b8',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#0008b8',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-800',
-        attributes: {},
-        path: ['brand', 'primary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#00078F',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#00078F',
-          type: 'color',
-        },
-        name: '--fds-brand-primary-900',
-        attributes: {},
-        path: ['brand', 'primary', '900'],
-        lastName: '900',
-      },
-    ],
-    secondary: [
-      {
-        value: '#ffeee1',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#ffeee1',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-100',
-        attributes: {},
-        path: ['brand', 'secondary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#ffdcc3',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#ffdcc3',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-200',
-        attributes: {},
-        path: ['brand', 'secondary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#fdd4b7',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#fdd4b7',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-300',
-        attributes: {},
-        path: ['brand', 'secondary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#ffc296',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#ffc296',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-400',
-        attributes: {},
-        path: ['brand', 'secondary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#ffb178',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#ffb178',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-500',
-        attributes: {},
-        path: ['brand', 'secondary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#ffa869',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#ffa869',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-600',
-        attributes: {},
-        path: ['brand', 'secondary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#e6975f',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#e6975f',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-700',
-        attributes: {},
-        path: ['brand', 'secondary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#b3764a',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#b3764a',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-800',
-        attributes: {},
-        path: ['brand', 'secondary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#9F6841',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#9F6841',
-          type: 'color',
-        },
-        name: '--fds-brand-secondary-900',
-        attributes: {},
-        path: ['brand', 'secondary', '900'],
-        lastName: '900',
-      },
-    ],
-    tertiary: [
-      {
-        value: '#eff6f4',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#eff6f4',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-100',
-        attributes: {},
-        path: ['brand', 'tertiary', '100'],
-        lastName: '100',
-      },
-      {
-        value: '#deece9',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#deece9',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-200',
-        attributes: {},
-        path: ['brand', 'tertiary', '200'],
-        lastName: '200',
-      },
-      {
-        value: '#bedad2',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#bedad2',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-300',
-        attributes: {},
-        path: ['brand', 'tertiary', '300'],
-        lastName: '300',
-      },
-      {
-        value: '#9dc7bc',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#9dc7bc',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-400',
-        attributes: {},
-        path: ['brand', 'tertiary', '400'],
-        lastName: '400',
-      },
-      {
-        value: '#7db5a5',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#7db5a5',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-500',
-        attributes: {},
-        path: ['brand', 'tertiary', '500'],
-        lastName: '500',
-      },
-      {
-        value: '#5ca28f',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#5ca28f',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-600',
-        attributes: {},
-        path: ['brand', 'tertiary', '600'],
-        lastName: '600',
-      },
-      {
-        value: '#4c907e',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#4c907e',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-700',
-        attributes: {},
-        path: ['brand', 'tertiary', '700'],
-        lastName: '700',
-      },
-      {
-        value: '#407d6d',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#407d6d',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-800',
-        attributes: {},
-        path: ['brand', 'tertiary', '800'],
-        lastName: '800',
-      },
-      {
-        value: '#376C5E',
-        type: 'color',
-        filePath: '../../design-tokens/Brand/Tilsynet.json',
-        isSource: false,
-        original: {
-          value: '#376C5E',
-          type: 'color',
-        },
-        name: '--fds-brand-tertiary-900',
-        attributes: {},
-        path: ['brand', 'tertiary', '900'],
-        lastName: '900',
-      },
-    ],
+export const color = [
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-background-default',
+    attributes: {},
+    path: ['semantic', 'background', 'default'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-background-subtle',
+    attributes: {},
+    path: ['semantic', 'background', 'subtle'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'default'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-selected',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'selected'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'subtle'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'subtle-hover'],
+  },
+  {
+    value: '#68707c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'dark'],
+  },
+  {
+    value: '#4b5563',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-dark-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'dark-hover'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-neutral-inverted',
+    attributes: {},
+    path: ['semantic', 'surface', 'neutral', 'inverted'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'no_fill-active'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-checked',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'checked'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
+  },
+  {
+    value: '#3339c6',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#0008b8',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00078F',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-primary-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
+  },
+  {
+    value: '#f4f5f6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
+  },
+  {
+    value: '#407d6d',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#376C5E',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#376C5E',
+    type: 'color',
+    description: 'Standard farge for handlinger',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.900}',
+      type: 'color',
+      description: 'Standard farge for handlinger',
+    },
+    name: '--fds-semantic-surface-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.1)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.1)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
+  },
+  {
+    value: 'rgba(0, 49, 93, 0.2)',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: 'rgba({colors.blue.900}, 0.2)',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-action-secondary-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'],
+  },
+  {
+    value: '#d1f4e1',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'subtle'],
+  },
+  {
+    value: '#8be4b5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'subtle-hover'],
+  },
+  {
+    value: '#118849',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'default'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill'],
+  },
+  {
+    value: '#d1f4e1',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill-hover'],
+  },
+  {
+    value: '#8be4b5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-success-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'success', 'no_fill-active'],
+  },
+  {
+    value: '#fffbe6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'subtle'],
+  },
+  {
+    value: '#fff4b4',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'subtle-hover'],
+  },
+  {
+    value: '#ff8c06',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-warning-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'warning', 'default'],
+  },
+  {
+    value: '#f9d5db',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'subtle'],
+  },
+  {
+    value: '#f3abb6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'subtle-hover'],
+  },
+  {
+    value: '#e02e49',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'default'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'hover'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill'],
+  },
+  {
+    value: '#f9d5db',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill-hover'],
+  },
+  {
+    value: '#f3abb6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-danger-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'danger', 'no_fill-active'],
+  },
+  {
+    value: '#e6eff8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.100}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-info-subtle',
+    attributes: {},
+    path: ['semantic', 'surface', 'info', 'subtle'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-info-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'info', 'subtle-hover'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-default',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'default'],
+  },
+  {
+    value: '#ffffffe6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffffe6',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'hover'],
+  },
+  {
+    value: '#ffffffcc',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffffcc',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'active'],
+  },
+  {
+    value: '#ffffff00',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff00',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill'],
+  },
+  {
+    value: '#ffffff1a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff1a',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'],
+  },
+  {
+    value: '#ffffff33',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff33',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-on_inverted-no_fill-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'],
+  },
+  {
+    value: '#dedff6',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light'],
+  },
+  {
+    value: '#bec0ed',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light-hover'],
+  },
+  {
+    value: '#9da0e4',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'light-active'],
+  },
+  {
+    value: '#0008b8',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-primary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'primary', 'dark'],
+  },
+  {
+    value: '#ffdcc3',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light'],
+  },
+  {
+    value: '#fdd4b7',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light-hover'],
+  },
+  {
+    value: '#ffc296',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'light-active'],
+  },
+  {
+    value: '#9F6841',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-secondary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'secondary', 'dark'],
+  },
+  {
+    value: '#deece9',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light'],
+  },
+  {
+    value: '#bedad2',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light-hover',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light-hover'],
+  },
+  {
+    value: '#9dc7bc',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-light-active',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'light-active'],
+  },
+  {
+    value: '#407d6d',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-surface-tertiary-dark',
+    attributes: {},
+    path: ['semantic', 'surface', 'tertiary', 'dark'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-info-default',
+    attributes: {},
+    path: ['semantic', 'border', 'info', 'default'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'subtle'],
+  },
+  {
+    value: '#66a1d6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'default'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'active'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-dark',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'dark'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-dark-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'dark-hover'],
+  },
+  {
+    value: '#b3d0ea',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'subtle'],
+  },
+  {
+    value: '#66a1d6',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#e9eaec',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.200}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
+  },
+  {
+    value: '#d2d5d8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-subtle-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#68707c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-default',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'default'],
+  },
+  {
+    value: '#d2d5d8',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.300}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'subtle'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-strong',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'strong'],
+  },
+  {
+    value: '#bcbfc5',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.400}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-neutral-divider',
+    attributes: {},
+    path: ['semantic', 'border', 'neutral', 'divider'],
+  },
+  {
+    value: '#118849',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-default',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'default'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-success-active',
+    attributes: {},
+    path: ['semantic', 'border', 'success', 'active'],
+  },
+  {
+    value: '#cc7005',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-default',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'default'],
+  },
+  {
+    value: '#995404',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'hover'],
+  },
+  {
+    value: '#663802',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-warning-active',
+    attributes: {},
+    path: ['semantic', 'border', 'warning', 'active'],
+  },
+  {
+    value: '#e02e49',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-default',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'default'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'hover'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-danger-active',
+    attributes: {},
+    path: ['semantic', 'border', 'danger', 'active'],
+  },
+  {
+    value: '#ffda06',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.yellow.500}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-focus-outline',
+    attributes: {},
+    path: ['semantic', 'border', 'focus', 'outline'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{semantic.border.neutral.strong}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-focus-boxshadow',
+    attributes: {},
+    path: ['semantic', 'border', 'focus', 'boxshadow'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#ffffff',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-on_inverted-default',
+    attributes: {},
+    path: ['semantic', 'border', 'on_inverted', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-input-default',
+    attributes: {},
+    path: ['semantic', 'border', 'input', 'default'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#0062ba',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-input-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'input', 'hover'],
+  },
+  {
+    value: '#5c61d2',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'default'],
+  },
+  {
+    value: '#3339c6',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'hover'],
+  },
+  {
+    value: '#0008b8',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.primary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-primary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'primary', 'active'],
+  },
+  {
+    value: '#ffa869',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'default'],
+  },
+  {
+    value: '#e6975f',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'hover'],
+  },
+  {
+    value: '#b3764a',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.secondary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-secondary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'secondary', 'active'],
+  },
+  {
+    value: '#5ca28f',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-default',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'default'],
+  },
+  {
+    value: '#4c907e',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-hover',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'hover'],
+  },
+  {
+    value: '#407d6d',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '{brand.tertiary.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-border-tertiary-active',
+    attributes: {},
+    path: ['semantic', 'border', 'tertiary', 'active'],
+  },
+  {
+    value: '#0c6536',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.green.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-default',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'default'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#084826',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'hover'],
+  },
+  {
+    value: '#084826',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#084826',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-active',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-on_success',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'on_success'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#1e2b3c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-success-on_success_subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'success', 'on_success_subtle'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-default',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'default'],
+  },
+  {
+    value: '#4b5563',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.grey.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'subtle'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-neutral-on_inverted',
+    attributes: {},
+    path: ['semantic', 'text', 'neutral', 'on_inverted'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#004e95',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'on_action'],
+  },
+  {
+    value: '#0062ba',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'default'],
+  },
+  {
+    value: '#004e95',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#004e95',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#00315d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-primary-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'primary', 'on_action'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-default',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'default'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'hover'],
+  },
+  {
+    value: '#00315d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.blue.900}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-active',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-action-secondary-on_action',
+    attributes: {},
+    path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
+  },
+  {
+    value: '#995404',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-default',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'default'],
+  },
+  {
+    value: '#cc7005',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-icon_warning',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'icon_warning'],
+  },
+  {
+    value: '#663802',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.orange.800}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-warning-on_warning',
+    attributes: {},
+    path: ['semantic', 'text', 'warning', 'on_warning'],
+  },
+  {
+    value: '#b3253a',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.red.600}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-default',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'default'],
+  },
+  {
+    value: '#861c2c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#861c2c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-hover',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'hover'],
+  },
+  {
+    value: '#5a121d',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#5a121d',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-active',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'active'],
+  },
+  {
+    value: '#ffffff',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.white}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-on_danger',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'on_danger'],
+  },
+  {
+    value: '#1e2b3c',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '#1e2b3c',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-danger-on_danger_subtle',
+    attributes: {},
+    path: ['semantic', 'text', 'danger', 'on_danger_subtle'],
+  },
+  {
+    value: '#7a1265',
+    type: 'color',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{colors.purple.700}',
+      type: 'color',
+    },
+    name: '--fds-semantic-text-visited-default',
+    attributes: {},
+    path: ['semantic', 'text', 'visited', 'default'],
+  },
+  {
+    value: '#efeffb',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#efeffb',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-100',
+    attributes: {},
+    path: ['brand', 'primary', '100'],
+  },
+  {
+    value: '#dedff6',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#dedff6',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-200',
+    attributes: {},
+    path: ['brand', 'primary', '200'],
+  },
+  {
+    value: '#bec0ed',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#bec0ed',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-300',
+    attributes: {},
+    path: ['brand', 'primary', '300'],
+  },
+  {
+    value: '#9da0e4',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#9da0e4',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-400',
+    attributes: {},
+    path: ['brand', 'primary', '400'],
+  },
+  {
+    value: '#7d81db',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#7d81db',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-500',
+    attributes: {},
+    path: ['brand', 'primary', '500'],
+  },
+  {
+    value: '#5c61d2',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#5c61d2',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-600',
+    attributes: {},
+    path: ['brand', 'primary', '600'],
+  },
+  {
+    value: '#3339c6',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#3339c6',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-700',
+    attributes: {},
+    path: ['brand', 'primary', '700'],
+  },
+  {
+    value: '#0008b8',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#0008b8',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-800',
+    attributes: {},
+    path: ['brand', 'primary', '800'],
+  },
+  {
+    value: '#00078F',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#00078F',
+      type: 'color',
+    },
+    name: '--fds-brand-primary-900',
+    attributes: {},
+    path: ['brand', 'primary', '900'],
+  },
+  {
+    value: '#ffeee1',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#ffeee1',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-100',
+    attributes: {},
+    path: ['brand', 'secondary', '100'],
+  },
+  {
+    value: '#ffdcc3',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#ffdcc3',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-200',
+    attributes: {},
+    path: ['brand', 'secondary', '200'],
+  },
+  {
+    value: '#fdd4b7',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#fdd4b7',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-300',
+    attributes: {},
+    path: ['brand', 'secondary', '300'],
+  },
+  {
+    value: '#ffc296',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#ffc296',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-400',
+    attributes: {},
+    path: ['brand', 'secondary', '400'],
+  },
+  {
+    value: '#ffb178',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#ffb178',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-500',
+    attributes: {},
+    path: ['brand', 'secondary', '500'],
+  },
+  {
+    value: '#ffa869',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#ffa869',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-600',
+    attributes: {},
+    path: ['brand', 'secondary', '600'],
+  },
+  {
+    value: '#e6975f',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#e6975f',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-700',
+    attributes: {},
+    path: ['brand', 'secondary', '700'],
+  },
+  {
+    value: '#b3764a',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#b3764a',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-800',
+    attributes: {},
+    path: ['brand', 'secondary', '800'],
+  },
+  {
+    value: '#9F6841',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#9F6841',
+      type: 'color',
+    },
+    name: '--fds-brand-secondary-900',
+    attributes: {},
+    path: ['brand', 'secondary', '900'],
+  },
+  {
+    value: '#eff6f4',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#eff6f4',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-100',
+    attributes: {},
+    path: ['brand', 'tertiary', '100'],
+  },
+  {
+    value: '#deece9',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#deece9',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-200',
+    attributes: {},
+    path: ['brand', 'tertiary', '200'],
+  },
+  {
+    value: '#bedad2',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#bedad2',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-300',
+    attributes: {},
+    path: ['brand', 'tertiary', '300'],
+  },
+  {
+    value: '#9dc7bc',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#9dc7bc',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-400',
+    attributes: {},
+    path: ['brand', 'tertiary', '400'],
+  },
+  {
+    value: '#7db5a5',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#7db5a5',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-500',
+    attributes: {},
+    path: ['brand', 'tertiary', '500'],
+  },
+  {
+    value: '#5ca28f',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#5ca28f',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-600',
+    attributes: {},
+    path: ['brand', 'tertiary', '600'],
+  },
+  {
+    value: '#4c907e',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#4c907e',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-700',
+    attributes: {},
+    path: ['brand', 'tertiary', '700'],
+  },
+  {
+    value: '#407d6d',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#407d6d',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-800',
+    attributes: {},
+    path: ['brand', 'tertiary', '800'],
+  },
+  {
+    value: '#376C5E',
+    type: 'color',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
+    isSource: false,
+    original: {
+      value: '#376C5E',
+      type: 'color',
+    },
+    name: '--fds-brand-tertiary-900',
+    attributes: {},
+    path: ['brand', 'tertiary', '900'],
   },
-};
+];
 
-export const typography = {
-  typography: {
-    heading: [
-      {
-        value:
-          "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H1',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f5}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H1',
-        },
-        name: '--fds-typography-heading-xlarge',
-        attributes: {},
-        path: ['typography', 'heading', 'xlarge'],
-        lastName: 'xlarge',
-      },
-      {
-        value:
-          "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H2',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f4}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H2',
-        },
-        name: '--fds-typography-heading-large',
-        attributes: {},
-        path: ['typography', 'heading', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H3',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f3}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H3',
-        },
-        name: '--fds-typography-heading-medium',
-        attributes: {},
-        path: ['typography', 'heading', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H4',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H4',
-        },
-        name: '--fds-typography-heading-small',
-        attributes: {},
-        path: ['typography', 'heading', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H5',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H5',
-        },
-        name: '--fds-typography-heading-xsmall',
-        attributes: {},
-        path: ['typography', 'heading', 'xsmall'],
-        lastName: 'xsmall',
-      },
-      {
-        value:
-          "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        description: 'H6',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-          description: 'H6',
-        },
-        name: '--fds-typography-heading-xxsmall',
-        attributes: {},
-        path: ['typography', 'heading', 'xxsmall'],
-        lastName: 'xxsmall',
-      },
-    ],
-    ingress: [
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.600}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-ingress-medium',
-        attributes: {},
-        path: ['typography', 'ingress', 'medium'],
-        lastName: 'medium',
-      },
-    ],
-    paragraph: [
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-large',
-        attributes: {},
-        path: ['typography', 'paragraph', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-medium',
-        attributes: {},
-        path: ['typography', 'paragraph', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-small',
-        attributes: {},
-        path: ['typography', 'paragraph', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.500}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-xsmall',
-        attributes: {},
-        path: ['typography', 'paragraph', 'xsmall'],
-        lastName: 'xsmall',
-      },
-      {
-        value:
-          "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-large',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-medium',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-small',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-paragraph-short-xsmall',
-        attributes: {},
-        path: ['typography', 'paragraph', 'short', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    label: [
-      {
-        value:
-          "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-large',
-        attributes: {},
-        path: ['typography', 'label', 'large'],
-        lastName: 'large',
-      },
-      {
-        value:
-          "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-medium',
-        attributes: {},
-        path: ['typography', 'label', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-small',
-        attributes: {},
-        path: ['typography', 'label', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.medium}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-label-xsmall',
-        attributes: {},
-        path: ['typography', 'label', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    error_message: [
-      {
-        value:
-          "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f0}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-medium',
-        attributes: {},
-        path: ['typography', 'error_message', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value:
-          "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-1}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-small',
-        attributes: {},
-        path: ['typography', 'error_message', 'small'],
-        lastName: 'small',
-      },
-      {
-        value:
-          "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-size.f-2}',
-            letterSpacing: '{letterSpacing.1}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-error_message-xsmall',
-        attributes: {},
-        path: ['typography', 'error_message', 'xsmall'],
-        lastName: 'xsmall',
-      },
-    ],
-    interactive: [
-      {
-        value: "400 1.5rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.large}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-large',
-        attributes: {},
-        path: ['typography', 'interactive', 'large'],
-        lastName: 'large',
-      },
-      {
-        value: "400 1.125rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.medium}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-medium',
-        attributes: {},
-        path: ['typography', 'interactive', 'medium'],
-        lastName: 'medium',
-      },
-      {
-        value: "400 1rem/1.3 'Inter'",
-        type: 'typography',
-        filePath: '../../design-tokens/Base/Semantic.json',
-        isSource: false,
-        original: {
-          value: {
-            fontFamily: '{fontFamilies.inter}',
-            fontWeight: '{fontWeights.regular}',
-            lineHeight: '{lineHeights.300}',
-            fontSize: '{font-static.small}',
-            letterSpacing: '{letterSpacing.0}',
-            paragraphSpacing: '{paragraphSpacing.0}',
-            paragraphIndent: '{paragraphIndent.0}',
-            textCase: '{textCase.none}',
-            textDecoration: '{textDecoration.none}',
-          },
-          type: 'typography',
-        },
-        name: '--fds-typography-interactive-small',
-        attributes: {},
-        path: ['typography', 'interactive', 'small'],
-        lastName: 'small',
-      },
-    ],
+export const typography = [
+  {
+    value: "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H1',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f5}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H1',
+    },
+    name: '--fds-typography-heading-xlarge',
+    attributes: {},
+    path: ['typography', 'heading', 'xlarge'],
+  },
+  {
+    value: "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H2',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f4}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H2',
+    },
+    name: '--fds-typography-heading-large',
+    attributes: {},
+    path: ['typography', 'heading', 'large'],
+  },
+  {
+    value: "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H3',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f3}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H3',
+    },
+    name: '--fds-typography-heading-medium',
+    attributes: {},
+    path: ['typography', 'heading', 'medium'],
+  },
+  {
+    value: "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H4',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H4',
+    },
+    name: '--fds-typography-heading-small',
+    attributes: {},
+    path: ['typography', 'heading', 'small'],
+  },
+  {
+    value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H5',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H5',
+    },
+    name: '--fds-typography-heading-xsmall',
+    attributes: {},
+    path: ['typography', 'heading', 'xsmall'],
+  },
+  {
+    value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    description: 'H6',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+      description: 'H6',
+    },
+    name: '--fds-typography-heading-xxsmall',
+    attributes: {},
+    path: ['typography', 'heading', 'xxsmall'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.600}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-ingress-medium',
+    attributes: {},
+    path: ['typography', 'ingress', 'medium'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-large',
+    attributes: {},
+    path: ['typography', 'paragraph', 'large'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-medium',
+    attributes: {},
+    path: ['typography', 'paragraph', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-small',
+    attributes: {},
+    path: ['typography', 'paragraph', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.500}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-xsmall',
+    attributes: {},
+    path: ['typography', 'paragraph', 'xsmall'],
+  },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-large',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'large'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-medium',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-small',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-paragraph-short-xsmall',
+    attributes: {},
+    path: ['typography', 'paragraph', 'short', 'xsmall'],
+  },
+  {
+    value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-large',
+    attributes: {},
+    path: ['typography', 'label', 'large'],
+  },
+  {
+    value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-medium',
+    attributes: {},
+    path: ['typography', 'label', 'medium'],
+  },
+  {
+    value: "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-small',
+    attributes: {},
+    path: ['typography', 'label', 'small'],
+  },
+  {
+    value: "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.medium}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-label-xsmall',
+    attributes: {},
+    path: ['typography', 'label', 'xsmall'],
+  },
+  {
+    value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f0}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-medium',
+    attributes: {},
+    path: ['typography', 'error_message', 'medium'],
+  },
+  {
+    value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-1}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-small',
+    attributes: {},
+    path: ['typography', 'error_message', 'small'],
+  },
+  {
+    value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f-2}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-xsmall',
+    attributes: {},
+    path: ['typography', 'error_message', 'xsmall'],
+  },
+  {
+    value: "400 1.5rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.large}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-large',
+    attributes: {},
+    path: ['typography', 'interactive', 'large'],
+  },
+  {
+    value: "400 1.125rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.medium}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-medium',
+    attributes: {},
+    path: ['typography', 'interactive', 'medium'],
+  },
+  {
+    value: "400 1rem/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-static.small}',
+        letterSpacing: '{letterSpacing.0}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-interactive-small',
+    attributes: {},
+    path: ['typography', 'interactive', 'small'],
   },
-};
+];
 
-export const opacity = {
-  opacity: [
-    {
+export const opacity = [
+  {
+    value: '30%',
+    type: 'opacity',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '30%',
       type: 'opacity',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '30%',
-        type: 'opacity',
-      },
-      name: '--fds-opacity-disabled',
-      attributes: {},
-      path: ['opacity', 'disabled'],
-      lastName: 'disabled',
     },
-  ],
-};
+    name: '--fds-opacity-disabled',
+    attributes: {},
+    path: ['opacity', 'disabled'],
+  },
+];
 
-export const borderRadius = {
-  border_radius: [
-    {
-      value: '4px',
+export const borderRadius = [
+  {
+    value: '4px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_radius.medium}',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_radius.medium}',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-interactive',
-      attributes: {},
-      path: ['border_radius', 'interactive'],
-      lastName: 'interactive',
     },
-    {
+    name: '--fds-border_radius-interactive',
+    attributes: {},
+    path: ['border_radius', 'interactive'],
+  },
+  {
+    value: '2px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '2px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '2px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-small',
-      attributes: {},
-      path: ['border_radius', 'small'],
-      lastName: 'small',
     },
-    {
+    name: '--fds-border_radius-small',
+    attributes: {},
+    path: ['border_radius', 'small'],
+  },
+  {
+    value: '4px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '4px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-medium',
-      attributes: {},
-      path: ['border_radius', 'medium'],
-      lastName: 'medium',
     },
-    {
+    name: '--fds-border_radius-medium',
+    attributes: {},
+    path: ['border_radius', 'medium'],
+  },
+  {
+    value: '8px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '8px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '8px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-large',
-      attributes: {},
-      path: ['border_radius', 'large'],
-      lastName: 'large',
     },
-    {
+    name: '--fds-border_radius-large',
+    attributes: {},
+    path: ['border_radius', 'large'],
+  },
+  {
+    value: '12px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '12px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '12px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-xlarge',
-      attributes: {},
-      path: ['border_radius', 'xlarge'],
-      lastName: 'xlarge',
     },
-    {
+    name: '--fds-border_radius-xlarge',
+    attributes: {},
+    path: ['border_radius', 'xlarge'],
+  },
+  {
+    value: '9999px',
+    type: 'borderRadius',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '9999px',
       type: 'borderRadius',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '9999px',
-        type: 'borderRadius',
-      },
-      name: '--fds-border_radius-full',
-      attributes: {},
-      path: ['border_radius', 'full'],
-      lastName: 'full',
     },
-  ],
-};
+    name: '--fds-border_radius-full',
+    attributes: {},
+    path: ['border_radius', 'full'],
+  },
+];
 
-export const spacing = {
-  spacing: [
-    {
-      value: 'calc(0)',
+export const spacing = [
+  {
+    value: 'calc(0)',
+    type: 'spacing',
+    description: '0',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '0',
       type: 'spacing',
       description: '0',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '0',
-        type: 'spacing',
-        description: '0',
-      },
-      name: '--fds-spacing-0',
-      attributes: {},
-      path: ['spacing', '0'],
-      lastName: '0',
     },
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-0',
+    attributes: {},
+    path: ['spacing', '0'],
+  },
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '4px - 4.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}/16*{font-size.f0}',
       type: 'spacing',
       description: '4px - 4.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}/16*{font-size.f0}',
-        type: 'spacing',
-        description: '4px - 4.5px',
-      },
-      name: '--fds-spacing-1',
-      attributes: {},
-      path: ['spacing', '1'],
-      lastName: '1',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-1',
+    attributes: {},
+    path: ['spacing', '1'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '8px - 9px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*2/16*{font-size.f0}',
       type: 'spacing',
       description: '8px - 9px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*2/16*{font-size.f0}',
-        type: 'spacing',
-        description: '8px - 9px',
-      },
-      name: '--fds-spacing-2',
-      attributes: {},
-      path: ['spacing', '2'],
-      lastName: '2',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-2',
+    attributes: {},
+    path: ['spacing', '2'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '12px - 13.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*3/16*{font-size.f0}',
       type: 'spacing',
       description: '12px - 13.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*3/16*{font-size.f0}',
-        type: 'spacing',
-        description: '12px - 13.5px',
-      },
-      name: '--fds-spacing-3',
-      attributes: {},
-      path: ['spacing', '3'],
-      lastName: '3',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-3',
+    attributes: {},
+    path: ['spacing', '3'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '16px - 18px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*4/16*{font-size.f0}',
       type: 'spacing',
       description: '16px - 18px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*4/16*{font-size.f0}',
-        type: 'spacing',
-        description: '16px - 18px',
-      },
-      name: '--fds-spacing-4',
-      attributes: {},
-      path: ['spacing', '4'],
-      lastName: '4',
     },
-    {
-      value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-4',
+    attributes: {},
+    path: ['spacing', '4'],
+  },
+  {
+    value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '20px - 22.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*5/16*{font-size.f0}',
       type: 'spacing',
       description: '20px - 22.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*5/16*{font-size.f0}',
-        type: 'spacing',
-        description: '20px - 22.5px',
-      },
-      name: '--fds-spacing-5',
-      attributes: {},
-      path: ['spacing', '5'],
-      lastName: '5',
     },
-    {
-      value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-5',
+    attributes: {},
+    path: ['spacing', '5'],
+  },
+  {
+    value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '24px - 27px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*6/16*{font-size.f0}',
       type: 'spacing',
       description: '24px - 27px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*6/16*{font-size.f0}',
-        type: 'spacing',
-        description: '24px - 27px',
-      },
-      name: '--fds-spacing-6',
-      attributes: {},
-      path: ['spacing', '6'],
-      lastName: '6',
     },
-    {
-      value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-6',
+    attributes: {},
+    path: ['spacing', '6'],
+  },
+  {
+    value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '28px - 31.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_spacing}*7/16*{font-size.f0}',
       type: 'spacing',
       description: '28px - 31.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_spacing}*7/16*{font-size.f0}',
-        type: 'spacing',
-        description: '28px - 31.5px',
-      },
-      name: '--fds-spacing-7',
-      attributes: {},
-      path: ['spacing', '7'],
-      lastName: '7',
     },
-    {
-      value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-7',
+    attributes: {},
+    path: ['spacing', '7'],
+  },
+  {
+    value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '32px - 36px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*8/16)*{font-size.f0}',
       type: 'spacing',
       description: '32px - 36px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*8/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '32px - 36px',
-      },
-      name: '--fds-spacing-8',
-      attributes: {},
-      path: ['spacing', '8'],
-      lastName: '8',
     },
-    {
-      value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-8',
+    attributes: {},
+    path: ['spacing', '8'],
+  },
+  {
+    value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '40px - 45px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*10/16)*{font-size.f0}',
       type: 'spacing',
       description: '40px - 45px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*10/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '40px - 45px',
-      },
-      name: '--fds-spacing-10',
-      attributes: {},
-      path: ['spacing', '10'],
-      lastName: '10',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-10',
+    attributes: {},
+    path: ['spacing', '10'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '48px - 54px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*12/16)*{font-size.f0}',
       type: 'spacing',
       description: '48px - 54px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*12/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '48px - 54px',
-      },
-      name: '--fds-spacing-12',
-      attributes: {},
-      path: ['spacing', '12'],
-      lastName: '12',
     },
-    {
-      value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-12',
+    attributes: {},
+    path: ['spacing', '12'],
+  },
+  {
+    value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '56px - 63px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*14/16)*{font-size.f0}',
       type: 'spacing',
       description: '56px - 63px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*14/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '56px - 63px',
-      },
-      name: '--fds-spacing-14',
-      attributes: {},
-      path: ['spacing', '14'],
-      lastName: '14',
     },
-    {
-      value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-14',
+    attributes: {},
+    path: ['spacing', '14'],
+  },
+  {
+    value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '72px - 81px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*18/16)*{font-size.f0}',
       type: 'spacing',
       description: '72px - 81px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*18/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '72px - 81px',
-      },
-      name: '--fds-spacing-18',
-      attributes: {},
-      path: ['spacing', '18'],
-      lastName: '18',
     },
-    {
-      value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-18',
+    attributes: {},
+    path: ['spacing', '18'],
+  },
+  {
+    value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '88px - 99px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*22/16)*{font-size.f0}',
       type: 'spacing',
       description: '88px - 99px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*22/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '88px - 99px',
-      },
-      name: '--fds-spacing-22',
-      attributes: {},
-      path: ['spacing', '22'],
-      lastName: '22',
     },
-    {
-      value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-22',
+    attributes: {},
+    path: ['spacing', '22'],
+  },
+  {
+    value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '104px - 117px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*26/16)*{font-size.f0}',
       type: 'spacing',
       description: '104px - 117px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*26/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '104px - 117px',
-      },
-      name: '--fds-spacing-26',
-      attributes: {},
-      path: ['spacing', '26'],
-      lastName: '26',
     },
-    {
-      value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-spacing-26',
+    attributes: {},
+    path: ['spacing', '26'],
+  },
+  {
+    value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    description: '120px - 135px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_spacing}*30/16)*{font-size.f0}',
       type: 'spacing',
       description: '120px - 135px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_spacing}*30/16)*{font-size.f0}',
-        type: 'spacing',
-        description: '120px - 135px',
-      },
-      name: '--fds-spacing-30',
-      attributes: {},
-      path: ['spacing', '30'],
-      lastName: '30',
-    },
-  ],
-  base_spacing: [
-    {
-      value: '4',
-      type: 'spacing',
-      description: '4px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4',
-        type: 'spacing',
-        description: '4px',
-      },
-      name: '--fds-base_spacing',
-      attributes: {},
-      path: ['base_spacing'],
-      lastName: 'base_spacing',
-    },
-  ],
-  'component-mode-spacing': [
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    },
+    name: '--fds-spacing-30',
+    attributes: {},
+    path: ['spacing', '30'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.2}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.2}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-small',
-      attributes: {},
-      path: ['component-mode-spacing', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-spacing-small',
+    attributes: {},
+    path: ['component-mode-spacing', 'small'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.3}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.3}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-medium',
-      attributes: {},
-      path: ['component-mode-spacing', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-spacing-medium',
+    attributes: {},
+    path: ['component-mode-spacing', 'medium'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.4}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.4}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-spacing-large',
-      attributes: {},
-      path: ['component-mode-spacing', 'large'],
-      lastName: 'large',
-    },
-  ],
-  'component-mode-gap': [
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    },
+    name: '--fds-component-mode-spacing-large',
+    attributes: {},
+    path: ['component-mode-spacing', 'large'],
+  },
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.1}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.1}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-small',
-      attributes: {},
-      path: ['component-mode-gap', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-gap-small',
+    attributes: {},
+    path: ['component-mode-gap', 'small'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.2}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.2}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-medium',
-      attributes: {},
-      path: ['component-mode-gap', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-gap-medium',
+    attributes: {},
+    path: ['component-mode-gap', 'medium'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'spacing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{spacing.3}',
       type: 'spacing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{spacing.3}',
-        type: 'spacing',
-      },
-      name: '--fds-component-mode-gap-large',
-      attributes: {},
-      path: ['component-mode-gap', 'large'],
-      lastName: 'large',
     },
-  ],
-};
+    name: '--fds-component-mode-gap-large',
+    attributes: {},
+    path: ['component-mode-gap', 'large'],
+  },
+];
 
-export const sizing = {
-  sizing: [
-    {
-      value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+export const sizing = [
+  {
+    value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '4px - 4.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}/16*{font-size.f0}',
       type: 'sizing',
       description: '4px - 4.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}/16*{font-size.f0}',
-        type: 'sizing',
-        description: '4px - 4.5px',
-      },
-      name: '--fds-sizing-1',
-      attributes: {},
-      path: ['sizing', '1'],
-      lastName: '1',
     },
-    {
-      value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-1',
+    attributes: {},
+    path: ['sizing', '1'],
+  },
+  {
+    value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '8px - 9px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*2/16*{font-size.f0}',
       type: 'sizing',
       description: '8px - 9px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*2/16*{font-size.f0}',
-        type: 'sizing',
-        description: '8px - 9px',
-      },
-      name: '--fds-sizing-2',
-      attributes: {},
-      path: ['sizing', '2'],
-      lastName: '2',
     },
-    {
-      value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-2',
+    attributes: {},
+    path: ['sizing', '2'],
+  },
+  {
+    value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '12px - 13.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*3/16*{font-size.f0}',
       type: 'sizing',
       description: '12px - 13.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*3/16*{font-size.f0}',
-        type: 'sizing',
-        description: '12px - 13.5px',
-      },
-      name: '--fds-sizing-3',
-      attributes: {},
-      path: ['sizing', '3'],
-      lastName: '3',
     },
-    {
-      value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-3',
+    attributes: {},
+    path: ['sizing', '3'],
+  },
+  {
+    value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '16px - 18px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*4/16*{font-size.f0}',
       type: 'sizing',
       description: '16px - 18px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*4/16*{font-size.f0}',
-        type: 'sizing',
-        description: '16px - 18px',
-      },
-      name: '--fds-sizing-4',
-      attributes: {},
-      path: ['sizing', '4'],
-      lastName: '4',
     },
-    {
-      value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-4',
+    attributes: {},
+    path: ['sizing', '4'],
+  },
+  {
+    value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '20px - 22.5',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*5/16*{font-size.f0}',
       type: 'sizing',
       description: '20px - 22.5',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*5/16*{font-size.f0}',
-        type: 'sizing',
-        description: '20px - 22.5',
-      },
-      name: '--fds-sizing-5',
-      attributes: {},
-      path: ['sizing', '5'],
-      lastName: '5',
     },
-    {
-      value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-5',
+    attributes: {},
+    path: ['sizing', '5'],
+  },
+  {
+    value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '24px - 27px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*6/16*{font-size.f0}',
       type: 'sizing',
       description: '24px - 27px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*6/16*{font-size.f0}',
-        type: 'sizing',
-        description: '24px - 27px',
-      },
-      name: '--fds-sizing-6',
-      attributes: {},
-      path: ['sizing', '6'],
-      lastName: '6',
     },
-    {
-      value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-6',
+    attributes: {},
+    path: ['sizing', '6'],
+  },
+  {
+    value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '28px - 31.5px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*7/16*{font-size.f0}',
       type: 'sizing',
       description: '28px - 31.5px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*7/16*{font-size.f0}',
-        type: 'sizing',
-        description: '28px - 31.5px',
-      },
-      name: '--fds-sizing-7',
-      attributes: {},
-      path: ['sizing', '7'],
-      lastName: '7',
     },
-    {
-      value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-7',
+    attributes: {},
+    path: ['sizing', '7'],
+  },
+  {
+    value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '32px - 36px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*8/16*{font-size.f0}',
       type: 'sizing',
       description: '32px - 36px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*8/16*{font-size.f0}',
-        type: 'sizing',
-        description: '32px - 36px',
-      },
-      name: '--fds-sizing-8',
-      attributes: {},
-      path: ['sizing', '8'],
-      lastName: '8',
     },
-    {
-      value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-8',
+    attributes: {},
+    path: ['sizing', '8'],
+  },
+  {
+    value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '40px - 45px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{base_sizing}*10/16*{font-size.f0}',
       type: 'sizing',
       description: '40px - 45px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{base_sizing}*10/16*{font-size.f0}',
-        type: 'sizing',
-        description: '40px - 45px',
-      },
-      name: '--fds-sizing-10',
-      attributes: {},
-      path: ['sizing', '10'],
-      lastName: '10',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-10',
+    attributes: {},
+    path: ['sizing', '10'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '48px - 54px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*12/16)*{font-size.f0}',
       type: 'sizing',
       description: '48px - 54px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*12/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '48px - 54px',
-      },
-      name: '--fds-sizing-12',
-      attributes: {},
-      path: ['sizing', '12'],
-      lastName: '12',
     },
-    {
-      value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-12',
+    attributes: {},
+    path: ['sizing', '12'],
+  },
+  {
+    value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '56px - 63px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*14/16)*{font-size.f0}',
       type: 'sizing',
       description: '56px - 63px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*14/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '56px - 63px',
-      },
-      name: '--fds-sizing-14',
-      attributes: {},
-      path: ['sizing', '14'],
-      lastName: '14',
     },
-    {
-      value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-14',
+    attributes: {},
+    path: ['sizing', '14'],
+  },
+  {
+    value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '72px - 81px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*18/16)*{font-size.f0}',
       type: 'sizing',
       description: '72px - 81px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*18/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '72px - 81px',
-      },
-      name: '--fds-sizing-18',
-      attributes: {},
-      path: ['sizing', '18'],
-      lastName: '18',
     },
-    {
-      value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-18',
+    attributes: {},
+    path: ['sizing', '18'],
+  },
+  {
+    value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '88px - 99px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*22/16)*{font-size.f0}',
       type: 'sizing',
       description: '88px - 99px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*22/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '88px - 99px',
-      },
-      name: '--fds-sizing-22',
-      attributes: {},
-      path: ['sizing', '22'],
-      lastName: '22',
     },
-    {
-      value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-22',
+    attributes: {},
+    path: ['sizing', '22'],
+  },
+  {
+    value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '104px - 117px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*26/16)*{font-size.f0}',
       type: 'sizing',
       description: '104px - 117px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*26/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '104px - 117px',
-      },
-      name: '--fds-sizing-26',
-      attributes: {},
-      path: ['sizing', '26'],
-      lastName: '26',
     },
-    {
-      value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-sizing-26',
+    attributes: {},
+    path: ['sizing', '26'],
+  },
+  {
+    value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    description: '120px - 135px',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '({base_sizing}*30/16)*{font-size.f0}',
       type: 'sizing',
       description: '120px - 135px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '({base_sizing}*30/16)*{font-size.f0}',
-        type: 'sizing',
-        description: '120px - 135px',
-      },
-      name: '--fds-sizing-30',
-      attributes: {},
-      path: ['sizing', '30'],
-      lastName: '30',
-    },
-  ],
-  base_sizing: [
-    {
-      value: '4',
-      type: 'sizing',
-      description: '4px',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '4',
-        type: 'sizing',
-        description: '4px',
-      },
-      name: '--fds-base_sizing',
-      attributes: {},
-      path: ['base_sizing'],
-      lastName: 'base_sizing',
-    },
-  ],
-  'component-mode-height': [
-    {
-      value: '36px',
+    },
+    name: '--fds-sizing-30',
+    attributes: {},
+    path: ['sizing', '30'],
+  },
+  {
+    value: '36px',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '36',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '36',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-small',
-      attributes: {},
-      path: ['component-mode-height', 'small'],
-      lastName: 'small',
     },
-    {
-      value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-height-small',
+    attributes: {},
+    path: ['component-mode-height', 'small'],
+  },
+  {
+    value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{sizing.10}',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{sizing.10}',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-medium',
-      attributes: {},
-      path: ['component-mode-height', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    name: '--fds-component-mode-height-medium',
+    attributes: {},
+    path: ['component-mode-height', 'medium'],
+  },
+  {
+    value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))',
+    type: 'sizing',
+    filePath: '../../design-tokens/Density/Default.json',
+    isSource: false,
+    original: {
+      value: '{sizing.12}',
       type: 'sizing',
-      filePath: '../../design-tokens/Density/Default.json',
-      isSource: false,
-      original: {
-        value: '{sizing.12}',
-        type: 'sizing',
-      },
-      name: '--fds-component-mode-height-large',
-      attributes: {},
-      path: ['component-mode-height', 'large'],
-      lastName: 'large',
     },
-  ],
-};
+    name: '--fds-component-mode-height-large',
+    attributes: {},
+    path: ['component-mode-height', 'large'],
+  },
+];
 
-export const borderWidth = {
-  border_width: [
-    {
-      value: '1px',
+export const borderWidth = [
+  {
+    value: '1px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_width.1}',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_width.1}',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-default',
-      attributes: {},
-      path: ['border_width', 'default'],
-      lastName: 'default',
     },
-    {
-      value: '2px',
+    name: '--fds-border_width-default',
+    attributes: {},
+    path: ['border_width', 'default'],
+  },
+  {
+    value: '2px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{border_width.2}',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{border_width.2}',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-active',
-      attributes: {},
-      path: ['border_width', 'active'],
-      lastName: 'active',
     },
-    {
+    name: '--fds-border_width-active',
+    attributes: {},
+    path: ['border_width', 'active'],
+  },
+  {
+    value: '2px',
+    type: 'borderWidth',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
       value: '2px',
       type: 'borderWidth',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '2px',
-        type: 'borderWidth',
-      },
-      name: '--fds-border_width-tab_focus',
-      attributes: {},
-      path: ['border_width', 'tab_focus'],
-      lastName: 'tab_focus',
     },
-  ],
-};
+    name: '--fds-border_width-tab_focus',
+    attributes: {},
+    path: ['border_width', 'tab_focus'],
+  },
+];
 
-export const boxShadow = {
-  shadow: [
-    {
-      value: '0 1px 2px 0 #0000001f',
+export const boxShadow = [
+  {
+    value: '0 1px 2px 0 #0000001f',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.100}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.100}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-xsmall',
-      attributes: {},
-      path: ['shadow', 'xsmall'],
-      lastName: 'xsmall',
     },
-    {
-      value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a',
+    name: '--fds-shadow-xsmall',
+    attributes: {},
+    path: ['shadow', 'xsmall'],
+  },
+  {
+    value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.200}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.200}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-small',
-      attributes: {},
-      path: ['shadow', 'small'],
-      lastName: 'small',
     },
-    {
-      value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a',
+    name: '--fds-shadow-small',
+    attributes: {},
+    path: ['shadow', 'small'],
+  },
+  {
+    value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.300}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.300}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-medium',
-      attributes: {},
-      path: ['shadow', 'medium'],
-      lastName: 'medium',
     },
-    {
-      value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a',
+    name: '--fds-shadow-medium',
+    attributes: {},
+    path: ['shadow', 'medium'],
+  },
+  {
+    value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.400}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.400}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-large',
-      attributes: {},
-      path: ['shadow', 'large'],
-      lastName: 'large',
     },
-    {
-      value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a',
+    name: '--fds-shadow-large',
+    attributes: {},
+    path: ['shadow', 'large'],
+  },
+  {
+    value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a',
+    type: 'boxShadow',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: '{shadow.500}',
       type: 'boxShadow',
-      filePath: '../../design-tokens/Base/Semantic.json',
-      isSource: false,
-      original: {
-        value: '{shadow.500}',
-        type: 'boxShadow',
-      },
-      name: '--fds-shadow-xlarge',
-      attributes: {},
-      path: ['shadow', 'xlarge'],
-      lastName: 'xlarge',
     },
-  ],
-};
+    name: '--fds-shadow-xlarge',
+    attributes: {},
+    path: ['shadow', 'xlarge'],
+  },
+];
diff --git a/storefront/utils/StringHelpers.tsx b/storefront/utils/StringHelpers.tsx
index f1c9105d93..ea8ba937bb 100644
--- a/storefront/utils/StringHelpers.tsx
+++ b/storefront/utils/StringHelpers.tsx
@@ -1,6 +1,7 @@
 /** Captitilize first character of a string */
 const capitalizeString = (string: string) => {
-  return string[0].toUpperCase() + string.slice(1).toLowerCase();
+  const trimmedString: string = string.trim();
+  return trimmedString[0].toUpperCase() + trimmedString.slice(1).toLowerCase();
 };
 
 /** Make query string readable by replacing hyphen with space  */
diff --git a/yarn.lock b/yarn.lock
index 5353be65f9..b4d929c3b0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4239,6 +4239,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@floating-ui/react@npm:0.24.1":
+  version: 0.24.1
+  resolution: "@floating-ui/react@npm:0.24.1"
+  dependencies:
+    "@floating-ui/react-dom": ^2.0.0
+    aria-hidden: ^1.1.3
+    tabbable: ^6.0.1
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 89e525412a5f71be1437ce74a3a76f4a6c771074e1dca62dddf11062dd9eca7b967091906c369427a0c8f9c9a7c6c7ae06525917e6809d60d832443a4acfc3f3
+  languageName: node
+  linkType: hard
+
 "@floating-ui/react@npm:0.25.2":
   version: 0.25.2
   resolution: "@floating-ui/react@npm:0.25.2"
@@ -4689,6 +4703,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jsdevtools/rehype-toc@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "@jsdevtools/rehype-toc@npm:3.0.2"
+  checksum: 80c5a898431d2ab3deceb187334fea1d71f217d6ebc6d65289208ebe0bf003d82cf5cdbd85180787b14a87e0357e4fc77063343dea9ec743eadfe565c34337fa
+  languageName: node
+  linkType: hard
+
 "@juggle/resize-observer@npm:^3.3.1":
   version: 3.4.0
   resolution: "@juggle/resize-observer@npm:3.4.0"
@@ -4851,6 +4872,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@navikt/aksel-icons@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "@navikt/aksel-icons@npm:5.0.2"
+  checksum: 84323298becdd18d15e355fb481c5026b573693343ed2f1bcead4237c69243552b316cff95d221e8897d85b9e7c3e7abc94de5df1e19cce6704f3e8ba499abe4
+  languageName: node
+  linkType: hard
+
+"@navikt/ds-css@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "@navikt/ds-css@npm:5.0.2"
+  checksum: 0bb901bf74b89bfe16b002d02f3f7640d3821555830c4c3c0f3243b8b595733155b3e0d66bb0625a43b12fd688e6e05a398276b6489a61c77949403d5e6f590d
+  languageName: node
+  linkType: hard
+
 "@navikt/ds-icons@npm:^2.0.0":
   version: 2.1.6
   resolution: "@navikt/ds-icons@npm:2.1.6"
@@ -4864,6 +4899,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@navikt/ds-react@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "@navikt/ds-react@npm:5.0.2"
+  dependencies:
+    "@floating-ui/react": 0.24.1
+    "@navikt/aksel-icons": ^5.0.2
+    "@radix-ui/react-tabs": 1.0.0
+    "@radix-ui/react-toggle-group": 1.0.0
+    clsx: ^1.2.1
+    date-fns: 2.29.3
+    react-day-picker: 8.3.4
+  peerDependencies:
+    "@types/react": ^17.0.30 || ^18.0.0
+    react: ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 499fe1b192f9b22a231d1f0e543475eb403d2bacc74377907acdc1f5b3ff3074065825c49daaa6c6525dc1cd1c3dd977fb4757479742285e6a796cbea735d02b
+  languageName: node
+  linkType: hard
+
 "@ndelangen/get-tarball@npm:^3.0.7":
   version: 3.0.7
   resolution: "@ndelangen/get-tarball@npm:3.0.7"
@@ -5483,6 +5539,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-collection@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-collection@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-compose-refs": 1.0.0
+    "@radix-ui/react-context": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-slot": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: 271683a45c35808ffc0566c56546a8846c54f2d1f64dd7b681b83f622343d2f5a6173abe3f1dbd0002045a18bc8730838e90ac928618199e937b55a76150d254
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-collection@npm:1.0.3":
   version: 1.0.3
   resolution: "@radix-ui/react-collection@npm:1.0.3"
@@ -5558,6 +5630,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-direction@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-direction@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: 92a40de4087b161a56957872daf204a7735bd21f2fccbd42deff322d759977d085ad3dcdae05af437b7e64e628e939e0d67e5bc468a3027e1b02e0a7dc90c485
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-direction@npm:1.0.1":
   version: 1.0.1
   resolution: "@radix-ui/react-direction@npm:1.0.1"
@@ -5830,6 +5913,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-primitive@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-primitive@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-slot": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: fb3fe8c8c5a57995716cce4d7e9039e474c09ba5d714994419ad4940bc954da670f1188813cc931f189b23d9bd5a67adf7087bf44fe1d4272b4a334a3514d38b
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-primitive@npm:1.0.1":
   version: 1.0.1
   resolution: "@radix-ui/react-primitive@npm:1.0.1"
@@ -5863,6 +5959,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-roving-focus@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-roving-focus@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.0
+    "@radix-ui/react-collection": 1.0.0
+    "@radix-ui/react-compose-refs": 1.0.0
+    "@radix-ui/react-context": 1.0.0
+    "@radix-ui/react-direction": 1.0.0
+    "@radix-ui/react-id": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-use-callback-ref": 1.0.0
+    "@radix-ui/react-use-controllable-state": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: 163df73f858ce5888294d03a888d05e6fdec178936b21b5fabd661a3b797b4495e11b570ab365a2fb24494d08631ac094b1b7272b9a72bfd0cf743d6c121483d
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-roving-focus@npm:1.0.4":
   version: 1.0.4
   resolution: "@radix-ui/react-roving-focus@npm:1.0.4"
@@ -5951,6 +6068,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-slot@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-slot@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-compose-refs": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: 60c0190ebdca21785b4f8b58a0c52717600c98953fc49da9580870519c60f52d5cf873dffa05446f4bb539066326ccec0827f4ca252b02ec4ff1a4ae203f59d7
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-slot@npm:1.0.1":
   version: 1.0.1
   resolution: "@radix-ui/react-slot@npm:1.0.1"
@@ -5979,6 +6108,45 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-tabs@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-tabs@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.0
+    "@radix-ui/react-context": 1.0.0
+    "@radix-ui/react-direction": 1.0.0
+    "@radix-ui/react-id": 1.0.0
+    "@radix-ui/react-presence": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-roving-focus": 1.0.0
+    "@radix-ui/react-use-controllable-state": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: 162413906c80a1fd2a3dddc9ac7f951b5e789cd69cc829f309735ac4ce6a21a9832c2abf71295a176a042fa6deb8a70dc597e219966d268d125e08d3a39f0596
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-toggle-group@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-toggle-group@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.0
+    "@radix-ui/react-context": 1.0.0
+    "@radix-ui/react-direction": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-roving-focus": 1.0.0
+    "@radix-ui/react-toggle": 1.0.0
+    "@radix-ui/react-use-controllable-state": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: f0f91633ad45ff13ff49866118c15997a311fa31019c6eb1b60e6118e85a8973b6504a7eef739f37be74abdc2f465a0f7e02c57ce8e45856bd49e4471ca4cd55
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-toggle-group@npm:1.0.4":
   version: 1.0.4
   resolution: "@radix-ui/react-toggle-group@npm:1.0.4"
@@ -6005,6 +6173,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-toggle@npm:1.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-toggle@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.0
+    "@radix-ui/react-primitive": 1.0.0
+    "@radix-ui/react-use-controllable-state": 1.0.0
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  checksum: 6e4de11b0446e18245b6aceabd9d0f84ec08320b6945f0111d00d322f9397eb8f8bf4626eee292f6640ca5c5a6c416842472f955d3eac69b5822cf268f05c08a
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-toggle@npm:1.0.3":
   version: 1.0.3
   resolution: "@radix-ui/react-toggle@npm:1.0.3"
@@ -9551,6 +9734,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"aria-hidden@npm:^1.1.3":
+  version: 1.2.3
+  resolution: "aria-hidden@npm:1.2.3"
+  dependencies:
+    tslib: ^2.0.0
+  checksum: 7d7d211629eef315e94ed3b064c6823d13617e609d3f9afab1c2ed86399bb8e90405f9bdd358a85506802766f3ecb468af985c67c846045a34b973bcc0289db9
+  languageName: node
+  linkType: hard
+
 "aria-query@npm:^4.2.2":
   version: 4.2.2
   resolution: "aria-query@npm:4.2.2"
@@ -10793,6 +10985,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "clsx@npm:1.2.1"
+  checksum: 30befca8019b2eb7dbad38cff6266cf543091dae2825c856a62a8ccf2c3ab9c2907c4d12b288b73101196767f66812365400a227581484a05f968b0307cfaf12
+  languageName: node
+  linkType: hard
+
 "cmd-shim@npm:6.0.1":
   version: 6.0.1
   resolution: "cmd-shim@npm:6.0.1"
@@ -11613,6 +11812,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"date-fns@npm:2.29.3":
+  version: 2.29.3
+  resolution: "date-fns@npm:2.29.3"
+  checksum: e01cf5b62af04e05dfff921bb9c9933310ed0e1ae9a81eb8653452e64dc841acf7f6e01e1a5ae5644d0337e9a7f936175fd2cb6819dc122fdd9c5e86c56be484
+  languageName: node
+  linkType: hard
+
 "dateformat@npm:^3.0.3":
   version: 3.0.3
   resolution: "dateformat@npm:3.0.3"
@@ -20407,6 +20613,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-day-picker@npm:8.3.4":
+  version: 8.3.4
+  resolution: "react-day-picker@npm:8.3.4"
+  peerDependencies:
+    date-fns: ^2.28.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 789e124e831383fc8219711f0b0610c1541ad283c37c71765ad1012288e4648bca504b1c21646363a9659ccc825d33f8600013fd0d119f9d13b1ff73196a7eaa
+  languageName: node
+  linkType: hard
+
 "react-docgen-typescript@npm:^2.2.2":
   version: 2.2.2
   resolution: "react-docgen-typescript@npm:2.2.2"
@@ -22132,9 +22348,12 @@ __metadata:
   dependencies:
     "@altinn/altinn-design-system": ^0.27.2
     "@altinn/figma-design-tokens": ^5.0.0
+    "@jsdevtools/rehype-toc": ^3.0.2
     "@mdx-js/loader": ^2.0.0-rc.2
     "@mdx-js/react": ^1.6.22
     "@navikt/aksel-icons": ^2.8.4
+    "@navikt/ds-css": ^5.0.2
+    "@navikt/ds-react": ^5.0.2
     "@reach/disclosure": ^0.18.0
     "@tanstack/react-query": ^4.29.5
     "@tippyjs/react": ^4.2.6

From 13a45774943d01c6ea3cb9e7056b1686dfa9a358 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Tue, 19 Sep 2023 11:32:46 +0200
Subject: [PATCH 04/18] fix(Switch): :bug: Adher to passed `checked` &
 `defaultChecked` props (#832)

---
 .../react/src/components/form/Switch/useSwitch.ts  | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/components/form/Switch/useSwitch.ts b/packages/react/src/components/form/Switch/useSwitch.ts
index f036681a04..234beb3a18 100644
--- a/packages/react/src/components/form/Switch/useSwitch.ts
+++ b/packages/react/src/components/form/Switch/useSwitch.ts
@@ -33,14 +33,12 @@ export const useSwitch: UseCheckbox = (props) => {
       ...inputProps,
       readOnly,
       type: 'checkbox',
-      defaultChecked:
-        checkboxGroup?.defaultValue === undefined
-          ? undefined
-          : checkboxGroup?.defaultValue.includes(propsValue),
-      checked:
-        checkboxGroup?.value === undefined
-          ? undefined
-          : checkboxGroup?.value.includes(propsValue),
+      defaultChecked: checkboxGroup?.defaultValue
+        ? checkboxGroup?.defaultValue.includes(propsValue)
+        : props.defaultChecked,
+      checked: checkboxGroup?.value
+        ? checkboxGroup?.value.includes(propsValue)
+        : props.checked,
       onClick: (e) => {
         if (readOnly) {
           e.preventDefault();

From 49a75f83be6a58bd866b1e06ddbbafd5be5d32f5 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Tue, 19 Sep 2023 11:36:38 +0200
Subject: [PATCH 05/18] Publish

 - @digdir/design-system-react@0.24.2
 - @digdir/design-system-tokens@0.6.1
---
 packages/react/CHANGELOG.md  | 6 ++++++
 packages/react/package.json  | 4 ++--
 packages/tokens/CHANGELOG.md | 4 ++++
 packages/tokens/package.json | 2 +-
 yarn.lock                    | 4 ++--
 5 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 2cb7cdbab2..3fe4b08d8f 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.24.2](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.24.1...@digdir/design-system-react@0.24.2) (2023-09-19)
+
+### Bug Fixes
+
+- **Switch:** :bug: Adher to passed `checked` & `defaultChecked` props ([#832](https://github.com/digdir/designsystem/issues/832)) ([13a4577](https://github.com/digdir/designsystem/commit/13a45774943d01c6ea3cb9e7056b1686dfa9a358))
+
 ## [0.24.1](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.24.0...@digdir/design-system-react@0.24.1) (2023-09-18)
 
 ### Bug Fixes
diff --git a/packages/react/package.json b/packages/react/package.json
index 61ea324c8b..0702c3156d 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/design-system-react",
-  "version": "0.24.1",
+  "version": "0.24.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@altinn/figma-design-tokens": "^6.0.1",
-    "@digdir/design-system-tokens": "^0.6.0",
+    "@digdir/design-system-tokens": "^0.6.1",
     "@floating-ui/react": "0.25.2",
     "@navikt/aksel-icons": "^3.2.4",
     "react-number-format": "5.2.2"
diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md
index c2c4de7794..a6cbc0864c 100644
--- a/packages/tokens/CHANGELOG.md
+++ b/packages/tokens/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.6.1](https://github.com/digdir/designsystem/compare/@digdir/design-system-tokens@0.6.0...@digdir/design-system-tokens@0.6.1) (2023-09-19)
+
+**Note:** Version bump only for package @digdir/design-system-tokens
+
 # [0.6.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-tokens@0.5.0...@digdir/design-system-tokens@0.6.0) (2023-09-18)
 
 ### Features
diff --git a/packages/tokens/package.json b/packages/tokens/package.json
index 8c230df2e6..5d76017805 100644
--- a/packages/tokens/package.json
+++ b/packages/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/design-system-tokens",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Tokens for the Digdir Common Design System",
   "repository": "https://github.com/digdir/designsystem",
   "license": "MIT",
diff --git a/yarn.lock b/yarn.lock
index b4d929c3b0..bd12acd6e4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3913,7 +3913,7 @@ __metadata:
   resolution: "@digdir/design-system-react@workspace:packages/react"
   dependencies:
     "@altinn/figma-design-tokens": ^6.0.1
-    "@digdir/design-system-tokens": ^0.6.0
+    "@digdir/design-system-tokens": ^0.6.1
     "@floating-ui/react": 0.25.2
     "@navikt/aksel-icons": ^3.2.4
     react-number-format: 5.2.2
@@ -3923,7 +3923,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@digdir/design-system-tokens@*, @digdir/design-system-tokens@^0.6.0, @digdir/design-system-tokens@workspace:packages/tokens":
+"@digdir/design-system-tokens@*, @digdir/design-system-tokens@^0.6.1, @digdir/design-system-tokens@workspace:packages/tokens":
   version: 0.0.0-use.local
   resolution: "@digdir/design-system-tokens@workspace:packages/tokens"
   dependencies:

From 8b177f3f25b3c2075d38f8f5e8a438d8727b5c98 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Wed, 20 Sep 2023 10:40:27 +0200
Subject: [PATCH 06/18] feat(ErrorMessage): :sparkles: Add new option to toggle
 error color (#836)

---
 .../Typography/ErrorMessage/ErrorMessage.module.css  |  3 +++
 .../Typography/ErrorMessage/ErrorMessage.stories.tsx |  1 +
 .../Typography/ErrorMessage/ErrorMessage.tsx         | 12 +++++++++++-
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css
index c3ae3051fb..831d41eb4e 100644
--- a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css
+++ b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css
@@ -3,6 +3,9 @@
   --fdsc-bottom-spacing: var(--fds-spacing-5);
 
   margin: 0;
+}
+
+.errorMessage.error {
   color: var(--fds-semantic-text-danger-default);
 }
 
diff --git a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.stories.tsx b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.stories.tsx
index 0ec2535eb7..957623b22a 100644
--- a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.stories.tsx
+++ b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.stories.tsx
@@ -16,5 +16,6 @@ export const Preview: Story = {
     children: 'Dette er en beskrivende feilmelding.',
     spacing: false,
     size: 'medium',
+    error: 'true',
   },
 };
diff --git a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx
index ed54e68fb9..ed0d9fbefb 100644
--- a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx
+++ b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx
@@ -11,6 +11,8 @@ export type ErrorMessageProps = {
   size?: 'xsmall' | 'small' | 'medium';
   /** Adds margin-bottom */
   spacing?: boolean;
+  /** Toggle error color */
+  error?: boolean;
 } & HTMLAttributes<HTMLParagraphElement>;
 
 /** Use `ErrorMessage` to display text as error message. */
@@ -19,7 +21,14 @@ export const ErrorMessage: OverridableComponent<
   HTMLParagraphElement
 > = forwardRef(
   (
-    { className, size = 'medium', spacing, as: Component = 'p', ...rest },
+    {
+      className,
+      size = 'medium',
+      spacing,
+      as: Component = 'p',
+      error = true,
+      ...rest
+    },
     ref,
   ) => (
     <Component
@@ -31,6 +40,7 @@ export const ErrorMessage: OverridableComponent<
         {
           [classes.spacing]: !!spacing,
         },
+        error && classes.error,
         className,
       )}
     />

From a5a7739d75de642ea6841b61ca4b719be91856b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marianne=20R=C3=B8svik?= <marianne.rosvik@digdir.no>
Date: Thu, 21 Sep 2023 07:37:58 +0200
Subject: [PATCH 07/18] feat(ErrorMessage): Add Large size token (#839)

Co-authored-by: Michael Marszalek <mimarz@gmail.com>
---
 design-tokens/Base/Semantic.json             | 14 ++++++++++++
 packages/tokens/brand/altinn/tokens.cjs.js   |  1 +
 packages/tokens/brand/altinn/tokens.css      |  1 +
 packages/tokens/brand/altinn/tokens.d.ts     |  1 +
 packages/tokens/brand/altinn/tokens.esm.js   |  1 +
 packages/tokens/brand/brreg/tokens.cjs.js    |  1 +
 packages/tokens/brand/brreg/tokens.css       |  1 +
 packages/tokens/brand/brreg/tokens.d.ts      |  1 +
 packages/tokens/brand/brreg/tokens.esm.js    |  1 +
 packages/tokens/brand/digdir/tokens.cjs.js   |  1 +
 packages/tokens/brand/digdir/tokens.css      |  1 +
 packages/tokens/brand/digdir/tokens.d.ts     |  1 +
 packages/tokens/brand/digdir/tokens.esm.js   |  1 +
 packages/tokens/brand/tilsynet/tokens.cjs.js |  1 +
 packages/tokens/brand/tilsynet/tokens.css    |  1 +
 packages/tokens/brand/tilsynet/tokens.d.ts   |  1 +
 packages/tokens/brand/tilsynet/tokens.esm.js |  1 +
 storefront/tokens/altinn.ts                  | 23 ++++++++++++++++++++
 storefront/tokens/brreg.ts                   | 23 ++++++++++++++++++++
 storefront/tokens/digdir.ts                  | 23 ++++++++++++++++++++
 storefront/tokens/tilsynet.ts                | 23 ++++++++++++++++++++
 21 files changed, 122 insertions(+)

diff --git a/design-tokens/Base/Semantic.json b/design-tokens/Base/Semantic.json
index d4980785bd..a9dda4f529 100644
--- a/design-tokens/Base/Semantic.json
+++ b/design-tokens/Base/Semantic.json
@@ -856,6 +856,20 @@
       }
     },
     "error_message": {
+      "large": {
+        "value": {
+          "fontFamily": "{fontFamilies.inter}",
+          "fontWeight": "{fontWeights.regular}",
+          "lineHeight": "{lineHeights.300}",
+          "fontSize": "{font-size.f1}",
+          "letterSpacing": "{letterSpacing.1}",
+          "paragraphSpacing": "{paragraphSpacing.0}",
+          "paragraphIndent": "{paragraphIndent.0}",
+          "textCase": "{textCase.none}",
+          "textDecoration": "{textDecoration.none}"
+        },
+        "type": "typography"
+      },
       "medium": {
         "value": {
           "fontFamily": "{fontFamilies.inter}",
diff --git a/packages/tokens/brand/altinn/tokens.cjs.js b/packages/tokens/brand/altinn/tokens.cjs.js
index 051b5801f5..67a8ab6ded 100644
--- a/packages/tokens/brand/altinn/tokens.cjs.js
+++ b/packages/tokens/brand/altinn/tokens.cjs.js
@@ -170,6 +170,7 @@ module.exports = {
   "typography_label_medium": "500 1.125rem/1.3 'Inter'",
   "typography_label_small": "500 0.9375rem/1.3 'Inter'",
   "typography_label_xsmall": "500 0.8125rem/1.3 'Inter'",
+  "typography_error_message_large": "400 1.3125rem/1.3 'Inter'",
   "typography_error_message_medium": "400 1.125rem/1.3 'Inter'",
   "typography_error_message_small": "400 0.9375rem/1.3 'Inter'",
   "typography_error_message_xsmall": "400 0.8125rem/1.3 'Inter'",
diff --git a/packages/tokens/brand/altinn/tokens.css b/packages/tokens/brand/altinn/tokens.css
index 6f8700209c..d7a412d127 100644
--- a/packages/tokens/brand/altinn/tokens.css
+++ b/packages/tokens/brand/altinn/tokens.css
@@ -174,6 +174,7 @@
   --fds-typography-label-medium: 500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter';
   --fds-typography-label-small: 500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter';
   --fds-typography-label-xsmall: 500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter';
+  --fds-typography-error_message-large: 400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter';
   --fds-typography-error_message-medium: 400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter';
   --fds-typography-error_message-small: 400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter';
   --fds-typography-error_message-xsmall: 400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter';
diff --git a/packages/tokens/brand/altinn/tokens.d.ts b/packages/tokens/brand/altinn/tokens.d.ts
index 1bea6c8114..32e23f2b15 100644
--- a/packages/tokens/brand/altinn/tokens.d.ts
+++ b/packages/tokens/brand/altinn/tokens.d.ts
@@ -169,6 +169,7 @@ export const typography_label_large : string;
 export const typography_label_medium : string;
 export const typography_label_small : string;
 export const typography_label_xsmall : string;
+export const typography_error_message_large : string;
 export const typography_error_message_medium : string;
 export const typography_error_message_small : string;
 export const typography_error_message_xsmall : string;
diff --git a/packages/tokens/brand/altinn/tokens.esm.js b/packages/tokens/brand/altinn/tokens.esm.js
index 740d43317a..d4cf5bc391 100644
--- a/packages/tokens/brand/altinn/tokens.esm.js
+++ b/packages/tokens/brand/altinn/tokens.esm.js
@@ -169,6 +169,7 @@ export const typography_label_large = "500 1.3125rem/1.3 'Inter'";
 export const typography_label_medium = "500 1.125rem/1.3 'Inter'";
 export const typography_label_small = "500 0.9375rem/1.3 'Inter'";
 export const typography_label_xsmall = "500 0.8125rem/1.3 'Inter'";
+export const typography_error_message_large = "400 1.3125rem/1.3 'Inter'";
 export const typography_error_message_medium = "400 1.125rem/1.3 'Inter'";
 export const typography_error_message_small = "400 0.9375rem/1.3 'Inter'";
 export const typography_error_message_xsmall = "400 0.8125rem/1.3 'Inter'";
diff --git a/packages/tokens/brand/brreg/tokens.cjs.js b/packages/tokens/brand/brreg/tokens.cjs.js
index d9730098fc..c8cb419396 100644
--- a/packages/tokens/brand/brreg/tokens.cjs.js
+++ b/packages/tokens/brand/brreg/tokens.cjs.js
@@ -170,6 +170,7 @@ module.exports = {
   "typography_label_medium": "500 1.125rem/1.3 'Inter'",
   "typography_label_small": "500 0.9375rem/1.3 'Inter'",
   "typography_label_xsmall": "500 0.8125rem/1.3 'Inter'",
+  "typography_error_message_large": "400 1.3125rem/1.3 'Inter'",
   "typography_error_message_medium": "400 1.125rem/1.3 'Inter'",
   "typography_error_message_small": "400 0.9375rem/1.3 'Inter'",
   "typography_error_message_xsmall": "400 0.8125rem/1.3 'Inter'",
diff --git a/packages/tokens/brand/brreg/tokens.css b/packages/tokens/brand/brreg/tokens.css
index 124ed7da86..4240511b50 100644
--- a/packages/tokens/brand/brreg/tokens.css
+++ b/packages/tokens/brand/brreg/tokens.css
@@ -174,6 +174,7 @@
   --fds-typography-label-medium: 500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter';
   --fds-typography-label-small: 500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter';
   --fds-typography-label-xsmall: 500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter';
+  --fds-typography-error_message-large: 400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter';
   --fds-typography-error_message-medium: 400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter';
   --fds-typography-error_message-small: 400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter';
   --fds-typography-error_message-xsmall: 400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter';
diff --git a/packages/tokens/brand/brreg/tokens.d.ts b/packages/tokens/brand/brreg/tokens.d.ts
index 8cd8e31fee..24c8b6bb0a 100644
--- a/packages/tokens/brand/brreg/tokens.d.ts
+++ b/packages/tokens/brand/brreg/tokens.d.ts
@@ -169,6 +169,7 @@ export const typography_label_large : string;
 export const typography_label_medium : string;
 export const typography_label_small : string;
 export const typography_label_xsmall : string;
+export const typography_error_message_large : string;
 export const typography_error_message_medium : string;
 export const typography_error_message_small : string;
 export const typography_error_message_xsmall : string;
diff --git a/packages/tokens/brand/brreg/tokens.esm.js b/packages/tokens/brand/brreg/tokens.esm.js
index 9e7ac8ee57..5da4ce17f0 100644
--- a/packages/tokens/brand/brreg/tokens.esm.js
+++ b/packages/tokens/brand/brreg/tokens.esm.js
@@ -169,6 +169,7 @@ export const typography_label_large = "500 1.3125rem/1.3 'Inter'";
 export const typography_label_medium = "500 1.125rem/1.3 'Inter'";
 export const typography_label_small = "500 0.9375rem/1.3 'Inter'";
 export const typography_label_xsmall = "500 0.8125rem/1.3 'Inter'";
+export const typography_error_message_large = "400 1.3125rem/1.3 'Inter'";
 export const typography_error_message_medium = "400 1.125rem/1.3 'Inter'";
 export const typography_error_message_small = "400 0.9375rem/1.3 'Inter'";
 export const typography_error_message_xsmall = "400 0.8125rem/1.3 'Inter'";
diff --git a/packages/tokens/brand/digdir/tokens.cjs.js b/packages/tokens/brand/digdir/tokens.cjs.js
index b537bd9e66..24ab7f8b60 100644
--- a/packages/tokens/brand/digdir/tokens.cjs.js
+++ b/packages/tokens/brand/digdir/tokens.cjs.js
@@ -170,6 +170,7 @@ module.exports = {
   "typography_label_medium": "500 1.125rem/1.3 'Inter'",
   "typography_label_small": "500 0.9375rem/1.3 'Inter'",
   "typography_label_xsmall": "500 0.8125rem/1.3 'Inter'",
+  "typography_error_message_large": "400 1.3125rem/1.3 'Inter'",
   "typography_error_message_medium": "400 1.125rem/1.3 'Inter'",
   "typography_error_message_small": "400 0.9375rem/1.3 'Inter'",
   "typography_error_message_xsmall": "400 0.8125rem/1.3 'Inter'",
diff --git a/packages/tokens/brand/digdir/tokens.css b/packages/tokens/brand/digdir/tokens.css
index 682c2c4991..befd6a0d87 100644
--- a/packages/tokens/brand/digdir/tokens.css
+++ b/packages/tokens/brand/digdir/tokens.css
@@ -174,6 +174,7 @@
   --fds-typography-label-medium: 500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter';
   --fds-typography-label-small: 500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter';
   --fds-typography-label-xsmall: 500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter';
+  --fds-typography-error_message-large: 400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter';
   --fds-typography-error_message-medium: 400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter';
   --fds-typography-error_message-small: 400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter';
   --fds-typography-error_message-xsmall: 400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter';
diff --git a/packages/tokens/brand/digdir/tokens.d.ts b/packages/tokens/brand/digdir/tokens.d.ts
index 1bea6c8114..32e23f2b15 100644
--- a/packages/tokens/brand/digdir/tokens.d.ts
+++ b/packages/tokens/brand/digdir/tokens.d.ts
@@ -169,6 +169,7 @@ export const typography_label_large : string;
 export const typography_label_medium : string;
 export const typography_label_small : string;
 export const typography_label_xsmall : string;
+export const typography_error_message_large : string;
 export const typography_error_message_medium : string;
 export const typography_error_message_small : string;
 export const typography_error_message_xsmall : string;
diff --git a/packages/tokens/brand/digdir/tokens.esm.js b/packages/tokens/brand/digdir/tokens.esm.js
index 759f1ea0c7..cbfed8b067 100644
--- a/packages/tokens/brand/digdir/tokens.esm.js
+++ b/packages/tokens/brand/digdir/tokens.esm.js
@@ -169,6 +169,7 @@ export const typography_label_large = "500 1.3125rem/1.3 'Inter'";
 export const typography_label_medium = "500 1.125rem/1.3 'Inter'";
 export const typography_label_small = "500 0.9375rem/1.3 'Inter'";
 export const typography_label_xsmall = "500 0.8125rem/1.3 'Inter'";
+export const typography_error_message_large = "400 1.3125rem/1.3 'Inter'";
 export const typography_error_message_medium = "400 1.125rem/1.3 'Inter'";
 export const typography_error_message_small = "400 0.9375rem/1.3 'Inter'";
 export const typography_error_message_xsmall = "400 0.8125rem/1.3 'Inter'";
diff --git a/packages/tokens/brand/tilsynet/tokens.cjs.js b/packages/tokens/brand/tilsynet/tokens.cjs.js
index 37a0d8c8c3..4951971611 100644
--- a/packages/tokens/brand/tilsynet/tokens.cjs.js
+++ b/packages/tokens/brand/tilsynet/tokens.cjs.js
@@ -170,6 +170,7 @@ module.exports = {
   "typography_label_medium": "500 1.125rem/1.3 'Inter'",
   "typography_label_small": "500 0.9375rem/1.3 'Inter'",
   "typography_label_xsmall": "500 0.8125rem/1.3 'Inter'",
+  "typography_error_message_large": "400 1.3125rem/1.3 'Inter'",
   "typography_error_message_medium": "400 1.125rem/1.3 'Inter'",
   "typography_error_message_small": "400 0.9375rem/1.3 'Inter'",
   "typography_error_message_xsmall": "400 0.8125rem/1.3 'Inter'",
diff --git a/packages/tokens/brand/tilsynet/tokens.css b/packages/tokens/brand/tilsynet/tokens.css
index 8613065b1c..0b4aaa11c2 100644
--- a/packages/tokens/brand/tilsynet/tokens.css
+++ b/packages/tokens/brand/tilsynet/tokens.css
@@ -174,6 +174,7 @@
   --fds-typography-label-medium: 500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter';
   --fds-typography-label-small: 500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter';
   --fds-typography-label-xsmall: 500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter';
+  --fds-typography-error_message-large: 400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter';
   --fds-typography-error_message-medium: 400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter';
   --fds-typography-error_message-small: 400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter';
   --fds-typography-error_message-xsmall: 400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter';
diff --git a/packages/tokens/brand/tilsynet/tokens.d.ts b/packages/tokens/brand/tilsynet/tokens.d.ts
index 1bea6c8114..32e23f2b15 100644
--- a/packages/tokens/brand/tilsynet/tokens.d.ts
+++ b/packages/tokens/brand/tilsynet/tokens.d.ts
@@ -169,6 +169,7 @@ export const typography_label_large : string;
 export const typography_label_medium : string;
 export const typography_label_small : string;
 export const typography_label_xsmall : string;
+export const typography_error_message_large : string;
 export const typography_error_message_medium : string;
 export const typography_error_message_small : string;
 export const typography_error_message_xsmall : string;
diff --git a/packages/tokens/brand/tilsynet/tokens.esm.js b/packages/tokens/brand/tilsynet/tokens.esm.js
index 1d93cf04d2..e64a5b525f 100644
--- a/packages/tokens/brand/tilsynet/tokens.esm.js
+++ b/packages/tokens/brand/tilsynet/tokens.esm.js
@@ -169,6 +169,7 @@ export const typography_label_large = "500 1.3125rem/1.3 'Inter'";
 export const typography_label_medium = "500 1.125rem/1.3 'Inter'";
 export const typography_label_small = "500 0.9375rem/1.3 'Inter'";
 export const typography_label_xsmall = "500 0.8125rem/1.3 'Inter'";
+export const typography_error_message_large = "400 1.3125rem/1.3 'Inter'";
 export const typography_error_message_medium = "400 1.125rem/1.3 'Inter'";
 export const typography_error_message_small = "400 0.9375rem/1.3 'Inter'";
 export const typography_error_message_xsmall = "400 0.8125rem/1.3 'Inter'";
diff --git a/storefront/tokens/altinn.ts b/storefront/tokens/altinn.ts
index c95d2d85d1..ae222b56bc 100644
--- a/storefront/tokens/altinn.ts
+++ b/storefront/tokens/altinn.ts
@@ -2784,6 +2784,29 @@ export const typography = [
     attributes: {},
     path: ['typography', 'label', 'xsmall'],
   },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-large',
+    attributes: {},
+    path: ['typography', 'error_message', 'large'],
+  },
   {
     value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
     type: 'typography',
diff --git a/storefront/tokens/brreg.ts b/storefront/tokens/brreg.ts
index 97372bc0b3..ee12519cf7 100644
--- a/storefront/tokens/brreg.ts
+++ b/storefront/tokens/brreg.ts
@@ -2802,6 +2802,29 @@ export const typography = [
     attributes: {},
     path: ['typography', 'label', 'xsmall'],
   },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-large',
+    attributes: {},
+    path: ['typography', 'error_message', 'large'],
+  },
   {
     value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
     type: 'typography',
diff --git a/storefront/tokens/digdir.ts b/storefront/tokens/digdir.ts
index 7643ff3fbe..42101b4e7f 100644
--- a/storefront/tokens/digdir.ts
+++ b/storefront/tokens/digdir.ts
@@ -2778,6 +2778,29 @@ export const typography = [
     attributes: {},
     path: ['typography', 'label', 'xsmall'],
   },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-large',
+    attributes: {},
+    path: ['typography', 'error_message', 'large'],
+  },
   {
     value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
     type: 'typography',
diff --git a/storefront/tokens/tilsynet.ts b/storefront/tokens/tilsynet.ts
index 6a3839df0b..d636e43cf3 100644
--- a/storefront/tokens/tilsynet.ts
+++ b/storefront/tokens/tilsynet.ts
@@ -2724,6 +2724,29 @@ export const typography = [
     attributes: {},
     path: ['typography', 'label', 'xsmall'],
   },
+  {
+    value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'",
+    type: 'typography',
+    filePath: '../../design-tokens/Base/Semantic.json',
+    isSource: false,
+    original: {
+      value: {
+        fontFamily: '{fontFamilies.inter}',
+        fontWeight: '{fontWeights.regular}',
+        lineHeight: '{lineHeights.300}',
+        fontSize: '{font-size.f1}',
+        letterSpacing: '{letterSpacing.1}',
+        paragraphSpacing: '{paragraphSpacing.0}',
+        paragraphIndent: '{paragraphIndent.0}',
+        textCase: '{textCase.none}',
+        textDecoration: '{textDecoration.none}',
+      },
+      type: 'typography',
+    },
+    name: '--fds-typography-error_message-large',
+    attributes: {},
+    path: ['typography', 'error_message', 'large'],
+  },
   {
     value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'",
     type: 'typography',

From 9742abf1d002967fdfdb6b3caa8f33bb11a85019 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Thu, 21 Sep 2023 08:01:07 +0200
Subject: [PATCH 08/18] =?UTF-8?q?feat(ErrorMessage):=20=E2=9C=A8=20Add=20`?=
 =?UTF-8?q?large`=20size=20(#840)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Typography/ErrorMessage/ErrorMessage.module.css        | 7 +++++++
 .../components/Typography/ErrorMessage/ErrorMessage.tsx    | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css
index 831d41eb4e..1830300e98 100644
--- a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css
+++ b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.module.css
@@ -13,6 +13,13 @@
   margin-bottom: var(--fdsc-bottom-spacing);
 }
 
+.errorMessage.large {
+  --fdsc-bottom-spacing: var(--fds-spacing-5);
+
+  font: var(--fds-typography-error_message-large);
+  font-family: var(--fdsc-typography-font-family);
+}
+
 .errorMessage.medium {
   --fdsc-bottom-spacing: var(--fds-spacing-5);
 
diff --git a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx
index ed0d9fbefb..bf62c32f91 100644
--- a/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx
+++ b/packages/react/src/components/Typography/ErrorMessage/ErrorMessage.tsx
@@ -8,7 +8,7 @@ import classes from './ErrorMessage.module.css';
 
 export type ErrorMessageProps = {
   /** Changes text sizing */
-  size?: 'xsmall' | 'small' | 'medium';
+  size?: 'xsmall' | 'small' | 'medium' | 'large';
   /** Adds margin-bottom */
   spacing?: boolean;
   /** Toggle error color */

From 4e8052fc6a886b68676ca5de0a47d80eadb93656 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Thu, 21 Sep 2023 12:22:26 +0200
Subject: [PATCH 09/18] feat(Fieldset, Switch, Radio, Checkbox): :sparkles: Add
 `large` size (#841)

---
 .../src/components/form/Fieldset/Fieldset.tsx   | 17 +++++++----------
 .../react/src/components/form/useFormField.ts   |  6 ++----
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/packages/react/src/components/form/Fieldset/Fieldset.tsx b/packages/react/src/components/form/Fieldset/Fieldset.tsx
index f761062569..6716367d70 100644
--- a/packages/react/src/components/form/Fieldset/Fieldset.tsx
+++ b/packages/react/src/components/form/Fieldset/Fieldset.tsx
@@ -5,17 +5,15 @@ import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
 
 import { Label, Paragraph, ErrorMessage } from '../../Typography';
 import utilityclasses from '../../../utils/utility.module.css';
+import type { FormFieldProps } from '../useFormField';
 
 import { useFieldset } from './useFieldset';
 import classes from './Fieldset.module.css';
 
-export type FieldsetContextType = {
-  error?: ReactNode;
-  errorId?: string;
-  disabled?: boolean;
-  readOnly?: boolean;
-  size?: 'xsmall' | 'small' | 'medium';
-};
+export type FieldsetContextType = Pick<
+  FormFieldProps,
+  'error' | 'errorId' | 'disabled' | 'readOnly' | 'size'
+>;
 
 export const FieldsetContext = createContext<FieldsetContextType | null>(null);
 
@@ -28,14 +26,13 @@ export type FieldsetProps = {
   error?: ReactNode;
   /** The legend of the fieldset. */
   legend?: ReactNode;
-  /** The size of the fieldset. */
-  size?: 'xsmall' | 'small' | 'medium';
   /** Toggle `readOnly` on fieldset context.
    * @note This does not prevent fieldset values from being submited */
   readOnly?: boolean;
   /** Visually hide `legend` and `description` (still available for screen readers)  */
   hideLegend?: boolean;
-} & FieldsetHTMLAttributes<HTMLFieldSetElement>;
+} & Pick<FormFieldProps, 'size'> &
+  FieldsetHTMLAttributes<HTMLFieldSetElement>;
 
 export const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(
   (props, ref) => {
diff --git a/packages/react/src/components/form/useFormField.ts b/packages/react/src/components/form/useFormField.ts
index e44806270d..ef65fda379 100644
--- a/packages/react/src/components/form/useFormField.ts
+++ b/packages/react/src/components/form/useFormField.ts
@@ -20,7 +20,7 @@ export type FormFieldProps = {
   /** Toggle `readOnly` */
   readOnly?: boolean;
   /** Changes field size and paddings */
-  size?: 'xsmall' | 'small' | 'medium';
+  size?: 'xsmall' | 'small' | 'medium' | 'large';
 } & Pick<HTMLAttributes<HTMLElement>, 'aria-describedby'>;
 
 export type FormField = {
@@ -31,9 +31,7 @@ export type FormField = {
     InputHTMLAttributes<HTMLInputElement>,
     'id' | 'disabled' | 'aria-invalid' | 'aria-describedby'
   >;
-  readOnly?: boolean;
-  size?: 'xsmall' | 'small' | 'medium';
-};
+} & Pick<FormFieldProps, 'size' | 'readOnly'>;
 
 /**
  * Handles props and their state for various form-fields in context with Fieldset

From 0c14cfa3c6add379ada2f5e11dd2b6a0de05aa56 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Thu, 21 Sep 2023 12:34:22 +0200
Subject: [PATCH 10/18] feat(Textfield): :sparkles: New `Textfield` component
 (#816)

---
 packages/Overview.mdx                         |   2 +-
 .../src/components/form/CharacterCounter.tsx  |  62 ++++++
 .../form/Textfield/TextField.test.tsx         | 145 +++++++++++++
 .../components/form/Textfield/Textfield.mdx   |  18 ++
 .../form/Textfield/Textfield.module.css       | 111 ++++++++++
 .../form/Textfield/Textfield.stories.tsx      |  56 +++++
 .../components/form/Textfield/Textfield.tsx   | 198 ++++++++++++++++++
 .../src/components/form/Textfield/index.ts    |   1 +
 .../components/form/Textfield/useTextfield.ts |  44 ++++
 packages/react/src/components/index.ts        |   1 +
 10 files changed, 637 insertions(+), 1 deletion(-)
 create mode 100644 packages/react/src/components/form/CharacterCounter.tsx
 create mode 100644 packages/react/src/components/form/Textfield/TextField.test.tsx
 create mode 100644 packages/react/src/components/form/Textfield/Textfield.mdx
 create mode 100644 packages/react/src/components/form/Textfield/Textfield.module.css
 create mode 100644 packages/react/src/components/form/Textfield/Textfield.stories.tsx
 create mode 100644 packages/react/src/components/form/Textfield/Textfield.tsx
 create mode 100644 packages/react/src/components/form/Textfield/index.ts
 create mode 100644 packages/react/src/components/form/Textfield/useTextfield.ts

diff --git a/packages/Overview.mdx b/packages/Overview.mdx
index 03257946e0..bc0dfdb2a6 100644
--- a/packages/Overview.mdx
+++ b/packages/Overview.mdx
@@ -41,7 +41,7 @@ V1 er klar når følgende komponenter er markert som "✅ Felles":
 | [Tabs](/docs/altinn-tabs--docs)                     | 🔵 Altinn        | [Figma - Tabs](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?type=design&node-id=9551%3A54208&t=Rlfq5UyNZBL69dFr-1)                    | [Github - Tabs](https://github.com/digdir/designsystem/issues/91)           |
 | [Tag](/docs/felles-tag--docs)                       | ✅ Felles        | [Figma - Tag](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=10185%3A59053&t=7Q2N4sUdQGhFZrPh-1)                                | [Github - Tag](https://github.com/digdir/designsystem/issues/322)           |
 | [Textarea](/docs/altinn-textarea--docs)             | 🔵 Altinn        | [Figma - Text area](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=6632%3A21873&t=7Q2N4sUdQGhFZrPh-1)                           | [Github - Textarea](https://github.com/digdir/designsystem/issues/323)      |
-| [Textfield](/docs/altinn-textfield--docs)           | 🔵 Altinn        | [Figma - Text Field](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=6632%3A22228&t=7Q2N4sUdQGhFZrPh-1)                          | [Github - Textfield](https://github.com/digdir/designsystem/issues/92)      |
+| [Textfield](/docs/felles-textfield--docs)           | ✅ Felles        | [Figma - Text Field](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=6632%3A22228&t=7Q2N4sUdQGhFZrPh-1)                          | [Github - Textfield](https://github.com/digdir/designsystem/issues/92)      |
 | [ToggleGroup](/docs/altinn-togglebuttongroup--docs) | 🔵 Altinn        | Figma - Toggle Group                                                                                                                                          | [Github - ToggleGroup](https://github.com/digdir/designsystem/issues/304)   |
 | Tooltip                                             | 🚸 Ikke påbegynt | Figma - Tooltip                                                                                                                                               | [Github - Tooltip](https://github.com/digdir/designsystem/issues/93)        |
 | [Typography](/docs/felles-typography--docs)         | ✅ Felles        | [Figma - Typography](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=9219%3A49405&t=7Q2N4sUdQGhFZrPh-1)                          | [Github - Typography](https://github.com/digdir/designsystem/issues/324)    |
diff --git a/packages/react/src/components/form/CharacterCounter.tsx b/packages/react/src/components/form/CharacterCounter.tsx
new file mode 100644
index 0000000000..c123211dfc
--- /dev/null
+++ b/packages/react/src/components/form/CharacterCounter.tsx
@@ -0,0 +1,62 @@
+import React from 'react';
+
+import utilityClasses from '../../utils/utility.module.css';
+import { ErrorMessage } from '../Typography';
+
+export type CharacterLimitProps = Omit<
+  CharacterCounterProps,
+  'id' | 'value' | 'size'
+>;
+
+type CharacterCounterProps = {
+  /** The message indicating the remaining character limit. */
+  label?: (count: number) => string;
+  /** The description of the maximum character limit for screen readers. */
+  srLabel?: string;
+  /** The maximum allowed character count. */
+  maxCount: number;
+  /** The current value. */
+  value: string;
+  /** The ID of the element that describes the maximum character limit for accessibility purposes. */
+  id: string;
+  /** Text size */
+  size?: 'xsmall' | 'small' | 'medium' | 'large';
+};
+
+const defaultLabel: CharacterCounterProps['label'] = (count) =>
+  count > -1 ? `${count} tegn igjen` : `${Math.abs(count)} tegn for mye`;
+
+const defaultSrLabel = (maxCount: number) =>
+  `Tekstfelt med plass til ${maxCount} tegn`;
+
+export const CharacterCounter = ({
+  label = defaultLabel,
+  srLabel: propsSrLabel,
+  maxCount,
+  value,
+  id,
+  size,
+}: CharacterCounterProps): JSX.Element => {
+  const currentCount = maxCount - value.length;
+  const hasExceededLimit = value.length > maxCount;
+  const srLabel = propsSrLabel ? propsSrLabel : defaultSrLabel(maxCount);
+
+  return (
+    <>
+      <span
+        className={utilityClasses.visuallyHidden}
+        id={id}
+      >
+        {srLabel}
+      </span>
+      <ErrorMessage
+        as='span'
+        size={size}
+        aria-live={hasExceededLimit ? 'polite' : 'off'}
+        error={hasExceededLimit}
+      >
+        {label(currentCount)}
+      </ErrorMessage>
+    </>
+  );
+};
diff --git a/packages/react/src/components/form/Textfield/TextField.test.tsx b/packages/react/src/components/form/Textfield/TextField.test.tsx
new file mode 100644
index 0000000000..3192022358
--- /dev/null
+++ b/packages/react/src/components/form/Textfield/TextField.test.tsx
@@ -0,0 +1,145 @@
+import { render as renderRtl, screen } from '@testing-library/react';
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+
+import type { TextfieldProps } from './Textfield';
+import { Textfield } from './Textfield';
+
+const user = userEvent.setup();
+
+describe('TextField', () => {
+  test('has correct value and label', () => {
+    render({ value: 'test', label: 'label' });
+    expect(screen.getByLabelText('label')).toBeDefined();
+    expect(screen.getByDisplayValue('test')).toBeDefined();
+  });
+
+  test('has correct description', () => {
+    render({ description: 'description' });
+    expect(
+      screen.getByRole('textbox', { description: 'description' }),
+    ).toBeDefined();
+  });
+
+  test('has correct description and label when label is hidden', () => {
+    render({ description: 'description', label: 'label', hideLabel: true });
+
+    expect(screen.getByLabelText('label')).toBeDefined();
+    expect(
+      screen.getByRole('textbox', { description: 'description' }),
+    ).toBeDefined();
+  });
+
+  test('is invalid with correct error message', () => {
+    render({ error: 'error-message' });
+
+    const input = screen.getByRole('textbox', { description: 'error-message' });
+    expect(input).toBeDefined();
+    expect(input).toBeInvalid();
+  });
+  test('is invalid with correct error message from errorId', () => {
+    renderRtl(
+      <>
+        <span id='my-error'>my error message</span>
+        <Textfield
+          errorId='my-error'
+          error
+        />
+      </>,
+    );
+
+    const input = screen.getByRole('textbox', {
+      description: 'my error message',
+    });
+    expect(input).toBeDefined();
+    expect(input).toBeInvalid();
+  });
+  it('should have max allowed characters label for screen readers', () => {
+    render({
+      characterLimit: {
+        maxCount: 10,
+        srLabel: 'Max 10 characters is allowed',
+        label: (count: number) => `${count} characters remaining`,
+      },
+    });
+    const screenReaderText = screen.getByText('Max 10 characters is allowed');
+    expect(screenReaderText).toBeInTheDocument();
+  });
+
+  it('should countdown remaining characters', async () => {
+    const user = userEvent.setup();
+    render({
+      label: 'First name',
+      characterLimit: {
+        maxCount: 10,
+        label: (count: number) => `${count} characters remaining`,
+        srLabel: 'characters remaining',
+      },
+    });
+    const inputField = screen.getByLabelText('First name');
+    await user.type(inputField, 'Peter');
+    expect(screen.getByText('5 characters remaining')).toBeInTheDocument();
+  });
+
+  it('Triggers onBlur event when field loses focus', async () => {
+    const onBlur = jest.fn();
+    render({ onBlur });
+    const element = screen.getByRole('textbox');
+    await user.click(element);
+    expect(element).toHaveFocus();
+    await user.tab();
+    expect(onBlur).toHaveBeenCalledTimes(1);
+  });
+
+  it('Triggers onChange event for each keystroke', async () => {
+    const onChange = jest.fn();
+    const data = 'test';
+    render({ onChange });
+    const element = screen.getByRole('textbox');
+    await user.click(element);
+    expect(element).toHaveFocus();
+    await user.keyboard(data);
+    expect(onChange).toHaveBeenCalledTimes(data.length);
+  });
+
+  it('Sets given id on input field', () => {
+    const id = 'some-unique-id';
+    render({ id });
+    expect(screen.getByRole('textbox')).toHaveAttribute('id', id);
+  });
+
+  it('Focuses on input field when label is clicked and id is not given', async () => {
+    const label = 'Lorem ipsum';
+    render({ label });
+    await user.click(screen.getByText(label));
+    expect(screen.getByRole('textbox')).toHaveFocus();
+  });
+
+  it('Focuses on input field when label is clicked and id is given', async () => {
+    const label = 'Lorem ipsum';
+    render({ id: 'some-unique-id', label });
+    await user.click(screen.getByText(label));
+    expect(screen.getByRole('textbox')).toHaveFocus();
+  });
+
+  it('Has type attribute set to "text" by default', () => {
+    render();
+    expect(screen.getByRole('textbox')).toHaveAttribute('type', 'text');
+  });
+
+  it('Has given type attribute if set', () => {
+    const type = 'tel';
+    render({ type });
+    expect(screen.getByRole('textbox')).toHaveAttribute('type', type);
+  });
+});
+
+const render = (props: Partial<TextfieldProps> = {}) =>
+  renderRtl(
+    <Textfield
+      {...{
+        onChange: jest.fn(),
+        ...props,
+      }}
+    />,
+  );
diff --git a/packages/react/src/components/form/Textfield/Textfield.mdx b/packages/react/src/components/form/Textfield/Textfield.mdx
new file mode 100644
index 0000000000..be79a1b322
--- /dev/null
+++ b/packages/react/src/components/form/Textfield/Textfield.mdx
@@ -0,0 +1,18 @@
+import { Meta, Canvas, Story, Controls, Primary } from '@storybook/blocks';
+import { Information } from '../../../../../../docs-components';
+import * as TextfieldStories from './Textfield.stories';
+
+<Meta of={TextfieldStories} />
+
+# Textfield
+
+<Primary />
+<Controls />
+
+## Antall tegn
+
+<Canvas of={TextfieldStories.WithCharacterCounter} />
+
+## Kontrollert
+
+<Canvas of={TextfieldStories.Controlled} />
diff --git a/packages/react/src/components/form/Textfield/Textfield.module.css b/packages/react/src/components/form/Textfield/Textfield.module.css
new file mode 100644
index 0000000000..075537dcf8
--- /dev/null
+++ b/packages/react/src/components/form/Textfield/Textfield.module.css
@@ -0,0 +1,111 @@
+.textfield {
+  display: grid;
+  gap: var(--fds-spacing-1);
+}
+
+.adornment {
+  color: var(--fds-semantic-border-neutral-default);
+  background: var(--fds-semantic-surface-neutral-subtle);
+  padding: var(--fds-spacing-3);
+  border-radius: var(--fds-border_radius-medium);
+  border: solid 1px var(--fds-semantic-border-neutral-default);
+  box-sizing: border-box;
+  display: inline-block;
+}
+
+.label {
+  min-width: min-content;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--fds-spacing-1);
+  align-items: center;
+}
+
+.description {
+  color: var(--fds-semantic-text-neutral-subtle);
+}
+
+.input {
+  font: inherit;
+  position: relative;
+  box-sizing: border-box;
+  flex: 0 1 auto;
+  min-height: 2.5em;
+  width: 100%;
+  appearance: none;
+  padding: 0 var(--fds-spacing-3);
+  border: solid 1px var(--fds-semantic-border-action-dark);
+  border-radius: var(--fds-border_radius-medium);
+}
+
+.disabled {
+  opacity: 0.3;
+}
+
+.disabled .input {
+  cursor: not-allowed;
+}
+
+.readonly .input {
+  background: var(--fds-semantic-surface-neutral-subtle);
+  border-color: var(--fds-semantic-border-neutral-default);
+}
+
+.error > .input:not(:focus-visible) {
+  border-color: var(--fds-semantic-border-danger-default);
+  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .input:not(:focus-visible, :disabled):hover {
+    border-color: var(--fds-semantic-border-action-hover);
+    box-shadow: inset 0 0 0 1px var(--fds-semantic-border-action-hover);
+  }
+}
+
+.inputPrefix {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.inputSufix {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.prefix {
+  border-right: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.sufix {
+  border-left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.field {
+  display: flex;
+  align-items: stretch;
+  border-radius: var(--fds-border_radius-medium);
+}
+
+.field > *:first-child {
+  border-top-left-radius: var(--fds-border_radius-medium);
+  border-bottom-left-radius: var(--fds-border_radius-medium);
+}
+
+.field > *:last-child {
+  border-top-right-radius: var(--fds-border_radius-medium);
+  border-bottom-right-radius: var(--fds-border_radius-medium);
+}
+
+.padlock {
+  height: 1.2rem;
+  width: 1.2rem;
+}
+
+.errorMessage:empty {
+  display: none;
+}
diff --git a/packages/react/src/components/form/Textfield/Textfield.stories.tsx b/packages/react/src/components/form/Textfield/Textfield.stories.tsx
new file mode 100644
index 0000000000..67c241e2c0
--- /dev/null
+++ b/packages/react/src/components/form/Textfield/Textfield.stories.tsx
@@ -0,0 +1,56 @@
+import type { Meta, StoryObj, StoryFn } from '@storybook/react';
+import React, { useState } from 'react';
+
+import { Button, Paragraph } from '../..';
+
+import { Textfield } from '.';
+
+type Story = StoryObj<typeof Textfield>;
+
+export default {
+  title: 'Felles/Textfield',
+  component: Textfield,
+} as Meta;
+
+export const Preview: Story = {
+  args: {
+    label: 'Label',
+    disabled: false,
+    readOnly: false,
+    size: 'medium',
+    description: '',
+  },
+};
+
+export const WithCharacterCounter: Story = {
+  args: {
+    label: 'Label',
+    characterLimit: {
+      maxCount: 5,
+    },
+  },
+};
+
+export const Controlled: StoryFn<typeof Textfield> = () => {
+  const [value, setValue] = useState<string>();
+  return (
+    <>
+      <Paragraph>Du har skrevet inn: {value}</Paragraph>
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'end',
+          marginTop: 'var(--fds-spacing-2)',
+          gap: 'var(--fds-spacing-2)',
+        }}
+      >
+        <Textfield
+          label='Kontroller meg!'
+          value={value}
+          onChange={(e) => setValue(e.target.value)}
+        />
+        <Button onClick={() => setValue('Kake 🎂')}>Jeg vil ha Kake 🎂</Button>
+      </div>
+    </>
+  );
+};
diff --git a/packages/react/src/components/form/Textfield/Textfield.tsx b/packages/react/src/components/form/Textfield/Textfield.tsx
new file mode 100644
index 0000000000..448eb1e0ad
--- /dev/null
+++ b/packages/react/src/components/form/Textfield/Textfield.tsx
@@ -0,0 +1,198 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import React, { useState, useId, forwardRef } from 'react';
+import cn from 'classnames';
+import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
+
+import { omit } from '../../../utils';
+import { Label, Paragraph, ErrorMessage } from '../../Typography';
+import type { FormFieldProps } from '../useFormField';
+import type { CharacterLimitProps } from '../CharacterCounter';
+import { CharacterCounter } from '../CharacterCounter';
+
+import { useTextfield } from './useTextfield';
+import classes from './Textfield.module.css';
+import utilityClasses from './../../../utils/utility.module.css';
+
+export type TextfieldProps = {
+  /** Label */
+  label?: ReactNode;
+  /** Visually hides `label` and `description` (still available for screen readers)  */
+  hideLabel?: boolean;
+  /** Changes field size and paddings */
+  size?: 'xsmall' | 'small' | 'medium' | 'large';
+  /** Prefix for field. */
+  prefix?: string;
+  /** Sufix for field. */
+  sufix?: string;
+  /** Supported `input` types */
+  type?:
+    | 'date'
+    | 'datetime-local'
+    | 'email'
+    | 'file'
+    | 'month'
+    | 'number'
+    | 'password'
+    | 'search'
+    | 'tel'
+    | 'text'
+    | 'time'
+    | 'url'
+    | 'week';
+  /**
+   *  The characterLimit function calculates remaining characters based on `maxCount`
+   *
+   *  Provide a `label` function that takes count as parameter and returns a message.
+   *
+   *  Use `srLabel` to describe `maxCount` for screen readers.
+   *
+   *  Defaults to Norwegian if no labels are provided.
+   */
+  characterLimit?: CharacterLimitProps;
+} & Omit<FormFieldProps, 'size'> &
+  Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+
+/** Text input field
+ *
+ * @example
+ * ```tsx
+ * <Textfield label="Textfield label">
+ * ```
+ */
+export const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(
+  (props, ref) => {
+    const {
+      label,
+      description,
+      sufix,
+      prefix,
+      style,
+      characterLimit,
+      hideLabel,
+      type = 'text',
+      ...rest
+    } = props;
+
+    const {
+      inputProps,
+      descriptionId,
+      hasError,
+      errorId,
+      size = 'medium',
+      readOnly,
+    } = useTextfield(props);
+
+    const [inputValue, setInputValue] = useState(props.defaultValue);
+    const characterLimitId = `textfield-charactercount-${useId()}`;
+    const hasCharacterLimit = characterLimit != null;
+
+    const describedBy = cn(
+      inputProps['aria-describedby'],
+      hasCharacterLimit && characterLimitId,
+    );
+
+    return (
+      <Paragraph
+        as='div'
+        size={size}
+        style={style}
+        className={cn(
+          classes.textfield,
+          inputProps.disabled && classes.disabled,
+          readOnly && classes.readonly,
+          rest.className,
+        )}
+      >
+        {label && (
+          <Label
+            size={size}
+            weight='medium'
+            htmlFor={inputProps.id}
+            className={cn(
+              classes.label,
+              hideLabel && utilityClasses.visuallyHidden,
+            )}
+          >
+            {readOnly && (
+              <PadlockLockedFillIcon
+                aria-hidden
+                className={classes.padlock}
+              />
+            )}
+            <span>{label}</span>
+          </Label>
+        )}
+        {description && (
+          <Paragraph
+            id={descriptionId}
+            as='div'
+            size={size}
+            className={cn(
+              classes.description,
+              hideLabel && utilityClasses.visuallyHidden,
+            )}
+          >
+            {description}
+          </Paragraph>
+        )}
+        <div className={cn(classes.field, hasError && classes.error)}>
+          {prefix && (
+            <Paragraph
+              as='div'
+              size={size}
+              className={cn(classes.adornment, classes.prefix)}
+              aria-hidden='true'
+              short
+            >
+              {prefix}
+            </Paragraph>
+          )}
+          <input
+            {...omit(['size', 'error', 'errorId'], rest)}
+            {...inputProps}
+            className={cn(
+              classes.input,
+              utilityClasses.focusable,
+              prefix && classes.inputPrefix,
+              sufix && classes.inputSufix,
+            )}
+            ref={ref}
+            type={type}
+            aria-describedby={describedBy}
+            onChange={(e) => {
+              inputProps?.onChange?.(e);
+              setInputValue(e.target.value);
+            }}
+          />
+          {sufix && (
+            <Paragraph
+              as='div'
+              size={size}
+              className={cn(classes.adornment, classes.sufix)}
+              aria-hidden='true'
+              short
+            >
+              {sufix}
+            </Paragraph>
+          )}
+        </div>
+        {hasCharacterLimit && (
+          <CharacterCounter
+            size={size}
+            value={inputValue ? inputValue.toString() : ''}
+            id={characterLimitId}
+            {...characterLimit}
+          />
+        )}
+        <div
+          className={classes.errorMessage}
+          id={errorId}
+          aria-live='polite'
+          aria-relevant='additions removals'
+        >
+          {hasError && <ErrorMessage size={size}>{props.error}</ErrorMessage>}
+        </div>
+      </Paragraph>
+    );
+  },
+);
diff --git a/packages/react/src/components/form/Textfield/index.ts b/packages/react/src/components/form/Textfield/index.ts
new file mode 100644
index 0000000000..4ece73e0b9
--- /dev/null
+++ b/packages/react/src/components/form/Textfield/index.ts
@@ -0,0 +1 @@
+export * from './Textfield';
diff --git a/packages/react/src/components/form/Textfield/useTextfield.ts b/packages/react/src/components/form/Textfield/useTextfield.ts
new file mode 100644
index 0000000000..d3e50c436a
--- /dev/null
+++ b/packages/react/src/components/form/Textfield/useTextfield.ts
@@ -0,0 +1,44 @@
+import type { InputHTMLAttributes } from 'react';
+import { useContext } from 'react';
+
+import type { FormField } from '../useFormField';
+import { useFormField } from '../useFormField';
+import { FieldsetContext } from '../Fieldset';
+
+import type { TextfieldProps } from './Textfield';
+
+type UseTextfield = (props: TextfieldProps) => FormField & {
+  inputProps?: Pick<
+    InputHTMLAttributes<HTMLInputElement>,
+    'readOnly' | 'type' | 'name' | 'required' | 'onClick' | 'onChange'
+  >;
+};
+/** Handles props for `Textfield` in context with `Fieldset` */
+export const useTextfield: UseTextfield = (props) => {
+  const fieldset = useContext(FieldsetContext);
+  const { inputProps, readOnly, ...rest } = useFormField(props, 'textfield');
+
+  return {
+    ...rest,
+    readOnly,
+    size: fieldset?.size ?? props.size,
+    inputProps: {
+      ...inputProps,
+      readOnly,
+      onClick: (e) => {
+        if (readOnly) {
+          e.preventDefault();
+          return;
+        }
+        props?.onClick?.(e);
+      },
+      onChange: (e) => {
+        if (readOnly) {
+          e.preventDefault();
+          return;
+        }
+        props?.onChange?.(e);
+      },
+    },
+  };
+};
diff --git a/packages/react/src/components/index.ts b/packages/react/src/components/index.ts
index 58a7d47ecb..71eb4e5dd5 100644
--- a/packages/react/src/components/index.ts
+++ b/packages/react/src/components/index.ts
@@ -27,3 +27,4 @@ export * from './form/Checkbox';
 export * from './form/Radio';
 export * from './form/Fieldset';
 export * from './form/Switch';
+export * from './form/Textfield';

From c3d6d2d684ff764fe96a92e1852ddf115cf1ec62 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Thu, 21 Sep 2023 12:47:46 +0200
Subject: [PATCH 11/18] =?UTF-8?q?feat(TextField):=20=F0=9F=97=91=EF=B8=8F?=
 =?UTF-8?q?=20Change=20to=20Legacy=20(#838)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react/src/components/TextField/index.ts   |  2 --
 packages/react/src/components/index.ts        |  2 +-
 .../legacy/LegacyCheckbox/Checkbox.mdx        |  2 +-
 .../CheckboxGroup.stories.mdx                 |  2 +-
 .../LegacyCheckboxGroup/CheckboxGroup.tsx     |  5 ++++
 .../legacy/LegacyFieldSet/FieldSet.mdx        |  2 +-
 .../LegacyFieldSet/FieldSet.stories.tsx       |  6 ++---
 .../legacy/LegacyFieldSet/FieldSet.tsx        |  2 +-
 .../LegacyRadioButton/RadioButton.stories.mdx |  2 +-
 .../legacy/LegacyRadioButton/RadioButton.tsx  |  2 +-
 .../LegacyRadioGroup/RadioGroup.stories.mdx   |  2 +-
 .../legacy/LegacyRadioGroup/RadioGroup.tsx    |  2 +-
 .../LegacyTextField}/TextField.mdx            | 13 ++++++----
 .../LegacyTextField}/TextField.stories.tsx    | 16 ++++++------
 .../LegacyTextField}/TextField.test.tsx       | 12 ++++-----
 .../LegacyTextField}/TextField.tsx            | 25 +++++++++++++------
 .../legacy/LegacyTextField/index.ts           |  5 ++++
 17 files changed, 61 insertions(+), 41 deletions(-)
 delete mode 100644 packages/react/src/components/TextField/index.ts
 rename packages/react/src/components/{TextField => legacy/LegacyTextField}/TextField.mdx (78%)
 rename packages/react/src/components/{TextField => legacy/LegacyTextField}/TextField.stories.tsx (78%)
 rename packages/react/src/components/{TextField => legacy/LegacyTextField}/TextField.test.tsx (97%)
 rename packages/react/src/components/{TextField => legacy/LegacyTextField}/TextField.tsx (90%)
 create mode 100644 packages/react/src/components/legacy/LegacyTextField/index.ts

diff --git a/packages/react/src/components/TextField/index.ts b/packages/react/src/components/TextField/index.ts
deleted file mode 100644
index 03fca4ab6a..0000000000
--- a/packages/react/src/components/TextField/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { TextField } from './TextField';
-export type { TextFieldProps, TextFieldFormatting } from './TextField';
diff --git a/packages/react/src/components/index.ts b/packages/react/src/components/index.ts
index 71eb4e5dd5..809d019ddf 100644
--- a/packages/react/src/components/index.ts
+++ b/packages/react/src/components/index.ts
@@ -3,6 +3,7 @@ export * from './legacy/LegacyCheckbox';
 export * from './legacy/LegacyCheckboxGroup';
 export * from './legacy/LegacyRadioButton';
 export * from './legacy/LegacyRadioGroup';
+export * from './legacy/LegacyTextField';
 
 export * from './Button';
 export * from './Tabs';
@@ -11,7 +12,6 @@ export * from './Popover';
 export * from './Select';
 export * from './Spinner';
 export * from './TextArea';
-export * from './TextField';
 export * from './Link';
 export * from './List';
 export * from './Table';
diff --git a/packages/react/src/components/legacy/LegacyCheckbox/Checkbox.mdx b/packages/react/src/components/legacy/LegacyCheckbox/Checkbox.mdx
index c45b029f4c..5595236ed3 100644
--- a/packages/react/src/components/legacy/LegacyCheckbox/Checkbox.mdx
+++ b/packages/react/src/components/legacy/LegacyCheckbox/Checkbox.mdx
@@ -10,7 +10,7 @@ import { Controls, Primary } from '@storybook/blocks';
 
 <Information
   text='deprecated'
-  description='**Denne komponenten er erstattet av ny [Checkbox](/docs/felles-checkbox--docs) komponent.**'
+  description='**Denne komponenten er erstattet av ny [Checkbox](/?path=/docs/felles-checkbox--docs) komponent.**'
 />
 
 `LegacyCheckbox` er en boks som brukeren kan krysse av i for bolske verdier. Den kan også brukes i en gruppe hvor brukeren kan velge flere verdier.
diff --git a/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.stories.mdx b/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.stories.mdx
index 59b8630d5e..830b2fb1cb 100644
--- a/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.stories.mdx
+++ b/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.stories.mdx
@@ -80,7 +80,7 @@ export const Template = (args = {}) => (
 
 <Information
   text='deprecated'
-  description='**Denne komponenten er erstattet av ny [Checkbox.Group](/docs/felles-checkbox--docs#checkboxgroup) komponent.**'
+  description='**Denne komponenten er erstattet av ny [Checkbox.Group](/?path=/docs/felles-checkbox--docs#checkboxgroup) komponent.**'
 />
 
 `LegacyCheckboxGroup` er en gruppe med sjekkbokser som gir brukeren mulighet til å velge flere verdier i en liste.
diff --git a/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx b/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx
index 12408ca572..746748afac 100644
--- a/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx
+++ b/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx
@@ -136,4 +136,9 @@ const LegacyCheckboxGroup = ({
 
 LegacyCheckboxGroup.displayName = 'LegacyCheckboxGroup';
 
+/**
+ *
+ * @note
+ * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-checkbox-group--docs Checkbox.Group} component.
+ */
 export { LegacyCheckboxGroup };
diff --git a/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.mdx b/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.mdx
index ad3e2ad41f..18e048ec67 100644
--- a/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.mdx
+++ b/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.mdx
@@ -8,7 +8,7 @@ import * as FieldSetStories from './FieldSet.stories';
 
 <Information
   text='deprecated'
-  description='**Denne komponenten er erstattet av ny [Fieldset](/docs/felles-fieldset--docs) komponent.**'
+  description='**Denne komponenten er erstattet av ny [Fieldset](/?path=/docs/felles-fieldset--docs) komponent.**'
 />
 
 `LegacyFieldSet` brukes til å gruppere innhold i et skjema.
diff --git a/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.stories.tsx b/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.stories.tsx
index 447273904f..d19d8e1ca7 100644
--- a/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.stories.tsx
+++ b/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Meta, StoryFn } from '@storybook/react';
 
-import { TextField } from '../../TextField';
+import { LegacyTextField } from '../LegacyTextField';
 
 import { LegacyFieldSet } from './FieldSet';
 
@@ -13,8 +13,8 @@ export default {
 export const Eksempel: StoryFn<typeof LegacyFieldSet> = (args) => (
   <LegacyFieldSet {...args}>
     <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
-      <TextField label='Navn' />
-      <TextField
+      <LegacyTextField label='Navn' />
+      <LegacyTextField
         type='date'
         label='Fødselsdato'
       />
diff --git a/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.tsx b/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.tsx
index ca29fb8465..629003da94 100644
--- a/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.tsx
+++ b/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.tsx
@@ -38,7 +38,7 @@ export type LegacyFieldSetProps = {
 /**
  *
  * @note
- * Will be replaced by new Fieldset component.
+ * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-fieldset--docs Fieldset} component.
  */
 const LegacyFieldSet = forwardRef<HTMLFieldSetElement, LegacyFieldSetProps>(
   (
diff --git a/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.stories.mdx b/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.stories.mdx
index 72b5a1f3dc..306501ad76 100644
--- a/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.stories.mdx
+++ b/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.stories.mdx
@@ -81,7 +81,7 @@ export const Template = (args = {}) => (
 
 <Information
   text='deprecated'
-  description='**Denne komponenten er erstattet av ny [Radio](/docs/felles-radio--docs) komponent.**'
+  description='**Denne komponenten er erstattet av ny [Radio](/?path=/docs/felles-radio--docs) komponent.**'
 />
 
 `LegacyRadioButton` er en knapp som skal brukes i kombinasjon med andre radioknapper for å velge mellom flere alternativer.
diff --git a/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.tsx b/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.tsx
index e4ab7b4d28..db9e00b493 100644
--- a/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.tsx
+++ b/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.tsx
@@ -26,7 +26,7 @@ export interface LegacyRadioButtonProps {
 /**
  *
  * @note
- * Will be replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-radio--docs Radio} component.
+ * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-radio--docs Radio} component.
  */
 const LegacyRadioButton = forwardRef<HTMLInputElement, LegacyRadioButtonProps>(
   (
diff --git a/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.stories.mdx b/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.stories.mdx
index 732d59f64a..385702fbef 100644
--- a/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.stories.mdx
+++ b/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.stories.mdx
@@ -83,7 +83,7 @@ export const Template = (args = {}) => (
 
 <Information
   text='deprecated'
-  description='**Denne komponenten er erstattet av ny [Radio.Group](/docs/felles-radio--docs#radiogroup) komponent.**'
+  description='**Denne komponenten er erstattet av ny [Radio.Group](/?path=/docs/felles-radio--docs#radiogroup) komponent.**'
 />
 
 `LegacyRadioGroup` er en gruppe med radioknapper som gir brukeren mulighet til å velge ett av flere alternativer.
diff --git a/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.tsx b/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.tsx
index fe2d76f6a7..84ab3125e2 100644
--- a/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.tsx
+++ b/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.tsx
@@ -33,7 +33,7 @@ export interface LegacyRadioGroupProps {
 /**
  *
  * @note
- * Will be replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-radio-group--docs Radio.Group} component.
+ * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-radio-group--docs Radio.Group} component.
  */
 const LegacyRadioGroup = ({
   description,
diff --git a/packages/react/src/components/TextField/TextField.mdx b/packages/react/src/components/legacy/LegacyTextField/TextField.mdx
similarity index 78%
rename from packages/react/src/components/TextField/TextField.mdx
rename to packages/react/src/components/legacy/LegacyTextField/TextField.mdx
index 4f3c9630ce..b2be251506 100644
--- a/packages/react/src/components/TextField/TextField.mdx
+++ b/packages/react/src/components/legacy/LegacyTextField/TextField.mdx
@@ -1,23 +1,26 @@
 import { Meta, Canvas, Story, Primary, Controls } from '@storybook/blocks';
 import { TextField } from './';
-import { Information, TokensTable } from '../../../../../docs-components';
+import { Information, TokensTable } from '../../../../../../docs-components';
 import { ArgsTable } from '@storybook/blocks';
 import * as TextFieldStories from './TextField.stories';
 
 <Meta of={TextFieldStories} />
 
-# TextField
+# LegacyTextField
 
-<Information text='altinn' />
+<Information
+  text='deprecated'
+  description='**Denne komponenten er erstattet av ny [Textfield](/?path=/docs/felles-textfield--docs) komponent.**'
+/>
 
 `TextField` er en tekstboks som tar imot korte, rene tekster uten linjeskift. For lengre tekster, bruk `TextArea`.
 
 ## Bruk
 
 ```tsx
-import { TextField } from '@digdir/design-system-react';
+import { LegacyTextField } from '@digdir/design-system-react';
 
-<TextField {...props} />;
+<LegacyTextField {...props} />;
 ```
 
 ## Props
diff --git a/packages/react/src/components/TextField/TextField.stories.tsx b/packages/react/src/components/legacy/LegacyTextField/TextField.stories.tsx
similarity index 78%
rename from packages/react/src/components/TextField/TextField.stories.tsx
rename to packages/react/src/components/legacy/LegacyTextField/TextField.stories.tsx
index a9808d2f7c..4082a8074d 100644
--- a/packages/react/src/components/TextField/TextField.stories.tsx
+++ b/packages/react/src/components/legacy/LegacyTextField/TextField.stories.tsx
@@ -1,20 +1,20 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 
-import type { TextFieldProps } from '.';
-import { TextField } from '.';
+import type { LegacyTextFieldProps } from '.';
+import { LegacyTextField } from '.';
 
-type Story = StoryObj<typeof TextField>;
+type Story = StoryObj<typeof LegacyTextField>;
 
-const meta: Meta<typeof TextField> = {
-  title: 'Altinn/TextField',
-  component: TextField,
+const meta: Meta<typeof LegacyTextField> = {
+  title: 'Avviklet/LegacyTextField',
+  component: LegacyTextField,
 };
 
 export default meta;
 
-const createTemplate = (name: string, args?: TextFieldProps): Story => ({
-  render: (args) => <TextField {...args} />,
+const createTemplate = (name: string, args?: LegacyTextFieldProps): Story => ({
+  render: (args) => <LegacyTextField {...args} />,
   args,
   name,
 });
diff --git a/packages/react/src/components/TextField/TextField.test.tsx b/packages/react/src/components/legacy/LegacyTextField/TextField.test.tsx
similarity index 97%
rename from packages/react/src/components/TextField/TextField.test.tsx
rename to packages/react/src/components/legacy/LegacyTextField/TextField.test.tsx
index eeb39582f9..ebd477d023 100644
--- a/packages/react/src/components/TextField/TextField.test.tsx
+++ b/packages/react/src/components/legacy/LegacyTextField/TextField.test.tsx
@@ -2,8 +2,8 @@ import { render as renderRtl, screen } from '@testing-library/react';
 import React from 'react';
 import userEvent from '@testing-library/user-event';
 
-import type { TextFieldProps } from './TextField';
-import { TextField } from './TextField';
+import type { LegacyTextFieldProps } from './TextField';
+import { LegacyTextField } from './TextField';
 
 const user = userEvent.setup();
 
@@ -172,7 +172,7 @@ describe('TextField', () => {
       expect(screen.getByDisplayValue('$1 234')).toBeInTheDocument();
       expect(onChange).not.toHaveBeenCalled();
       rerender(
-        <TextField
+        <LegacyTextField
           onChange={onChange}
           value='12345'
           formatting={{ number: { prefix: '$', thousandSeparator: ' ' } }}
@@ -301,11 +301,11 @@ describe('TextField', () => {
   });
 });
 
-const render = (props: Partial<TextFieldProps> = {}) => {
+const render = (props: Partial<LegacyTextFieldProps> = {}) => {
   const allProps = {
     onChange: jest.fn(),
     ...props,
-  } as TextFieldProps;
+  } as LegacyTextFieldProps;
 
-  return renderRtl(<TextField {...allProps} />);
+  return renderRtl(<LegacyTextField {...allProps} />);
 };
diff --git a/packages/react/src/components/TextField/TextField.tsx b/packages/react/src/components/legacy/LegacyTextField/TextField.tsx
similarity index 90%
rename from packages/react/src/components/TextField/TextField.tsx
rename to packages/react/src/components/legacy/LegacyTextField/TextField.tsx
index 22f10cb4b6..1ec52b5b6f 100644
--- a/packages/react/src/components/TextField/TextField.tsx
+++ b/packages/react/src/components/legacy/LegacyTextField/TextField.tsx
@@ -9,11 +9,11 @@ import type {
 } from 'react-number-format';
 import { NumericFormat, PatternFormat } from 'react-number-format';
 
-import { isNumericFormat, isPatternFormat } from '../../utils';
-import { InputWrapper } from '../_InputWrapper';
-import type { ReadOnlyVariant_, CharacterLimit } from '../_InputWrapper';
+import { isNumericFormat, isPatternFormat } from '../../../utils';
+import { InputWrapper } from '../../_InputWrapper';
+import type { ReadOnlyVariant_, CharacterLimit } from '../../_InputWrapper';
 
-export type TextFieldProps = {
+export type LegacyTextFieldProps = {
   /**
    *  The characterLimit function calculates remaining characters.
    *  Provide a `label` function that takes count as parameter and returns a message.
@@ -25,7 +25,7 @@ export type TextFieldProps = {
   defaultValue?: string | number;
 
   /** The formatting options for the text field. */
-  formatting?: TextFieldFormatting;
+  formatting?: LegacyTextFieldFormatting;
 
   /** Specifies whether the value of the text field is valid. */
   isValid?: boolean;
@@ -65,7 +65,7 @@ export type TextFieldProps = {
   'readOnly' | 'value' | 'defaultValue' | 'type'
 >; // Todo: We should extend the props of <input> here, but it's complex because of the number format implementation. We should move that out to a separate component first.
 
-export type TextFieldFormatting = {
+export type LegacyTextFieldFormatting = {
   align?: 'right' | 'center' | 'left';
   number?: NumericFormatProps | PatternFormatProps;
 };
@@ -91,7 +91,16 @@ const replaceTargetValueWithUnformattedValue = ({
     },
   };
 };
-export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
+
+/**
+ *
+ * @note
+ * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-textfield--docs Textfield} component.
+ */
+export const LegacyTextField = forwardRef<
+  HTMLInputElement,
+  LegacyTextFieldProps
+>(
   (
     {
       id,
@@ -107,7 +116,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
       characterLimit,
       'aria-describedby': ariaDescribedBy,
       ...rest
-    }: TextFieldProps,
+    }: LegacyTextFieldProps,
     ref: ForwardedRef<HTMLInputElement>,
   ) => {
     const [currentValue, setCurrentValue] = useState<string>(
diff --git a/packages/react/src/components/legacy/LegacyTextField/index.ts b/packages/react/src/components/legacy/LegacyTextField/index.ts
new file mode 100644
index 0000000000..521d578804
--- /dev/null
+++ b/packages/react/src/components/legacy/LegacyTextField/index.ts
@@ -0,0 +1,5 @@
+export { LegacyTextField } from './TextField';
+export type {
+  LegacyTextFieldProps,
+  LegacyTextFieldFormatting,
+} from './TextField';

From 161e0189e12268b83762a6cf71f506dbce5a45c5 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Thu, 21 Sep 2023 12:49:28 +0200
Subject: [PATCH 12/18] Publish

 - @digdir/design-system-react@0.25.0
 - @digdir/design-system-tokens@0.7.0
---
 packages/react/CHANGELOG.md  | 10 ++++++++++
 packages/react/package.json  |  4 ++--
 packages/tokens/CHANGELOG.md |  6 ++++++
 packages/tokens/package.json |  2 +-
 yarn.lock                    |  4 ++--
 5 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 3fe4b08d8f..73b79ac7e8 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.25.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.24.2...@digdir/design-system-react@0.25.0) (2023-09-21)
+
+### Features
+
+- **ErrorMessage:** :sparkles: Add new option to toggle error color ([#836](https://github.com/digdir/designsystem/issues/836)) ([8b177f3](https://github.com/digdir/designsystem/commit/8b177f3f25b3c2075d38f8f5e8a438d8727b5c98))
+- **ErrorMessage:** ✨ Add `large` size ([#840](https://github.com/digdir/designsystem/issues/840)) ([9742abf](https://github.com/digdir/designsystem/commit/9742abf1d002967fdfdb6b3caa8f33bb11a85019))
+- **Fieldset, Switch, Radio, Checkbox:** :sparkles: Add `large` size ([#841](https://github.com/digdir/designsystem/issues/841)) ([4e8052f](https://github.com/digdir/designsystem/commit/4e8052fc6a886b68676ca5de0a47d80eadb93656))
+- **Textfield:** :sparkles: New `Textfield` component ([#816](https://github.com/digdir/designsystem/issues/816)) ([0c14cfa](https://github.com/digdir/designsystem/commit/0c14cfa3c6add379ada2f5e11dd2b6a0de05aa56))
+- **TextField:** 🗑️ Change to Legacy ([#838](https://github.com/digdir/designsystem/issues/838)) ([c3d6d2d](https://github.com/digdir/designsystem/commit/c3d6d2d684ff764fe96a92e1852ddf115cf1ec62))
+
 ## [0.24.2](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.24.1...@digdir/design-system-react@0.24.2) (2023-09-19)
 
 ### Bug Fixes
diff --git a/packages/react/package.json b/packages/react/package.json
index 0702c3156d..b0fb0f7537 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/design-system-react",
-  "version": "0.24.2",
+  "version": "0.25.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@altinn/figma-design-tokens": "^6.0.1",
-    "@digdir/design-system-tokens": "^0.6.1",
+    "@digdir/design-system-tokens": "^0.7.0",
     "@floating-ui/react": "0.25.2",
     "@navikt/aksel-icons": "^3.2.4",
     "react-number-format": "5.2.2"
diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md
index a6cbc0864c..5a65a1753f 100644
--- a/packages/tokens/CHANGELOG.md
+++ b/packages/tokens/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.7.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-tokens@0.6.1...@digdir/design-system-tokens@0.7.0) (2023-09-21)
+
+### Features
+
+- **ErrorMessage:** Add Large size token ([#839](https://github.com/digdir/designsystem/issues/839)) ([a5a7739](https://github.com/digdir/designsystem/commit/a5a7739d75de642ea6841b61ca4b719be91856b0))
+
 ## [0.6.1](https://github.com/digdir/designsystem/compare/@digdir/design-system-tokens@0.6.0...@digdir/design-system-tokens@0.6.1) (2023-09-19)
 
 **Note:** Version bump only for package @digdir/design-system-tokens
diff --git a/packages/tokens/package.json b/packages/tokens/package.json
index 5d76017805..91f8e15f1e 100644
--- a/packages/tokens/package.json
+++ b/packages/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/design-system-tokens",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "Tokens for the Digdir Common Design System",
   "repository": "https://github.com/digdir/designsystem",
   "license": "MIT",
diff --git a/yarn.lock b/yarn.lock
index bd12acd6e4..719f7a9928 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3913,7 +3913,7 @@ __metadata:
   resolution: "@digdir/design-system-react@workspace:packages/react"
   dependencies:
     "@altinn/figma-design-tokens": ^6.0.1
-    "@digdir/design-system-tokens": ^0.6.1
+    "@digdir/design-system-tokens": ^0.7.0
     "@floating-ui/react": 0.25.2
     "@navikt/aksel-icons": ^3.2.4
     react-number-format: 5.2.2
@@ -3923,7 +3923,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@digdir/design-system-tokens@*, @digdir/design-system-tokens@^0.6.1, @digdir/design-system-tokens@workspace:packages/tokens":
+"@digdir/design-system-tokens@*, @digdir/design-system-tokens@^0.7.0, @digdir/design-system-tokens@workspace:packages/tokens":
   version: 0.0.0-use.local
   resolution: "@digdir/design-system-tokens@workspace:packages/tokens"
   dependencies:

From 0c59b86f661222e0021311cd5eba6c7aa429ea8c Mon Sep 17 00:00:00 2001
From: Tomas Engebretsen <tomas.engebretsen@digdir.no>
Date: Fri, 22 Sep 2023 08:20:17 +0200
Subject: [PATCH 13/18] fix(Textfield): Prop typo (#848)

---
 .../components/form/Textfield/Textfield.module.css |  4 ++--
 .../{TextField.test.tsx => Textfield.test.tsx}     |  2 +-
 .../src/components/form/Textfield/Textfield.tsx    | 14 +++++++-------
 3 files changed, 10 insertions(+), 10 deletions(-)
 rename packages/react/src/components/form/Textfield/{TextField.test.tsx => Textfield.test.tsx} (99%)

diff --git a/packages/react/src/components/form/Textfield/Textfield.module.css b/packages/react/src/components/form/Textfield/Textfield.module.css
index 075537dcf8..b3a9058f18 100644
--- a/packages/react/src/components/form/Textfield/Textfield.module.css
+++ b/packages/react/src/components/form/Textfield/Textfield.module.css
@@ -68,7 +68,7 @@
   border-bottom-left-radius: 0;
 }
 
-.inputSufix {
+.inputSuffix {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -79,7 +79,7 @@
   border-bottom-right-radius: 0;
 }
 
-.sufix {
+.suffix {
   border-left: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
diff --git a/packages/react/src/components/form/Textfield/TextField.test.tsx b/packages/react/src/components/form/Textfield/Textfield.test.tsx
similarity index 99%
rename from packages/react/src/components/form/Textfield/TextField.test.tsx
rename to packages/react/src/components/form/Textfield/Textfield.test.tsx
index 3192022358..0b41200576 100644
--- a/packages/react/src/components/form/Textfield/TextField.test.tsx
+++ b/packages/react/src/components/form/Textfield/Textfield.test.tsx
@@ -7,7 +7,7 @@ import { Textfield } from './Textfield';
 
 const user = userEvent.setup();
 
-describe('TextField', () => {
+describe('Textfield', () => {
   test('has correct value and label', () => {
     render({ value: 'test', label: 'label' });
     expect(screen.getByLabelText('label')).toBeDefined();
diff --git a/packages/react/src/components/form/Textfield/Textfield.tsx b/packages/react/src/components/form/Textfield/Textfield.tsx
index 448eb1e0ad..f644ec96c3 100644
--- a/packages/react/src/components/form/Textfield/Textfield.tsx
+++ b/packages/react/src/components/form/Textfield/Textfield.tsx
@@ -22,8 +22,8 @@ export type TextfieldProps = {
   size?: 'xsmall' | 'small' | 'medium' | 'large';
   /** Prefix for field. */
   prefix?: string;
-  /** Sufix for field. */
-  sufix?: string;
+  /** Suffix for field. */
+  suffix?: string;
   /** Supported `input` types */
   type?:
     | 'date'
@@ -64,7 +64,7 @@ export const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(
     const {
       label,
       description,
-      sufix,
+      suffix,
       prefix,
       style,
       characterLimit,
@@ -154,7 +154,7 @@ export const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(
               classes.input,
               utilityClasses.focusable,
               prefix && classes.inputPrefix,
-              sufix && classes.inputSufix,
+              suffix && classes.inputSuffix,
             )}
             ref={ref}
             type={type}
@@ -164,15 +164,15 @@ export const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(
               setInputValue(e.target.value);
             }}
           />
-          {sufix && (
+          {suffix && (
             <Paragraph
               as='div'
               size={size}
-              className={cn(classes.adornment, classes.sufix)}
+              className={cn(classes.adornment, classes.suffix)}
               aria-hidden='true'
               short
             >
-              {sufix}
+              {suffix}
             </Paragraph>
           )}
         </div>

From 18a2887f2ae228fc8dc18b86e3dd1f007bb6d389 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Fri, 22 Sep 2023 08:24:51 +0200
Subject: [PATCH 14/18] Publish

 - @digdir/design-system-react@0.25.1
---
 packages/react/CHANGELOG.md | 6 ++++++
 packages/react/package.json | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 73b79ac7e8..71fe088c3d 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.25.1](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.25.0...@digdir/design-system-react@0.25.1) (2023-09-22)
+
+### Bug Fixes
+
+- **Textfield:** Prop typo ([#848](https://github.com/digdir/designsystem/issues/848)) ([0c59b86](https://github.com/digdir/designsystem/commit/0c59b86f661222e0021311cd5eba6c7aa429ea8c))
+
 # [0.25.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.24.2...@digdir/design-system-react@0.25.0) (2023-09-21)
 
 ### Features
diff --git a/packages/react/package.json b/packages/react/package.json
index b0fb0f7537..fd5c86ca78 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/design-system-react",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",

From 4544f1e96fb90c00360377b2a18998e9bce36f16 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Fri, 22 Sep 2023 13:18:57 +0200
Subject: [PATCH 15/18] fix(Textfield): :lipstick: Style adjustments after
 feedback (#852)

---
 .../components/form/Textfield/Textfield.mdx    |  4 ++++
 .../form/Textfield/Textfield.module.css        | 18 ++++++++++++++++--
 .../form/Textfield/Textfield.stories.tsx       | 11 ++++++++++-
 .../components/form/Textfield/Textfield.tsx    |  3 ++-
 4 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/components/form/Textfield/Textfield.mdx b/packages/react/src/components/form/Textfield/Textfield.mdx
index be79a1b322..28eedb7072 100644
--- a/packages/react/src/components/form/Textfield/Textfield.mdx
+++ b/packages/react/src/components/form/Textfield/Textfield.mdx
@@ -16,3 +16,7 @@ import * as TextfieldStories from './Textfield.stories';
 ## Kontrollert
 
 <Canvas of={TextfieldStories.Controlled} />
+
+## Full bredde
+
+<Canvas of={TextfieldStories.FullWidth} />
diff --git a/packages/react/src/components/form/Textfield/Textfield.module.css b/packages/react/src/components/form/Textfield/Textfield.module.css
index b3a9058f18..3557142cda 100644
--- a/packages/react/src/components/form/Textfield/Textfield.module.css
+++ b/packages/react/src/components/form/Textfield/Textfield.module.css
@@ -1,6 +1,6 @@
-.textfield {
+.formField {
   display: grid;
-  gap: var(--fds-spacing-1);
+  gap: var(--fds-spacing-2);
 }
 
 .adornment {
@@ -23,6 +23,7 @@
 
 .description {
   color: var(--fds-semantic-text-neutral-subtle);
+  margin-top: calc(var(--fds-spacing-2) * -1);
 }
 
 .input {
@@ -38,6 +39,19 @@
   border-radius: var(--fds-border_radius-medium);
 }
 
+.input.xsmall,
+.input.small {
+  padding: 0 var(--fds-spacing-2);
+}
+
+.input.medium {
+  padding: 0 var(--fds-spacing-3);
+}
+
+.input.large {
+  padding: 0 var(--fds-spacing-4);
+}
+
 .disabled {
   opacity: 0.3;
 }
diff --git a/packages/react/src/components/form/Textfield/Textfield.stories.tsx b/packages/react/src/components/form/Textfield/Textfield.stories.tsx
index 67c241e2c0..81c8dd4481 100644
--- a/packages/react/src/components/form/Textfield/Textfield.stories.tsx
+++ b/packages/react/src/components/form/Textfield/Textfield.stories.tsx
@@ -31,6 +31,15 @@ export const WithCharacterCounter: Story = {
   },
 };
 
+export const FullWidth: Story = {
+  args: {
+    label: 'Label',
+  },
+  parameters: {
+    layout: 'padded',
+  },
+};
+
 export const Controlled: StoryFn<typeof Textfield> = () => {
   const [value, setValue] = useState<string>();
   return (
@@ -49,7 +58,7 @@ export const Controlled: StoryFn<typeof Textfield> = () => {
           value={value}
           onChange={(e) => setValue(e.target.value)}
         />
-        <Button onClick={() => setValue('Kake 🎂')}>Jeg vil ha Kake 🎂</Button>
+        <Button onClick={() => setValue('Kake')}>Jeg vil ha Kake</Button>
       </div>
     </>
   );
diff --git a/packages/react/src/components/form/Textfield/Textfield.tsx b/packages/react/src/components/form/Textfield/Textfield.tsx
index f644ec96c3..3337793afd 100644
--- a/packages/react/src/components/form/Textfield/Textfield.tsx
+++ b/packages/react/src/components/form/Textfield/Textfield.tsx
@@ -97,7 +97,7 @@ export const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(
         size={size}
         style={style}
         className={cn(
-          classes.textfield,
+          classes.formField,
           inputProps.disabled && classes.disabled,
           readOnly && classes.readonly,
           rest.className,
@@ -152,6 +152,7 @@ export const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(
             {...inputProps}
             className={cn(
               classes.input,
+              classes[size],
               utilityClasses.focusable,
               prefix && classes.inputPrefix,
               suffix && classes.inputSuffix,

From 9d9c3ab390cea40bd3137845fd2b7fb251c84b7a Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Fri, 22 Sep 2023 13:38:27 +0200
Subject: [PATCH 16/18] feat(Textarea): :sparkles: New `Textarea` component
 (#851)

---
 .../src/components/form/Textarea/Textarea.mdx |  22 +++
 .../form/Textarea/Textarea.module.css         |  78 ++++++++++
 .../form/Textarea/Textarea.stories.tsx        |  71 +++++++++
 .../form/Textarea/Textarea.test.tsx           | 136 ++++++++++++++++
 .../src/components/form/Textarea/Textarea.tsx | 145 ++++++++++++++++++
 .../src/components/form/Textarea/index.ts     |   1 +
 .../components/form/Textarea/useTextarea.ts   |  46 ++++++
 .../react/src/components/form/useFormField.ts |   6 +-
 8 files changed, 503 insertions(+), 2 deletions(-)
 create mode 100644 packages/react/src/components/form/Textarea/Textarea.mdx
 create mode 100644 packages/react/src/components/form/Textarea/Textarea.module.css
 create mode 100644 packages/react/src/components/form/Textarea/Textarea.stories.tsx
 create mode 100644 packages/react/src/components/form/Textarea/Textarea.test.tsx
 create mode 100644 packages/react/src/components/form/Textarea/Textarea.tsx
 create mode 100644 packages/react/src/components/form/Textarea/index.ts
 create mode 100644 packages/react/src/components/form/Textarea/useTextarea.ts

diff --git a/packages/react/src/components/form/Textarea/Textarea.mdx b/packages/react/src/components/form/Textarea/Textarea.mdx
new file mode 100644
index 0000000000..f1c800787c
--- /dev/null
+++ b/packages/react/src/components/form/Textarea/Textarea.mdx
@@ -0,0 +1,22 @@
+import { Meta, Canvas, Story, Controls, Primary } from '@storybook/blocks';
+import { Information } from '../../../../../../docs-components';
+import * as TextareaStories from './Textarea.stories';
+
+<Meta of={TextareaStories} />
+
+# Textarea
+
+<Primary />
+<Controls />
+
+## Antall tegn
+
+<Canvas of={TextareaStories.WithCharacterCounter} />
+
+## Kontrollert
+
+<Canvas of={TextareaStories.Controlled} />
+
+## Full bredde
+
+<Canvas of={TextareaStories.FullWidth} />
diff --git a/packages/react/src/components/form/Textarea/Textarea.module.css b/packages/react/src/components/form/Textarea/Textarea.module.css
new file mode 100644
index 0000000000..c2f3915f63
--- /dev/null
+++ b/packages/react/src/components/form/Textarea/Textarea.module.css
@@ -0,0 +1,78 @@
+.formField {
+  display: grid;
+  gap: var(--fds-spacing-2);
+}
+
+.padlock {
+  height: 1.2rem;
+  width: 1.2rem;
+}
+
+.errorMessage:empty {
+  display: none;
+}
+
+.label {
+  min-width: min-content;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--fds-spacing-1);
+  align-items: center;
+}
+
+.description {
+  color: var(--fds-semantic-text-neutral-subtle);
+  margin-top: calc(var(--fds-spacing-2) * -1);
+}
+
+.textarea {
+  font: inherit;
+  position: relative;
+  box-sizing: border-box;
+  flex: 0 1 auto;
+  min-height: 2.5em;
+  width: 100%;
+  appearance: none;
+  padding: var(--fds-spacing-3);
+  border: solid 1px var(--fds-semantic-border-action-dark);
+  border-radius: var(--fds-border_radius-medium);
+  resize: vertical;
+}
+
+.textarea.xsmall,
+.textarea.small {
+  padding: var(--fds-spacing-2);
+}
+
+.textarea.medium {
+  padding: var(--fds-spacing-3);
+}
+
+.textarea.large {
+  padding: var(--fds-spacing-4);
+}
+
+.disabled {
+  opacity: 0.3;
+}
+
+.disabled .textarea {
+  cursor: not-allowed;
+}
+
+.readonly .textarea {
+  background: var(--fds-semantic-surface-neutral-subtle);
+  border-color: var(--fds-semantic-border-neutral-default);
+}
+
+.error > .textarea:not(:focus-visible) {
+  border-color: var(--fds-semantic-border-danger-default);
+  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .textarea:not(:focus-visible, :disabled):hover {
+    border-color: var(--fds-semantic-border-action-hover);
+    box-shadow: inset 0 0 0 1px var(--fds-semantic-border-action-hover);
+  }
+}
diff --git a/packages/react/src/components/form/Textarea/Textarea.stories.tsx b/packages/react/src/components/form/Textarea/Textarea.stories.tsx
new file mode 100644
index 0000000000..ff738ba3e3
--- /dev/null
+++ b/packages/react/src/components/form/Textarea/Textarea.stories.tsx
@@ -0,0 +1,71 @@
+import type { Meta, StoryObj, StoryFn } from '@storybook/react';
+import React, { useState } from 'react';
+
+import { Button, Paragraph } from '../..';
+
+import { Textarea } from '.';
+
+type Story = StoryObj<typeof Textarea>;
+
+export default {
+  title: 'Felles/Textarea',
+  component: Textarea,
+} as Meta;
+
+export const Preview: Story = {
+  args: {
+    label: 'Label',
+    disabled: false,
+    readOnly: false,
+    size: 'medium',
+    description: '',
+    error: '',
+    cols: 40,
+  },
+};
+
+export const WithCharacterCounter: Story = {
+  args: {
+    label: 'Label',
+    cols: 40,
+    characterLimit: {
+      maxCount: 5,
+    },
+  },
+};
+
+export const FullWidth: Story = {
+  args: {
+    label: 'Label',
+    rows: 10,
+    cols: 40,
+  },
+  parameters: {
+    layout: 'padded',
+  },
+};
+
+export const Controlled: StoryFn<typeof Textarea> = () => {
+  const [value, setValue] = useState<string>();
+  return (
+    <>
+      <Paragraph>Du har skrevet inn: {value}</Paragraph>
+      <div
+        style={{
+          display: 'flex',
+          flexDirection: 'column',
+          marginTop: 'var(--fds-spacing-2)',
+          gap: 'var(--fds-spacing-2)',
+        }}
+      >
+        <Textarea
+          label='Kontroller meg!'
+          value={value}
+          onChange={(e) => setValue(e.target.value)}
+          cols={40}
+        />
+        <Button onClick={() => setValue('Pizza')}>Jeg vil ha Pizza</Button>
+      </div>
+    </>
+  );
+};
diff --git a/packages/react/src/components/form/Textarea/Textarea.test.tsx b/packages/react/src/components/form/Textarea/Textarea.test.tsx
new file mode 100644
index 0000000000..41934fe19c
--- /dev/null
+++ b/packages/react/src/components/form/Textarea/Textarea.test.tsx
@@ -0,0 +1,136 @@
+import { render as renderRtl, screen } from '@testing-library/react';
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+
+import type { TextareaProps } from './Textarea';
+import { Textarea } from './Textarea';
+
+const user = userEvent.setup();
+
+describe('Textarea', () => {
+  test('has correct value and label', () => {
+    render({ value: 'test', label: 'label' });
+    expect(screen.getByLabelText('label')).toBeDefined();
+    expect(screen.getByDisplayValue('test')).toBeDefined();
+  });
+
+  test('has correct description', () => {
+    render({ description: 'description' });
+    expect(
+      screen.getByRole('textbox', { description: 'description' }),
+    ).toBeDefined();
+  });
+
+  test('has correct description and label when label is hidden', () => {
+    render({ description: 'description', label: 'label', hideLabel: true });
+
+    expect(screen.getByLabelText('label')).toBeDefined();
+    expect(
+      screen.getByRole('textbox', { description: 'description' }),
+    ).toBeDefined();
+  });
+
+  test('is invalid with correct error message', () => {
+    render({ error: 'error-message' });
+
+    const textarea = screen.getByRole('textbox', {
+      description: 'error-message',
+    });
+    expect(textarea).toBeDefined();
+    expect(textarea).toBeInvalid();
+  });
+  test('is invalid with correct error message from errorId', () => {
+    renderRtl(
+      <>
+        <span id='my-error'>my error message</span>
+        <Textarea
+          errorId='my-error'
+          error
+        />
+      </>,
+    );
+
+    const textarea = screen.getByRole('textbox', {
+      description: 'my error message',
+    });
+    expect(textarea).toBeDefined();
+    expect(textarea).toBeInvalid();
+  });
+  it('should have max allowed characters label for screen readers', () => {
+    render({
+      characterLimit: {
+        maxCount: 10,
+        srLabel: 'Max 10 characters is allowed',
+        label: (count: number) => `${count} characters remaining`,
+      },
+    });
+    const screenReaderText = screen.getByText('Max 10 characters is allowed');
+    expect(screenReaderText).toBeInTheDocument();
+  });
+
+  it('should countdown remaining characters', async () => {
+    const user = userEvent.setup();
+    render({
+      label: 'First name',
+      characterLimit: {
+        maxCount: 10,
+        label: (count: number) => `${count} characters remaining`,
+        srLabel: 'characters remaining',
+      },
+    });
+    const textareaField = screen.getByLabelText('First name');
+    await user.type(textareaField, 'Peter');
+    expect(screen.getByText('5 characters remaining')).toBeInTheDocument();
+  });
+
+  it('Triggers onBlur event when field loses focus', async () => {
+    const onBlur = jest.fn();
+    render({ onBlur });
+    const element = screen.getByRole('textbox');
+    await user.click(element);
+    expect(element).toHaveFocus();
+    await user.tab();
+    expect(onBlur).toHaveBeenCalledTimes(1);
+  });
+
+  it('Triggers onChange event for each keystroke', async () => {
+    const onChange = jest.fn();
+    const data = 'test';
+    render({ onChange });
+    const element = screen.getByRole('textbox');
+    await user.click(element);
+    expect(element).toHaveFocus();
+    await user.keyboard(data);
+    expect(onChange).toHaveBeenCalledTimes(data.length);
+  });
+
+  it('Sets given id on textarea field', () => {
+    const id = 'some-unique-id';
+    render({ id });
+    expect(screen.getByRole('textbox')).toHaveAttribute('id', id);
+  });
+
+  it('Focuses on textarea field when label is clicked and id is not given', async () => {
+    const label = 'Lorem ipsum';
+    render({ label });
+    await user.click(screen.getByText(label));
+    expect(screen.getByRole('textbox')).toHaveFocus();
+  });
+
+  it('Focuses on textarea field when label is clicked and id is given', async () => {
+    const label = 'Lorem ipsum';
+    render({ id: 'some-unique-id', label });
+    await user.click(screen.getByText(label));
+    expect(screen.getByRole('textbox')).toHaveFocus();
+  });
+});
+
+const render = (props: Partial<TextareaProps> = {}) =>
+  renderRtl(
+    <Textarea
+      {...{
+        onChange: jest.fn(),
+        ...props,
+      }}
+    />,
+  );
diff --git a/packages/react/src/components/form/Textarea/Textarea.tsx b/packages/react/src/components/form/Textarea/Textarea.tsx
new file mode 100644
index 0000000000..95cf378a66
--- /dev/null
+++ b/packages/react/src/components/form/Textarea/Textarea.tsx
@@ -0,0 +1,145 @@
+import type { ReactNode, TextareaHTMLAttributes } from 'react';
+import React, { useState, forwardRef } from 'react';
+import cn from 'classnames';
+import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
+
+import { omit } from '../../../utils';
+import { Label, Paragraph, ErrorMessage } from '../../Typography';
+import type { FormFieldProps } from '../useFormField';
+import type { CharacterLimitProps } from '../CharacterCounter';
+import { CharacterCounter } from '../CharacterCounter';
+
+import { useTextarea } from './useTextarea';
+import classes from './Textarea.module.css';
+import utilityClasses from './../../../utils/utility.module.css';
+
+export type TextareaProps = {
+  /** Label */
+  label?: ReactNode;
+  /** Visually hides `label` and `description` (still available for screen readers)  */
+  hideLabel?: boolean;
+  /** Changes field size and paddings */
+  size?: 'xsmall' | 'small' | 'medium' | 'large';
+
+  /**
+   *  The characterLimit function calculates remaining characters based on `maxCount`
+   *
+   *  Provide a `label` function that takes count as parameter and returns a message.
+   *
+   *  Use `srLabel` to describe `maxCount` for screen readers.
+   *
+   *  Defaults to Norwegian if no labels are provided.
+   */
+  characterLimit?: CharacterLimitProps;
+} & Omit<FormFieldProps, 'size'> &
+  Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>;
+
+/** Textarea field
+ *
+ * @example
+ * ```tsx
+ * <Textarea label="Textarea label">
+ * ```
+ */
+export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
+  (props, ref) => {
+    const { label, description, style, characterLimit, hideLabel, ...rest } =
+      props;
+
+    const {
+      textareaProps,
+      descriptionId,
+      hasError,
+      errorId,
+      size = 'medium',
+      readOnly,
+    } = useTextarea(props);
+
+    const [value, setValue] = useState(props.defaultValue);
+    const characterLimitId = `${textareaProps.id}-charactercount}`;
+    const hasCharacterLimit = characterLimit != null;
+
+    const describedBy = cn(
+      textareaProps['aria-describedby'],
+      hasCharacterLimit && characterLimitId,
+    );
+
+    return (
+      <Paragraph
+        as='div'
+        size={size}
+        style={style}
+        className={cn(
+          classes.formField,
+          textareaProps.disabled && classes.disabled,
+          readOnly && classes.readonly,
+          rest.className,
+        )}
+      >
+        {label && (
+          <Label
+            size={size}
+            weight='medium'
+            htmlFor={textareaProps.id}
+            className={cn(
+              classes.label,
+              hideLabel && utilityClasses.visuallyHidden,
+            )}
+          >
+            {readOnly && (
+              <PadlockLockedFillIcon
+                aria-hidden
+                className={classes.padlock}
+              />
+            )}
+            <span>{label}</span>
+          </Label>
+        )}
+        {description && (
+          <Paragraph
+            id={descriptionId}
+            as='div'
+            size={size}
+            className={cn(
+              classes.description,
+              hideLabel && utilityClasses.visuallyHidden,
+            )}
+          >
+            {description}
+          </Paragraph>
+        )}
+        <textarea
+          {...omit(['size', 'error', 'errorId'], rest)}
+          {...textareaProps}
+          className={cn(
+            classes.textarea,
+            utilityClasses.focusable,
+            classes[size],
+          )}
+          ref={ref}
+          aria-describedby={describedBy}
+          onChange={(e) => {
+            textareaProps?.onChange?.(e);
+            setValue(e.target.value);
+          }}
+        />
+        {hasCharacterLimit && (
+          <CharacterCounter
+            size={size}
+            value={value ? value.toString() : ''}
+            id={characterLimitId}
+            {...characterLimit}
+          />
+        )}
+        <div
+          className={classes.errorMessage}
+          id={errorId}
+          aria-live='polite'
+          aria-relevant='additions removals'
+        >
+          {hasError && <ErrorMessage size={size}>{props.error}</ErrorMessage>}
+        </div>
+      </Paragraph>
+    );
+  },
+);
diff --git a/packages/react/src/components/form/Textarea/index.ts b/packages/react/src/components/form/Textarea/index.ts
new file mode 100644
index 0000000000..6449a4197e
--- /dev/null
+++ b/packages/react/src/components/form/Textarea/index.ts
@@ -0,0 +1 @@
+export * from './Textarea';
diff --git a/packages/react/src/components/form/Textarea/useTextarea.ts b/packages/react/src/components/form/Textarea/useTextarea.ts
new file mode 100644
index 0000000000..8143ae7470
--- /dev/null
+++ b/packages/react/src/components/form/Textarea/useTextarea.ts
@@ -0,0 +1,46 @@
+import type { TextareaHTMLAttributes } from 'react';
+import { useContext } from 'react';
+
+import type { FormField } from '../useFormField';
+import { useFormField } from '../useFormField';
+import { FieldsetContext } from '../Fieldset';
+
+import type { TextareaProps } from './Textarea';
+
+type UseTextarea = (props: TextareaProps) => Omit<FormField, 'inputProps'> & {
+  textareaProps: Pick<
+    TextareaHTMLAttributes<HTMLTextAreaElement>,
+    'readOnly' | 'name' | 'required' | 'onClick' | 'onChange'
+  > &
+    FormField['inputProps'];
+};
+
+/** Handles props for `Textarea` in context with `Fieldset` */
+export const useTextarea: UseTextarea = (props) => {
+  const fieldset = useContext(FieldsetContext);
+  const { inputProps, readOnly, ...rest } = useFormField(props, 'textarea');
+
+  return {
+    ...rest,
+    readOnly,
+    size: fieldset?.size ?? props.size,
+    textareaProps: {
+      ...inputProps,
+      readOnly,
+      onClick: (e) => {
+        if (readOnly) {
+          e.preventDefault();
+          return;
+        }
+        props?.onClick?.(e);
+      },
+      onChange: (e) => {
+        if (readOnly) {
+          e.preventDefault();
+          return;
+        }
+        props?.onChange?.(e);
+      },
+    },
+  };
+};
diff --git a/packages/react/src/components/form/useFormField.ts b/packages/react/src/components/form/useFormField.ts
index ef65fda379..6529b25487 100644
--- a/packages/react/src/components/form/useFormField.ts
+++ b/packages/react/src/components/form/useFormField.ts
@@ -27,9 +27,11 @@ export type FormField = {
   hasError: boolean;
   errorId: string;
   descriptionId: string;
-  inputProps: Pick<
+  inputProps: {
+    id: string;
+  } & Pick<
     InputHTMLAttributes<HTMLInputElement>,
-    'id' | 'disabled' | 'aria-invalid' | 'aria-describedby'
+    'disabled' | 'aria-invalid' | 'aria-describedby'
   >;
 } & Pick<FormFieldProps, 'size' | 'readOnly'>;
 

From 9da973f9db34576ad89f5d31f07ccfc933f84ee7 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Fri, 22 Sep 2023 14:16:51 +0200
Subject: [PATCH 17/18] feat(TextArea): :wastebasket: Change to Legacy (#853)

---
 packages/Overview.mdx                         |  2 +-
 .../src/components/TextArea/TextArea.mdx      | 73 ------------------
 .../react/src/components/TextArea/index.ts    |  2 -
 packages/react/src/components/index.ts        |  3 +-
 .../legacy/LegacyTextArea/TextArea.mdx        | 76 +++++++++++++++++++
 .../LegacyTextArea}/TextArea.module.css       |  0
 .../LegacyTextArea}/TextArea.stories.tsx      | 16 ++--
 .../LegacyTextArea}/TextArea.test.tsx         | 10 +--
 .../LegacyTextArea}/TextArea.tsx              | 15 ++--
 .../components/legacy/LegacyTextArea/index.ts |  2 +
 10 files changed, 105 insertions(+), 94 deletions(-)
 delete mode 100644 packages/react/src/components/TextArea/TextArea.mdx
 delete mode 100644 packages/react/src/components/TextArea/index.ts
 create mode 100644 packages/react/src/components/legacy/LegacyTextArea/TextArea.mdx
 rename packages/react/src/components/{TextArea => legacy/LegacyTextArea}/TextArea.module.css (100%)
 rename packages/react/src/components/{TextArea => legacy/LegacyTextArea}/TextArea.stories.tsx (76%)
 rename packages/react/src/components/{TextArea => legacy/LegacyTextArea}/TextArea.test.tsx (92%)
 rename packages/react/src/components/{TextArea => legacy/LegacyTextArea}/TextArea.tsx (86%)
 create mode 100644 packages/react/src/components/legacy/LegacyTextArea/index.ts

diff --git a/packages/Overview.mdx b/packages/Overview.mdx
index bc0dfdb2a6..591e72748e 100644
--- a/packages/Overview.mdx
+++ b/packages/Overview.mdx
@@ -40,7 +40,7 @@ V1 er klar når følgende komponenter er markert som "✅ Felles":
 | [Table](/docs/altinn-table--docs)                   | 🔵 Altinn        | Figma - Table                                                                                                                                                 | [Github - Table](https://github.com/digdir/designsystem/issues/90)          |
 | [Tabs](/docs/altinn-tabs--docs)                     | 🔵 Altinn        | [Figma - Tabs](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?type=design&node-id=9551%3A54208&t=Rlfq5UyNZBL69dFr-1)                    | [Github - Tabs](https://github.com/digdir/designsystem/issues/91)           |
 | [Tag](/docs/felles-tag--docs)                       | ✅ Felles        | [Figma - Tag](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=10185%3A59053&t=7Q2N4sUdQGhFZrPh-1)                                | [Github - Tag](https://github.com/digdir/designsystem/issues/322)           |
-| [Textarea](/docs/altinn-textarea--docs)             | 🔵 Altinn        | [Figma - Text area](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=6632%3A21873&t=7Q2N4sUdQGhFZrPh-1)                           | [Github - Textarea](https://github.com/digdir/designsystem/issues/323)      |
+| [Textarea](/docs/felles-textarea--docs)             | ✅ Felles        | [Figma - Text area](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=6632%3A21873&t=7Q2N4sUdQGhFZrPh-1)                           | [Github - Textarea](https://github.com/digdir/designsystem/issues/323)      |
 | [Textfield](/docs/felles-textfield--docs)           | ✅ Felles        | [Figma - Text Field](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=6632%3A22228&t=7Q2N4sUdQGhFZrPh-1)                          | [Github - Textfield](https://github.com/digdir/designsystem/issues/92)      |
 | [ToggleGroup](/docs/altinn-togglebuttongroup--docs) | 🔵 Altinn        | Figma - Toggle Group                                                                                                                                          | [Github - ToggleGroup](https://github.com/digdir/designsystem/issues/304)   |
 | Tooltip                                             | 🚸 Ikke påbegynt | Figma - Tooltip                                                                                                                                               | [Github - Tooltip](https://github.com/digdir/designsystem/issues/93)        |
diff --git a/packages/react/src/components/TextArea/TextArea.mdx b/packages/react/src/components/TextArea/TextArea.mdx
deleted file mode 100644
index fcc0c2247f..0000000000
--- a/packages/react/src/components/TextArea/TextArea.mdx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Meta, Canvas, Story, Primary, Controls } from '@storybook/blocks';
-import { TextArea } from './';
-import { Information, TokensTable } from '../../../../../docs-components';
-import { ArgsTable } from '@storybook/blocks';
-import * as TextAreaStories from './TextArea.stories';
-
-<Meta of={TextAreaStories} />
-
-# TextArea
-
-<Information text='altinn' />
-
-`TextArea` brukes til å ta imot lengre tekster, gjerne over flere linjer.
-
-## Bruk
-
-```tsx
-import { TextArea } from '@digdir/design-system-react';
-
-<TextArea {...props} />;
-```
-
-## Props
-
-<Primary />
-<Controls />
-
-## Eksempler
-
-### Standard
-
-<Canvas>
-  <Story of={TextAreaStories.Standard} />
-</Canvas>
-
-### Med feil
-
-<Canvas>
-  <Story of={TextAreaStories.MedFeil} />
-</Canvas>
-
-### Skrivebeskyttet
-
-<Canvas>
-  <Story of={TextAreaStories.Skrivebeskyttet} />
-</Canvas>
-
-### Bekreftelsesvisning
-
-<Canvas>
-  <Story of={TextAreaStories.Bekreftelsesvisning} />
-</Canvas>
-
-### Deaktivert
-
-<Canvas>
-  <Story of={TextAreaStories.Deaktivert} />
-</Canvas>
-
-### Viser antall tegn igjen å skrive
-
-<Canvas>
-  <Story of={TextAreaStories.AntallTegnIgjenASkrive} />
-</Canvas>
-
-## Tokens
-
-<TokensTable
-  jsonKey='component.textfield'
-  componentName='textfield'
-  showPreview={false}
-  description
-/>
diff --git a/packages/react/src/components/TextArea/index.ts b/packages/react/src/components/TextArea/index.ts
deleted file mode 100644
index 1c303c305c..0000000000
--- a/packages/react/src/components/TextArea/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { TextArea } from './TextArea';
-export type { TextAreaProps } from './TextArea';
diff --git a/packages/react/src/components/index.ts b/packages/react/src/components/index.ts
index 809d019ddf..e34167bf29 100644
--- a/packages/react/src/components/index.ts
+++ b/packages/react/src/components/index.ts
@@ -4,6 +4,7 @@ export * from './legacy/LegacyCheckboxGroup';
 export * from './legacy/LegacyRadioButton';
 export * from './legacy/LegacyRadioGroup';
 export * from './legacy/LegacyTextField';
+export * from './legacy/LegacyTextArea';
 
 export * from './Button';
 export * from './Tabs';
@@ -11,7 +12,6 @@ export * from './HelpText';
 export * from './Popover';
 export * from './Select';
 export * from './Spinner';
-export * from './TextArea';
 export * from './Link';
 export * from './List';
 export * from './Table';
@@ -28,3 +28,4 @@ export * from './form/Radio';
 export * from './form/Fieldset';
 export * from './form/Switch';
 export * from './form/Textfield';
+export * from './form/Textarea';
diff --git a/packages/react/src/components/legacy/LegacyTextArea/TextArea.mdx b/packages/react/src/components/legacy/LegacyTextArea/TextArea.mdx
new file mode 100644
index 0000000000..5739cfc562
--- /dev/null
+++ b/packages/react/src/components/legacy/LegacyTextArea/TextArea.mdx
@@ -0,0 +1,76 @@
+import { Meta, Canvas, Story, Primary, Controls } from '@storybook/blocks';
+import { LegacyTextArea } from './';
+import { Information, TokensTable } from '../../../../../../docs-components';
+import { ArgsTable } from '@storybook/blocks';
+import * as LegacyTextAreaStories from './TextArea.stories';
+
+<Meta of={LegacyTextAreaStories} />
+
+# LegacyTextArea
+
+<Information
+  text='deprecated'
+  description='**Denne komponenten er erstattet av ny [Textarea](/?path=/docs/felles-textarea--docs) komponent.**'
+/>
+
+`LegacyTextArea` brukes til å ta imot lengre tekster, gjerne over flere linjer.
+
+## Bruk
+
+```tsx
+import { LegacyTextArea } from '@digdir/design-system-react';
+
+<LegacyTextArea {...props} />;
+```
+
+## Props
+
+<Primary />
+<Controls />
+
+## Eksempler
+
+### Standard
+
+<Canvas>
+  <Story of={LegacyTextAreaStories.Standard} />
+</Canvas>
+
+### Med feil
+
+<Canvas>
+  <Story of={LegacyTextAreaStories.MedFeil} />
+</Canvas>
+
+### Skrivebeskyttet
+
+<Canvas>
+  <Story of={LegacyTextAreaStories.Skrivebeskyttet} />
+</Canvas>
+
+### Bekreftelsesvisning
+
+<Canvas>
+  <Story of={LegacyTextAreaStories.Bekreftelsesvisning} />
+</Canvas>
+
+### Deaktivert
+
+<Canvas>
+  <Story of={LegacyTextAreaStories.Deaktivert} />
+</Canvas>
+
+### Viser antall tegn igjen å skrive
+
+<Canvas>
+  <Story of={LegacyTextAreaStories.AntallTegnIgjenASkrive} />
+</Canvas>
+
+## Tokens
+
+<TokensTable
+  jsonKey='component.textfield'
+  componentName='textfield'
+  showPreview={false}
+  description
+/>
diff --git a/packages/react/src/components/TextArea/TextArea.module.css b/packages/react/src/components/legacy/LegacyTextArea/TextArea.module.css
similarity index 100%
rename from packages/react/src/components/TextArea/TextArea.module.css
rename to packages/react/src/components/legacy/LegacyTextArea/TextArea.module.css
diff --git a/packages/react/src/components/TextArea/TextArea.stories.tsx b/packages/react/src/components/legacy/LegacyTextArea/TextArea.stories.tsx
similarity index 76%
rename from packages/react/src/components/TextArea/TextArea.stories.tsx
rename to packages/react/src/components/legacy/LegacyTextArea/TextArea.stories.tsx
index 45a919004b..7b29026604 100644
--- a/packages/react/src/components/TextArea/TextArea.stories.tsx
+++ b/packages/react/src/components/legacy/LegacyTextArea/TextArea.stories.tsx
@@ -1,21 +1,23 @@
 import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
-import type { TextAreaProps } from '.';
-import { TextArea } from '.';
+import type { LegacyTextAreaProps } from '.';
+import { LegacyTextArea } from '.';
 
-type Story = StoryObj<typeof TextArea>;
+type Story = StoryObj<typeof LegacyTextArea>;
 
 const meta: Meta = {
-  title: 'Altinn/TextArea',
-  component: TextArea,
+  title: 'Avviklet/TextArea',
+  component: LegacyTextArea,
 };
 
 export default meta;
 
-const Template = (args: TextAreaProps): JSX.Element => <TextArea {...args} />;
+const Template = (args: LegacyTextAreaProps): JSX.Element => (
+  <LegacyTextArea {...args} />
+);
 
-const createTemplate = (name: string, args?: TextAreaProps): Story => ({
+const createTemplate = (name: string, args?: LegacyTextAreaProps): Story => ({
   render: Template,
   name,
   args: { ...args },
diff --git a/packages/react/src/components/TextArea/TextArea.test.tsx b/packages/react/src/components/legacy/LegacyTextArea/TextArea.test.tsx
similarity index 92%
rename from packages/react/src/components/TextArea/TextArea.test.tsx
rename to packages/react/src/components/legacy/LegacyTextArea/TextArea.test.tsx
index 3abf91a5aa..c315336584 100644
--- a/packages/react/src/components/TextArea/TextArea.test.tsx
+++ b/packages/react/src/components/legacy/LegacyTextArea/TextArea.test.tsx
@@ -2,12 +2,12 @@ import { render as renderRtl, screen } from '@testing-library/react';
 import React from 'react';
 import userEvent from '@testing-library/user-event';
 
-import { TextArea } from './TextArea';
-import type { TextAreaProps } from './TextArea';
+import { LegacyTextArea } from './TextArea';
+import type { LegacyTextAreaProps } from './TextArea';
 
 const user = userEvent.setup();
 
-describe('TextArea', () => {
+describe('LegacyTextArea', () => {
   it('Triggers onPaste when pasting into input', async () => {
     const onPaste = jest.fn();
     const data = 'Hello world';
@@ -83,9 +83,9 @@ describe('TextArea', () => {
   });
 });
 
-const render = (props: Partial<TextAreaProps> = {}) =>
+const render = (props: Partial<LegacyTextAreaProps> = {}) =>
   renderRtl(
-    <TextArea
+    <LegacyTextArea
       id='id'
       onChange={jest.fn()}
       {...props}
diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/legacy/LegacyTextArea/TextArea.tsx
similarity index 86%
rename from packages/react/src/components/TextArea/TextArea.tsx
rename to packages/react/src/components/legacy/LegacyTextArea/TextArea.tsx
index 2911850ff4..12f41c25ac 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/legacy/LegacyTextArea/TextArea.tsx
@@ -1,12 +1,12 @@
 import React, { forwardRef, useId, useState } from 'react';
 import type { ChangeEvent, ForwardedRef, TextareaHTMLAttributes } from 'react';
 
-import { InputWrapper } from '../_InputWrapper';
-import type { ReadOnlyVariant_, CharacterLimit } from '../_InputWrapper';
+import { InputWrapper } from '../../_InputWrapper';
+import type { ReadOnlyVariant_, CharacterLimit } from '../../_InputWrapper';
 
 import classes from './TextArea.module.css';
 
-export type TextAreaProps = {
+export type LegacyTextAreaProps = {
   /** Whether the textarea value is valid. */
   isValid?: boolean;
   /** Whether the textarea is read-only. */
@@ -23,7 +23,12 @@ export type TextAreaProps = {
   label?: string;
 } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'readOnly'>;
 
-export const TextArea = forwardRef(
+/**
+ *
+ * @note
+ * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-textarea--docs Textarea} component.
+ */
+export const LegacyTextArea = forwardRef(
   (
     {
       isValid = true,
@@ -36,7 +41,7 @@ export const TextArea = forwardRef(
       onChange,
       'aria-describedby': ariaDescribedBy,
       ...rest
-    }: TextAreaProps,
+    }: LegacyTextAreaProps,
     ref: ForwardedRef<HTMLTextAreaElement>,
   ): JSX.Element => {
     const [currentInputValue, setCurrentInputValue] = useState<string>(
diff --git a/packages/react/src/components/legacy/LegacyTextArea/index.ts b/packages/react/src/components/legacy/LegacyTextArea/index.ts
new file mode 100644
index 0000000000..a9da2606ca
--- /dev/null
+++ b/packages/react/src/components/legacy/LegacyTextArea/index.ts
@@ -0,0 +1,2 @@
+export { LegacyTextArea } from './TextArea';
+export type { LegacyTextAreaProps } from './TextArea';

From bfd814c33c7578c9907e420a0afbdf91532e97ae Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Fri, 22 Sep 2023 14:17:48 +0200
Subject: [PATCH 18/18] Publish

 - @digdir/design-system-react@0.26.0
---
 packages/react/CHANGELOG.md | 11 +++++++++++
 packages/react/package.json |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 71fe088c3d..9c33577513 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.26.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.25.1...@digdir/design-system-react@0.26.0) (2023-09-22)
+
+### Bug Fixes
+
+- **Textfield:** :lipstick: Style adjustments after feedback ([#852](https://github.com/digdir/designsystem/issues/852)) ([4544f1e](https://github.com/digdir/designsystem/commit/4544f1e96fb90c00360377b2a18998e9bce36f16))
+
+### Features
+
+- **Textarea:** :sparkles: New `Textarea` component ([#851](https://github.com/digdir/designsystem/issues/851)) ([9d9c3ab](https://github.com/digdir/designsystem/commit/9d9c3ab390cea40bd3137845fd2b7fb251c84b7a))
+- **TextArea:** :wastebasket: Change to Legacy ([#853](https://github.com/digdir/designsystem/issues/853)) ([9da973f](https://github.com/digdir/designsystem/commit/9da973f9db34576ad89f5d31f07ccfc933f84ee7))
+
 ## [0.25.1](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.25.0...@digdir/design-system-react@0.25.1) (2023-09-22)
 
 ### Bug Fixes
diff --git a/packages/react/package.json b/packages/react/package.json
index fd5c86ca78..7e37edec91 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/design-system-react",
-  "version": "0.25.1",
+  "version": "0.26.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",