From 262c10d43bed285c63628d60b0a44a5ebec2702e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Mon, 18 Sep 2023 10:08:56 +0200 Subject: [PATCH] chore: improve token preview in storefront (#665) Co-authored-by: Michael Marszalek --- .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>, ->( - level: number, - record: T, -): Record => - 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: '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 ( -
+ <> -
+ ); }; 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 ( -
-

Innhold på siden

- -
- ); -}; - -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 ( -
- ); -}; - -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 ( +
+
+
+ ); +}; + +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({}); - - 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 ( -
-
- {Object.keys(items).map((key, index) => ( -
-
- {type === 'color' && } - {type === 'fontSize' && } - {type === 'shadow' && } - {type === 'size' && } -
-
-

- {capitalizeString(formatTitle(key.split(token)[1].slice(1)))} - {showValue &&
{items[key]}
} -

-
-
--{key}
- -
-
-
- ))} -
-
- ); -}; - -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; + +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 ( +
+
+ {type === 'color' && } + {type === 'typography' && } + {type === 'boxShadow' && } + {isSlim && } +
+ +
+

+ {capitalizeString(title)} +   + {isSlim && typeof token.description === 'string' && ( + {`(${token.description})`} + )} + +

+ {!hideValue &&
{token.value}
} +
+
+ ); +}; + +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()), + ); + +const TokenList = ({ + showThemePicker, + type = 'color', + hideValue = false, +}: TokenListProps) => { + const [brand, setBrand] = useState('digdir'); + const [cardColumns, setCardColumns] = useState(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()), + ); + + const sectionedTokens = Array.from( + sections.map((section) => [ + section, + mapTokens(brandTypeTokens.filter((token) => token.path[0] === section)), + ]), + ); + + return ( +
+ {showThemePicker && ( +
+ + + + + setBrand('digdir')}> + Digdir + + setBrand('altinn')}> + Altinn + + setBrand('tilsynet')}> + Tilsynet + + setBrand('brreg')}> + Brreg + + + + +
+ )} + <> + {sectionedTokens.map(([section, tokens]) => ( +
+

{capitalizeString(section as string)}

+ {(tokens as [string, Token[]][]).map(([group, tokens]) => { + const isSlim = type === 'sizing' || type === 'spacing'; + + return ( +
+ {!isSlim &&

{capitalizeString(group)}

} +
+
+ {tokens.map((token) => ( + + ))} +
+
+
+ ); + })} +
+ ))} + +
+ ); +}; + +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) => { >
); 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 &&
{data.date}
} -
+
{content}
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 ( -
+
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 - - - -### Surface neutral - - - -### Surface Action - - - -### Surface Success - - - -### Surface Warning - - - -### Surface Danger - - - -### Surface Info - - - -### Surface Primary - - - -### Surface Secondary - - - -### Surface Teriary - - - -## Border - -### Border neutral - - - -### Border info - - - -### Border action - - - -### Border Success - - - -### Border Warning - - - -### Border Danger - - - -### Border Focus - - - -### Border Primary - - - -### Border Secondary - - - -### Border Tertiary - - - -## Text - -### Text Neutral - - - -### Text Action - - - -### Text Success - - - -### Text Warning - - - -### 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 - - - -### Branding Secondary - - - -### Branding Tertiary +## Farge-tokens 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 ## 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. - + ### 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 ## 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 - - - -### Ingress - - - -### Paragraph - - - -### Label - - - -### Error - - + ## 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