From 8c3c0a90d0384f650761e13cee371ac319e58c2d Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 14:45:30 +0200 Subject: [PATCH 01/13] chore: :arrow_up: Upgrade Prettier to v3 resolves #1258 --- .prettierignore | 3 +- .../components/CodeSnippet/CodeSnippet.tsx | 128 +- apps/storefront/tokens/altinn.ts | 5198 ++++++++++------- apps/storefront/tokens/brreg.ts | 5192 +++++++++------- apps/storefront/tokens/digdir.ts | 5186 +++++++++------- apps/storefront/tokens/tilsynet.ts | 5084 +++++++++------- apps/storefront/tsconfig.json | 2 +- package.json | 12 +- packages/cli/src/build.ts | 8 +- packages/cli/src/formatters.ts | 22 +- prettier.config.js | 3 +- yarn.lock | 97 +- 12 files changed, 12838 insertions(+), 8097 deletions(-) diff --git a/.prettierignore b/.prettierignore index 797a1fa8a5..dd887e014c 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1 +1,2 @@ -packages/tokens/brand/**/* +packages/theme/brand/**/* +apps/storefront/tokens diff --git a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx index f41047ee04..88b5374ef1 100644 --- a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx +++ b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx @@ -1,49 +1,65 @@ -import { useState } from 'react'; +import { useEffect, useState } from 'react'; import { FilesIcon } from '@navikt/aksel-icons'; import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'; +import type { Options } from 'prettier'; import prettier from 'prettier/standalone.js'; import parserJs from 'prettier/parser-flow.js'; import parserHtml from 'prettier/parser-markdown.js'; import parserCss from 'prettier/parser-postcss.js'; import parserTs from 'prettier/parser-typescript'; -import { nightOwl } from 'react-syntax-highlighter/dist/cjs/styles/prism'; -import { Tooltip } from '@digdir/designsystemet-react'; +import nightOwl from 'react-syntax-highlighter/dist/cjs/styles/prism'; +import { Tooltip, Spinner } from '@digdir/designsystemet-react'; import classes from './CodeSnippet.module.css'; const CodeSnippet = ({ language = 'markup', children = '' }) => { const [toolTipText, setToolTipText] = useState('Kopier'); + const [snippet, setSnippet] = useState(''); - if (language === 'css' || language === 'scss') { - // eslint-disable-next-line import/no-named-as-default-member - children = prettier.format(children, { - parser: 'css', - plugins: [parserCss], - }); - } - if (language === 'javascript') { - // eslint-disable-next-line import/no-named-as-default-member - children = prettier.format(children, { - parser: 'flow', - plugins: [parserJs], - tabWidth: 2, - semi: true, - }); - } - if (language === 'markup') { - // eslint-disable-next-line import/no-named-as-default-member - children = prettier.format(children, { - parser: 'markdown', - plugins: [parserHtml], - }); - } - if (language === 'ts') { - // eslint-disable-next-line import/no-named-as-default-member - children = prettier.format(children, { - parser: 'typescript', - plugins: [parserTs], - }); - } + useEffect(() => { + async function format(children: string) { + let options: Options = { + parser: 'typescript', + plugins: [parserTs], + }; + + if (language === 'css' || language === 'scss') { + options = { + parser: 'css', + plugins: [parserCss], + }; + } + if (language === 'javascript') { + options = { + parser: 'flow', + plugins: [parserJs], + tabWidth: 2, + semi: true, + }; + } + if (language === 'markup') { + options = { + parser: 'markdown', + plugins: [parserHtml], + }; + } + try { + const formatted = await prettier.format(children, options); + setSnippet(formatted); + } catch (error) { + console.error('Failed formatting code snippet:', { + children, + options, + error, + }); + } + } + format(children); + + return () => { + setSnippet(''); + }; + }, [children]); const onButtonClick = () => { setToolTipText('Kopiert!'); navigator.clipboard.writeText(children).catch((reason) => { @@ -53,27 +69,31 @@ const CodeSnippet = ({ language = 'markup', children = '' }) => { return (
- - - - - {children} - + {snippet && ( + <> + + + + + {snippet} + + + )}
); }; diff --git a/apps/storefront/tokens/altinn.ts b/apps/storefront/tokens/altinn.ts index 81be87a339..598a05dca3 100644 --- a/apps/storefront/tokens/altinn.ts +++ b/apps/storefront/tokens/altinn.ts @@ -3,3697 +3,4865 @@ * These files are generated from design tokens defined in Figma using Token Studio */ -export const color = [ +export const color = [ { - 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', + 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', + value: "#E6EFF8", + type: "color", + description: "AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue" }, - name: '--fds-brand-alt1-100', + name: "--fds-brand-alt1-100", attributes: {}, - path: ['brand', 'alt1', '100'], + path: [ + "brand", + "alt1", + "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', + 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', + 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-alt1-200', + name: "--fds-brand-alt1-200", attributes: {}, - path: ['brand', 'alt1', '200'], + path: [ + "brand", + "alt1", + "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', + 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', + value: "#80B1DD", + type: "color", + description: "AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue" }, - name: '--fds-brand-alt1-300', + name: "--fds-brand-alt1-300", attributes: {}, - path: ['brand', 'alt1', '300'], + path: [ + "brand", + "alt1", + "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', + 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', + value: "#66A1D6", + type: "color", + description: "AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue" }, - name: '--fds-brand-alt1-400', + name: "--fds-brand-alt1-400", attributes: {}, - path: ['brand', 'alt1', '400'], + path: [ + "brand", + "alt1", + "400" + ] }, { - value: '#3381C8', - type: 'color', - description: 'AA 5.6 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#3381C8", + type: "color", + description: "AA 5.6 on grey 800" }, - name: '--fds-brand-alt1-500', + name: "--fds-brand-alt1-500", attributes: {}, - path: ['brand', 'alt1', '500'], + path: [ + "brand", + "alt1", + "500" + ] }, { - value: '#1A72C1', - type: 'color', - description: 'AA 4.5 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#1A72C1", + type: "color", + description: "AA 4.5 on grey 800" }, - name: '--fds-brand-alt1-600', + name: "--fds-brand-alt1-600", attributes: {}, - path: ['brand', 'alt1', '600'], + path: [ + "brand", + "alt1", + "600" + ] }, { - value: '#0062BA', - type: 'color', - description: 'AA18 3.7 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#0062BA", + type: "color", + description: "AA18 3.7 on grey 800" }, - name: '--fds-brand-alt1-700', + name: "--fds-brand-alt1-700", attributes: {}, - path: ['brand', 'alt1', '700'], + path: [ + "brand", + "alt1", + "700" + ] }, { - value: '#004E95', - type: 'color', - description: 'AA 4.7 on white', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#004E95", + type: "color", + description: "AA 4.7 on white" }, - name: '--fds-brand-alt1-800', + name: "--fds-brand-alt1-800", attributes: {}, - path: ['brand', 'alt1', '800'], + path: [ + "brand", + "alt1", + "800" + ] }, { - value: '#00315D', - type: 'color', - description: 'AA 4.7 on white', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#00315D", + type: "color", + description: "AA 4.7 on white" }, - name: '--fds-brand-alt1-900', + name: "--fds-brand-alt1-900", attributes: {}, - path: ['brand', 'alt1', '900'], + path: [ + "brand", + "alt1", + "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', + 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', + value: "#DCD6EA", + type: "color", + description: "AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-100', + name: "--fds-brand-alt2-100", attributes: {}, - path: ['brand', 'alt2', '100'], + path: [ + "brand", + "alt2", + "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', + 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', + 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-alt2-200', + name: "--fds-brand-alt2-200", attributes: {}, - path: ['brand', 'alt2', '200'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#A392C8", + type: "color", + description: "AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-300', + name: "--fds-brand-alt2-300", attributes: {}, - path: ['brand', 'alt2', '300'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#806AB4", + type: "color", + description: "AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-400', + name: "--fds-brand-alt2-400", attributes: {}, - path: ['brand', 'alt2', '400'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#6A52A3", + type: "color", + description: "AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-500', + name: "--fds-brand-alt2-500", attributes: {}, - path: ['brand', 'alt2', '500'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#594488", + type: "color", + description: "AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-600', + name: "--fds-brand-alt2-600", attributes: {}, - path: ['brand', 'alt2', '600'], + path: [ + "brand", + "alt2", + "600" + ] }, { - value: '#3F3161', - type: 'color', - description: 'AA 5.5 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#3F3161", + type: "color", + description: "AA 5.5 on grey 800" }, - name: '--fds-brand-alt2-700', + name: "--fds-brand-alt2-700", attributes: {}, - path: ['brand', 'alt2', '700'], + path: [ + "brand", + "alt2", + "700" + ] }, { - value: '#352951', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#352951", + type: "color", + description: "AA18 4.4 on grey 800\nAA18 3.2 on white" }, - name: '--fds-brand-alt2-800', + name: "--fds-brand-alt2-800", attributes: {}, - path: ['brand', 'alt2', '800'], + path: [ + "brand", + "alt2", + "800" + ] }, { - value: '#231B36', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#231B36", + type: "color", + description: "AA18 4.4 on grey 800\nAA18 3.2 on white" }, - name: '--fds-brand-alt2-900', + name: "--fds-brand-alt2-900", attributes: {}, - path: ['brand', 'alt2', '900'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#F9D5DB", + type: "color", + description: "AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue" }, - name: '--fds-brand-alt3-100', + name: "--fds-brand-alt3-100", attributes: {}, - path: ['brand', 'alt3', '100'], + path: [ + "brand", + "alt3", + "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', + 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', + 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-alt3-200', + name: "--fds-brand-alt3-200", attributes: {}, - path: ['brand', 'alt3', '200'], + path: [ + "brand", + "alt3", + "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', + 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', + value: "#EC8292", + type: "color", + description: "AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue" }, - name: '--fds-brand-alt3-300', + name: "--fds-brand-alt3-300", attributes: {}, - path: ['brand', 'alt3', '300'], + path: [ + "brand", + "alt3", + "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', + 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', + value: "#E6586D", + type: "color", + description: "AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue" }, - name: '--fds-brand-alt3-400', + name: "--fds-brand-alt3-400", attributes: {}, - path: ['brand', 'alt3', '400'], + path: [ + "brand", + "alt3", + "400" + ] }, { - value: '#E02E49', - type: 'color', - description: 'AA 5.8 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#E02E49", + type: "color", + description: "AA 5.8 on grey 800" }, - name: '--fds-brand-alt3-500', + name: "--fds-brand-alt3-500", attributes: {}, - path: ['brand', 'alt3', '500'], + path: [ + "brand", + "alt3", + "500" + ] }, { - value: '#B3253A', - type: 'color', - description: 'AA 4.6 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#B3253A", + type: "color", + description: "AA 4.6 on grey 800" }, - name: '--fds-brand-alt3-600', + name: "--fds-brand-alt3-600", attributes: {}, - path: ['brand', 'alt3', '600'], + path: [ + "brand", + "alt3", + "600" + ] }, { - value: '#861C2C', - type: 'color', - description: 'AA18 3.8 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#861C2C", + type: "color", + description: "AA18 3.8 on grey 800" }, - name: '--fds-brand-alt3-700', + name: "--fds-brand-alt3-700", attributes: {}, - path: ['brand', 'alt3', '700'], + path: [ + "brand", + "alt3", + "700" + ] }, { - value: '#5A121D', - type: 'color', - description: 'AA 5.6 on white', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#5A121D", + type: "color", + description: "AA 5.6 on white" }, - name: '--fds-brand-alt3-800', + name: "--fds-brand-alt3-800", attributes: {}, - path: ['brand', 'alt3', '800'], + path: [ + "brand", + "alt3", + "800" + ] }, { - value: '#480e17', - type: 'color', - description: 'AA 5.6 on white', - filePath: '../../design-tokens/Brand/Altinn.json', + 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', + value: "#480e17", + type: "color", + description: "AA 5.6 on white" }, - name: '--fds-brand-alt3-900', + name: "--fds-brand-alt3-900", attributes: {}, - path: ['brand', 'alt3', '900'], + path: [ + "brand", + "alt3", + "900" + ] }, { - value: '#B3D0EA', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#B3D0EA", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt1.200}', - type: 'color', + value: "{brand.alt1.200}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle', + name: "--fds-semantic-surface-first-subtle", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle'], + path: [ + "semantic", + "surface", + "first", + "subtle" + ] }, { - value: '#80B1DD', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#80B1DD", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt1.300}', - type: 'color', + value: "{brand.alt1.300}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle-hover', + name: "--fds-semantic-surface-first-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle-hover'], + path: [ + "semantic", + "surface", + "first", + "subtle-hover" + ] }, { - value: '#66A1D6', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#66A1D6", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt1.400}', - type: 'color', + value: "{brand.alt1.400}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle-active', + name: "--fds-semantic-surface-first-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle-active'], + path: [ + "semantic", + "surface", + "first", + "subtle-active" + ] }, { - value: '#004E95', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#004E95", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt1.800}', - type: 'color', + value: "{brand.alt1.800}", + type: "color" }, - name: '--fds-semantic-surface-first-strong', + name: "--fds-semantic-surface-first-strong", attributes: {}, - path: ['semantic', 'surface', 'first', 'strong'], + path: [ + "semantic", + "surface", + "first", + "strong" + ] }, { - value: '#C5BBDD', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#C5BBDD", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt2.200}', - type: 'color', + value: "{brand.alt2.200}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle', + name: "--fds-semantic-surface-second-subtle", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle'], + path: [ + "semantic", + "surface", + "second", + "subtle" + ] }, { - value: '#A392C8', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#A392C8", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt2.300}', - type: 'color', + value: "{brand.alt2.300}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle-hover', + name: "--fds-semantic-surface-second-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle-hover'], + path: [ + "semantic", + "surface", + "second", + "subtle-hover" + ] }, { - value: '#806AB4', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#806AB4", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt2.400}', - type: 'color', + value: "{brand.alt2.400}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle-active', + name: "--fds-semantic-surface-second-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle-active'], + path: [ + "semantic", + "surface", + "second", + "subtle-active" + ] }, { - value: '#231B36', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#231B36", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt2.900}', - type: 'color', + value: "{brand.alt2.900}", + type: "color" }, - name: '--fds-semantic-surface-second-strong', + name: "--fds-semantic-surface-second-strong", attributes: {}, - path: ['semantic', 'surface', 'second', 'strong'], + path: [ + "semantic", + "surface", + "second", + "strong" + ] }, { - value: '#F3ABB6', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#F3ABB6", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt3.200}', - type: 'color', + value: "{brand.alt3.200}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle', + name: "--fds-semantic-surface-third-subtle", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle'], + path: [ + "semantic", + "surface", + "third", + "subtle" + ] }, { - value: '#EC8292', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#EC8292", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt3.300}', - type: 'color', + value: "{brand.alt3.300}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle-hover', + name: "--fds-semantic-surface-third-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle-hover'], + path: [ + "semantic", + "surface", + "third", + "subtle-hover" + ] }, { - value: '#E6586D', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#E6586D", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt3.400}', - type: 'color', + value: "{brand.alt3.400}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle-active', + name: "--fds-semantic-surface-third-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle-active'], + path: [ + "semantic", + "surface", + "third", + "subtle-active" + ] }, { - value: '#5A121D', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#5A121D", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt3.800}', - type: 'color', + value: "{brand.alt3.800}", + type: "color" }, - name: '--fds-semantic-surface-third-strong', + name: "--fds-semantic-surface-third-strong", attributes: {}, - path: ['semantic', 'surface', 'third', 'strong'], + path: [ + "semantic", + "surface", + "third", + "strong" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-first-subtle', + name: "--fds-semantic-surface-action-first-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "first", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-first-subtle-hover', + name: "--fds-semantic-surface-action-first-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-first-default', + name: "--fds-semantic-surface-action-first-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'default'], + path: [ + "semantic", + "surface", + "action", + "first", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-surface-action-first-hover', + name: "--fds-semantic-surface-action-first-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + description: "Standard farge for handlinger", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', + value: "{colors.blue.900}", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-first-active', + name: "--fds-semantic-surface-action-first-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'active'], + path: [ + "semantic", + "surface", + "action", + "first", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill', + name: "--fds-semantic-surface-action-first-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill-hover', + name: "--fds-semantic-surface-action-first-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill-hover" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill-active', + name: "--fds-semantic-surface-action-first-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill-active" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-action-second-subtle', + name: "--fds-semantic-surface-action-second-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "second", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-action-second-subtle-hover', + name: "--fds-semantic-surface-action-second-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-surface-action-second-default', + name: "--fds-semantic-surface-action-second-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'default'], + path: [ + "semantic", + "surface", + "action", + "second", + "default" + ] }, { - value: 'rgba(0, 49, 93, 0.9)', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "rgba(0, 49, 93, 0.9)", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', + value: "rgba({colors.blue.900}, 0.9)", + type: "color" }, - name: '--fds-semantic-surface-action-second-hover', + name: "--fds-semantic-surface-action-second-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "hover" + ] }, { - value: 'rgba(0, 49, 93, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "rgba(0, 49, 93, 0.8)", + type: "color", + description: "Standard farge for handlinger", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', + value: "rgba({colors.blue.900}, 0.8)", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-second-active', + name: "--fds-semantic-surface-action-second-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'active'], + path: [ + "semantic", + "surface", + "action", + "second", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill', + name: "--fds-semantic-surface-action-second-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill" + ] }, { - value: 'rgba(0, 49, 93, 0.1)', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "rgba(0, 49, 93, 0.1)", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', + value: "rgba({colors.blue.900}, 0.1)", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill-hover', + name: "--fds-semantic-surface-action-second-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill-hover" + ] }, { - value: 'rgba(0, 49, 93, 0.2)', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "rgba(0, 49, 93, 0.2)", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', + value: "rgba({colors.blue.900}, 0.2)", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill-active', + name: "--fds-semantic-surface-action-second-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill-active" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-subtle', + name: "--fds-semantic-surface-action-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-subtle-hover', + name: "--fds-semantic-surface-action-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-default', + name: "--fds-semantic-surface-action-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'default'], + path: [ + "semantic", + "surface", + "action", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-surface-action-hover', + name: "--fds-semantic-surface-action-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'hover'], + path: [ + "semantic", + "surface", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + 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', + value: "{colors.blue.900}", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-active', + name: "--fds-semantic-surface-action-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'active'], + path: [ + "semantic", + "surface", + "action", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill', + name: "--fds-semantic-surface-action-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "no_fill" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill-hover', + name: "--fds-semantic-surface-action-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "no_fill-hover" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill-active', + name: "--fds-semantic-surface-action-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "no_fill-active" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-checked', + name: "--fds-semantic-surface-action-checked", attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], + path: [ + "semantic", + "surface", + "action", + "checked" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-neutral-default', + name: "--fds-semantic-surface-neutral-default", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'default'], + path: [ + "semantic", + "surface", + "neutral", + "default" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-neutral-selected', + name: "--fds-semantic-surface-neutral-selected", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'selected'], + path: [ + "semantic", + "surface", + "neutral", + "selected" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-neutral-subtle', + name: "--fds-semantic-surface-neutral-subtle", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle'], + path: [ + "semantic", + "surface", + "neutral", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-neutral-subtle-hover', + name: "--fds-semantic-surface-neutral-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle-hover'], + path: [ + "semantic", + "surface", + "neutral", + "subtle-hover" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-surface-neutral-strong', + name: "--fds-semantic-surface-neutral-strong", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'strong'], + path: [ + "semantic", + "surface", + "neutral", + "strong" + ] }, { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#4b5563", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.700}', - type: 'color', + value: "{colors.grey.700}", + type: "color" }, - name: '--fds-semantic-surface-neutral-strong-hover', + name: "--fds-semantic-surface-neutral-strong-hover", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'strong-hover'], + path: [ + "semantic", + "surface", + "neutral", + "strong-hover" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-surface-neutral-inverted', + name: "--fds-semantic-surface-neutral-inverted", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'inverted'], + path: [ + "semantic", + "surface", + "neutral", + "inverted" + ] }, { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d1f4e1", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.200}', - type: 'color', + value: "{colors.green.200}", + type: "color" }, - name: '--fds-semantic-surface-success-subtle', + name: "--fds-semantic-surface-success-subtle", attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle'], + path: [ + "semantic", + "surface", + "success", + "subtle" + ] }, { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#8be4b5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.300}', - type: 'color', + value: "{colors.green.300}", + type: "color" }, - name: '--fds-semantic-surface-success-subtle-hover', + name: "--fds-semantic-surface-success-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle-hover'], + path: [ + "semantic", + "surface", + "success", + "subtle-hover" + ] }, { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#118849", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.700}', - type: 'color', + value: "{colors.green.700}", + type: "color" }, - name: '--fds-semantic-surface-success-default', + name: "--fds-semantic-surface-success-default", attributes: {}, - path: ['semantic', 'surface', 'success', 'default'], + path: [ + "semantic", + "surface", + "success", + "default" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-surface-success-hover', + name: "--fds-semantic-surface-success-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'hover'], + path: [ + "semantic", + "surface", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-surface-success-active', + name: "--fds-semantic-surface-success-active", attributes: {}, - path: ['semantic', 'surface', 'success', 'active'], + path: [ + "semantic", + "surface", + "success", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill', + name: "--fds-semantic-surface-success-no_fill", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill'], + path: [ + "semantic", + "surface", + "success", + "no_fill" + ] }, { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d1f4e1", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.200}', - type: 'color', + value: "{colors.green.200}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill-hover', + name: "--fds-semantic-surface-success-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "success", + "no_fill-hover" + ] }, { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#8be4b5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.300}', - type: 'color', + value: "{colors.green.300}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill-active', + name: "--fds-semantic-surface-success-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-active'], + path: [ + "semantic", + "surface", + "success", + "no_fill-active" + ] }, { - value: '#fffbe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fffbe6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.100}', - type: 'color', + value: "{colors.yellow.100}", + type: "color" }, - name: '--fds-semantic-surface-warning-subtle', + name: "--fds-semantic-surface-warning-subtle", attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle'], + path: [ + "semantic", + "surface", + "warning", + "subtle" + ] }, { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fff4b4", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.200}', - type: 'color', + value: "{colors.yellow.200}", + type: "color" }, - name: '--fds-semantic-surface-warning-subtle-hover', + name: "--fds-semantic-surface-warning-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle-hover'], + path: [ + "semantic", + "surface", + "warning", + "subtle-hover" + ] }, { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fff4b4", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.200}', - type: 'color', + value: "{colors.yellow.200}", + type: "color" }, - name: '--fds-semantic-surface-warning-default', + name: "--fds-semantic-surface-warning-default", attributes: {}, - path: ['semantic', 'surface', 'warning', 'default'], + path: [ + "semantic", + "surface", + "warning", + "default" + ] }, { - value: '#ffed83', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffed83", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.300}', - type: 'color', + value: "{colors.yellow.300}", + type: "color" }, - name: '--fds-semantic-surface-warning-default-hover', + name: "--fds-semantic-surface-warning-default-hover", attributes: {}, - path: ['semantic', 'surface', 'warning', 'default-hover'], + path: [ + "semantic", + "surface", + "warning", + "default-hover" + ] }, { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f9d5db", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.100}', - type: 'color', + value: "{colors.red.100}", + type: "color" }, - name: '--fds-semantic-surface-danger-subtle', + name: "--fds-semantic-surface-danger-subtle", attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle'], + path: [ + "semantic", + "surface", + "danger", + "subtle" + ] }, { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f3abb6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.200}', - type: 'color', + value: "{colors.red.200}", + type: "color" }, - name: '--fds-semantic-surface-danger-subtle-hover', + name: "--fds-semantic-surface-danger-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle-hover'], + path: [ + "semantic", + "surface", + "danger", + "subtle-hover" + ] }, { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e02e49", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.500}', - type: 'color', + value: "{colors.red.500}", + type: "color" }, - name: '--fds-semantic-surface-danger-default', + name: "--fds-semantic-surface-danger-default", attributes: {}, - path: ['semantic', 'surface', 'danger', 'default'], + path: [ + "semantic", + "surface", + "danger", + "default" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-surface-danger-hover', + name: "--fds-semantic-surface-danger-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'hover'], + path: [ + "semantic", + "surface", + "danger", + "hover" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-surface-danger-active', + name: "--fds-semantic-surface-danger-active", attributes: {}, - path: ['semantic', 'surface', 'danger', 'active'], + path: [ + "semantic", + "surface", + "danger", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill', + name: "--fds-semantic-surface-danger-no_fill", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill'], + path: [ + "semantic", + "surface", + "danger", + "no_fill" + ] }, { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f9d5db", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.100}', - type: 'color', + value: "{colors.red.100}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill-hover', + name: "--fds-semantic-surface-danger-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "danger", + "no_fill-hover" + ] }, { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f3abb6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.200}', - type: 'color', + value: "{colors.red.200}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill-active', + name: "--fds-semantic-surface-danger-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-active'], + path: [ + "semantic", + "surface", + "danger", + "no_fill-active" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-info-subtle', + name: "--fds-semantic-surface-info-subtle", attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle'], + path: [ + "semantic", + "surface", + "info", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-info-subtle-hover', + name: "--fds-semantic-surface-info-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle-hover'], + path: [ + "semantic", + "surface", + "info", + "subtle-hover" + ] }, { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffda06", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.500}', - type: 'color', + value: "{colors.yellow.500}", + type: "color" }, - name: '--fds-semantic-surface-focus-default', + name: "--fds-semantic-surface-focus-default", attributes: {}, - path: ['semantic', 'surface', 'focus', 'default'], + path: [ + "semantic", + "surface", + "focus", + "default" + ] }, { - value: '#1A72C1', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#1A72C1", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt1.600}', - type: 'color', + value: "{brand.alt1.600}", + type: "color" }, - name: '--fds-semantic-border-first-default', + name: "--fds-semantic-border-first-default", attributes: {}, - path: ['semantic', 'border', 'first', 'default'], + path: [ + "semantic", + "border", + "first", + "default" + ] }, { - value: '#0062BA', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#0062BA", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt1.700}', - type: 'color', + value: "{brand.alt1.700}", + type: "color" }, - name: '--fds-semantic-border-first-hover', + name: "--fds-semantic-border-first-hover", attributes: {}, - path: ['semantic', 'border', 'first', 'hover'], + path: [ + "semantic", + "border", + "first", + "hover" + ] }, { - value: '#004E95', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#004E95", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt1.800}', - type: 'color', + value: "{brand.alt1.800}", + type: "color" }, - name: '--fds-semantic-border-first-active', + name: "--fds-semantic-border-first-active", attributes: {}, - path: ['semantic', 'border', 'first', 'active'], + path: [ + "semantic", + "border", + "first", + "active" + ] }, { - value: '#594488', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#594488", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt2.600}', - type: 'color', + value: "{brand.alt2.600}", + type: "color" }, - name: '--fds-semantic-border-second-default', + name: "--fds-semantic-border-second-default", attributes: {}, - path: ['semantic', 'border', 'second', 'default'], + path: [ + "semantic", + "border", + "second", + "default" + ] }, { - value: '#3F3161', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#3F3161", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt2.700}', - type: 'color', + value: "{brand.alt2.700}", + type: "color" }, - name: '--fds-semantic-border-second-hover', + name: "--fds-semantic-border-second-hover", attributes: {}, - path: ['semantic', 'border', 'second', 'hover'], + path: [ + "semantic", + "border", + "second", + "hover" + ] }, { - value: '#352951', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#352951", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt2.800}', - type: 'color', + value: "{brand.alt2.800}", + type: "color" }, - name: '--fds-semantic-border-second-active', + name: "--fds-semantic-border-second-active", attributes: {}, - path: ['semantic', 'border', 'second', 'active'], + path: [ + "semantic", + "border", + "second", + "active" + ] }, { - value: '#B3253A', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#B3253A", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt3.600}', - type: 'color', + value: "{brand.alt3.600}", + type: "color" }, - name: '--fds-semantic-border-third-default', + name: "--fds-semantic-border-third-default", attributes: {}, - path: ['semantic', 'border', 'third', 'default'], + path: [ + "semantic", + "border", + "third", + "default" + ] }, { - value: '#861C2C', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#861C2C", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt3.700}', - type: 'color', + value: "{brand.alt3.700}", + type: "color" }, - name: '--fds-semantic-border-third-hover', + name: "--fds-semantic-border-third-hover", attributes: {}, - path: ['semantic', 'border', 'third', 'hover'], + path: [ + "semantic", + "border", + "third", + "hover" + ] }, { - value: '#5A121D', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#5A121D", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{brand.alt3.800}', - type: 'color', + value: "{brand.alt3.800}", + type: "color" }, - name: '--fds-semantic-border-third-active', + name: "--fds-semantic-border-third-active", attributes: {}, - path: ['semantic', 'border', 'third', 'active'], + path: [ + "semantic", + "border", + "third", + "active" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-border-action-first-subtle', + name: "--fds-semantic-border-action-first-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'subtle'], + path: [ + "semantic", + "border", + "action", + "first", + "subtle" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-action-first-subtle-hover', + name: "--fds-semantic-border-action-first-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "first", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-first-default', + name: "--fds-semantic-border-action-first-default", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'default'], + path: [ + "semantic", + "border", + "action", + "first", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-first-hover', + name: "--fds-semantic-border-action-first-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'hover'], + path: [ + "semantic", + "border", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-first-active', + name: "--fds-semantic-border-action-first-active", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'active'], + path: [ + "semantic", + "border", + "action", + "first", + "active" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-border-action-second-subtle', + name: "--fds-semantic-border-action-second-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'subtle'], + path: [ + "semantic", + "border", + "action", + "second", + "subtle" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-action-second-subtle-hover', + name: "--fds-semantic-border-action-second-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "second", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-default', + name: "--fds-semantic-border-action-second-default", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'default'], + path: [ + "semantic", + "border", + "action", + "second", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-hover', + name: "--fds-semantic-border-action-second-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'hover'], + path: [ + "semantic", + "border", + "action", + "second", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-active', + name: "--fds-semantic-border-action-second-active", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'active'], + path: [ + "semantic", + "border", + "action", + "second", + "active" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-border-action-subtle', + name: "--fds-semantic-border-action-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'subtle'], + path: [ + "semantic", + "border", + "action", + "subtle" + ] }, { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#66a1d6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.400}', - type: 'color', + value: "{colors.blue.400}", + type: "color" }, - name: '--fds-semantic-border-action-subtle-hover', + name: "--fds-semantic-border-action-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-default', + name: "--fds-semantic-border-action-default", attributes: {}, - path: ['semantic', 'border', 'action', 'default'], + path: [ + "semantic", + "border", + "action", + "default" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-hover', + name: "--fds-semantic-border-action-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], + path: [ + "semantic", + "border", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-active', + name: "--fds-semantic-border-action-active", attributes: {}, - path: ['semantic', 'border', 'action', 'active'], + path: [ + "semantic", + "border", + "action", + "active" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-strong', + name: "--fds-semantic-border-action-strong", attributes: {}, - path: ['semantic', 'border', 'action', 'strong'], + path: [ + "semantic", + "border", + "action", + "strong" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-strong-hover', + name: "--fds-semantic-border-action-strong-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'strong-hover'], + path: [ + "semantic", + "border", + "action", + "strong-hover" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-border-info-default', + name: "--fds-semantic-border-info-default", attributes: {}, - path: ['semantic', 'border', 'info', 'default'], + path: [ + "semantic", + "border", + "info", + "default" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-border-neutral-default', + name: "--fds-semantic-border-neutral-default", attributes: {}, - path: ['semantic', 'border', 'neutral', 'default'], + path: [ + "semantic", + "border", + "neutral", + "default" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-neutral-subtle', + name: "--fds-semantic-border-neutral-subtle", attributes: {}, - path: ['semantic', 'border', 'neutral', 'subtle'], + path: [ + "semantic", + "border", + "neutral", + "subtle" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-border-neutral-strong', + name: "--fds-semantic-border-neutral-strong", attributes: {}, - path: ['semantic', 'border', 'neutral', 'strong'], + path: [ + "semantic", + "border", + "neutral", + "strong" + ] }, { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#118849", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.700}', - type: 'color', + value: "{colors.green.700}", + type: "color" }, - name: '--fds-semantic-border-success-default', + name: "--fds-semantic-border-success-default", attributes: {}, - path: ['semantic', 'border', 'success', 'default'], + path: [ + "semantic", + "border", + "success", + "default" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-border-success-hover', + name: "--fds-semantic-border-success-hover", attributes: {}, - path: ['semantic', 'border', 'success', 'hover'], + path: [ + "semantic", + "border", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-border-success-active', + name: "--fds-semantic-border-success-active", attributes: {}, - path: ['semantic', 'border', 'success', 'active'], + path: [ + "semantic", + "border", + "success", + "active" + ] }, { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#cc7005", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.600}', - type: 'color', + value: "{colors.orange.600}", + type: "color" }, - name: '--fds-semantic-border-warning-default', + name: "--fds-semantic-border-warning-default", attributes: {}, - path: ['semantic', 'border', 'warning', 'default'], + path: [ + "semantic", + "border", + "warning", + "default" + ] }, { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#995404", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.700}', - type: 'color', + value: "{colors.orange.700}", + type: "color" }, - name: '--fds-semantic-border-warning-hover', + name: "--fds-semantic-border-warning-hover", attributes: {}, - path: ['semantic', 'border', 'warning', 'hover'], + path: [ + "semantic", + "border", + "warning", + "hover" + ] }, { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#663802", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.800}', - type: 'color', + value: "{colors.orange.800}", + type: "color" }, - name: '--fds-semantic-border-warning-active', + name: "--fds-semantic-border-warning-active", attributes: {}, - path: ['semantic', 'border', 'warning', 'active'], + path: [ + "semantic", + "border", + "warning", + "active" + ] }, { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e02e49", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.500}', - type: 'color', + value: "{colors.red.500}", + type: "color" }, - name: '--fds-semantic-border-danger-default', + name: "--fds-semantic-border-danger-default", attributes: {}, - path: ['semantic', 'border', 'danger', 'default'], + path: [ + "semantic", + "border", + "danger", + "default" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-border-danger-hover', + name: "--fds-semantic-border-danger-hover", attributes: {}, - path: ['semantic', 'border', 'danger', 'hover'], + path: [ + "semantic", + "border", + "danger", + "hover" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-border-danger-active', + name: "--fds-semantic-border-danger-active", attributes: {}, - path: ['semantic', 'border', 'danger', 'active'], + path: [ + "semantic", + "border", + "danger", + "active" + ] }, { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffda06", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.500}', - type: 'color', + value: "{colors.yellow.500}", + type: "color" }, - name: '--fds-semantic-border-focus-outline', + name: "--fds-semantic-border-focus-outline", attributes: {}, - path: ['semantic', 'border', 'focus', 'outline'], + path: [ + "semantic", + "border", + "focus", + "outline" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{semantic.border.neutral.strong}', - type: 'color', + value: "{semantic.border.neutral.strong}", + type: "color" }, - name: '--fds-semantic-border-focus-boxshadow', + name: "--fds-semantic-border-focus-boxshadow", attributes: {}, - path: ['semantic', 'border', 'focus', 'boxshadow'], + path: [ + "semantic", + "border", + "focus", + "boxshadow" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-input-default', + name: "--fds-semantic-border-input-default", attributes: {}, - path: ['semantic', 'border', 'input', 'default'], + path: [ + "semantic", + "border", + "input", + "default" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-input-hover', + name: "--fds-semantic-border-input-hover", attributes: {}, - path: ['semantic', 'border', 'input', 'hover'], + path: [ + "semantic", + "border", + "input", + "hover" + ] }, { - value: '#bcbfc5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#bcbfc5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.400}', - type: 'color', + value: "{colors.grey.400}", + type: "color" }, - name: '--fds-semantic-border-divider-default', + name: "--fds-semantic-border-divider-default", attributes: {}, - path: ['semantic', 'border', 'divider', 'default'], + path: [ + "semantic", + "border", + "divider", + "default" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-divider-subtle', + name: "--fds-semantic-border-divider-subtle", attributes: {}, - path: ['semantic', 'border', 'divider', 'subtle'], + path: [ + "semantic", + "border", + "divider", + "subtle" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-border-divider-strong', + name: "--fds-semantic-border-divider-strong", attributes: {}, - path: ['semantic', 'border', 'divider', 'strong'], + path: [ + "semantic", + "border", + "divider", + "strong" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-text-action-first-default', + name: "--fds-semantic-text-action-first-default", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'default'], + path: [ + "semantic", + "text", + "action", + "first", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '#004e95', - type: 'color', + value: "#004e95", + type: "color" }, - name: '--fds-semantic-text-action-first-hover', + name: "--fds-semantic-text-action-first-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'hover'], + path: [ + "semantic", + "text", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '#00315d', - type: 'color', + value: "#00315d", + type: "color" }, - name: '--fds-semantic-text-action-first-active', + name: "--fds-semantic-text-action-first-active", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'active'], + path: [ + "semantic", + "text", + "action", + "first", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-first-on_action', + name: "--fds-semantic-text-action-first-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'on_action'], + path: [ + "semantic", + "text", + "action", + "first", + "on_action" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-default', + name: "--fds-semantic-text-action-second-default", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'default'], + path: [ + "semantic", + "text", + "action", + "second", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-hover', + name: "--fds-semantic-text-action-second-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'hover'], + path: [ + "semantic", + "text", + "action", + "second", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-active', + name: "--fds-semantic-text-action-second-active", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'active'], + path: [ + "semantic", + "text", + "action", + "second", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Altinn.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-second-on_action', + name: "--fds-semantic-text-action-second-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'on_action'], + path: [ + "semantic", + "text", + "action", + "second", + "on_action" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-text-action-default', + name: "--fds-semantic-text-action-default", attributes: {}, - path: ['semantic', 'text', 'action', 'default'], + path: [ + "semantic", + "text", + "action", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-text-action-hover', + name: "--fds-semantic-text-action-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'hover'], + path: [ + "semantic", + "text", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-active', + name: "--fds-semantic-text-action-active", attributes: {}, - path: ['semantic', 'text', 'action', 'active'], + path: [ + "semantic", + "text", + "action", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-on_action', + name: "--fds-semantic-text-action-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'on_action'], + path: [ + "semantic", + "text", + "action", + "on_action" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-text-success-default', + name: "--fds-semantic-text-success-default", attributes: {}, - path: ['semantic', 'text', 'success', 'default'], + path: [ + "semantic", + "text", + "success", + "default" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-text-success-hover', + name: "--fds-semantic-text-success-hover", attributes: {}, - path: ['semantic', 'text', 'success', 'hover'], + path: [ + "semantic", + "text", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-text-success-active', + name: "--fds-semantic-text-success-active", attributes: {}, - path: ['semantic', 'text', 'success', 'active'], + path: [ + "semantic", + "text", + "success", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-success-on_success', + name: "--fds-semantic-text-success-on_success", attributes: {}, - path: ['semantic', 'text', 'success', 'on_success'], + path: [ + "semantic", + "text", + "success", + "on_success" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-success-on_success_subtle', + name: "--fds-semantic-text-success-on_success_subtle", attributes: {}, - path: ['semantic', 'text', 'success', 'on_success_subtle'], + path: [ + "semantic", + "text", + "success", + "on_success_subtle" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-neutral-default', + name: "--fds-semantic-text-neutral-default", attributes: {}, - path: ['semantic', 'text', 'neutral', 'default'], + path: [ + "semantic", + "text", + "neutral", + "default" + ] }, { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#4b5563", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.700}', - type: 'color', + value: "{colors.grey.700}", + type: "color" }, - name: '--fds-semantic-text-neutral-subtle', + name: "--fds-semantic-text-neutral-subtle", attributes: {}, - path: ['semantic', 'text', 'neutral', 'subtle'], + path: [ + "semantic", + "text", + "neutral", + "subtle" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-neutral-on_inverted', + name: "--fds-semantic-text-neutral-on_inverted", attributes: {}, - path: ['semantic', 'text', 'neutral', 'on_inverted'], + path: [ + "semantic", + "text", + "neutral", + "on_inverted" + ] }, { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#995404", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.700}', - type: 'color', + value: "{colors.orange.700}", + type: "color" }, - name: '--fds-semantic-text-warning-default', + name: "--fds-semantic-text-warning-default", attributes: {}, - path: ['semantic', 'text', 'warning', 'default'], + path: [ + "semantic", + "text", + "warning", + "default" + ] }, { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#cc7005", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.600}', - type: 'color', + value: "{colors.orange.600}", + type: "color" }, - name: '--fds-semantic-text-warning-icon_warning', + name: "--fds-semantic-text-warning-icon_warning", attributes: {}, - path: ['semantic', 'text', 'warning', 'icon_warning'], + path: [ + "semantic", + "text", + "warning", + "icon_warning" + ] }, { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#663802", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.800}', - type: 'color', + value: "{colors.orange.800}", + type: "color" }, - name: '--fds-semantic-text-warning-on_warning', + name: "--fds-semantic-text-warning-on_warning", attributes: {}, - path: ['semantic', 'text', 'warning', 'on_warning'], + path: [ + "semantic", + "text", + "warning", + "on_warning" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-text-danger-default', + name: "--fds-semantic-text-danger-default", attributes: {}, - path: ['semantic', 'text', 'danger', 'default'], + path: [ + "semantic", + "text", + "danger", + "default" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-text-danger-hover', + name: "--fds-semantic-text-danger-hover", attributes: {}, - path: ['semantic', 'text', 'danger', 'hover'], + path: [ + "semantic", + "text", + "danger", + "hover" + ] }, { - value: '#5a121d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#5a121d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.800}', - type: 'color', + value: "{colors.red.800}", + type: "color" }, - name: '--fds-semantic-text-danger-active', + name: "--fds-semantic-text-danger-active", attributes: {}, - path: ['semantic', 'text', 'danger', 'active'], + path: [ + "semantic", + "text", + "danger", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-danger-on_danger', + name: "--fds-semantic-text-danger-on_danger", attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger'], + path: [ + "semantic", + "text", + "danger", + "on_danger" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-danger-on_danger_subtle', + name: "--fds-semantic-text-danger-on_danger_subtle", attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger_subtle'], + path: [ + "semantic", + "text", + "danger", + "on_danger_subtle" + ] }, { - value: '#7a1265', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#7a1265", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.purple.700}', - type: 'color', + value: "{colors.purple.700}", + type: "color" }, - name: '--fds-semantic-text-visited-default', + name: "--fds-semantic-text-visited-default", attributes: {}, - path: ['semantic', 'text', 'visited', 'default'], + path: [ + "semantic", + "text", + "visited", + "default" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-background-default', + name: "--fds-semantic-background-default", attributes: {}, - path: ['semantic', 'background', 'default'], + path: [ + "semantic", + "background", + "default" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-background-subtle', + name: "--fds-semantic-background-subtle", attributes: {}, - path: ['semantic', 'background', 'subtle'], - }, -]; + path: [ + "semantic", + "background", + "subtle" + ] + } +] -export const typography = [ +export const typography = [ { value: "500 3.75rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f7}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f7}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-heading-2xlarge', + name: "--fds-typography-heading-2xlarge", attributes: {}, - path: ['typography', 'heading', '2xlarge'], + path: [ + "typography", + "heading", + "2xlarge" + ] }, { value: "500 3rem/1.3 'Inter'", - type: 'typography', - description: 'H1', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f6}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f6}" }, - type: 'typography', - description: 'H1', + type: "typography", + description: "H1" }, - name: '--fds-typography-heading-xlarge', + name: "--fds-typography-heading-xlarge", attributes: {}, - path: ['typography', 'heading', 'xlarge'], + path: [ + "typography", + "heading", + "xlarge" + ] }, { value: "500 2.25rem/1.3 'Inter'", - type: 'typography', - description: 'H2', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f5}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f5}" }, - type: 'typography', - description: 'H2', + type: "typography", + description: "H2" }, - name: '--fds-typography-heading-large', + name: "--fds-typography-heading-large", attributes: {}, - path: ['typography', 'heading', 'large'], + path: [ + "typography", + "heading", + "large" + ] }, { value: "500 1.875rem/1.3 'Inter'", - type: 'typography', - description: 'H3', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f4}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f4}" }, - type: 'typography', - description: 'H3', + type: "typography", + description: "H3" }, - name: '--fds-typography-heading-medium', + name: "--fds-typography-heading-medium", attributes: {}, - path: ['typography', 'heading', 'medium'], + path: [ + "typography", + "heading", + "medium" + ] }, { value: "500 1.5rem/1.3 'Inter'", - type: 'typography', - description: 'H4', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f3}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f3}" }, - type: 'typography', - description: 'H4', + type: "typography", + description: "H4" }, - name: '--fds-typography-heading-small', + name: "--fds-typography-heading-small", attributes: {}, - path: ['typography', 'heading', 'small'], + path: [ + "typography", + "heading", + "small" + ] }, { value: "500 1.3125rem/1.3 'Inter'", - type: 'typography', - description: 'H5', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', - description: 'H5', + type: "typography", + description: "H5" }, - name: '--fds-typography-heading-xsmall', + name: "--fds-typography-heading-xsmall", attributes: {}, - path: ['typography', 'heading', 'xsmall'], + path: [ + "typography", + "heading", + "xsmall" + ] }, { value: "500 1.125rem/1.3 'Inter'", - type: 'typography', - description: 'H6', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', - description: 'H6', + type: "typography", + description: "H6" }, - name: '--fds-typography-heading-xxsmall', + name: "--fds-typography-heading-xxsmall", attributes: {}, - path: ['typography', 'heading', 'xxsmall'], + path: [ + "typography", + "heading", + "xxsmall" + ] }, { value: "400 1.875rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f4}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f4}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-large', + name: "--fds-typography-ingress-large", attributes: {}, - path: ['typography', 'ingress', 'large'], + path: [ + "typography", + "ingress", + "large" + ] }, { value: "400 1.5rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f3}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f3}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-medium', + name: "--fds-typography-ingress-medium", attributes: {}, - path: ['typography', 'ingress', 'medium'], + path: [ + "typography", + "ingress", + "medium" + ] }, { value: "400 1.3125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-small', + name: "--fds-typography-ingress-small", attributes: {}, - path: ['typography', 'ingress', 'small'], + path: [ + "typography", + "ingress", + "small" + ] }, { value: "400 1.125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-xsmall', + name: "--fds-typography-ingress-xsmall", attributes: {}, - path: ['typography', 'ingress', 'xsmall'], + path: [ + "typography", + "ingress", + "xsmall" + ] }, { value: "400 1.3125rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-large', + name: "--fds-typography-paragraph-large", attributes: {}, - path: ['typography', 'paragraph', 'large'], + path: [ + "typography", + "paragraph", + "large" + ] }, { value: "400 1.125rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-medium', + name: "--fds-typography-paragraph-medium", attributes: {}, - path: ['typography', 'paragraph', 'medium'], + path: [ + "typography", + "paragraph", + "medium" + ] }, { value: "400 1rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-small', + name: "--fds-typography-paragraph-small", attributes: {}, - path: ['typography', 'paragraph', 'small'], + path: [ + "typography", + "paragraph", + "small" + ] }, { value: "400 0.875rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-xsmall', + name: "--fds-typography-paragraph-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'xsmall'], + path: [ + "typography", + "paragraph", + "xsmall" + ] }, { value: "400 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-large', + name: "--fds-typography-paragraph-short-large", attributes: {}, - path: ['typography', 'paragraph', 'short', 'large'], + path: [ + "typography", + "paragraph", + "short", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-medium', + name: "--fds-typography-paragraph-short-medium", attributes: {}, - path: ['typography', 'paragraph', 'short', 'medium'], + path: [ + "typography", + "paragraph", + "short", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-small', + name: "--fds-typography-paragraph-short-small", attributes: {}, - path: ['typography', 'paragraph', 'short', 'small'], + path: [ + "typography", + "paragraph", + "short", + "small" + ] }, { value: "400 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-xsmall', + name: "--fds-typography-paragraph-short-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'short', 'xsmall'], + path: [ + "typography", + "paragraph", + "short", + "xsmall" + ] }, { value: "400 1.125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-large', + name: "--fds-typography-paragraph-long-large", attributes: {}, - path: ['typography', 'paragraph', 'long', 'large'], + path: [ + "typography", + "paragraph", + "long", + "large" + ] }, { value: "400 1rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f0}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-medium', + name: "--fds-typography-paragraph-long-medium", attributes: {}, - path: ['typography', 'paragraph', 'long', 'medium'], + path: [ + "typography", + "paragraph", + "long", + "medium" + ] }, { value: "400 0.875rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f-1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-small', + name: "--fds-typography-paragraph-long-small", attributes: {}, - path: ['typography', 'paragraph', 'long', 'small'], + path: [ + "typography", + "paragraph", + "long", + "small" + ] }, { value: "400 0.8125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f-2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f-2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-xsmall', + name: "--fds-typography-paragraph-long-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'long', 'xsmall'], + path: [ + "typography", + "paragraph", + "long", + "xsmall" + ] }, { value: "500 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-large', + name: "--fds-typography-label-large", attributes: {}, - path: ['typography', 'label', 'large'], + path: [ + "typography", + "label", + "large" + ] }, { value: "500 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-medium', + name: "--fds-typography-label-medium", attributes: {}, - path: ['typography', 'label', 'medium'], + path: [ + "typography", + "label", + "medium" + ] }, { value: "500 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-small', + name: "--fds-typography-label-small", attributes: {}, - path: ['typography', 'label', 'small'], + path: [ + "typography", + "label", + "small" + ] }, { value: "500 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-xsmall', + name: "--fds-typography-label-xsmall", attributes: {}, - path: ['typography', 'label', 'xsmall'], + path: [ + "typography", + "label", + "xsmall" + ] }, { value: "400 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-large', + name: "--fds-typography-error_message-large", attributes: {}, - path: ['typography', 'error_message', 'large'], + path: [ + "typography", + "error_message", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-medium', + name: "--fds-typography-error_message-medium", attributes: {}, - path: ['typography', 'error_message', 'medium'], + path: [ + "typography", + "error_message", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-small', + name: "--fds-typography-error_message-small", attributes: {}, - path: ['typography', 'error_message', 'small'], + path: [ + "typography", + "error_message", + "small" + ] }, { value: "400 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-xsmall', + name: "--fds-typography-error_message-xsmall", attributes: {}, - path: ['typography', 'error_message', 'xsmall'], + path: [ + "typography", + "error_message", + "xsmall" + ] }, { value: "400 1.5rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.large}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-large', + name: "--fds-typography-interactive-large", attributes: {}, - path: ['typography', 'interactive', 'large'], + path: [ + "typography", + "interactive", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.medium}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-medium', + name: "--fds-typography-interactive-medium", attributes: {}, - path: ['typography', 'interactive', 'medium'], + path: [ + "typography", + "interactive", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.small}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-small', + name: "--fds-typography-interactive-small", attributes: {}, - path: ['typography', 'interactive', 'small'], - }, -]; + path: [ + "typography", + "interactive", + "small" + ] + } +] -export const opacity = [ +export const opacity = [ { - value: '30%', - type: 'opacity', - filePath: '../../design-tokens/Base/Semantic.json', + value: "30%", + type: "opacity", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '30%', - type: 'opacity', + value: "30%", + type: "opacity" }, - name: '--fds-opacity-disabled', + name: "--fds-opacity-disabled", attributes: {}, - path: ['opacity', 'disabled'], - }, -]; + path: [ + "opacity", + "disabled" + ] + } +] -export const borderRadius = [ +export const borderRadius = [ { - value: '4px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_radius.medium}', - type: 'borderRadius', + value: "{border_radius.medium}", + type: "borderRadius" }, - name: '--fds-border_radius-interactive', + name: "--fds-border_radius-interactive", attributes: {}, - path: ['border_radius', 'interactive'], + path: [ + "border_radius", + "interactive" + ] }, { - value: '2px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '2px', - type: 'borderRadius', + value: "2px", + type: "borderRadius" }, - name: '--fds-border_radius-small', + name: "--fds-border_radius-small", attributes: {}, - path: ['border_radius', 'small'], + path: [ + "border_radius", + "small" + ] }, { - value: '4px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '4px', - type: 'borderRadius', + value: "4px", + type: "borderRadius" }, - name: '--fds-border_radius-medium', + name: "--fds-border_radius-medium", attributes: {}, - path: ['border_radius', 'medium'], + path: [ + "border_radius", + "medium" + ] }, { - value: '8px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "8px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '8px', - type: 'borderRadius', + value: "8px", + type: "borderRadius" }, - name: '--fds-border_radius-large', + name: "--fds-border_radius-large", attributes: {}, - path: ['border_radius', 'large'], + path: [ + "border_radius", + "large" + ] }, { - value: '12px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "12px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '12px', - type: 'borderRadius', + value: "12px", + type: "borderRadius" }, - name: '--fds-border_radius-xlarge', + name: "--fds-border_radius-xlarge", attributes: {}, - path: ['border_radius', 'xlarge'], + path: [ + "border_radius", + "xlarge" + ] }, { - value: '16px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "16px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '16px', - type: 'borderRadius', + value: "16px", + type: "borderRadius" }, - name: '--fds-border_radius-xxlarge', + name: "--fds-border_radius-xxlarge", attributes: {}, - path: ['border_radius', 'xxlarge'], + path: [ + "border_radius", + "xxlarge" + ] }, { - value: '24px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "24px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '24px', - type: 'borderRadius', + value: "24px", + type: "borderRadius" }, - name: '--fds-border_radius-xxxlarge', + name: "--fds-border_radius-xxxlarge", attributes: {}, - path: ['border_radius', 'xxxlarge'], + path: [ + "border_radius", + "xxxlarge" + ] }, { - value: '32px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "32px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '32px', - type: 'borderRadius', + value: "32px", + type: "borderRadius" }, - name: '--fds-border_radius-xxxxlarge', + name: "--fds-border_radius-xxxxlarge", attributes: {}, - path: ['border_radius', 'xxxxlarge'], + path: [ + "border_radius", + "xxxxlarge" + ] }, { - value: '9999px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "9999px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '9999px', - type: 'borderRadius', + value: "9999px", + type: "borderRadius" }, - name: '--fds-border_radius-full', + name: "--fds-border_radius-full", attributes: {}, - path: ['border_radius', 'full'], - }, -]; + path: [ + "border_radius", + "full" + ] + } +] -export const spacing = [ +export const spacing = [ { - value: '0rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*0', - type: 'spacing', + value: "{base_sizing}*0", + type: "spacing" }, - name: '--fds-spacing-0', + name: "--fds-spacing-0", attributes: {}, - path: ['spacing', '0'], + path: [ + "spacing", + "0" + ] }, { - value: '0.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*1', - type: 'spacing', + value: "{base_sizing}*1", + type: "spacing" }, - name: '--fds-spacing-1', + name: "--fds-spacing-1", attributes: {}, - path: ['spacing', '1'], + path: [ + "spacing", + "1" + ] }, { - value: '0.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*2', - type: 'spacing', + value: "{base_sizing}*2", + type: "spacing" }, - name: '--fds-spacing-2', + name: "--fds-spacing-2", attributes: {}, - path: ['spacing', '2'], + path: [ + "spacing", + "2" + ] }, { - value: '0.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*3', - type: 'spacing', + value: "{base_sizing}*3", + type: "spacing" }, - name: '--fds-spacing-3', + name: "--fds-spacing-3", attributes: {}, - path: ['spacing', '3'], + path: [ + "spacing", + "3" + ] }, { - value: '1rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*4', - type: 'spacing', + value: "{base_sizing}*4", + type: "spacing" }, - name: '--fds-spacing-4', + name: "--fds-spacing-4", attributes: {}, - path: ['spacing', '4'], + path: [ + "spacing", + "4" + ] }, { - value: '1.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*5', - type: 'spacing', + value: "{base_sizing}*5", + type: "spacing" }, - name: '--fds-spacing-5', + name: "--fds-spacing-5", attributes: {}, - path: ['spacing', '5'], + path: [ + "spacing", + "5" + ] }, { - value: '1.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*6', - type: 'spacing', + value: "{base_sizing}*6", + type: "spacing" }, - name: '--fds-spacing-6', + name: "--fds-spacing-6", attributes: {}, - path: ['spacing', '6'], + path: [ + "spacing", + "6" + ] }, { - value: '1.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*7', - type: 'spacing', + value: "{base_sizing}*7", + type: "spacing" }, - name: '--fds-spacing-7', + name: "--fds-spacing-7", attributes: {}, - path: ['spacing', '7'], + path: [ + "spacing", + "7" + ] }, { - value: '2rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*8', - type: 'spacing', + value: "{base_sizing}*8", + type: "spacing" }, - name: '--fds-spacing-8', + name: "--fds-spacing-8", attributes: {}, - path: ['spacing', '8'], + path: [ + "spacing", + "8" + ] }, { - value: '2.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*9', - type: 'spacing', + value: "{base_sizing}*9", + type: "spacing" }, - name: '--fds-spacing-9', + name: "--fds-spacing-9", attributes: {}, - path: ['spacing', '9'], + path: [ + "spacing", + "9" + ] }, { - value: '2.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*10', - type: 'spacing', + value: "{base_sizing}*10", + type: "spacing" }, - name: '--fds-spacing-10', + name: "--fds-spacing-10", attributes: {}, - path: ['spacing', '10'], + path: [ + "spacing", + "10" + ] }, { - value: '2.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*11', - type: 'spacing', + value: "{base_sizing}*11", + type: "spacing" }, - name: '--fds-spacing-11', + name: "--fds-spacing-11", attributes: {}, - path: ['spacing', '11'], + path: [ + "spacing", + "11" + ] }, { - value: '3rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*12', - type: 'spacing', + value: "{base_sizing}*12", + type: "spacing" }, - name: '--fds-spacing-12', + name: "--fds-spacing-12", attributes: {}, - path: ['spacing', '12'], + path: [ + "spacing", + "12" + ] }, { - value: '3.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*13', - type: 'spacing', + value: "{base_sizing}*13", + type: "spacing" }, - name: '--fds-spacing-13', + name: "--fds-spacing-13", attributes: {}, - path: ['spacing', '13'], + path: [ + "spacing", + "13" + ] }, { - value: '3.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*14', - type: 'spacing', + value: "{base_sizing}*14", + type: "spacing" }, - name: '--fds-spacing-14', + name: "--fds-spacing-14", attributes: {}, - path: ['spacing', '14'], + path: [ + "spacing", + "14" + ] }, { - value: '3.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*15', - type: 'spacing', + value: "{base_sizing}*15", + type: "spacing" }, - name: '--fds-spacing-15', + name: "--fds-spacing-15", attributes: {}, - path: ['spacing', '15'], + path: [ + "spacing", + "15" + ] }, { - value: '4.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*18', - type: 'spacing', + value: "{base_sizing}*18", + type: "spacing" }, - name: '--fds-spacing-18', + name: "--fds-spacing-18", attributes: {}, - path: ['spacing', '18'], + path: [ + "spacing", + "18" + ] }, { - value: '5.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "5.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*22', - type: 'spacing', + value: "{base_sizing}*22", + type: "spacing" }, - name: '--fds-spacing-22', + name: "--fds-spacing-22", attributes: {}, - path: ['spacing', '22'], + path: [ + "spacing", + "22" + ] }, { - value: '6.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "6.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*26', - type: 'spacing', + value: "{base_sizing}*26", + type: "spacing" }, - name: '--fds-spacing-26', + name: "--fds-spacing-26", attributes: {}, - path: ['spacing', '26'], + path: [ + "spacing", + "26" + ] }, { - value: '7.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "7.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*30', - type: 'spacing', + value: "{base_sizing}*30", + type: "spacing" }, - name: '--fds-spacing-30', + name: "--fds-spacing-30", attributes: {}, - path: ['spacing', '30'], - }, -]; + path: [ + "spacing", + "30" + ] + } +] -export const sizing = [ +export const sizing = [ { - value: '0rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*0', - type: 'sizing', + value: "{base_sizing}*0", + type: "sizing" }, - name: '--fds-sizing-0', + name: "--fds-sizing-0", attributes: {}, - path: ['sizing', '0'], + path: [ + "sizing", + "0" + ] }, { - value: '0.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*1', - type: 'sizing', + value: "{base_sizing}*1", + type: "sizing" }, - name: '--fds-sizing-1', + name: "--fds-sizing-1", attributes: {}, - path: ['sizing', '1'], + path: [ + "sizing", + "1" + ] }, { - value: '0.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*2', - type: 'sizing', + value: "{base_sizing}*2", + type: "sizing" }, - name: '--fds-sizing-2', + name: "--fds-sizing-2", attributes: {}, - path: ['sizing', '2'], + path: [ + "sizing", + "2" + ] }, { - value: '0.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*3', - type: 'sizing', + value: "{base_sizing}*3", + type: "sizing" }, - name: '--fds-sizing-3', + name: "--fds-sizing-3", attributes: {}, - path: ['sizing', '3'], + path: [ + "sizing", + "3" + ] }, { - value: '1rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*4', - type: 'sizing', + value: "{base_sizing}*4", + type: "sizing" }, - name: '--fds-sizing-4', + name: "--fds-sizing-4", attributes: {}, - path: ['sizing', '4'], + path: [ + "sizing", + "4" + ] }, { - value: '1.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*5', - type: 'sizing', + value: "{base_sizing}*5", + type: "sizing" }, - name: '--fds-sizing-5', + name: "--fds-sizing-5", attributes: {}, - path: ['sizing', '5'], + path: [ + "sizing", + "5" + ] }, { - value: '1.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*6', - type: 'sizing', + value: "{base_sizing}*6", + type: "sizing" }, - name: '--fds-sizing-6', + name: "--fds-sizing-6", attributes: {}, - path: ['sizing', '6'], + path: [ + "sizing", + "6" + ] }, { - value: '1.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*7', - type: 'sizing', + value: "{base_sizing}*7", + type: "sizing" }, - name: '--fds-sizing-7', + name: "--fds-sizing-7", attributes: {}, - path: ['sizing', '7'], + path: [ + "sizing", + "7" + ] }, { - value: '2rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*8', - type: 'sizing', + value: "{base_sizing}*8", + type: "sizing" }, - name: '--fds-sizing-8', + name: "--fds-sizing-8", attributes: {}, - path: ['sizing', '8'], + path: [ + "sizing", + "8" + ] }, { - value: '2.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*9', - type: 'sizing', + value: "{base_sizing}*9", + type: "sizing" }, - name: '--fds-sizing-9', + name: "--fds-sizing-9", attributes: {}, - path: ['sizing', '9'], + path: [ + "sizing", + "9" + ] }, { - value: '2.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*10', - type: 'sizing', + value: "{base_sizing}*10", + type: "sizing" }, - name: '--fds-sizing-10', + name: "--fds-sizing-10", attributes: {}, - path: ['sizing', '10'], + path: [ + "sizing", + "10" + ] }, { - value: '2.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*11', - type: 'sizing', + value: "{base_sizing}*11", + type: "sizing" }, - name: '--fds-sizing-11', + name: "--fds-sizing-11", attributes: {}, - path: ['sizing', '11'], + path: [ + "sizing", + "11" + ] }, { - value: '3rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*12', - type: 'sizing', + value: "{base_sizing}*12", + type: "sizing" }, - name: '--fds-sizing-12', + name: "--fds-sizing-12", attributes: {}, - path: ['sizing', '12'], + path: [ + "sizing", + "12" + ] }, { - value: '3.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*13', - type: 'sizing', + value: "{base_sizing}*13", + type: "sizing" }, - name: '--fds-sizing-13', + name: "--fds-sizing-13", attributes: {}, - path: ['sizing', '13'], + path: [ + "sizing", + "13" + ] }, { - value: '3.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*14', - type: 'sizing', + value: "{base_sizing}*14", + type: "sizing" }, - name: '--fds-sizing-14', + name: "--fds-sizing-14", attributes: {}, - path: ['sizing', '14'], + path: [ + "sizing", + "14" + ] }, { - value: '3.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*15', - type: 'sizing', + value: "{base_sizing}*15", + type: "sizing" }, - name: '--fds-sizing-15', + name: "--fds-sizing-15", attributes: {}, - path: ['sizing', '15'], + path: [ + "sizing", + "15" + ] }, { - value: '4.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*18', - type: 'sizing', + value: "{base_sizing}*18", + type: "sizing" }, - name: '--fds-sizing-18', + name: "--fds-sizing-18", attributes: {}, - path: ['sizing', '18'], + path: [ + "sizing", + "18" + ] }, { - value: '5.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "5.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*22', - type: 'sizing', + value: "{base_sizing}*22", + type: "sizing" }, - name: '--fds-sizing-22', + name: "--fds-sizing-22", attributes: {}, - path: ['sizing', '22'], + path: [ + "sizing", + "22" + ] }, { - value: '6.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "6.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*26', - type: 'sizing', + value: "{base_sizing}*26", + type: "sizing" }, - name: '--fds-sizing-26', + name: "--fds-sizing-26", attributes: {}, - path: ['sizing', '26'], + path: [ + "sizing", + "26" + ] }, { - value: '7.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "7.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*30', - type: 'sizing', + value: "{base_sizing}*30", + type: "sizing" }, - name: '--fds-sizing-30', + name: "--fds-sizing-30", attributes: {}, - path: ['sizing', '30'], - }, -]; + path: [ + "sizing", + "30" + ] + } +] -export const borderWidth = [ +export const borderWidth = [ { - value: '1px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_width.1}', - type: 'borderWidth', + value: "{border_width.1}", + type: "borderWidth" }, - name: '--fds-border_width-default', + name: "--fds-border_width-default", attributes: {}, - path: ['border_width', 'default'], + path: [ + "border_width", + "default" + ] }, { - value: '2px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_width.2}', - type: 'borderWidth', + value: "{border_width.2}", + type: "borderWidth" }, - name: '--fds-border_width-active', + name: "--fds-border_width-active", attributes: {}, - path: ['border_width', 'active'], + path: [ + "border_width", + "active" + ] }, { - value: '2px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '2px', - type: 'borderWidth', + value: "2px", + type: "borderWidth" }, - name: '--fds-border_width-tab_focus', + name: "--fds-border_width-tab_focus", attributes: {}, - path: ['border_width', 'tab_focus'], - }, -]; + path: [ + "border_width", + "tab_focus" + ] + } +] -export const boxShadow = [ +export const boxShadow = [ { - value: '0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.100}', - type: 'boxShadow', + value: "{shadow.100}", + type: "boxShadow" }, - name: '--fds-shadow-xsmall', + name: "--fds-shadow-xsmall", attributes: {}, - path: ['shadow', 'xsmall'], + path: [ + "shadow", + "xsmall" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.200}', - type: 'boxShadow', + value: "{shadow.200}", + type: "boxShadow" }, - name: '--fds-shadow-small', + name: "--fds-shadow-small", attributes: {}, - path: ['shadow', 'small'], + path: [ + "shadow", + "small" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.300}', - type: 'boxShadow', + value: "{shadow.300}", + type: "boxShadow" }, - name: '--fds-shadow-medium', + name: "--fds-shadow-medium", attributes: {}, - path: ['shadow', 'medium'], + path: [ + "shadow", + "medium" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.400}', - type: 'boxShadow', + value: "{shadow.400}", + type: "boxShadow" }, - name: '--fds-shadow-large', + name: "--fds-shadow-large", attributes: {}, - path: ['shadow', 'large'], + path: [ + "shadow", + "large" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.500}', - type: 'boxShadow', + value: "{shadow.500}", + type: "boxShadow" }, - name: '--fds-shadow-xlarge', + name: "--fds-shadow-xlarge", attributes: {}, - path: ['shadow', 'xlarge'], - }, -]; + path: [ + "shadow", + "xlarge" + ] + } +] diff --git a/apps/storefront/tokens/brreg.ts b/apps/storefront/tokens/brreg.ts index 525f8cf650..8e3c7a1679 100644 --- a/apps/storefront/tokens/brreg.ts +++ b/apps/storefront/tokens/brreg.ts @@ -3,3715 +3,4913 @@ * These files are generated from design tokens defined in Figma using Token Studio */ -export const color = [ +export const color = [ { - value: '#FFFFFF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#FFFFFF", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#FFFFFF', - type: 'color', + value: "#FFFFFF", + type: "color" }, - name: '--fds-brand-alt1-50', + name: "--fds-brand-alt1-50", attributes: {}, - path: ['brand', 'alt1', '50'], + path: [ + "brand", + "alt1", + "50" + ] }, { - value: '#D1E4FF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#D1E4FF", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#D1E4FF', - type: 'color', + value: "#D1E4FF", + type: "color" }, - name: '--fds-brand-alt1-100', + name: "--fds-brand-alt1-100", attributes: {}, - path: ['brand', 'alt1', '100'], + path: [ + "brand", + "alt1", + "100" + ] }, { - value: '#9ECAFF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#9ECAFF", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#9ECAFF', - type: 'color', + value: "#9ECAFF", + type: "color" }, - name: '--fds-brand-alt1-200', + name: "--fds-brand-alt1-200", attributes: {}, - path: ['brand', 'alt1', '200'], + path: [ + "brand", + "alt1", + "200" + ] }, { - value: '#76ADFB', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#76ADFB", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#76ADFB', - type: 'color', + value: "#76ADFB", + type: "color" }, - name: '--fds-brand-alt1-300', + name: "--fds-brand-alt1-300", attributes: {}, - path: ['brand', 'alt1', '300'], + path: [ + "brand", + "alt1", + "300" + ] }, { - value: '#5391E9', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#5391E9", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#5391E9', - type: 'color', + value: "#5391E9", + type: "color" }, - name: '--fds-brand-alt1-400', + name: "--fds-brand-alt1-400", attributes: {}, - path: ['brand', 'alt1', '400'], + path: [ + "brand", + "alt1", + "400" + ] }, { - value: '#2B77CC', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#2B77CC", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#2B77CC', - type: 'color', + value: "#2B77CC", + type: "color" }, - name: '--fds-brand-alt1-500', + name: "--fds-brand-alt1-500", attributes: {}, - path: ['brand', 'alt1', '500'], + path: [ + "brand", + "alt1", + "500" + ] }, { - value: '#005FAE', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#005FAE", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#005FAE', - type: 'color', + value: "#005FAE", + type: "color" }, - name: '--fds-brand-alt1-600', + name: "--fds-brand-alt1-600", attributes: {}, - path: ['brand', 'alt1', '600'], + path: [ + "brand", + "alt1", + "600" + ] }, { - value: '#004785', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#004785", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#004785', - type: 'color', + value: "#004785", + type: "color" }, - name: '--fds-brand-alt1-700', + name: "--fds-brand-alt1-700", attributes: {}, - path: ['brand', 'alt1', '700'], + path: [ + "brand", + "alt1", + "700" + ] }, { - value: '#00315E', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315E", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#00315E', - type: 'color', + value: "#00315E", + type: "color" }, - name: '--fds-brand-alt1-800', + name: "--fds-brand-alt1-800", attributes: {}, - path: ['brand', 'alt1', '800'], + path: [ + "brand", + "alt1", + "800" + ] }, { - value: '#001C3A', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#001C3A", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#001C3A', - type: 'color', + value: "#001C3A", + type: "color" }, - name: '--fds-brand-alt1-900', + name: "--fds-brand-alt1-900", attributes: {}, - path: ['brand', 'alt1', '900'], + path: [ + "brand", + "alt1", + "900" + ] }, { - value: '#001127', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#001127", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#001127', - type: 'color', + value: "#001127", + type: "color" }, - name: '--fds-brand-alt1-950', + name: "--fds-brand-alt1-950", attributes: {}, - path: ['brand', 'alt1', '950'], + path: [ + "brand", + "alt1", + "950" + ] }, { - value: '#FFFFFF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#FFFFFF", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#FFFFFF', - type: 'color', + value: "#FFFFFF", + type: "color" }, - name: '--fds-brand-alt2-50', + name: "--fds-brand-alt2-50", attributes: {}, - path: ['brand', 'alt2', '50'], + path: [ + "brand", + "alt2", + "50" + ] }, { - value: '#E5F3F9', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#E5F3F9", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#E5F3F9', - type: 'color', + value: "#E5F3F9", + type: "color" }, - name: '--fds-brand-alt2-100', + name: "--fds-brand-alt2-100", attributes: {}, - path: ['brand', 'alt2', '100'], + path: [ + "brand", + "alt2", + "100" + ] }, { - value: '#C9E7F4', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#C9E7F4", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#C9E7F4', - type: 'color', + value: "#C9E7F4", + type: "color" }, - name: '--fds-brand-alt2-200', + name: "--fds-brand-alt2-200", attributes: {}, - path: ['brand', 'alt2', '200'], + path: [ + "brand", + "alt2", + "200" + ] }, { - value: '#70B3D7', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#70B3D7", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#70B3D7', - type: 'color', + value: "#70B3D7", + type: "color" }, - name: '--fds-brand-alt2-300', + name: "--fds-brand-alt2-300", attributes: {}, - path: ['brand', 'alt2', '300'], + path: [ + "brand", + "alt2", + "300" + ] }, { - value: '#4E99BD', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#4E99BD", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#4E99BD', - type: 'color', + value: "#4E99BD", + type: "color" }, - name: '--fds-brand-alt2-400', + name: "--fds-brand-alt2-400", attributes: {}, - path: ['brand', 'alt2', '400'], + path: [ + "brand", + "alt2", + "400" + ] }, { - value: '#3B7D9B', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#3B7D9B", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#3B7D9B', - type: 'color', + value: "#3B7D9B", + type: "color" }, - name: '--fds-brand-alt2-500', + name: "--fds-brand-alt2-500", attributes: {}, - path: ['brand', 'alt2', '500'], + path: [ + "brand", + "alt2", + "500" + ] }, { - value: '#2C647E', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#2C647E", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#2C647E', - type: 'color', + value: "#2C647E", + type: "color" }, - name: '--fds-brand-alt2-600', + name: "--fds-brand-alt2-600", attributes: {}, - path: ['brand', 'alt2', '600'], + path: [ + "brand", + "alt2", + "600" + ] }, { - value: '#1F4B63', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#1F4B63", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#1F4B63', - type: 'color', + value: "#1F4B63", + type: "color" }, - name: '--fds-brand-alt2-700', + name: "--fds-brand-alt2-700", attributes: {}, - path: ['brand', 'alt2', '700'], + path: [ + "brand", + "alt2", + "700" + ] }, { - value: '#133349', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#133349", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#133349', - type: 'color', + value: "#133349", + type: "color" }, - name: '--fds-brand-alt2-800', + name: "--fds-brand-alt2-800", attributes: {}, - path: ['brand', 'alt2', '800'], + path: [ + "brand", + "alt2", + "800" + ] }, { - value: '#071D2C', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#071D2C", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#071D2C', - type: 'color', + value: "#071D2C", + type: "color" }, - name: '--fds-brand-alt2-900', + name: "--fds-brand-alt2-900", attributes: {}, - path: ['brand', 'alt2', '900'], + path: [ + "brand", + "alt2", + "900" + ] }, { - value: '#03121D', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#03121D", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#03121D', - type: 'color', + value: "#03121D", + type: "color" }, - name: '--fds-brand-alt2-950', + name: "--fds-brand-alt2-950", attributes: {}, - path: ['brand', 'alt2', '950'], + path: [ + "brand", + "alt2", + "950" + ] }, { - value: '#EBF2F3', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#EBF2F3", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#EBF2F3', - type: 'color', + value: "#EBF2F3", + type: "color" }, - name: '--fds-brand-alt3-50', + name: "--fds-brand-alt3-50", attributes: {}, - path: ['brand', 'alt3', '50'], + path: [ + "brand", + "alt3", + "50" + ] }, { - value: '#D7E5E7', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#D7E5E7", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#D7E5E7', - type: 'color', + value: "#D7E5E7", + type: "color" }, - name: '--fds-brand-alt3-100', + name: "--fds-brand-alt3-100", attributes: {}, - path: ['brand', 'alt3', '100'], + path: [ + "brand", + "alt3", + "100" + ] }, { - value: '#B9CACB', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#B9CACB", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#B9CACB', - type: 'color', + value: "#B9CACB", + type: "color" }, - name: '--fds-brand-alt3-200', + name: "--fds-brand-alt3-200", attributes: {}, - path: ['brand', 'alt3', '200'], + path: [ + "brand", + "alt3", + "200" + ] }, { - value: '#9FAEAF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#9FAEAF", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#9FAEAF', - type: 'color', + value: "#9FAEAF", + type: "color" }, - name: '--fds-brand-alt3-300', + name: "--fds-brand-alt3-300", attributes: {}, - path: ['brand', 'alt3', '300'], + path: [ + "brand", + "alt3", + "300" + ] }, { - value: '#879394', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#879394", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#879394', - type: 'color', + value: "#879394", + type: "color" }, - name: '--fds-brand-alt3-400', + name: "--fds-brand-alt3-400", attributes: {}, - path: ['brand', 'alt3', '400'], + path: [ + "brand", + "alt3", + "400" + ] }, { - value: '#6D7879', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#6D7879", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#6D7879', - type: 'color', + value: "#6D7879", + type: "color" }, - name: '--fds-brand-alt3-500', + name: "--fds-brand-alt3-500", attributes: {}, - path: ['brand', 'alt3', '500'], + path: [ + "brand", + "alt3", + "500" + ] }, { - value: '#576061', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#576061", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#576061', - type: 'color', + value: "#576061", + type: "color" }, - name: '--fds-brand-alt3-600', + name: "--fds-brand-alt3-600", attributes: {}, - path: ['brand', 'alt3', '600'], + path: [ + "brand", + "alt3", + "600" + ] }, { - value: '#414849', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#414849", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#414849', - type: 'color', + value: "#414849", + type: "color" }, - name: '--fds-brand-alt3-700', + name: "--fds-brand-alt3-700", attributes: {}, - path: ['brand', 'alt3', '700'], + path: [ + "brand", + "alt3", + "700" + ] }, { - value: '#2C3132', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#2C3132", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#2C3132', - type: 'color', + value: "#2C3132", + type: "color" }, - name: '--fds-brand-alt3-800', + name: "--fds-brand-alt3-800", attributes: {}, - path: ['brand', 'alt3', '800'], + path: [ + "brand", + "alt3", + "800" + ] }, { - value: '#191C1C', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#191C1C", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#191C1C', - type: 'color', + value: "#191C1C", + type: "color" }, - name: '--fds-brand-alt3-900', + name: "--fds-brand-alt3-900", attributes: {}, - path: ['brand', 'alt3', '900'], + path: [ + "brand", + "alt3", + "900" + ] }, { - value: '#0F1112', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#0F1112", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '#0F1112', - type: 'color', + value: "#0F1112", + type: "color" }, - name: '--fds-brand-alt3-950', + name: "--fds-brand-alt3-950", attributes: {}, - path: ['brand', 'alt3', '950'], + path: [ + "brand", + "alt3", + "950" + ] }, { - value: '#D1E4FF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#D1E4FF", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt1.100}', - type: 'color', + value: "{brand.alt1.100}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle', + name: "--fds-semantic-surface-first-subtle", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle'], + path: [ + "semantic", + "surface", + "first", + "subtle" + ] }, { - value: '#76ADFB', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#76ADFB", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt1.300}', - type: 'color', + value: "{brand.alt1.300}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle-hover', + name: "--fds-semantic-surface-first-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle-hover'], + path: [ + "semantic", + "surface", + "first", + "subtle-hover" + ] }, { - value: '#5391E9', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#5391E9", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt1.400}', - type: 'color', + value: "{brand.alt1.400}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle-active', + name: "--fds-semantic-surface-first-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle-active'], + path: [ + "semantic", + "surface", + "first", + "subtle-active" + ] }, { - value: '#004785', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#004785", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt1.700}', - type: 'color', + value: "{brand.alt1.700}", + type: "color" }, - name: '--fds-semantic-surface-first-strong', + name: "--fds-semantic-surface-first-strong", attributes: {}, - path: ['semantic', 'surface', 'first', 'strong'], + path: [ + "semantic", + "surface", + "first", + "strong" + ] }, { - value: '#C9E7F4', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#C9E7F4", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt2.200}', - type: 'color', + value: "{brand.alt2.200}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle', + name: "--fds-semantic-surface-second-subtle", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle'], + path: [ + "semantic", + "surface", + "second", + "subtle" + ] }, { - value: '#70B3D7', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#70B3D7", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt2.300}', - type: 'color', + value: "{brand.alt2.300}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle-hover', + name: "--fds-semantic-surface-second-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle-hover'], + path: [ + "semantic", + "surface", + "second", + "subtle-hover" + ] }, { - value: '#4E99BD', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#4E99BD", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt2.400}', - type: 'color', + value: "{brand.alt2.400}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle-active', + name: "--fds-semantic-surface-second-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle-active'], + path: [ + "semantic", + "surface", + "second", + "subtle-active" + ] }, { - value: '#1F4B63', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#1F4B63", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt2.700}', - type: 'color', + value: "{brand.alt2.700}", + type: "color" }, - name: '--fds-semantic-surface-second-strong', + name: "--fds-semantic-surface-second-strong", attributes: {}, - path: ['semantic', 'surface', 'second', 'strong'], + path: [ + "semantic", + "surface", + "second", + "strong" + ] }, { - value: '#D7E5E7', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#D7E5E7", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt3.100}', - type: 'color', + value: "{brand.alt3.100}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle', + name: "--fds-semantic-surface-third-subtle", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle'], + path: [ + "semantic", + "surface", + "third", + "subtle" + ] }, { - value: '#B9CACB', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#B9CACB", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt3.200}', - type: 'color', + value: "{brand.alt3.200}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle-hover', + name: "--fds-semantic-surface-third-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle-hover'], + path: [ + "semantic", + "surface", + "third", + "subtle-hover" + ] }, { - value: '#9FAEAF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#9FAEAF", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt3.300}', - type: 'color', + value: "{brand.alt3.300}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle-active', + name: "--fds-semantic-surface-third-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle-active'], + path: [ + "semantic", + "surface", + "third", + "subtle-active" + ] }, { - value: '#414849', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#414849", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt3.700}', - type: 'color', + value: "{brand.alt3.700}", + type: "color" }, - name: '--fds-semantic-surface-third-strong', + name: "--fds-semantic-surface-third-strong", attributes: {}, - path: ['semantic', 'surface', 'third', 'strong'], + path: [ + "semantic", + "surface", + "third", + "strong" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-first-subtle', + name: "--fds-semantic-surface-action-first-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "first", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-first-subtle-hover', + name: "--fds-semantic-surface-action-first-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-first-default', + name: "--fds-semantic-surface-action-first-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'default'], + path: [ + "semantic", + "surface", + "action", + "first", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-surface-action-first-hover', + name: "--fds-semantic-surface-action-first-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + description: "Standard farge for handlinger", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', + value: "{colors.blue.900}", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-first-active', + name: "--fds-semantic-surface-action-first-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'active'], + path: [ + "semantic", + "surface", + "action", + "first", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill', + name: "--fds-semantic-surface-action-first-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill-hover', + name: "--fds-semantic-surface-action-first-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill-hover" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill-active', + name: "--fds-semantic-surface-action-first-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill-active" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-action-second-subtle', + name: "--fds-semantic-surface-action-second-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "second", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-action-second-subtle-hover', + name: "--fds-semantic-surface-action-second-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-surface-action-second-default', + name: "--fds-semantic-surface-action-second-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'default'], + path: [ + "semantic", + "surface", + "action", + "second", + "default" + ] }, { - value: 'rgba(0, 49, 93, 0.9)', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "rgba(0, 49, 93, 0.9)", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', + value: "rgba({colors.blue.900}, 0.9)", + type: "color" }, - name: '--fds-semantic-surface-action-second-hover', + name: "--fds-semantic-surface-action-second-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "hover" + ] }, { - value: 'rgba(0, 49, 93, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "rgba(0, 49, 93, 0.8)", + type: "color", + description: "Standard farge for handlinger", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', + value: "rgba({colors.blue.900}, 0.8)", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-second-active', + name: "--fds-semantic-surface-action-second-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'active'], + path: [ + "semantic", + "surface", + "action", + "second", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill', + name: "--fds-semantic-surface-action-second-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill" + ] }, { - value: 'rgba(0, 49, 93, 0.1)', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "rgba(0, 49, 93, 0.1)", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', + value: "rgba({colors.blue.900}, 0.1)", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill-hover', + name: "--fds-semantic-surface-action-second-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill-hover" + ] }, { - value: 'rgba(0, 49, 93, 0.2)', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "rgba(0, 49, 93, 0.2)", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', + value: "rgba({colors.blue.900}, 0.2)", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill-active', + name: "--fds-semantic-surface-action-second-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill-active" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-subtle', + name: "--fds-semantic-surface-action-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-subtle-hover', + name: "--fds-semantic-surface-action-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-default', + name: "--fds-semantic-surface-action-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'default'], + path: [ + "semantic", + "surface", + "action", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-surface-action-hover', + name: "--fds-semantic-surface-action-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'hover'], + path: [ + "semantic", + "surface", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + 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', + value: "{colors.blue.900}", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-active', + name: "--fds-semantic-surface-action-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'active'], + path: [ + "semantic", + "surface", + "action", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill', + name: "--fds-semantic-surface-action-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "no_fill" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill-hover', + name: "--fds-semantic-surface-action-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "no_fill-hover" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill-active', + name: "--fds-semantic-surface-action-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "no_fill-active" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-checked', + name: "--fds-semantic-surface-action-checked", attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], + path: [ + "semantic", + "surface", + "action", + "checked" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-neutral-default', + name: "--fds-semantic-surface-neutral-default", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'default'], + path: [ + "semantic", + "surface", + "neutral", + "default" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-neutral-selected', + name: "--fds-semantic-surface-neutral-selected", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'selected'], + path: [ + "semantic", + "surface", + "neutral", + "selected" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-neutral-subtle', + name: "--fds-semantic-surface-neutral-subtle", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle'], + path: [ + "semantic", + "surface", + "neutral", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-neutral-subtle-hover', + name: "--fds-semantic-surface-neutral-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle-hover'], + path: [ + "semantic", + "surface", + "neutral", + "subtle-hover" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-surface-neutral-strong', + name: "--fds-semantic-surface-neutral-strong", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'strong'], + path: [ + "semantic", + "surface", + "neutral", + "strong" + ] }, { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#4b5563", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.700}', - type: 'color', + value: "{colors.grey.700}", + type: "color" }, - name: '--fds-semantic-surface-neutral-strong-hover', + name: "--fds-semantic-surface-neutral-strong-hover", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'strong-hover'], + path: [ + "semantic", + "surface", + "neutral", + "strong-hover" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-surface-neutral-inverted', + name: "--fds-semantic-surface-neutral-inverted", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'inverted'], + path: [ + "semantic", + "surface", + "neutral", + "inverted" + ] }, { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d1f4e1", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.200}', - type: 'color', + value: "{colors.green.200}", + type: "color" }, - name: '--fds-semantic-surface-success-subtle', + name: "--fds-semantic-surface-success-subtle", attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle'], + path: [ + "semantic", + "surface", + "success", + "subtle" + ] }, { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#8be4b5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.300}', - type: 'color', + value: "{colors.green.300}", + type: "color" }, - name: '--fds-semantic-surface-success-subtle-hover', + name: "--fds-semantic-surface-success-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle-hover'], + path: [ + "semantic", + "surface", + "success", + "subtle-hover" + ] }, { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#118849", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.700}', - type: 'color', + value: "{colors.green.700}", + type: "color" }, - name: '--fds-semantic-surface-success-default', + name: "--fds-semantic-surface-success-default", attributes: {}, - path: ['semantic', 'surface', 'success', 'default'], + path: [ + "semantic", + "surface", + "success", + "default" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-surface-success-hover', + name: "--fds-semantic-surface-success-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'hover'], + path: [ + "semantic", + "surface", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-surface-success-active', + name: "--fds-semantic-surface-success-active", attributes: {}, - path: ['semantic', 'surface', 'success', 'active'], + path: [ + "semantic", + "surface", + "success", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill', + name: "--fds-semantic-surface-success-no_fill", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill'], + path: [ + "semantic", + "surface", + "success", + "no_fill" + ] }, { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d1f4e1", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.200}', - type: 'color', + value: "{colors.green.200}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill-hover', + name: "--fds-semantic-surface-success-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "success", + "no_fill-hover" + ] }, { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#8be4b5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.300}', - type: 'color', + value: "{colors.green.300}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill-active', + name: "--fds-semantic-surface-success-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-active'], + path: [ + "semantic", + "surface", + "success", + "no_fill-active" + ] }, { - value: '#fffbe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fffbe6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.100}', - type: 'color', + value: "{colors.yellow.100}", + type: "color" }, - name: '--fds-semantic-surface-warning-subtle', + name: "--fds-semantic-surface-warning-subtle", attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle'], + path: [ + "semantic", + "surface", + "warning", + "subtle" + ] }, { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fff4b4", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.200}', - type: 'color', + value: "{colors.yellow.200}", + type: "color" }, - name: '--fds-semantic-surface-warning-subtle-hover', + name: "--fds-semantic-surface-warning-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle-hover'], + path: [ + "semantic", + "surface", + "warning", + "subtle-hover" + ] }, { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fff4b4", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.200}', - type: 'color', + value: "{colors.yellow.200}", + type: "color" }, - name: '--fds-semantic-surface-warning-default', + name: "--fds-semantic-surface-warning-default", attributes: {}, - path: ['semantic', 'surface', 'warning', 'default'], + path: [ + "semantic", + "surface", + "warning", + "default" + ] }, { - value: '#ffed83', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffed83", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.300}', - type: 'color', + value: "{colors.yellow.300}", + type: "color" }, - name: '--fds-semantic-surface-warning-default-hover', + name: "--fds-semantic-surface-warning-default-hover", attributes: {}, - path: ['semantic', 'surface', 'warning', 'default-hover'], + path: [ + "semantic", + "surface", + "warning", + "default-hover" + ] }, { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f9d5db", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.100}', - type: 'color', + value: "{colors.red.100}", + type: "color" }, - name: '--fds-semantic-surface-danger-subtle', + name: "--fds-semantic-surface-danger-subtle", attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle'], + path: [ + "semantic", + "surface", + "danger", + "subtle" + ] }, { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f3abb6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.200}', - type: 'color', + value: "{colors.red.200}", + type: "color" }, - name: '--fds-semantic-surface-danger-subtle-hover', + name: "--fds-semantic-surface-danger-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle-hover'], + path: [ + "semantic", + "surface", + "danger", + "subtle-hover" + ] }, { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e02e49", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.500}', - type: 'color', + value: "{colors.red.500}", + type: "color" }, - name: '--fds-semantic-surface-danger-default', + name: "--fds-semantic-surface-danger-default", attributes: {}, - path: ['semantic', 'surface', 'danger', 'default'], + path: [ + "semantic", + "surface", + "danger", + "default" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-surface-danger-hover', + name: "--fds-semantic-surface-danger-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'hover'], + path: [ + "semantic", + "surface", + "danger", + "hover" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-surface-danger-active', + name: "--fds-semantic-surface-danger-active", attributes: {}, - path: ['semantic', 'surface', 'danger', 'active'], + path: [ + "semantic", + "surface", + "danger", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill', + name: "--fds-semantic-surface-danger-no_fill", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill'], + path: [ + "semantic", + "surface", + "danger", + "no_fill" + ] }, { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f9d5db", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.100}', - type: 'color', + value: "{colors.red.100}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill-hover', + name: "--fds-semantic-surface-danger-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "danger", + "no_fill-hover" + ] }, { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f3abb6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.200}', - type: 'color', + value: "{colors.red.200}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill-active', + name: "--fds-semantic-surface-danger-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-active'], + path: [ + "semantic", + "surface", + "danger", + "no_fill-active" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-info-subtle', + name: "--fds-semantic-surface-info-subtle", attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle'], + path: [ + "semantic", + "surface", + "info", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-info-subtle-hover', + name: "--fds-semantic-surface-info-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle-hover'], + path: [ + "semantic", + "surface", + "info", + "subtle-hover" + ] }, { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffda06", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.500}', - type: 'color', + value: "{colors.yellow.500}", + type: "color" }, - name: '--fds-semantic-surface-focus-default', + name: "--fds-semantic-surface-focus-default", attributes: {}, - path: ['semantic', 'surface', 'focus', 'default'], + path: [ + "semantic", + "surface", + "focus", + "default" + ] }, { - value: '#005FAE', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#005FAE", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt1.600}', - type: 'color', + value: "{brand.alt1.600}", + type: "color" }, - name: '--fds-semantic-border-first-default', + name: "--fds-semantic-border-first-default", attributes: {}, - path: ['semantic', 'border', 'first', 'default'], + path: [ + "semantic", + "border", + "first", + "default" + ] }, { - value: '#004785', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#004785", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt1.700}', - type: 'color', + value: "{brand.alt1.700}", + type: "color" }, - name: '--fds-semantic-border-first-hover', + name: "--fds-semantic-border-first-hover", attributes: {}, - path: ['semantic', 'border', 'first', 'hover'], + path: [ + "semantic", + "border", + "first", + "hover" + ] }, { - value: '#00315E', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315E", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt1.800}', - type: 'color', + value: "{brand.alt1.800}", + type: "color" }, - name: '--fds-semantic-border-first-active', + name: "--fds-semantic-border-first-active", attributes: {}, - path: ['semantic', 'border', 'first', 'active'], + path: [ + "semantic", + "border", + "first", + "active" + ] }, { - value: '#2C647E', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#2C647E", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt2.600}', - type: 'color', + value: "{brand.alt2.600}", + type: "color" }, - name: '--fds-semantic-border-second-default', + name: "--fds-semantic-border-second-default", attributes: {}, - path: ['semantic', 'border', 'second', 'default'], + path: [ + "semantic", + "border", + "second", + "default" + ] }, { - value: '#1F4B63', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#1F4B63", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt2.700}', - type: 'color', + value: "{brand.alt2.700}", + type: "color" }, - name: '--fds-semantic-border-second-hover', + name: "--fds-semantic-border-second-hover", attributes: {}, - path: ['semantic', 'border', 'second', 'hover'], + path: [ + "semantic", + "border", + "second", + "hover" + ] }, { - value: '#133349', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#133349", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt2.800}', - type: 'color', + value: "{brand.alt2.800}", + type: "color" }, - name: '--fds-semantic-border-second-active', + name: "--fds-semantic-border-second-active", attributes: {}, - path: ['semantic', 'border', 'second', 'active'], + path: [ + "semantic", + "border", + "second", + "active" + ] }, { - value: '#879394', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#879394", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt3.400}', - type: 'color', + value: "{brand.alt3.400}", + type: "color" }, - name: '--fds-semantic-border-third-default', + name: "--fds-semantic-border-third-default", attributes: {}, - path: ['semantic', 'border', 'third', 'default'], + path: [ + "semantic", + "border", + "third", + "default" + ] }, { - value: '#6D7879', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#6D7879", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt3.500}', - type: 'color', + value: "{brand.alt3.500}", + type: "color" }, - name: '--fds-semantic-border-third-hover', + name: "--fds-semantic-border-third-hover", attributes: {}, - path: ['semantic', 'border', 'third', 'hover'], + path: [ + "semantic", + "border", + "third", + "hover" + ] }, { - value: '#576061', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#576061", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{brand.alt3.600}', - type: 'color', + value: "{brand.alt3.600}", + type: "color" }, - name: '--fds-semantic-border-third-active', + name: "--fds-semantic-border-third-active", attributes: {}, - path: ['semantic', 'border', 'third', 'active'], + path: [ + "semantic", + "border", + "third", + "active" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-border-action-first-subtle', + name: "--fds-semantic-border-action-first-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'subtle'], + path: [ + "semantic", + "border", + "action", + "first", + "subtle" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-action-first-subtle-hover', + name: "--fds-semantic-border-action-first-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "first", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-first-default', + name: "--fds-semantic-border-action-first-default", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'default'], + path: [ + "semantic", + "border", + "action", + "first", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-first-hover', + name: "--fds-semantic-border-action-first-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'hover'], + path: [ + "semantic", + "border", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-first-active', + name: "--fds-semantic-border-action-first-active", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'active'], + path: [ + "semantic", + "border", + "action", + "first", + "active" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-border-action-second-subtle', + name: "--fds-semantic-border-action-second-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'subtle'], + path: [ + "semantic", + "border", + "action", + "second", + "subtle" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-action-second-subtle-hover', + name: "--fds-semantic-border-action-second-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "second", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-default', + name: "--fds-semantic-border-action-second-default", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'default'], + path: [ + "semantic", + "border", + "action", + "second", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-hover', + name: "--fds-semantic-border-action-second-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'hover'], + path: [ + "semantic", + "border", + "action", + "second", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-active', + name: "--fds-semantic-border-action-second-active", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'active'], + path: [ + "semantic", + "border", + "action", + "second", + "active" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-border-action-subtle', + name: "--fds-semantic-border-action-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'subtle'], + path: [ + "semantic", + "border", + "action", + "subtle" + ] }, { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#66a1d6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.400}', - type: 'color', + value: "{colors.blue.400}", + type: "color" }, - name: '--fds-semantic-border-action-subtle-hover', + name: "--fds-semantic-border-action-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-default', + name: "--fds-semantic-border-action-default", attributes: {}, - path: ['semantic', 'border', 'action', 'default'], + path: [ + "semantic", + "border", + "action", + "default" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-hover', + name: "--fds-semantic-border-action-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], + path: [ + "semantic", + "border", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-active', + name: "--fds-semantic-border-action-active", attributes: {}, - path: ['semantic', 'border', 'action', 'active'], + path: [ + "semantic", + "border", + "action", + "active" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-strong', + name: "--fds-semantic-border-action-strong", attributes: {}, - path: ['semantic', 'border', 'action', 'strong'], + path: [ + "semantic", + "border", + "action", + "strong" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-strong-hover', + name: "--fds-semantic-border-action-strong-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'strong-hover'], + path: [ + "semantic", + "border", + "action", + "strong-hover" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-border-info-default', + name: "--fds-semantic-border-info-default", attributes: {}, - path: ['semantic', 'border', 'info', 'default'], + path: [ + "semantic", + "border", + "info", + "default" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-border-neutral-default', + name: "--fds-semantic-border-neutral-default", attributes: {}, - path: ['semantic', 'border', 'neutral', 'default'], + path: [ + "semantic", + "border", + "neutral", + "default" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-neutral-subtle', + name: "--fds-semantic-border-neutral-subtle", attributes: {}, - path: ['semantic', 'border', 'neutral', 'subtle'], + path: [ + "semantic", + "border", + "neutral", + "subtle" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-border-neutral-strong', + name: "--fds-semantic-border-neutral-strong", attributes: {}, - path: ['semantic', 'border', 'neutral', 'strong'], + path: [ + "semantic", + "border", + "neutral", + "strong" + ] }, { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#118849", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.700}', - type: 'color', + value: "{colors.green.700}", + type: "color" }, - name: '--fds-semantic-border-success-default', + name: "--fds-semantic-border-success-default", attributes: {}, - path: ['semantic', 'border', 'success', 'default'], + path: [ + "semantic", + "border", + "success", + "default" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-border-success-hover', + name: "--fds-semantic-border-success-hover", attributes: {}, - path: ['semantic', 'border', 'success', 'hover'], + path: [ + "semantic", + "border", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-border-success-active', + name: "--fds-semantic-border-success-active", attributes: {}, - path: ['semantic', 'border', 'success', 'active'], + path: [ + "semantic", + "border", + "success", + "active" + ] }, { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#cc7005", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.600}', - type: 'color', + value: "{colors.orange.600}", + type: "color" }, - name: '--fds-semantic-border-warning-default', + name: "--fds-semantic-border-warning-default", attributes: {}, - path: ['semantic', 'border', 'warning', 'default'], + path: [ + "semantic", + "border", + "warning", + "default" + ] }, { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#995404", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.700}', - type: 'color', + value: "{colors.orange.700}", + type: "color" }, - name: '--fds-semantic-border-warning-hover', + name: "--fds-semantic-border-warning-hover", attributes: {}, - path: ['semantic', 'border', 'warning', 'hover'], + path: [ + "semantic", + "border", + "warning", + "hover" + ] }, { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#663802", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.800}', - type: 'color', + value: "{colors.orange.800}", + type: "color" }, - name: '--fds-semantic-border-warning-active', + name: "--fds-semantic-border-warning-active", attributes: {}, - path: ['semantic', 'border', 'warning', 'active'], + path: [ + "semantic", + "border", + "warning", + "active" + ] }, { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e02e49", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.500}', - type: 'color', + value: "{colors.red.500}", + type: "color" }, - name: '--fds-semantic-border-danger-default', + name: "--fds-semantic-border-danger-default", attributes: {}, - path: ['semantic', 'border', 'danger', 'default'], + path: [ + "semantic", + "border", + "danger", + "default" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-border-danger-hover', + name: "--fds-semantic-border-danger-hover", attributes: {}, - path: ['semantic', 'border', 'danger', 'hover'], + path: [ + "semantic", + "border", + "danger", + "hover" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-border-danger-active', + name: "--fds-semantic-border-danger-active", attributes: {}, - path: ['semantic', 'border', 'danger', 'active'], + path: [ + "semantic", + "border", + "danger", + "active" + ] }, { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffda06", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.500}', - type: 'color', + value: "{colors.yellow.500}", + type: "color" }, - name: '--fds-semantic-border-focus-outline', + name: "--fds-semantic-border-focus-outline", attributes: {}, - path: ['semantic', 'border', 'focus', 'outline'], + path: [ + "semantic", + "border", + "focus", + "outline" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{semantic.border.neutral.strong}', - type: 'color', + value: "{semantic.border.neutral.strong}", + type: "color" }, - name: '--fds-semantic-border-focus-boxshadow', + name: "--fds-semantic-border-focus-boxshadow", attributes: {}, - path: ['semantic', 'border', 'focus', 'boxshadow'], + path: [ + "semantic", + "border", + "focus", + "boxshadow" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-input-default', + name: "--fds-semantic-border-input-default", attributes: {}, - path: ['semantic', 'border', 'input', 'default'], + path: [ + "semantic", + "border", + "input", + "default" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-input-hover', + name: "--fds-semantic-border-input-hover", attributes: {}, - path: ['semantic', 'border', 'input', 'hover'], + path: [ + "semantic", + "border", + "input", + "hover" + ] }, { - value: '#bcbfc5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#bcbfc5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.400}', - type: 'color', + value: "{colors.grey.400}", + type: "color" }, - name: '--fds-semantic-border-divider-default', + name: "--fds-semantic-border-divider-default", attributes: {}, - path: ['semantic', 'border', 'divider', 'default'], + path: [ + "semantic", + "border", + "divider", + "default" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-divider-subtle', + name: "--fds-semantic-border-divider-subtle", attributes: {}, - path: ['semantic', 'border', 'divider', 'subtle'], + path: [ + "semantic", + "border", + "divider", + "subtle" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-border-divider-strong', + name: "--fds-semantic-border-divider-strong", attributes: {}, - path: ['semantic', 'border', 'divider', 'strong'], + path: [ + "semantic", + "border", + "divider", + "strong" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-first-default', + name: "--fds-semantic-text-action-first-default", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'default'], + path: [ + "semantic", + "text", + "action", + "first", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-first-hover', + name: "--fds-semantic-text-action-first-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'hover'], + path: [ + "semantic", + "text", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-first-active', + name: "--fds-semantic-text-action-first-active", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'active'], + path: [ + "semantic", + "text", + "action", + "first", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-first-on_action', + name: "--fds-semantic-text-action-first-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'on_action'], + path: [ + "semantic", + "text", + "action", + "first", + "on_action" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-default', + name: "--fds-semantic-text-action-second-default", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'default'], + path: [ + "semantic", + "text", + "action", + "second", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-hover', + name: "--fds-semantic-text-action-second-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'hover'], + path: [ + "semantic", + "text", + "action", + "second", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-active', + name: "--fds-semantic-text-action-second-active", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'active'], + path: [ + "semantic", + "text", + "action", + "second", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Brreg.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-second-on_action', + name: "--fds-semantic-text-action-second-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'on_action'], + path: [ + "semantic", + "text", + "action", + "second", + "on_action" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-text-action-default', + name: "--fds-semantic-text-action-default", attributes: {}, - path: ['semantic', 'text', 'action', 'default'], + path: [ + "semantic", + "text", + "action", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-text-action-hover', + name: "--fds-semantic-text-action-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'hover'], + path: [ + "semantic", + "text", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-active', + name: "--fds-semantic-text-action-active", attributes: {}, - path: ['semantic', 'text', 'action', 'active'], + path: [ + "semantic", + "text", + "action", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-on_action', + name: "--fds-semantic-text-action-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'on_action'], + path: [ + "semantic", + "text", + "action", + "on_action" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-text-success-default', + name: "--fds-semantic-text-success-default", attributes: {}, - path: ['semantic', 'text', 'success', 'default'], + path: [ + "semantic", + "text", + "success", + "default" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-text-success-hover', + name: "--fds-semantic-text-success-hover", attributes: {}, - path: ['semantic', 'text', 'success', 'hover'], + path: [ + "semantic", + "text", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-text-success-active', + name: "--fds-semantic-text-success-active", attributes: {}, - path: ['semantic', 'text', 'success', 'active'], + path: [ + "semantic", + "text", + "success", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-success-on_success', + name: "--fds-semantic-text-success-on_success", attributes: {}, - path: ['semantic', 'text', 'success', 'on_success'], + path: [ + "semantic", + "text", + "success", + "on_success" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-success-on_success_subtle', + name: "--fds-semantic-text-success-on_success_subtle", attributes: {}, - path: ['semantic', 'text', 'success', 'on_success_subtle'], + path: [ + "semantic", + "text", + "success", + "on_success_subtle" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-neutral-default', + name: "--fds-semantic-text-neutral-default", attributes: {}, - path: ['semantic', 'text', 'neutral', 'default'], + path: [ + "semantic", + "text", + "neutral", + "default" + ] }, { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#4b5563", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.700}', - type: 'color', + value: "{colors.grey.700}", + type: "color" }, - name: '--fds-semantic-text-neutral-subtle', + name: "--fds-semantic-text-neutral-subtle", attributes: {}, - path: ['semantic', 'text', 'neutral', 'subtle'], + path: [ + "semantic", + "text", + "neutral", + "subtle" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-neutral-on_inverted', + name: "--fds-semantic-text-neutral-on_inverted", attributes: {}, - path: ['semantic', 'text', 'neutral', 'on_inverted'], + path: [ + "semantic", + "text", + "neutral", + "on_inverted" + ] }, { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#995404", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.700}', - type: 'color', + value: "{colors.orange.700}", + type: "color" }, - name: '--fds-semantic-text-warning-default', + name: "--fds-semantic-text-warning-default", attributes: {}, - path: ['semantic', 'text', 'warning', 'default'], + path: [ + "semantic", + "text", + "warning", + "default" + ] }, { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#cc7005", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.600}', - type: 'color', + value: "{colors.orange.600}", + type: "color" }, - name: '--fds-semantic-text-warning-icon_warning', + name: "--fds-semantic-text-warning-icon_warning", attributes: {}, - path: ['semantic', 'text', 'warning', 'icon_warning'], + path: [ + "semantic", + "text", + "warning", + "icon_warning" + ] }, { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#663802", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.800}', - type: 'color', + value: "{colors.orange.800}", + type: "color" }, - name: '--fds-semantic-text-warning-on_warning', + name: "--fds-semantic-text-warning-on_warning", attributes: {}, - path: ['semantic', 'text', 'warning', 'on_warning'], + path: [ + "semantic", + "text", + "warning", + "on_warning" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-text-danger-default', + name: "--fds-semantic-text-danger-default", attributes: {}, - path: ['semantic', 'text', 'danger', 'default'], + path: [ + "semantic", + "text", + "danger", + "default" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-text-danger-hover', + name: "--fds-semantic-text-danger-hover", attributes: {}, - path: ['semantic', 'text', 'danger', 'hover'], + path: [ + "semantic", + "text", + "danger", + "hover" + ] }, { - value: '#5a121d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#5a121d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.800}', - type: 'color', + value: "{colors.red.800}", + type: "color" }, - name: '--fds-semantic-text-danger-active', + name: "--fds-semantic-text-danger-active", attributes: {}, - path: ['semantic', 'text', 'danger', 'active'], + path: [ + "semantic", + "text", + "danger", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-danger-on_danger', + name: "--fds-semantic-text-danger-on_danger", attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger'], + path: [ + "semantic", + "text", + "danger", + "on_danger" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-danger-on_danger_subtle', + name: "--fds-semantic-text-danger-on_danger_subtle", attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger_subtle'], + path: [ + "semantic", + "text", + "danger", + "on_danger_subtle" + ] }, { - value: '#7a1265', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#7a1265", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.purple.700}', - type: 'color', + value: "{colors.purple.700}", + type: "color" }, - name: '--fds-semantic-text-visited-default', + name: "--fds-semantic-text-visited-default", attributes: {}, - path: ['semantic', 'text', 'visited', 'default'], + path: [ + "semantic", + "text", + "visited", + "default" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-background-default', + name: "--fds-semantic-background-default", attributes: {}, - path: ['semantic', 'background', 'default'], + path: [ + "semantic", + "background", + "default" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-background-subtle', + name: "--fds-semantic-background-subtle", attributes: {}, - path: ['semantic', 'background', 'subtle'], - }, -]; + path: [ + "semantic", + "background", + "subtle" + ] + } +] -export const typography = [ +export const typography = [ { value: "500 3.75rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f7}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f7}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-heading-2xlarge', + name: "--fds-typography-heading-2xlarge", attributes: {}, - path: ['typography', 'heading', '2xlarge'], + path: [ + "typography", + "heading", + "2xlarge" + ] }, { value: "500 3rem/1.3 'Inter'", - type: 'typography', - description: 'H1', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f6}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f6}" }, - type: 'typography', - description: 'H1', + type: "typography", + description: "H1" }, - name: '--fds-typography-heading-xlarge', + name: "--fds-typography-heading-xlarge", attributes: {}, - path: ['typography', 'heading', 'xlarge'], + path: [ + "typography", + "heading", + "xlarge" + ] }, { value: "500 2.25rem/1.3 'Inter'", - type: 'typography', - description: 'H2', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f5}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f5}" }, - type: 'typography', - description: 'H2', + type: "typography", + description: "H2" }, - name: '--fds-typography-heading-large', + name: "--fds-typography-heading-large", attributes: {}, - path: ['typography', 'heading', 'large'], + path: [ + "typography", + "heading", + "large" + ] }, { value: "500 1.875rem/1.3 'Inter'", - type: 'typography', - description: 'H3', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f4}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f4}" }, - type: 'typography', - description: 'H3', + type: "typography", + description: "H3" }, - name: '--fds-typography-heading-medium', + name: "--fds-typography-heading-medium", attributes: {}, - path: ['typography', 'heading', 'medium'], + path: [ + "typography", + "heading", + "medium" + ] }, { value: "500 1.5rem/1.3 'Inter'", - type: 'typography', - description: 'H4', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f3}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f3}" }, - type: 'typography', - description: 'H4', + type: "typography", + description: "H4" }, - name: '--fds-typography-heading-small', + name: "--fds-typography-heading-small", attributes: {}, - path: ['typography', 'heading', 'small'], + path: [ + "typography", + "heading", + "small" + ] }, { value: "500 1.3125rem/1.3 'Inter'", - type: 'typography', - description: 'H5', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', - description: 'H5', + type: "typography", + description: "H5" }, - name: '--fds-typography-heading-xsmall', + name: "--fds-typography-heading-xsmall", attributes: {}, - path: ['typography', 'heading', 'xsmall'], + path: [ + "typography", + "heading", + "xsmall" + ] }, { value: "500 1.125rem/1.3 'Inter'", - type: 'typography', - description: 'H6', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', - description: 'H6', + type: "typography", + description: "H6" }, - name: '--fds-typography-heading-xxsmall', + name: "--fds-typography-heading-xxsmall", attributes: {}, - path: ['typography', 'heading', 'xxsmall'], + path: [ + "typography", + "heading", + "xxsmall" + ] }, { value: "400 1.875rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f4}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f4}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-large', + name: "--fds-typography-ingress-large", attributes: {}, - path: ['typography', 'ingress', 'large'], + path: [ + "typography", + "ingress", + "large" + ] }, { value: "400 1.5rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f3}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f3}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-medium', + name: "--fds-typography-ingress-medium", attributes: {}, - path: ['typography', 'ingress', 'medium'], + path: [ + "typography", + "ingress", + "medium" + ] }, { value: "400 1.3125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-small', + name: "--fds-typography-ingress-small", attributes: {}, - path: ['typography', 'ingress', 'small'], + path: [ + "typography", + "ingress", + "small" + ] }, { value: "400 1.125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-xsmall', + name: "--fds-typography-ingress-xsmall", attributes: {}, - path: ['typography', 'ingress', 'xsmall'], + path: [ + "typography", + "ingress", + "xsmall" + ] }, { value: "400 1.3125rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-large', + name: "--fds-typography-paragraph-large", attributes: {}, - path: ['typography', 'paragraph', 'large'], + path: [ + "typography", + "paragraph", + "large" + ] }, { value: "400 1.125rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-medium', + name: "--fds-typography-paragraph-medium", attributes: {}, - path: ['typography', 'paragraph', 'medium'], + path: [ + "typography", + "paragraph", + "medium" + ] }, { value: "400 1rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-small', + name: "--fds-typography-paragraph-small", attributes: {}, - path: ['typography', 'paragraph', 'small'], + path: [ + "typography", + "paragraph", + "small" + ] }, { value: "400 0.875rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-xsmall', + name: "--fds-typography-paragraph-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'xsmall'], + path: [ + "typography", + "paragraph", + "xsmall" + ] }, { value: "400 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-large', + name: "--fds-typography-paragraph-short-large", attributes: {}, - path: ['typography', 'paragraph', 'short', 'large'], + path: [ + "typography", + "paragraph", + "short", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-medium', + name: "--fds-typography-paragraph-short-medium", attributes: {}, - path: ['typography', 'paragraph', 'short', 'medium'], + path: [ + "typography", + "paragraph", + "short", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-small', + name: "--fds-typography-paragraph-short-small", attributes: {}, - path: ['typography', 'paragraph', 'short', 'small'], + path: [ + "typography", + "paragraph", + "short", + "small" + ] }, { value: "400 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-xsmall', + name: "--fds-typography-paragraph-short-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'short', 'xsmall'], + path: [ + "typography", + "paragraph", + "short", + "xsmall" + ] }, { value: "400 1.125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-large', + name: "--fds-typography-paragraph-long-large", attributes: {}, - path: ['typography', 'paragraph', 'long', 'large'], + path: [ + "typography", + "paragraph", + "long", + "large" + ] }, { value: "400 1rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f0}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-medium', + name: "--fds-typography-paragraph-long-medium", attributes: {}, - path: ['typography', 'paragraph', 'long', 'medium'], + path: [ + "typography", + "paragraph", + "long", + "medium" + ] }, { value: "400 0.875rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f-1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-small', + name: "--fds-typography-paragraph-long-small", attributes: {}, - path: ['typography', 'paragraph', 'long', 'small'], + path: [ + "typography", + "paragraph", + "long", + "small" + ] }, { value: "400 0.8125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f-2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f-2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-xsmall', + name: "--fds-typography-paragraph-long-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'long', 'xsmall'], + path: [ + "typography", + "paragraph", + "long", + "xsmall" + ] }, { value: "500 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-large', + name: "--fds-typography-label-large", attributes: {}, - path: ['typography', 'label', 'large'], + path: [ + "typography", + "label", + "large" + ] }, { value: "500 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-medium', + name: "--fds-typography-label-medium", attributes: {}, - path: ['typography', 'label', 'medium'], + path: [ + "typography", + "label", + "medium" + ] }, { value: "500 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-small', + name: "--fds-typography-label-small", attributes: {}, - path: ['typography', 'label', 'small'], + path: [ + "typography", + "label", + "small" + ] }, { value: "500 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-xsmall', + name: "--fds-typography-label-xsmall", attributes: {}, - path: ['typography', 'label', 'xsmall'], + path: [ + "typography", + "label", + "xsmall" + ] }, { value: "400 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-large', + name: "--fds-typography-error_message-large", attributes: {}, - path: ['typography', 'error_message', 'large'], + path: [ + "typography", + "error_message", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-medium', + name: "--fds-typography-error_message-medium", attributes: {}, - path: ['typography', 'error_message', 'medium'], + path: [ + "typography", + "error_message", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-small', + name: "--fds-typography-error_message-small", attributes: {}, - path: ['typography', 'error_message', 'small'], + path: [ + "typography", + "error_message", + "small" + ] }, { value: "400 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-xsmall', + name: "--fds-typography-error_message-xsmall", attributes: {}, - path: ['typography', 'error_message', 'xsmall'], + path: [ + "typography", + "error_message", + "xsmall" + ] }, { value: "400 1.5rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.large}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-large', + name: "--fds-typography-interactive-large", attributes: {}, - path: ['typography', 'interactive', 'large'], + path: [ + "typography", + "interactive", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.medium}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-medium', + name: "--fds-typography-interactive-medium", attributes: {}, - path: ['typography', 'interactive', 'medium'], + path: [ + "typography", + "interactive", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.small}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-small', + name: "--fds-typography-interactive-small", attributes: {}, - path: ['typography', 'interactive', 'small'], - }, -]; + path: [ + "typography", + "interactive", + "small" + ] + } +] -export const opacity = [ +export const opacity = [ { - value: '30%', - type: 'opacity', - filePath: '../../design-tokens/Base/Semantic.json', + value: "30%", + type: "opacity", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '30%', - type: 'opacity', + value: "30%", + type: "opacity" }, - name: '--fds-opacity-disabled', + name: "--fds-opacity-disabled", attributes: {}, - path: ['opacity', 'disabled'], - }, -]; + path: [ + "opacity", + "disabled" + ] + } +] -export const borderRadius = [ +export const borderRadius = [ { - value: '4px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_radius.medium}', - type: 'borderRadius', + value: "{border_radius.medium}", + type: "borderRadius" }, - name: '--fds-border_radius-interactive', + name: "--fds-border_radius-interactive", attributes: {}, - path: ['border_radius', 'interactive'], + path: [ + "border_radius", + "interactive" + ] }, { - value: '2px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '2px', - type: 'borderRadius', + value: "2px", + type: "borderRadius" }, - name: '--fds-border_radius-small', + name: "--fds-border_radius-small", attributes: {}, - path: ['border_radius', 'small'], + path: [ + "border_radius", + "small" + ] }, { - value: '4px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '4px', - type: 'borderRadius', + value: "4px", + type: "borderRadius" }, - name: '--fds-border_radius-medium', + name: "--fds-border_radius-medium", attributes: {}, - path: ['border_radius', 'medium'], + path: [ + "border_radius", + "medium" + ] }, { - value: '8px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "8px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '8px', - type: 'borderRadius', + value: "8px", + type: "borderRadius" }, - name: '--fds-border_radius-large', + name: "--fds-border_radius-large", attributes: {}, - path: ['border_radius', 'large'], + path: [ + "border_radius", + "large" + ] }, { - value: '12px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "12px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '12px', - type: 'borderRadius', + value: "12px", + type: "borderRadius" }, - name: '--fds-border_radius-xlarge', + name: "--fds-border_radius-xlarge", attributes: {}, - path: ['border_radius', 'xlarge'], + path: [ + "border_radius", + "xlarge" + ] }, { - value: '16px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "16px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '16px', - type: 'borderRadius', + value: "16px", + type: "borderRadius" }, - name: '--fds-border_radius-xxlarge', + name: "--fds-border_radius-xxlarge", attributes: {}, - path: ['border_radius', 'xxlarge'], + path: [ + "border_radius", + "xxlarge" + ] }, { - value: '24px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "24px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '24px', - type: 'borderRadius', + value: "24px", + type: "borderRadius" }, - name: '--fds-border_radius-xxxlarge', + name: "--fds-border_radius-xxxlarge", attributes: {}, - path: ['border_radius', 'xxxlarge'], + path: [ + "border_radius", + "xxxlarge" + ] }, { - value: '32px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "32px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '32px', - type: 'borderRadius', + value: "32px", + type: "borderRadius" }, - name: '--fds-border_radius-xxxxlarge', + name: "--fds-border_radius-xxxxlarge", attributes: {}, - path: ['border_radius', 'xxxxlarge'], + path: [ + "border_radius", + "xxxxlarge" + ] }, { - value: '9999px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "9999px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '9999px', - type: 'borderRadius', + value: "9999px", + type: "borderRadius" }, - name: '--fds-border_radius-full', + name: "--fds-border_radius-full", attributes: {}, - path: ['border_radius', 'full'], - }, -]; + path: [ + "border_radius", + "full" + ] + } +] -export const spacing = [ +export const spacing = [ { - value: '0rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*0', - type: 'spacing', + value: "{base_sizing}*0", + type: "spacing" }, - name: '--fds-spacing-0', + name: "--fds-spacing-0", attributes: {}, - path: ['spacing', '0'], + path: [ + "spacing", + "0" + ] }, { - value: '0.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*1', - type: 'spacing', + value: "{base_sizing}*1", + type: "spacing" }, - name: '--fds-spacing-1', + name: "--fds-spacing-1", attributes: {}, - path: ['spacing', '1'], + path: [ + "spacing", + "1" + ] }, { - value: '0.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*2', - type: 'spacing', + value: "{base_sizing}*2", + type: "spacing" }, - name: '--fds-spacing-2', + name: "--fds-spacing-2", attributes: {}, - path: ['spacing', '2'], + path: [ + "spacing", + "2" + ] }, { - value: '0.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*3', - type: 'spacing', + value: "{base_sizing}*3", + type: "spacing" }, - name: '--fds-spacing-3', + name: "--fds-spacing-3", attributes: {}, - path: ['spacing', '3'], + path: [ + "spacing", + "3" + ] }, { - value: '1rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*4', - type: 'spacing', + value: "{base_sizing}*4", + type: "spacing" }, - name: '--fds-spacing-4', + name: "--fds-spacing-4", attributes: {}, - path: ['spacing', '4'], + path: [ + "spacing", + "4" + ] }, { - value: '1.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*5', - type: 'spacing', + value: "{base_sizing}*5", + type: "spacing" }, - name: '--fds-spacing-5', + name: "--fds-spacing-5", attributes: {}, - path: ['spacing', '5'], + path: [ + "spacing", + "5" + ] }, { - value: '1.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*6', - type: 'spacing', + value: "{base_sizing}*6", + type: "spacing" }, - name: '--fds-spacing-6', + name: "--fds-spacing-6", attributes: {}, - path: ['spacing', '6'], + path: [ + "spacing", + "6" + ] }, { - value: '1.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*7', - type: 'spacing', + value: "{base_sizing}*7", + type: "spacing" }, - name: '--fds-spacing-7', + name: "--fds-spacing-7", attributes: {}, - path: ['spacing', '7'], + path: [ + "spacing", + "7" + ] }, { - value: '2rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*8', - type: 'spacing', + value: "{base_sizing}*8", + type: "spacing" }, - name: '--fds-spacing-8', + name: "--fds-spacing-8", attributes: {}, - path: ['spacing', '8'], + path: [ + "spacing", + "8" + ] }, { - value: '2.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*9', - type: 'spacing', + value: "{base_sizing}*9", + type: "spacing" }, - name: '--fds-spacing-9', + name: "--fds-spacing-9", attributes: {}, - path: ['spacing', '9'], + path: [ + "spacing", + "9" + ] }, { - value: '2.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*10', - type: 'spacing', + value: "{base_sizing}*10", + type: "spacing" }, - name: '--fds-spacing-10', + name: "--fds-spacing-10", attributes: {}, - path: ['spacing', '10'], + path: [ + "spacing", + "10" + ] }, { - value: '2.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*11', - type: 'spacing', + value: "{base_sizing}*11", + type: "spacing" }, - name: '--fds-spacing-11', + name: "--fds-spacing-11", attributes: {}, - path: ['spacing', '11'], + path: [ + "spacing", + "11" + ] }, { - value: '3rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*12', - type: 'spacing', + value: "{base_sizing}*12", + type: "spacing" }, - name: '--fds-spacing-12', + name: "--fds-spacing-12", attributes: {}, - path: ['spacing', '12'], + path: [ + "spacing", + "12" + ] }, { - value: '3.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*13', - type: 'spacing', + value: "{base_sizing}*13", + type: "spacing" }, - name: '--fds-spacing-13', + name: "--fds-spacing-13", attributes: {}, - path: ['spacing', '13'], + path: [ + "spacing", + "13" + ] }, { - value: '3.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*14', - type: 'spacing', + value: "{base_sizing}*14", + type: "spacing" }, - name: '--fds-spacing-14', + name: "--fds-spacing-14", attributes: {}, - path: ['spacing', '14'], + path: [ + "spacing", + "14" + ] }, { - value: '3.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*15', - type: 'spacing', + value: "{base_sizing}*15", + type: "spacing" }, - name: '--fds-spacing-15', + name: "--fds-spacing-15", attributes: {}, - path: ['spacing', '15'], + path: [ + "spacing", + "15" + ] }, { - value: '4.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*18', - type: 'spacing', + value: "{base_sizing}*18", + type: "spacing" }, - name: '--fds-spacing-18', + name: "--fds-spacing-18", attributes: {}, - path: ['spacing', '18'], + path: [ + "spacing", + "18" + ] }, { - value: '5.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "5.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*22', - type: 'spacing', + value: "{base_sizing}*22", + type: "spacing" }, - name: '--fds-spacing-22', + name: "--fds-spacing-22", attributes: {}, - path: ['spacing', '22'], + path: [ + "spacing", + "22" + ] }, { - value: '6.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "6.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*26', - type: 'spacing', + value: "{base_sizing}*26", + type: "spacing" }, - name: '--fds-spacing-26', + name: "--fds-spacing-26", attributes: {}, - path: ['spacing', '26'], + path: [ + "spacing", + "26" + ] }, { - value: '7.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "7.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*30', - type: 'spacing', + value: "{base_sizing}*30", + type: "spacing" }, - name: '--fds-spacing-30', + name: "--fds-spacing-30", attributes: {}, - path: ['spacing', '30'], - }, -]; + path: [ + "spacing", + "30" + ] + } +] -export const sizing = [ +export const sizing = [ { - value: '0rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*0', - type: 'sizing', + value: "{base_sizing}*0", + type: "sizing" }, - name: '--fds-sizing-0', + name: "--fds-sizing-0", attributes: {}, - path: ['sizing', '0'], + path: [ + "sizing", + "0" + ] }, { - value: '0.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*1', - type: 'sizing', + value: "{base_sizing}*1", + type: "sizing" }, - name: '--fds-sizing-1', + name: "--fds-sizing-1", attributes: {}, - path: ['sizing', '1'], + path: [ + "sizing", + "1" + ] }, { - value: '0.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*2', - type: 'sizing', + value: "{base_sizing}*2", + type: "sizing" }, - name: '--fds-sizing-2', + name: "--fds-sizing-2", attributes: {}, - path: ['sizing', '2'], + path: [ + "sizing", + "2" + ] }, { - value: '0.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*3', - type: 'sizing', + value: "{base_sizing}*3", + type: "sizing" }, - name: '--fds-sizing-3', + name: "--fds-sizing-3", attributes: {}, - path: ['sizing', '3'], + path: [ + "sizing", + "3" + ] }, { - value: '1rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*4', - type: 'sizing', + value: "{base_sizing}*4", + type: "sizing" }, - name: '--fds-sizing-4', + name: "--fds-sizing-4", attributes: {}, - path: ['sizing', '4'], + path: [ + "sizing", + "4" + ] }, { - value: '1.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*5', - type: 'sizing', + value: "{base_sizing}*5", + type: "sizing" }, - name: '--fds-sizing-5', + name: "--fds-sizing-5", attributes: {}, - path: ['sizing', '5'], + path: [ + "sizing", + "5" + ] }, { - value: '1.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*6', - type: 'sizing', + value: "{base_sizing}*6", + type: "sizing" }, - name: '--fds-sizing-6', + name: "--fds-sizing-6", attributes: {}, - path: ['sizing', '6'], + path: [ + "sizing", + "6" + ] }, { - value: '1.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*7', - type: 'sizing', + value: "{base_sizing}*7", + type: "sizing" }, - name: '--fds-sizing-7', + name: "--fds-sizing-7", attributes: {}, - path: ['sizing', '7'], + path: [ + "sizing", + "7" + ] }, { - value: '2rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*8', - type: 'sizing', + value: "{base_sizing}*8", + type: "sizing" }, - name: '--fds-sizing-8', + name: "--fds-sizing-8", attributes: {}, - path: ['sizing', '8'], + path: [ + "sizing", + "8" + ] }, { - value: '2.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*9', - type: 'sizing', + value: "{base_sizing}*9", + type: "sizing" }, - name: '--fds-sizing-9', + name: "--fds-sizing-9", attributes: {}, - path: ['sizing', '9'], + path: [ + "sizing", + "9" + ] }, { - value: '2.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*10', - type: 'sizing', + value: "{base_sizing}*10", + type: "sizing" }, - name: '--fds-sizing-10', + name: "--fds-sizing-10", attributes: {}, - path: ['sizing', '10'], + path: [ + "sizing", + "10" + ] }, { - value: '2.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*11', - type: 'sizing', + value: "{base_sizing}*11", + type: "sizing" }, - name: '--fds-sizing-11', + name: "--fds-sizing-11", attributes: {}, - path: ['sizing', '11'], + path: [ + "sizing", + "11" + ] }, { - value: '3rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*12', - type: 'sizing', + value: "{base_sizing}*12", + type: "sizing" }, - name: '--fds-sizing-12', + name: "--fds-sizing-12", attributes: {}, - path: ['sizing', '12'], + path: [ + "sizing", + "12" + ] }, { - value: '3.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*13', - type: 'sizing', + value: "{base_sizing}*13", + type: "sizing" }, - name: '--fds-sizing-13', + name: "--fds-sizing-13", attributes: {}, - path: ['sizing', '13'], + path: [ + "sizing", + "13" + ] }, { - value: '3.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*14', - type: 'sizing', + value: "{base_sizing}*14", + type: "sizing" }, - name: '--fds-sizing-14', + name: "--fds-sizing-14", attributes: {}, - path: ['sizing', '14'], + path: [ + "sizing", + "14" + ] }, { - value: '3.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*15', - type: 'sizing', + value: "{base_sizing}*15", + type: "sizing" }, - name: '--fds-sizing-15', + name: "--fds-sizing-15", attributes: {}, - path: ['sizing', '15'], + path: [ + "sizing", + "15" + ] }, { - value: '4.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*18', - type: 'sizing', + value: "{base_sizing}*18", + type: "sizing" }, - name: '--fds-sizing-18', + name: "--fds-sizing-18", attributes: {}, - path: ['sizing', '18'], + path: [ + "sizing", + "18" + ] }, { - value: '5.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "5.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*22', - type: 'sizing', + value: "{base_sizing}*22", + type: "sizing" }, - name: '--fds-sizing-22', + name: "--fds-sizing-22", attributes: {}, - path: ['sizing', '22'], + path: [ + "sizing", + "22" + ] }, { - value: '6.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "6.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*26', - type: 'sizing', + value: "{base_sizing}*26", + type: "sizing" }, - name: '--fds-sizing-26', + name: "--fds-sizing-26", attributes: {}, - path: ['sizing', '26'], + path: [ + "sizing", + "26" + ] }, { - value: '7.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "7.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*30', - type: 'sizing', + value: "{base_sizing}*30", + type: "sizing" }, - name: '--fds-sizing-30', + name: "--fds-sizing-30", attributes: {}, - path: ['sizing', '30'], - }, -]; + path: [ + "sizing", + "30" + ] + } +] -export const borderWidth = [ +export const borderWidth = [ { - value: '1px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_width.1}', - type: 'borderWidth', + value: "{border_width.1}", + type: "borderWidth" }, - name: '--fds-border_width-default', + name: "--fds-border_width-default", attributes: {}, - path: ['border_width', 'default'], + path: [ + "border_width", + "default" + ] }, { - value: '2px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_width.2}', - type: 'borderWidth', + value: "{border_width.2}", + type: "borderWidth" }, - name: '--fds-border_width-active', + name: "--fds-border_width-active", attributes: {}, - path: ['border_width', 'active'], + path: [ + "border_width", + "active" + ] }, { - value: '2px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '2px', - type: 'borderWidth', + value: "2px", + type: "borderWidth" }, - name: '--fds-border_width-tab_focus', + name: "--fds-border_width-tab_focus", attributes: {}, - path: ['border_width', 'tab_focus'], - }, -]; + path: [ + "border_width", + "tab_focus" + ] + } +] -export const boxShadow = [ +export const boxShadow = [ { - value: '0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.100}', - type: 'boxShadow', + value: "{shadow.100}", + type: "boxShadow" }, - name: '--fds-shadow-xsmall', + name: "--fds-shadow-xsmall", attributes: {}, - path: ['shadow', 'xsmall'], + path: [ + "shadow", + "xsmall" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.200}', - type: 'boxShadow', + value: "{shadow.200}", + type: "boxShadow" }, - name: '--fds-shadow-small', + name: "--fds-shadow-small", attributes: {}, - path: ['shadow', 'small'], + path: [ + "shadow", + "small" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.300}', - type: 'boxShadow', + value: "{shadow.300}", + type: "boxShadow" }, - name: '--fds-shadow-medium', + name: "--fds-shadow-medium", attributes: {}, - path: ['shadow', 'medium'], + path: [ + "shadow", + "medium" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.400}', - type: 'boxShadow', + value: "{shadow.400}", + type: "boxShadow" }, - name: '--fds-shadow-large', + name: "--fds-shadow-large", attributes: {}, - path: ['shadow', 'large'], + path: [ + "shadow", + "large" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.500}', - type: 'boxShadow', + value: "{shadow.500}", + type: "boxShadow" }, - name: '--fds-shadow-xlarge', + name: "--fds-shadow-xlarge", attributes: {}, - path: ['shadow', 'xlarge'], - }, -]; + path: [ + "shadow", + "xlarge" + ] + } +] diff --git a/apps/storefront/tokens/digdir.ts b/apps/storefront/tokens/digdir.ts index f61faab9af..eb1266845a 100644 --- a/apps/storefront/tokens/digdir.ts +++ b/apps/storefront/tokens/digdir.ts @@ -3,3691 +3,4859 @@ * These files are generated from design tokens defined in Figma using Token Studio */ -export const color = [ +export const color = [ { - 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', + 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', + value: "#feefef", + type: "color", + description: "AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue" }, - name: '--fds-brand-alt1-100', + name: "--fds-brand-alt1-100", attributes: {}, - path: ['brand', 'alt1', '100'], + path: [ + "brand", + "alt1", + "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', + 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', + 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-alt1-200', + name: "--fds-brand-alt1-200", attributes: {}, - path: ['brand', 'alt1', '200'], + path: [ + "brand", + "alt1", + "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', + 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', + value: "#fbbfc1", + type: "color", + description: "AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue" }, - name: '--fds-brand-alt1-300', + name: "--fds-brand-alt1-300", attributes: {}, - path: ['brand', 'alt1', '300'], + path: [ + "brand", + "alt1", + "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', + 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', + value: "#f89fa1", + type: "color", + description: "AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue" }, - name: '--fds-brand-alt1-400', + name: "--fds-brand-alt1-400", attributes: {}, - path: ['brand', 'alt1', '400'], + path: [ + "brand", + "alt1", + "400" + ] }, { - value: '#f67f82', - type: 'color', - description: 'AA 5.6 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#f67f82", + type: "color", + description: "AA 5.6 on grey 800" }, - name: '--fds-brand-alt1-500', + name: "--fds-brand-alt1-500", attributes: {}, - path: ['brand', 'alt1', '500'], + path: [ + "brand", + "alt1", + "500" + ] }, { - value: '#f45f63', - type: 'color', - description: 'AA 4.5 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#f45f63", + type: "color", + description: "AA 4.5 on grey 800" }, - name: '--fds-brand-alt1-600', + name: "--fds-brand-alt1-600", attributes: {}, - path: ['brand', 'alt1', '600'], + path: [ + "brand", + "alt1", + "600" + ] }, { - value: '#dc5659', - type: 'color', - description: 'AA18 3.7 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#dc5659", + type: "color", + description: "AA18 3.7 on grey 800" }, - name: '--fds-brand-alt1-700', + name: "--fds-brand-alt1-700", attributes: {}, - path: ['brand', 'alt1', '700'], + path: [ + "brand", + "alt1", + "700" + ] }, { - value: '#c34c4f', - type: 'color', - description: 'AA 4.7 on white', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#c34c4f", + type: "color", + description: "AA 4.7 on white" }, - name: '--fds-brand-alt1-800', + name: "--fds-brand-alt1-800", attributes: {}, - path: ['brand', 'alt1', '800'], + path: [ + "brand", + "alt1", + "800" + ] }, { - value: '#B83D41', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#B83D41", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '#B83D41', - type: 'color', + value: "#B83D41", + type: "color" }, - name: '--fds-brand-alt1-900', + name: "--fds-brand-alt1-900", attributes: {}, - path: ['brand', 'alt1', '900'], + path: [ + "brand", + "alt1", + "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', + 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', + value: "#fcf7e9", + type: "color", + description: "AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-100', + name: "--fds-brand-alt2-100", attributes: {}, - path: ['brand', 'alt2', '100'], + path: [ + "brand", + "alt2", + "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', + 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', + 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-alt2-200', + name: "--fds-brand-alt2-200", attributes: {}, - path: ['brand', 'alt2', '200'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#f5dda6", + type: "color", + description: "AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-300', + name: "--fds-brand-alt2-300", attributes: {}, - path: ['brand', 'alt2', '300'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#efcc79", + type: "color", + description: "AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-400', + name: "--fds-brand-alt2-400", attributes: {}, - path: ['brand', 'alt2', '400'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#eabb4d", + type: "color", + description: "AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-500', + name: "--fds-brand-alt2-500", attributes: {}, - path: ['brand', 'alt2', '500'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#e5aa20", + type: "color", + description: "AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue" }, - name: '--fds-brand-alt2-600', + name: "--fds-brand-alt2-600", attributes: {}, - path: ['brand', 'alt2', '600'], + path: [ + "brand", + "alt2", + "600" + ] }, { - value: '#ce991d', - type: 'color', - description: 'AA 5.5 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#ce991d", + type: "color", + description: "AA 5.5 on grey 800" }, - name: '--fds-brand-alt2-700', + name: "--fds-brand-alt2-700", attributes: {}, - path: ['brand', 'alt2', '700'], + path: [ + "brand", + "alt2", + "700" + ] }, { - value: '#b7881a', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#b7881a", + type: "color", + description: "AA18 4.4 on grey 800\nAA18 3.2 on white" }, - name: '--fds-brand-alt2-800', + name: "--fds-brand-alt2-800", attributes: {}, - path: ['brand', 'alt2', '800'], + path: [ + "brand", + "alt2", + "800" + ] }, { - value: '#A17717', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#A17717", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '#A17717', - type: 'color', + value: "#A17717", + type: "color" }, - name: '--fds-brand-alt2-900', + name: "--fds-brand-alt2-900", attributes: {}, - path: ['brand', 'alt2', '900'], + path: [ + "brand", + "alt2", + "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', + 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', + value: "#e9f5ff", + type: "color", + description: "AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue" }, - name: '--fds-brand-alt3-100', + name: "--fds-brand-alt3-100", attributes: {}, - path: ['brand', 'alt3', '100'], + path: [ + "brand", + "alt3", + "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', + 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', + 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-alt3-200', + name: "--fds-brand-alt3-200", attributes: {}, - path: ['brand', 'alt3', '200'], + path: [ + "brand", + "alt3", + "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', + 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', + value: "#a5d6fb", + type: "color", + description: "AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue" }, - name: '--fds-brand-alt3-300', + name: "--fds-brand-alt3-300", attributes: {}, - path: ['brand', 'alt3', '300'], + path: [ + "brand", + "alt3", + "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', + 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', + value: "#78c1f9", + type: "color", + description: "AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue" }, - name: '--fds-brand-alt3-400', + name: "--fds-brand-alt3-400", attributes: {}, - path: ['brand', 'alt3', '400'], + path: [ + "brand", + "alt3", + "400" + ] }, { - value: '#4badf7', - type: 'color', - description: 'AA 5.8 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#4badf7", + type: "color", + description: "AA 5.8 on grey 800" }, - name: '--fds-brand-alt3-500', + name: "--fds-brand-alt3-500", attributes: {}, - path: ['brand', 'alt3', '500'], + path: [ + "brand", + "alt3", + "500" + ] }, { - value: '#1e98f5', - type: 'color', - description: 'AA 4.6 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#1e98f5", + type: "color", + description: "AA 4.6 on grey 800" }, - name: '--fds-brand-alt3-600', + name: "--fds-brand-alt3-600", attributes: {}, - path: ['brand', 'alt3', '600'], + path: [ + "brand", + "alt3", + "600" + ] }, { - value: '#1b88dd', - type: 'color', - description: 'AA18 3.8 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#1b88dd", + type: "color", + description: "AA18 3.8 on grey 800" }, - name: '--fds-brand-alt3-700', + name: "--fds-brand-alt3-700", attributes: {}, - path: ['brand', 'alt3', '700'], + path: [ + "brand", + "alt3", + "700" + ] }, { - value: '#156aac', - type: 'color', - description: 'AA 5.6 on white', - filePath: '../../design-tokens/Brand/Digdir.json', + 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', + value: "#156aac", + type: "color", + description: "AA 5.6 on white" }, - name: '--fds-brand-alt3-800', + name: "--fds-brand-alt3-800", attributes: {}, - path: ['brand', 'alt3', '800'], + path: [ + "brand", + "alt3", + "800" + ] }, { - value: '#125A91', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#125A91", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '#125A91', - type: 'color', + value: "#125A91", + type: "color" }, - name: '--fds-brand-alt3-900', + name: "--fds-brand-alt3-900", attributes: {}, - path: ['brand', 'alt3', '900'], + path: [ + "brand", + "alt3", + "900" + ] }, { - value: '#fddfe0', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#fddfe0", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt1.200}', - type: 'color', + value: "{brand.alt1.200}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle', + name: "--fds-semantic-surface-first-subtle", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle'], + path: [ + "semantic", + "surface", + "first", + "subtle" + ] }, { - value: '#fbbfc1', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#fbbfc1", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt1.300}', - type: 'color', + value: "{brand.alt1.300}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle-hover', + name: "--fds-semantic-surface-first-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle-hover'], + path: [ + "semantic", + "surface", + "first", + "subtle-hover" + ] }, { - value: '#f89fa1', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#f89fa1", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt1.400}', - type: 'color', + value: "{brand.alt1.400}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle-active', + name: "--fds-semantic-surface-first-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle-active'], + path: [ + "semantic", + "surface", + "first", + "subtle-active" + ] }, { - value: '#c34c4f', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#c34c4f", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt1.800}', - type: 'color', + value: "{brand.alt1.800}", + type: "color" }, - name: '--fds-semantic-surface-first-strong', + name: "--fds-semantic-surface-first-strong", attributes: {}, - path: ['semantic', 'surface', 'first', 'strong'], + path: [ + "semantic", + "surface", + "first", + "strong" + ] }, { - value: '#faeec2', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#faeec2", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt2.200}', - type: 'color', + value: "{brand.alt2.200}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle', + name: "--fds-semantic-surface-second-subtle", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle'], + path: [ + "semantic", + "surface", + "second", + "subtle" + ] }, { - value: '#f5dda6', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#f5dda6", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt2.300}', - type: 'color', + value: "{brand.alt2.300}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle-hover', + name: "--fds-semantic-surface-second-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle-hover'], + path: [ + "semantic", + "surface", + "second", + "subtle-hover" + ] }, { - value: '#efcc79', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#efcc79", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt2.400}', - type: 'color', + value: "{brand.alt2.400}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle-active', + name: "--fds-semantic-surface-second-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle-active'], + path: [ + "semantic", + "surface", + "second", + "subtle-active" + ] }, { - value: '#A17717', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#A17717", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt2.900}', - type: 'color', + value: "{brand.alt2.900}", + type: "color" }, - name: '--fds-semantic-surface-second-strong', + name: "--fds-semantic-surface-second-strong", attributes: {}, - path: ['semantic', 'surface', 'second', 'strong'], + path: [ + "semantic", + "surface", + "second", + "strong" + ] }, { - value: '#d2eafd', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#d2eafd", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt3.200}', - type: 'color', + value: "{brand.alt3.200}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle', + name: "--fds-semantic-surface-third-subtle", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle'], + path: [ + "semantic", + "surface", + "third", + "subtle" + ] }, { - value: '#a5d6fb', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#a5d6fb", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt3.300}', - type: 'color', + value: "{brand.alt3.300}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle-hover', + name: "--fds-semantic-surface-third-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle-hover'], + path: [ + "semantic", + "surface", + "third", + "subtle-hover" + ] }, { - value: '#78c1f9', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#78c1f9", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt3.400}', - type: 'color', + value: "{brand.alt3.400}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle-active', + name: "--fds-semantic-surface-third-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle-active'], + path: [ + "semantic", + "surface", + "third", + "subtle-active" + ] }, { - value: '#156aac', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#156aac", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt3.800}', - type: 'color', + value: "{brand.alt3.800}", + type: "color" }, - name: '--fds-semantic-surface-third-strong', + name: "--fds-semantic-surface-third-strong", attributes: {}, - path: ['semantic', 'surface', 'third', 'strong'], + path: [ + "semantic", + "surface", + "third", + "strong" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-first-subtle', + name: "--fds-semantic-surface-action-first-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "first", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-first-subtle-hover', + name: "--fds-semantic-surface-action-first-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-first-default', + name: "--fds-semantic-surface-action-first-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'default'], + path: [ + "semantic", + "surface", + "action", + "first", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-surface-action-first-hover', + name: "--fds-semantic-surface-action-first-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + description: "Standard farge for handlinger", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', + value: "{colors.blue.900}", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-first-active', + name: "--fds-semantic-surface-action-first-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'active'], + path: [ + "semantic", + "surface", + "action", + "first", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill', + name: "--fds-semantic-surface-action-first-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill-hover', + name: "--fds-semantic-surface-action-first-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill-hover" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill-active', + name: "--fds-semantic-surface-action-first-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill-active" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-action-second-subtle', + name: "--fds-semantic-surface-action-second-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "second", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-action-second-subtle-hover', + name: "--fds-semantic-surface-action-second-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-surface-action-second-default', + name: "--fds-semantic-surface-action-second-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'default'], + path: [ + "semantic", + "surface", + "action", + "second", + "default" + ] }, { - value: 'rgba(0, 49, 93, 0.9)', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "rgba(0, 49, 93, 0.9)", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', + value: "rgba({colors.blue.900}, 0.9)", + type: "color" }, - name: '--fds-semantic-surface-action-second-hover', + name: "--fds-semantic-surface-action-second-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "hover" + ] }, { - value: 'rgba(0, 49, 93, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "rgba(0, 49, 93, 0.8)", + type: "color", + description: "Standard farge for handlinger", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', + value: "rgba({colors.blue.900}, 0.8)", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-second-active', + name: "--fds-semantic-surface-action-second-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'active'], + path: [ + "semantic", + "surface", + "action", + "second", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill', + name: "--fds-semantic-surface-action-second-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill" + ] }, { - value: 'rgba(0, 49, 93, 0.1)', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "rgba(0, 49, 93, 0.1)", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', + value: "rgba({colors.blue.900}, 0.1)", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill-hover', + name: "--fds-semantic-surface-action-second-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill-hover" + ] }, { - value: 'rgba(0, 49, 93, 0.2)', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "rgba(0, 49, 93, 0.2)", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', + value: "rgba({colors.blue.900}, 0.2)", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill-active', + name: "--fds-semantic-surface-action-second-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill-active" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-subtle', + name: "--fds-semantic-surface-action-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-subtle-hover', + name: "--fds-semantic-surface-action-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-default', + name: "--fds-semantic-surface-action-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'default'], + path: [ + "semantic", + "surface", + "action", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-surface-action-hover', + name: "--fds-semantic-surface-action-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'hover'], + path: [ + "semantic", + "surface", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + 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', + value: "{colors.blue.900}", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-active', + name: "--fds-semantic-surface-action-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'active'], + path: [ + "semantic", + "surface", + "action", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill', + name: "--fds-semantic-surface-action-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "no_fill" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill-hover', + name: "--fds-semantic-surface-action-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "no_fill-hover" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill-active', + name: "--fds-semantic-surface-action-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "no_fill-active" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-checked', + name: "--fds-semantic-surface-action-checked", attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], + path: [ + "semantic", + "surface", + "action", + "checked" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-neutral-default', + name: "--fds-semantic-surface-neutral-default", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'default'], + path: [ + "semantic", + "surface", + "neutral", + "default" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-neutral-selected', + name: "--fds-semantic-surface-neutral-selected", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'selected'], + path: [ + "semantic", + "surface", + "neutral", + "selected" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-neutral-subtle', + name: "--fds-semantic-surface-neutral-subtle", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle'], + path: [ + "semantic", + "surface", + "neutral", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-neutral-subtle-hover', + name: "--fds-semantic-surface-neutral-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle-hover'], + path: [ + "semantic", + "surface", + "neutral", + "subtle-hover" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-surface-neutral-strong', + name: "--fds-semantic-surface-neutral-strong", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'strong'], + path: [ + "semantic", + "surface", + "neutral", + "strong" + ] }, { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#4b5563", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.700}', - type: 'color', + value: "{colors.grey.700}", + type: "color" }, - name: '--fds-semantic-surface-neutral-strong-hover', + name: "--fds-semantic-surface-neutral-strong-hover", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'strong-hover'], + path: [ + "semantic", + "surface", + "neutral", + "strong-hover" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-surface-neutral-inverted', + name: "--fds-semantic-surface-neutral-inverted", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'inverted'], + path: [ + "semantic", + "surface", + "neutral", + "inverted" + ] }, { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d1f4e1", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.200}', - type: 'color', + value: "{colors.green.200}", + type: "color" }, - name: '--fds-semantic-surface-success-subtle', + name: "--fds-semantic-surface-success-subtle", attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle'], + path: [ + "semantic", + "surface", + "success", + "subtle" + ] }, { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#8be4b5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.300}', - type: 'color', + value: "{colors.green.300}", + type: "color" }, - name: '--fds-semantic-surface-success-subtle-hover', + name: "--fds-semantic-surface-success-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle-hover'], + path: [ + "semantic", + "surface", + "success", + "subtle-hover" + ] }, { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#118849", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.700}', - type: 'color', + value: "{colors.green.700}", + type: "color" }, - name: '--fds-semantic-surface-success-default', + name: "--fds-semantic-surface-success-default", attributes: {}, - path: ['semantic', 'surface', 'success', 'default'], + path: [ + "semantic", + "surface", + "success", + "default" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-surface-success-hover', + name: "--fds-semantic-surface-success-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'hover'], + path: [ + "semantic", + "surface", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-surface-success-active', + name: "--fds-semantic-surface-success-active", attributes: {}, - path: ['semantic', 'surface', 'success', 'active'], + path: [ + "semantic", + "surface", + "success", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill', + name: "--fds-semantic-surface-success-no_fill", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill'], + path: [ + "semantic", + "surface", + "success", + "no_fill" + ] }, { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d1f4e1", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.200}', - type: 'color', + value: "{colors.green.200}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill-hover', + name: "--fds-semantic-surface-success-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "success", + "no_fill-hover" + ] }, { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#8be4b5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.300}', - type: 'color', + value: "{colors.green.300}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill-active', + name: "--fds-semantic-surface-success-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-active'], + path: [ + "semantic", + "surface", + "success", + "no_fill-active" + ] }, { - value: '#fffbe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fffbe6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.100}', - type: 'color', + value: "{colors.yellow.100}", + type: "color" }, - name: '--fds-semantic-surface-warning-subtle', + name: "--fds-semantic-surface-warning-subtle", attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle'], + path: [ + "semantic", + "surface", + "warning", + "subtle" + ] }, { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fff4b4", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.200}', - type: 'color', + value: "{colors.yellow.200}", + type: "color" }, - name: '--fds-semantic-surface-warning-subtle-hover', + name: "--fds-semantic-surface-warning-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle-hover'], + path: [ + "semantic", + "surface", + "warning", + "subtle-hover" + ] }, { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fff4b4", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.200}', - type: 'color', + value: "{colors.yellow.200}", + type: "color" }, - name: '--fds-semantic-surface-warning-default', + name: "--fds-semantic-surface-warning-default", attributes: {}, - path: ['semantic', 'surface', 'warning', 'default'], + path: [ + "semantic", + "surface", + "warning", + "default" + ] }, { - value: '#ffed83', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffed83", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.300}', - type: 'color', + value: "{colors.yellow.300}", + type: "color" }, - name: '--fds-semantic-surface-warning-default-hover', + name: "--fds-semantic-surface-warning-default-hover", attributes: {}, - path: ['semantic', 'surface', 'warning', 'default-hover'], + path: [ + "semantic", + "surface", + "warning", + "default-hover" + ] }, { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f9d5db", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.100}', - type: 'color', + value: "{colors.red.100}", + type: "color" }, - name: '--fds-semantic-surface-danger-subtle', + name: "--fds-semantic-surface-danger-subtle", attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle'], + path: [ + "semantic", + "surface", + "danger", + "subtle" + ] }, { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f3abb6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.200}', - type: 'color', + value: "{colors.red.200}", + type: "color" }, - name: '--fds-semantic-surface-danger-subtle-hover', + name: "--fds-semantic-surface-danger-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle-hover'], + path: [ + "semantic", + "surface", + "danger", + "subtle-hover" + ] }, { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e02e49", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.500}', - type: 'color', + value: "{colors.red.500}", + type: "color" }, - name: '--fds-semantic-surface-danger-default', + name: "--fds-semantic-surface-danger-default", attributes: {}, - path: ['semantic', 'surface', 'danger', 'default'], + path: [ + "semantic", + "surface", + "danger", + "default" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-surface-danger-hover', + name: "--fds-semantic-surface-danger-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'hover'], + path: [ + "semantic", + "surface", + "danger", + "hover" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-surface-danger-active', + name: "--fds-semantic-surface-danger-active", attributes: {}, - path: ['semantic', 'surface', 'danger', 'active'], + path: [ + "semantic", + "surface", + "danger", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill', + name: "--fds-semantic-surface-danger-no_fill", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill'], + path: [ + "semantic", + "surface", + "danger", + "no_fill" + ] }, { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f9d5db", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.100}', - type: 'color', + value: "{colors.red.100}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill-hover', + name: "--fds-semantic-surface-danger-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "danger", + "no_fill-hover" + ] }, { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f3abb6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.200}', - type: 'color', + value: "{colors.red.200}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill-active', + name: "--fds-semantic-surface-danger-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-active'], + path: [ + "semantic", + "surface", + "danger", + "no_fill-active" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-info-subtle', + name: "--fds-semantic-surface-info-subtle", attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle'], + path: [ + "semantic", + "surface", + "info", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-info-subtle-hover', + name: "--fds-semantic-surface-info-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle-hover'], + path: [ + "semantic", + "surface", + "info", + "subtle-hover" + ] }, { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffda06", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.500}', - type: 'color', + value: "{colors.yellow.500}", + type: "color" }, - name: '--fds-semantic-surface-focus-default', + name: "--fds-semantic-surface-focus-default", attributes: {}, - path: ['semantic', 'surface', 'focus', 'default'], + path: [ + "semantic", + "surface", + "focus", + "default" + ] }, { - value: '#f45f63', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#f45f63", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt1.600}', - type: 'color', + value: "{brand.alt1.600}", + type: "color" }, - name: '--fds-semantic-border-first-default', + name: "--fds-semantic-border-first-default", attributes: {}, - path: ['semantic', 'border', 'first', 'default'], + path: [ + "semantic", + "border", + "first", + "default" + ] }, { - value: '#dc5659', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#dc5659", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt1.700}', - type: 'color', + value: "{brand.alt1.700}", + type: "color" }, - name: '--fds-semantic-border-first-hover', + name: "--fds-semantic-border-first-hover", attributes: {}, - path: ['semantic', 'border', 'first', 'hover'], + path: [ + "semantic", + "border", + "first", + "hover" + ] }, { - value: '#c34c4f', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#c34c4f", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt1.800}', - type: 'color', + value: "{brand.alt1.800}", + type: "color" }, - name: '--fds-semantic-border-first-active', + name: "--fds-semantic-border-first-active", attributes: {}, - path: ['semantic', 'border', 'first', 'active'], + path: [ + "semantic", + "border", + "first", + "active" + ] }, { - value: '#e5aa20', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#e5aa20", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt2.600}', - type: 'color', + value: "{brand.alt2.600}", + type: "color" }, - name: '--fds-semantic-border-second-default', + name: "--fds-semantic-border-second-default", attributes: {}, - path: ['semantic', 'border', 'second', 'default'], + path: [ + "semantic", + "border", + "second", + "default" + ] }, { - value: '#ce991d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#ce991d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt2.700}', - type: 'color', + value: "{brand.alt2.700}", + type: "color" }, - name: '--fds-semantic-border-second-hover', + name: "--fds-semantic-border-second-hover", attributes: {}, - path: ['semantic', 'border', 'second', 'hover'], + path: [ + "semantic", + "border", + "second", + "hover" + ] }, { - value: '#b7881a', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#b7881a", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt2.800}', - type: 'color', + value: "{brand.alt2.800}", + type: "color" }, - name: '--fds-semantic-border-second-active', + name: "--fds-semantic-border-second-active", attributes: {}, - path: ['semantic', 'border', 'second', 'active'], + path: [ + "semantic", + "border", + "second", + "active" + ] }, { - value: '#1e98f5', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#1e98f5", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt3.600}', - type: 'color', + value: "{brand.alt3.600}", + type: "color" }, - name: '--fds-semantic-border-third-default', + name: "--fds-semantic-border-third-default", attributes: {}, - path: ['semantic', 'border', 'third', 'default'], + path: [ + "semantic", + "border", + "third", + "default" + ] }, { - value: '#1b88dd', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#1b88dd", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt3.700}', - type: 'color', + value: "{brand.alt3.700}", + type: "color" }, - name: '--fds-semantic-border-third-hover', + name: "--fds-semantic-border-third-hover", attributes: {}, - path: ['semantic', 'border', 'third', 'hover'], + path: [ + "semantic", + "border", + "third", + "hover" + ] }, { - value: '#156aac', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#156aac", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{brand.alt3.800}', - type: 'color', + value: "{brand.alt3.800}", + type: "color" }, - name: '--fds-semantic-border-third-active', + name: "--fds-semantic-border-third-active", attributes: {}, - path: ['semantic', 'border', 'third', 'active'], + path: [ + "semantic", + "border", + "third", + "active" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-border-action-first-subtle', + name: "--fds-semantic-border-action-first-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'subtle'], + path: [ + "semantic", + "border", + "action", + "first", + "subtle" + ] }, { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#66a1d6", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.400}', - type: 'color', + value: "{colors.blue.400}", + type: "color" }, - name: '--fds-semantic-border-action-first-subtle-hover', + name: "--fds-semantic-border-action-first-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "first", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-first-default', + name: "--fds-semantic-border-action-first-default", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'default'], + path: [ + "semantic", + "border", + "action", + "first", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-border-action-first-hover', + name: "--fds-semantic-border-action-first-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'hover'], + path: [ + "semantic", + "border", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-first-active', + name: "--fds-semantic-border-action-first-active", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'active'], + path: [ + "semantic", + "border", + "action", + "first", + "active" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-border-action-second-subtle', + name: "--fds-semantic-border-action-second-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'subtle'], + path: [ + "semantic", + "border", + "action", + "second", + "subtle" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-action-second-subtle-hover', + name: "--fds-semantic-border-action-second-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "second", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-default', + name: "--fds-semantic-border-action-second-default", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'default'], + path: [ + "semantic", + "border", + "action", + "second", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-hover', + name: "--fds-semantic-border-action-second-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'hover'], + path: [ + "semantic", + "border", + "action", + "second", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-active', + name: "--fds-semantic-border-action-second-active", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'active'], + path: [ + "semantic", + "border", + "action", + "second", + "active" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-border-action-subtle', + name: "--fds-semantic-border-action-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'subtle'], + path: [ + "semantic", + "border", + "action", + "subtle" + ] }, { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#66a1d6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.400}', - type: 'color', + value: "{colors.blue.400}", + type: "color" }, - name: '--fds-semantic-border-action-subtle-hover', + name: "--fds-semantic-border-action-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-default', + name: "--fds-semantic-border-action-default", attributes: {}, - path: ['semantic', 'border', 'action', 'default'], + path: [ + "semantic", + "border", + "action", + "default" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-hover', + name: "--fds-semantic-border-action-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], + path: [ + "semantic", + "border", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-active', + name: "--fds-semantic-border-action-active", attributes: {}, - path: ['semantic', 'border', 'action', 'active'], + path: [ + "semantic", + "border", + "action", + "active" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-strong', + name: "--fds-semantic-border-action-strong", attributes: {}, - path: ['semantic', 'border', 'action', 'strong'], + path: [ + "semantic", + "border", + "action", + "strong" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-strong-hover', + name: "--fds-semantic-border-action-strong-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'strong-hover'], + path: [ + "semantic", + "border", + "action", + "strong-hover" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-border-info-default', + name: "--fds-semantic-border-info-default", attributes: {}, - path: ['semantic', 'border', 'info', 'default'], + path: [ + "semantic", + "border", + "info", + "default" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-border-neutral-default', + name: "--fds-semantic-border-neutral-default", attributes: {}, - path: ['semantic', 'border', 'neutral', 'default'], + path: [ + "semantic", + "border", + "neutral", + "default" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-neutral-subtle', + name: "--fds-semantic-border-neutral-subtle", attributes: {}, - path: ['semantic', 'border', 'neutral', 'subtle'], + path: [ + "semantic", + "border", + "neutral", + "subtle" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-border-neutral-strong', + name: "--fds-semantic-border-neutral-strong", attributes: {}, - path: ['semantic', 'border', 'neutral', 'strong'], + path: [ + "semantic", + "border", + "neutral", + "strong" + ] }, { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#118849", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.700}', - type: 'color', + value: "{colors.green.700}", + type: "color" }, - name: '--fds-semantic-border-success-default', + name: "--fds-semantic-border-success-default", attributes: {}, - path: ['semantic', 'border', 'success', 'default'], + path: [ + "semantic", + "border", + "success", + "default" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-border-success-hover', + name: "--fds-semantic-border-success-hover", attributes: {}, - path: ['semantic', 'border', 'success', 'hover'], + path: [ + "semantic", + "border", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-border-success-active', + name: "--fds-semantic-border-success-active", attributes: {}, - path: ['semantic', 'border', 'success', 'active'], + path: [ + "semantic", + "border", + "success", + "active" + ] }, { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#cc7005", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.600}', - type: 'color', + value: "{colors.orange.600}", + type: "color" }, - name: '--fds-semantic-border-warning-default', + name: "--fds-semantic-border-warning-default", attributes: {}, - path: ['semantic', 'border', 'warning', 'default'], + path: [ + "semantic", + "border", + "warning", + "default" + ] }, { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#995404", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.700}', - type: 'color', + value: "{colors.orange.700}", + type: "color" }, - name: '--fds-semantic-border-warning-hover', + name: "--fds-semantic-border-warning-hover", attributes: {}, - path: ['semantic', 'border', 'warning', 'hover'], + path: [ + "semantic", + "border", + "warning", + "hover" + ] }, { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#663802", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.800}', - type: 'color', + value: "{colors.orange.800}", + type: "color" }, - name: '--fds-semantic-border-warning-active', + name: "--fds-semantic-border-warning-active", attributes: {}, - path: ['semantic', 'border', 'warning', 'active'], + path: [ + "semantic", + "border", + "warning", + "active" + ] }, { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e02e49", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.500}', - type: 'color', + value: "{colors.red.500}", + type: "color" }, - name: '--fds-semantic-border-danger-default', + name: "--fds-semantic-border-danger-default", attributes: {}, - path: ['semantic', 'border', 'danger', 'default'], + path: [ + "semantic", + "border", + "danger", + "default" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-border-danger-hover', + name: "--fds-semantic-border-danger-hover", attributes: {}, - path: ['semantic', 'border', 'danger', 'hover'], + path: [ + "semantic", + "border", + "danger", + "hover" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-border-danger-active', + name: "--fds-semantic-border-danger-active", attributes: {}, - path: ['semantic', 'border', 'danger', 'active'], + path: [ + "semantic", + "border", + "danger", + "active" + ] }, { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffda06", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.500}', - type: 'color', + value: "{colors.yellow.500}", + type: "color" }, - name: '--fds-semantic-border-focus-outline', + name: "--fds-semantic-border-focus-outline", attributes: {}, - path: ['semantic', 'border', 'focus', 'outline'], + path: [ + "semantic", + "border", + "focus", + "outline" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{semantic.border.neutral.strong}', - type: 'color', + value: "{semantic.border.neutral.strong}", + type: "color" }, - name: '--fds-semantic-border-focus-boxshadow', + name: "--fds-semantic-border-focus-boxshadow", attributes: {}, - path: ['semantic', 'border', 'focus', 'boxshadow'], + path: [ + "semantic", + "border", + "focus", + "boxshadow" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-input-default', + name: "--fds-semantic-border-input-default", attributes: {}, - path: ['semantic', 'border', 'input', 'default'], + path: [ + "semantic", + "border", + "input", + "default" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-input-hover', + name: "--fds-semantic-border-input-hover", attributes: {}, - path: ['semantic', 'border', 'input', 'hover'], + path: [ + "semantic", + "border", + "input", + "hover" + ] }, { - value: '#bcbfc5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#bcbfc5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.400}', - type: 'color', + value: "{colors.grey.400}", + type: "color" }, - name: '--fds-semantic-border-divider-default', + name: "--fds-semantic-border-divider-default", attributes: {}, - path: ['semantic', 'border', 'divider', 'default'], + path: [ + "semantic", + "border", + "divider", + "default" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-divider-subtle', + name: "--fds-semantic-border-divider-subtle", attributes: {}, - path: ['semantic', 'border', 'divider', 'subtle'], + path: [ + "semantic", + "border", + "divider", + "subtle" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-border-divider-strong', + name: "--fds-semantic-border-divider-strong", attributes: {}, - path: ['semantic', 'border', 'divider', 'strong'], + path: [ + "semantic", + "border", + "divider", + "strong" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-text-action-first-default', + name: "--fds-semantic-text-action-first-default", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'default'], + path: [ + "semantic", + "text", + "action", + "first", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '#004e95', - type: 'color', + value: "#004e95", + type: "color" }, - name: '--fds-semantic-text-action-first-hover', + name: "--fds-semantic-text-action-first-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'hover'], + path: [ + "semantic", + "text", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '#00315d', - type: 'color', + value: "#00315d", + type: "color" }, - name: '--fds-semantic-text-action-first-active', + name: "--fds-semantic-text-action-first-active", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'active'], + path: [ + "semantic", + "text", + "action", + "first", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-first-on_action', + name: "--fds-semantic-text-action-first-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'on_action'], + path: [ + "semantic", + "text", + "action", + "first", + "on_action" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-default', + name: "--fds-semantic-text-action-second-default", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'default'], + path: [ + "semantic", + "text", + "action", + "second", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-hover', + name: "--fds-semantic-text-action-second-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'hover'], + path: [ + "semantic", + "text", + "action", + "second", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-active', + name: "--fds-semantic-text-action-second-active", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'active'], + path: [ + "semantic", + "text", + "action", + "second", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Digdir.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-second-on_action', + name: "--fds-semantic-text-action-second-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'on_action'], + path: [ + "semantic", + "text", + "action", + "second", + "on_action" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-text-action-default', + name: "--fds-semantic-text-action-default", attributes: {}, - path: ['semantic', 'text', 'action', 'default'], + path: [ + "semantic", + "text", + "action", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-text-action-hover', + name: "--fds-semantic-text-action-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'hover'], + path: [ + "semantic", + "text", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-active', + name: "--fds-semantic-text-action-active", attributes: {}, - path: ['semantic', 'text', 'action', 'active'], + path: [ + "semantic", + "text", + "action", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-on_action', + name: "--fds-semantic-text-action-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'on_action'], + path: [ + "semantic", + "text", + "action", + "on_action" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-text-success-default', + name: "--fds-semantic-text-success-default", attributes: {}, - path: ['semantic', 'text', 'success', 'default'], + path: [ + "semantic", + "text", + "success", + "default" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-text-success-hover', + name: "--fds-semantic-text-success-hover", attributes: {}, - path: ['semantic', 'text', 'success', 'hover'], + path: [ + "semantic", + "text", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-text-success-active', + name: "--fds-semantic-text-success-active", attributes: {}, - path: ['semantic', 'text', 'success', 'active'], + path: [ + "semantic", + "text", + "success", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-success-on_success', + name: "--fds-semantic-text-success-on_success", attributes: {}, - path: ['semantic', 'text', 'success', 'on_success'], + path: [ + "semantic", + "text", + "success", + "on_success" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-success-on_success_subtle', + name: "--fds-semantic-text-success-on_success_subtle", attributes: {}, - path: ['semantic', 'text', 'success', 'on_success_subtle'], + path: [ + "semantic", + "text", + "success", + "on_success_subtle" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-neutral-default', + name: "--fds-semantic-text-neutral-default", attributes: {}, - path: ['semantic', 'text', 'neutral', 'default'], + path: [ + "semantic", + "text", + "neutral", + "default" + ] }, { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#4b5563", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.700}', - type: 'color', + value: "{colors.grey.700}", + type: "color" }, - name: '--fds-semantic-text-neutral-subtle', + name: "--fds-semantic-text-neutral-subtle", attributes: {}, - path: ['semantic', 'text', 'neutral', 'subtle'], + path: [ + "semantic", + "text", + "neutral", + "subtle" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-neutral-on_inverted', + name: "--fds-semantic-text-neutral-on_inverted", attributes: {}, - path: ['semantic', 'text', 'neutral', 'on_inverted'], + path: [ + "semantic", + "text", + "neutral", + "on_inverted" + ] }, { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#995404", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.700}', - type: 'color', + value: "{colors.orange.700}", + type: "color" }, - name: '--fds-semantic-text-warning-default', + name: "--fds-semantic-text-warning-default", attributes: {}, - path: ['semantic', 'text', 'warning', 'default'], + path: [ + "semantic", + "text", + "warning", + "default" + ] }, { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#cc7005", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.600}', - type: 'color', + value: "{colors.orange.600}", + type: "color" }, - name: '--fds-semantic-text-warning-icon_warning', + name: "--fds-semantic-text-warning-icon_warning", attributes: {}, - path: ['semantic', 'text', 'warning', 'icon_warning'], + path: [ + "semantic", + "text", + "warning", + "icon_warning" + ] }, { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#663802", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.800}', - type: 'color', + value: "{colors.orange.800}", + type: "color" }, - name: '--fds-semantic-text-warning-on_warning', + name: "--fds-semantic-text-warning-on_warning", attributes: {}, - path: ['semantic', 'text', 'warning', 'on_warning'], + path: [ + "semantic", + "text", + "warning", + "on_warning" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-text-danger-default', + name: "--fds-semantic-text-danger-default", attributes: {}, - path: ['semantic', 'text', 'danger', 'default'], + path: [ + "semantic", + "text", + "danger", + "default" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-text-danger-hover', + name: "--fds-semantic-text-danger-hover", attributes: {}, - path: ['semantic', 'text', 'danger', 'hover'], + path: [ + "semantic", + "text", + "danger", + "hover" + ] }, { - value: '#5a121d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#5a121d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.800}', - type: 'color', + value: "{colors.red.800}", + type: "color" }, - name: '--fds-semantic-text-danger-active', + name: "--fds-semantic-text-danger-active", attributes: {}, - path: ['semantic', 'text', 'danger', 'active'], + path: [ + "semantic", + "text", + "danger", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-danger-on_danger', + name: "--fds-semantic-text-danger-on_danger", attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger'], + path: [ + "semantic", + "text", + "danger", + "on_danger" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-danger-on_danger_subtle', + name: "--fds-semantic-text-danger-on_danger_subtle", attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger_subtle'], + path: [ + "semantic", + "text", + "danger", + "on_danger_subtle" + ] }, { - value: '#7a1265', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#7a1265", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.purple.700}', - type: 'color', + value: "{colors.purple.700}", + type: "color" }, - name: '--fds-semantic-text-visited-default', + name: "--fds-semantic-text-visited-default", attributes: {}, - path: ['semantic', 'text', 'visited', 'default'], + path: [ + "semantic", + "text", + "visited", + "default" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-background-default', + name: "--fds-semantic-background-default", attributes: {}, - path: ['semantic', 'background', 'default'], + path: [ + "semantic", + "background", + "default" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-background-subtle', + name: "--fds-semantic-background-subtle", attributes: {}, - path: ['semantic', 'background', 'subtle'], - }, -]; + path: [ + "semantic", + "background", + "subtle" + ] + } +] -export const typography = [ +export const typography = [ { value: "500 3.75rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f7}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f7}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-heading-2xlarge', + name: "--fds-typography-heading-2xlarge", attributes: {}, - path: ['typography', 'heading', '2xlarge'], + path: [ + "typography", + "heading", + "2xlarge" + ] }, { value: "500 3rem/1.3 'Inter'", - type: 'typography', - description: 'H1', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f6}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f6}" }, - type: 'typography', - description: 'H1', + type: "typography", + description: "H1" }, - name: '--fds-typography-heading-xlarge', + name: "--fds-typography-heading-xlarge", attributes: {}, - path: ['typography', 'heading', 'xlarge'], + path: [ + "typography", + "heading", + "xlarge" + ] }, { value: "500 2.25rem/1.3 'Inter'", - type: 'typography', - description: 'H2', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f5}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f5}" }, - type: 'typography', - description: 'H2', + type: "typography", + description: "H2" }, - name: '--fds-typography-heading-large', + name: "--fds-typography-heading-large", attributes: {}, - path: ['typography', 'heading', 'large'], + path: [ + "typography", + "heading", + "large" + ] }, { value: "500 1.875rem/1.3 'Inter'", - type: 'typography', - description: 'H3', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f4}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f4}" }, - type: 'typography', - description: 'H3', + type: "typography", + description: "H3" }, - name: '--fds-typography-heading-medium', + name: "--fds-typography-heading-medium", attributes: {}, - path: ['typography', 'heading', 'medium'], + path: [ + "typography", + "heading", + "medium" + ] }, { value: "500 1.5rem/1.3 'Inter'", - type: 'typography', - description: 'H4', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f3}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f3}" }, - type: 'typography', - description: 'H4', + type: "typography", + description: "H4" }, - name: '--fds-typography-heading-small', + name: "--fds-typography-heading-small", attributes: {}, - path: ['typography', 'heading', 'small'], + path: [ + "typography", + "heading", + "small" + ] }, { value: "500 1.3125rem/1.3 'Inter'", - type: 'typography', - description: 'H5', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', - description: 'H5', + type: "typography", + description: "H5" }, - name: '--fds-typography-heading-xsmall', + name: "--fds-typography-heading-xsmall", attributes: {}, - path: ['typography', 'heading', 'xsmall'], + path: [ + "typography", + "heading", + "xsmall" + ] }, { value: "500 1.125rem/1.3 'Inter'", - type: 'typography', - description: 'H6', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', - description: 'H6', + type: "typography", + description: "H6" }, - name: '--fds-typography-heading-xxsmall', + name: "--fds-typography-heading-xxsmall", attributes: {}, - path: ['typography', 'heading', 'xxsmall'], + path: [ + "typography", + "heading", + "xxsmall" + ] }, { value: "400 1.875rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f4}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f4}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-large', + name: "--fds-typography-ingress-large", attributes: {}, - path: ['typography', 'ingress', 'large'], + path: [ + "typography", + "ingress", + "large" + ] }, { value: "400 1.5rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f3}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f3}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-medium', + name: "--fds-typography-ingress-medium", attributes: {}, - path: ['typography', 'ingress', 'medium'], + path: [ + "typography", + "ingress", + "medium" + ] }, { value: "400 1.3125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-small', + name: "--fds-typography-ingress-small", attributes: {}, - path: ['typography', 'ingress', 'small'], + path: [ + "typography", + "ingress", + "small" + ] }, { value: "400 1.125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-xsmall', + name: "--fds-typography-ingress-xsmall", attributes: {}, - path: ['typography', 'ingress', 'xsmall'], + path: [ + "typography", + "ingress", + "xsmall" + ] }, { value: "400 1.3125rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-large', + name: "--fds-typography-paragraph-large", attributes: {}, - path: ['typography', 'paragraph', 'large'], + path: [ + "typography", + "paragraph", + "large" + ] }, { value: "400 1.125rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-medium', + name: "--fds-typography-paragraph-medium", attributes: {}, - path: ['typography', 'paragraph', 'medium'], + path: [ + "typography", + "paragraph", + "medium" + ] }, { value: "400 1rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-small', + name: "--fds-typography-paragraph-small", attributes: {}, - path: ['typography', 'paragraph', 'small'], + path: [ + "typography", + "paragraph", + "small" + ] }, { value: "400 0.875rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-xsmall', + name: "--fds-typography-paragraph-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'xsmall'], + path: [ + "typography", + "paragraph", + "xsmall" + ] }, { value: "400 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-large', + name: "--fds-typography-paragraph-short-large", attributes: {}, - path: ['typography', 'paragraph', 'short', 'large'], + path: [ + "typography", + "paragraph", + "short", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-medium', + name: "--fds-typography-paragraph-short-medium", attributes: {}, - path: ['typography', 'paragraph', 'short', 'medium'], + path: [ + "typography", + "paragraph", + "short", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-small', + name: "--fds-typography-paragraph-short-small", attributes: {}, - path: ['typography', 'paragraph', 'short', 'small'], + path: [ + "typography", + "paragraph", + "short", + "small" + ] }, { value: "400 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-xsmall', + name: "--fds-typography-paragraph-short-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'short', 'xsmall'], + path: [ + "typography", + "paragraph", + "short", + "xsmall" + ] }, { value: "400 1.125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-large', + name: "--fds-typography-paragraph-long-large", attributes: {}, - path: ['typography', 'paragraph', 'long', 'large'], + path: [ + "typography", + "paragraph", + "long", + "large" + ] }, { value: "400 1rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f0}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-medium', + name: "--fds-typography-paragraph-long-medium", attributes: {}, - path: ['typography', 'paragraph', 'long', 'medium'], + path: [ + "typography", + "paragraph", + "long", + "medium" + ] }, { value: "400 0.875rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f-1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-small', + name: "--fds-typography-paragraph-long-small", attributes: {}, - path: ['typography', 'paragraph', 'long', 'small'], + path: [ + "typography", + "paragraph", + "long", + "small" + ] }, { value: "400 0.8125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f-2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f-2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-xsmall', + name: "--fds-typography-paragraph-long-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'long', 'xsmall'], + path: [ + "typography", + "paragraph", + "long", + "xsmall" + ] }, { value: "500 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-large', + name: "--fds-typography-label-large", attributes: {}, - path: ['typography', 'label', 'large'], + path: [ + "typography", + "label", + "large" + ] }, { value: "500 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-medium', + name: "--fds-typography-label-medium", attributes: {}, - path: ['typography', 'label', 'medium'], + path: [ + "typography", + "label", + "medium" + ] }, { value: "500 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-small', + name: "--fds-typography-label-small", attributes: {}, - path: ['typography', 'label', 'small'], + path: [ + "typography", + "label", + "small" + ] }, { value: "500 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-xsmall', + name: "--fds-typography-label-xsmall", attributes: {}, - path: ['typography', 'label', 'xsmall'], + path: [ + "typography", + "label", + "xsmall" + ] }, { value: "400 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-large', + name: "--fds-typography-error_message-large", attributes: {}, - path: ['typography', 'error_message', 'large'], + path: [ + "typography", + "error_message", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-medium', + name: "--fds-typography-error_message-medium", attributes: {}, - path: ['typography', 'error_message', 'medium'], + path: [ + "typography", + "error_message", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-small', + name: "--fds-typography-error_message-small", attributes: {}, - path: ['typography', 'error_message', 'small'], + path: [ + "typography", + "error_message", + "small" + ] }, { value: "400 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-xsmall', + name: "--fds-typography-error_message-xsmall", attributes: {}, - path: ['typography', 'error_message', 'xsmall'], + path: [ + "typography", + "error_message", + "xsmall" + ] }, { value: "400 1.5rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.large}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-large', + name: "--fds-typography-interactive-large", attributes: {}, - path: ['typography', 'interactive', 'large'], + path: [ + "typography", + "interactive", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.medium}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-medium', + name: "--fds-typography-interactive-medium", attributes: {}, - path: ['typography', 'interactive', 'medium'], + path: [ + "typography", + "interactive", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.small}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-small', + name: "--fds-typography-interactive-small", attributes: {}, - path: ['typography', 'interactive', 'small'], - }, -]; + path: [ + "typography", + "interactive", + "small" + ] + } +] -export const opacity = [ +export const opacity = [ { - value: '30%', - type: 'opacity', - filePath: '../../design-tokens/Base/Semantic.json', + value: "30%", + type: "opacity", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '30%', - type: 'opacity', + value: "30%", + type: "opacity" }, - name: '--fds-opacity-disabled', + name: "--fds-opacity-disabled", attributes: {}, - path: ['opacity', 'disabled'], - }, -]; + path: [ + "opacity", + "disabled" + ] + } +] -export const borderRadius = [ +export const borderRadius = [ { - value: '4px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_radius.medium}', - type: 'borderRadius', + value: "{border_radius.medium}", + type: "borderRadius" }, - name: '--fds-border_radius-interactive', + name: "--fds-border_radius-interactive", attributes: {}, - path: ['border_radius', 'interactive'], + path: [ + "border_radius", + "interactive" + ] }, { - value: '2px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '2px', - type: 'borderRadius', + value: "2px", + type: "borderRadius" }, - name: '--fds-border_radius-small', + name: "--fds-border_radius-small", attributes: {}, - path: ['border_radius', 'small'], + path: [ + "border_radius", + "small" + ] }, { - value: '4px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '4px', - type: 'borderRadius', + value: "4px", + type: "borderRadius" }, - name: '--fds-border_radius-medium', + name: "--fds-border_radius-medium", attributes: {}, - path: ['border_radius', 'medium'], + path: [ + "border_radius", + "medium" + ] }, { - value: '8px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "8px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '8px', - type: 'borderRadius', + value: "8px", + type: "borderRadius" }, - name: '--fds-border_radius-large', + name: "--fds-border_radius-large", attributes: {}, - path: ['border_radius', 'large'], + path: [ + "border_radius", + "large" + ] }, { - value: '12px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "12px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '12px', - type: 'borderRadius', + value: "12px", + type: "borderRadius" }, - name: '--fds-border_radius-xlarge', + name: "--fds-border_radius-xlarge", attributes: {}, - path: ['border_radius', 'xlarge'], + path: [ + "border_radius", + "xlarge" + ] }, { - value: '16px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "16px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '16px', - type: 'borderRadius', + value: "16px", + type: "borderRadius" }, - name: '--fds-border_radius-xxlarge', + name: "--fds-border_radius-xxlarge", attributes: {}, - path: ['border_radius', 'xxlarge'], + path: [ + "border_radius", + "xxlarge" + ] }, { - value: '24px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "24px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '24px', - type: 'borderRadius', + value: "24px", + type: "borderRadius" }, - name: '--fds-border_radius-xxxlarge', + name: "--fds-border_radius-xxxlarge", attributes: {}, - path: ['border_radius', 'xxxlarge'], + path: [ + "border_radius", + "xxxlarge" + ] }, { - value: '32px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "32px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '32px', - type: 'borderRadius', + value: "32px", + type: "borderRadius" }, - name: '--fds-border_radius-xxxxlarge', + name: "--fds-border_radius-xxxxlarge", attributes: {}, - path: ['border_radius', 'xxxxlarge'], + path: [ + "border_radius", + "xxxxlarge" + ] }, { - value: '9999px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "9999px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '9999px', - type: 'borderRadius', + value: "9999px", + type: "borderRadius" }, - name: '--fds-border_radius-full', + name: "--fds-border_radius-full", attributes: {}, - path: ['border_radius', 'full'], - }, -]; + path: [ + "border_radius", + "full" + ] + } +] -export const spacing = [ +export const spacing = [ { - value: '0rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*0', - type: 'spacing', + value: "{base_sizing}*0", + type: "spacing" }, - name: '--fds-spacing-0', + name: "--fds-spacing-0", attributes: {}, - path: ['spacing', '0'], + path: [ + "spacing", + "0" + ] }, { - value: '0.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*1', - type: 'spacing', + value: "{base_sizing}*1", + type: "spacing" }, - name: '--fds-spacing-1', + name: "--fds-spacing-1", attributes: {}, - path: ['spacing', '1'], + path: [ + "spacing", + "1" + ] }, { - value: '0.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*2', - type: 'spacing', + value: "{base_sizing}*2", + type: "spacing" }, - name: '--fds-spacing-2', + name: "--fds-spacing-2", attributes: {}, - path: ['spacing', '2'], + path: [ + "spacing", + "2" + ] }, { - value: '0.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*3', - type: 'spacing', + value: "{base_sizing}*3", + type: "spacing" }, - name: '--fds-spacing-3', + name: "--fds-spacing-3", attributes: {}, - path: ['spacing', '3'], + path: [ + "spacing", + "3" + ] }, { - value: '1rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*4', - type: 'spacing', + value: "{base_sizing}*4", + type: "spacing" }, - name: '--fds-spacing-4', + name: "--fds-spacing-4", attributes: {}, - path: ['spacing', '4'], + path: [ + "spacing", + "4" + ] }, { - value: '1.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*5', - type: 'spacing', + value: "{base_sizing}*5", + type: "spacing" }, - name: '--fds-spacing-5', + name: "--fds-spacing-5", attributes: {}, - path: ['spacing', '5'], + path: [ + "spacing", + "5" + ] }, { - value: '1.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*6', - type: 'spacing', + value: "{base_sizing}*6", + type: "spacing" }, - name: '--fds-spacing-6', + name: "--fds-spacing-6", attributes: {}, - path: ['spacing', '6'], + path: [ + "spacing", + "6" + ] }, { - value: '1.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*7', - type: 'spacing', + value: "{base_sizing}*7", + type: "spacing" }, - name: '--fds-spacing-7', + name: "--fds-spacing-7", attributes: {}, - path: ['spacing', '7'], + path: [ + "spacing", + "7" + ] }, { - value: '2rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*8', - type: 'spacing', + value: "{base_sizing}*8", + type: "spacing" }, - name: '--fds-spacing-8', + name: "--fds-spacing-8", attributes: {}, - path: ['spacing', '8'], + path: [ + "spacing", + "8" + ] }, { - value: '2.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*9', - type: 'spacing', + value: "{base_sizing}*9", + type: "spacing" }, - name: '--fds-spacing-9', + name: "--fds-spacing-9", attributes: {}, - path: ['spacing', '9'], + path: [ + "spacing", + "9" + ] }, { - value: '2.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*10', - type: 'spacing', + value: "{base_sizing}*10", + type: "spacing" }, - name: '--fds-spacing-10', + name: "--fds-spacing-10", attributes: {}, - path: ['spacing', '10'], + path: [ + "spacing", + "10" + ] }, { - value: '2.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*11', - type: 'spacing', + value: "{base_sizing}*11", + type: "spacing" }, - name: '--fds-spacing-11', + name: "--fds-spacing-11", attributes: {}, - path: ['spacing', '11'], + path: [ + "spacing", + "11" + ] }, { - value: '3rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*12', - type: 'spacing', + value: "{base_sizing}*12", + type: "spacing" }, - name: '--fds-spacing-12', + name: "--fds-spacing-12", attributes: {}, - path: ['spacing', '12'], + path: [ + "spacing", + "12" + ] }, { - value: '3.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*13', - type: 'spacing', + value: "{base_sizing}*13", + type: "spacing" }, - name: '--fds-spacing-13', + name: "--fds-spacing-13", attributes: {}, - path: ['spacing', '13'], + path: [ + "spacing", + "13" + ] }, { - value: '3.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*14', - type: 'spacing', + value: "{base_sizing}*14", + type: "spacing" }, - name: '--fds-spacing-14', + name: "--fds-spacing-14", attributes: {}, - path: ['spacing', '14'], + path: [ + "spacing", + "14" + ] }, { - value: '3.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*15', - type: 'spacing', + value: "{base_sizing}*15", + type: "spacing" }, - name: '--fds-spacing-15', + name: "--fds-spacing-15", attributes: {}, - path: ['spacing', '15'], + path: [ + "spacing", + "15" + ] }, { - value: '4.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*18', - type: 'spacing', + value: "{base_sizing}*18", + type: "spacing" }, - name: '--fds-spacing-18', + name: "--fds-spacing-18", attributes: {}, - path: ['spacing', '18'], + path: [ + "spacing", + "18" + ] }, { - value: '5.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "5.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*22', - type: 'spacing', + value: "{base_sizing}*22", + type: "spacing" }, - name: '--fds-spacing-22', + name: "--fds-spacing-22", attributes: {}, - path: ['spacing', '22'], + path: [ + "spacing", + "22" + ] }, { - value: '6.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "6.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*26', - type: 'spacing', + value: "{base_sizing}*26", + type: "spacing" }, - name: '--fds-spacing-26', + name: "--fds-spacing-26", attributes: {}, - path: ['spacing', '26'], + path: [ + "spacing", + "26" + ] }, { - value: '7.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "7.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*30', - type: 'spacing', + value: "{base_sizing}*30", + type: "spacing" }, - name: '--fds-spacing-30', + name: "--fds-spacing-30", attributes: {}, - path: ['spacing', '30'], - }, -]; + path: [ + "spacing", + "30" + ] + } +] -export const sizing = [ +export const sizing = [ { - value: '0rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*0', - type: 'sizing', + value: "{base_sizing}*0", + type: "sizing" }, - name: '--fds-sizing-0', + name: "--fds-sizing-0", attributes: {}, - path: ['sizing', '0'], + path: [ + "sizing", + "0" + ] }, { - value: '0.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*1', - type: 'sizing', + value: "{base_sizing}*1", + type: "sizing" }, - name: '--fds-sizing-1', + name: "--fds-sizing-1", attributes: {}, - path: ['sizing', '1'], + path: [ + "sizing", + "1" + ] }, { - value: '0.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*2', - type: 'sizing', + value: "{base_sizing}*2", + type: "sizing" }, - name: '--fds-sizing-2', + name: "--fds-sizing-2", attributes: {}, - path: ['sizing', '2'], + path: [ + "sizing", + "2" + ] }, { - value: '0.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*3', - type: 'sizing', + value: "{base_sizing}*3", + type: "sizing" }, - name: '--fds-sizing-3', + name: "--fds-sizing-3", attributes: {}, - path: ['sizing', '3'], + path: [ + "sizing", + "3" + ] }, { - value: '1rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*4', - type: 'sizing', + value: "{base_sizing}*4", + type: "sizing" }, - name: '--fds-sizing-4', + name: "--fds-sizing-4", attributes: {}, - path: ['sizing', '4'], + path: [ + "sizing", + "4" + ] }, { - value: '1.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*5', - type: 'sizing', + value: "{base_sizing}*5", + type: "sizing" }, - name: '--fds-sizing-5', + name: "--fds-sizing-5", attributes: {}, - path: ['sizing', '5'], + path: [ + "sizing", + "5" + ] }, { - value: '1.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*6', - type: 'sizing', + value: "{base_sizing}*6", + type: "sizing" }, - name: '--fds-sizing-6', + name: "--fds-sizing-6", attributes: {}, - path: ['sizing', '6'], + path: [ + "sizing", + "6" + ] }, { - value: '1.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*7', - type: 'sizing', + value: "{base_sizing}*7", + type: "sizing" }, - name: '--fds-sizing-7', + name: "--fds-sizing-7", attributes: {}, - path: ['sizing', '7'], + path: [ + "sizing", + "7" + ] }, { - value: '2rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*8', - type: 'sizing', + value: "{base_sizing}*8", + type: "sizing" }, - name: '--fds-sizing-8', + name: "--fds-sizing-8", attributes: {}, - path: ['sizing', '8'], + path: [ + "sizing", + "8" + ] }, { - value: '2.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*9', - type: 'sizing', + value: "{base_sizing}*9", + type: "sizing" }, - name: '--fds-sizing-9', + name: "--fds-sizing-9", attributes: {}, - path: ['sizing', '9'], + path: [ + "sizing", + "9" + ] }, { - value: '2.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*10', - type: 'sizing', + value: "{base_sizing}*10", + type: "sizing" }, - name: '--fds-sizing-10', + name: "--fds-sizing-10", attributes: {}, - path: ['sizing', '10'], + path: [ + "sizing", + "10" + ] }, { - value: '2.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*11', - type: 'sizing', + value: "{base_sizing}*11", + type: "sizing" }, - name: '--fds-sizing-11', + name: "--fds-sizing-11", attributes: {}, - path: ['sizing', '11'], + path: [ + "sizing", + "11" + ] }, { - value: '3rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*12', - type: 'sizing', + value: "{base_sizing}*12", + type: "sizing" }, - name: '--fds-sizing-12', + name: "--fds-sizing-12", attributes: {}, - path: ['sizing', '12'], + path: [ + "sizing", + "12" + ] }, { - value: '3.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*13', - type: 'sizing', + value: "{base_sizing}*13", + type: "sizing" }, - name: '--fds-sizing-13', + name: "--fds-sizing-13", attributes: {}, - path: ['sizing', '13'], + path: [ + "sizing", + "13" + ] }, { - value: '3.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*14', - type: 'sizing', + value: "{base_sizing}*14", + type: "sizing" }, - name: '--fds-sizing-14', + name: "--fds-sizing-14", attributes: {}, - path: ['sizing', '14'], + path: [ + "sizing", + "14" + ] }, { - value: '3.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*15', - type: 'sizing', + value: "{base_sizing}*15", + type: "sizing" }, - name: '--fds-sizing-15', + name: "--fds-sizing-15", attributes: {}, - path: ['sizing', '15'], + path: [ + "sizing", + "15" + ] }, { - value: '4.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*18', - type: 'sizing', + value: "{base_sizing}*18", + type: "sizing" }, - name: '--fds-sizing-18', + name: "--fds-sizing-18", attributes: {}, - path: ['sizing', '18'], + path: [ + "sizing", + "18" + ] }, { - value: '5.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "5.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*22', - type: 'sizing', + value: "{base_sizing}*22", + type: "sizing" }, - name: '--fds-sizing-22', + name: "--fds-sizing-22", attributes: {}, - path: ['sizing', '22'], + path: [ + "sizing", + "22" + ] }, { - value: '6.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "6.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*26', - type: 'sizing', + value: "{base_sizing}*26", + type: "sizing" }, - name: '--fds-sizing-26', + name: "--fds-sizing-26", attributes: {}, - path: ['sizing', '26'], + path: [ + "sizing", + "26" + ] }, { - value: '7.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "7.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*30', - type: 'sizing', + value: "{base_sizing}*30", + type: "sizing" }, - name: '--fds-sizing-30', + name: "--fds-sizing-30", attributes: {}, - path: ['sizing', '30'], - }, -]; + path: [ + "sizing", + "30" + ] + } +] -export const borderWidth = [ +export const borderWidth = [ { - value: '1px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_width.1}', - type: 'borderWidth', + value: "{border_width.1}", + type: "borderWidth" }, - name: '--fds-border_width-default', + name: "--fds-border_width-default", attributes: {}, - path: ['border_width', 'default'], + path: [ + "border_width", + "default" + ] }, { - value: '2px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_width.2}', - type: 'borderWidth', + value: "{border_width.2}", + type: "borderWidth" }, - name: '--fds-border_width-active', + name: "--fds-border_width-active", attributes: {}, - path: ['border_width', 'active'], + path: [ + "border_width", + "active" + ] }, { - value: '2px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '2px', - type: 'borderWidth', + value: "2px", + type: "borderWidth" }, - name: '--fds-border_width-tab_focus', + name: "--fds-border_width-tab_focus", attributes: {}, - path: ['border_width', 'tab_focus'], - }, -]; + path: [ + "border_width", + "tab_focus" + ] + } +] -export const boxShadow = [ +export const boxShadow = [ { - value: '0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.100}', - type: 'boxShadow', + value: "{shadow.100}", + type: "boxShadow" }, - name: '--fds-shadow-xsmall', + name: "--fds-shadow-xsmall", attributes: {}, - path: ['shadow', 'xsmall'], + path: [ + "shadow", + "xsmall" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.200}', - type: 'boxShadow', + value: "{shadow.200}", + type: "boxShadow" }, - name: '--fds-shadow-small', + name: "--fds-shadow-small", attributes: {}, - path: ['shadow', 'small'], + path: [ + "shadow", + "small" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.300}', - type: 'boxShadow', + value: "{shadow.300}", + type: "boxShadow" }, - name: '--fds-shadow-medium', + name: "--fds-shadow-medium", attributes: {}, - path: ['shadow', 'medium'], + path: [ + "shadow", + "medium" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.400}', - type: 'boxShadow', + value: "{shadow.400}", + type: "boxShadow" }, - name: '--fds-shadow-large', + name: "--fds-shadow-large", attributes: {}, - path: ['shadow', 'large'], + path: [ + "shadow", + "large" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.500}', - type: 'boxShadow', + value: "{shadow.500}", + type: "boxShadow" }, - name: '--fds-shadow-xlarge', + name: "--fds-shadow-xlarge", attributes: {}, - path: ['shadow', 'xlarge'], - }, -]; + path: [ + "shadow", + "xlarge" + ] + } +] diff --git a/apps/storefront/tokens/tilsynet.ts b/apps/storefront/tokens/tilsynet.ts index 9b0619e4d6..41c2b891cb 100644 --- a/apps/storefront/tokens/tilsynet.ts +++ b/apps/storefront/tokens/tilsynet.ts @@ -3,3637 +3,4811 @@ * These files are generated from design tokens defined in Figma using Token Studio */ -export const color = [ +export const color = [ { - value: '#efeffb', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#efeffb", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#efeffb', - type: 'color', + value: "#efeffb", + type: "color" }, - name: '--fds-brand-alt1-100', + name: "--fds-brand-alt1-100", attributes: {}, - path: ['brand', 'alt1', '100'], + path: [ + "brand", + "alt1", + "100" + ] }, { - value: '#dedff6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#dedff6", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#dedff6', - type: 'color', + value: "#dedff6", + type: "color" }, - name: '--fds-brand-alt1-200', + name: "--fds-brand-alt1-200", attributes: {}, - path: ['brand', 'alt1', '200'], + path: [ + "brand", + "alt1", + "200" + ] }, { - value: '#bec0ed', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#bec0ed", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#bec0ed', - type: 'color', + value: "#bec0ed", + type: "color" }, - name: '--fds-brand-alt1-300', + name: "--fds-brand-alt1-300", attributes: {}, - path: ['brand', 'alt1', '300'], + path: [ + "brand", + "alt1", + "300" + ] }, { - value: '#9da0e4', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#9da0e4", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#9da0e4', - type: 'color', + value: "#9da0e4", + type: "color" }, - name: '--fds-brand-alt1-400', + name: "--fds-brand-alt1-400", attributes: {}, - path: ['brand', 'alt1', '400'], + path: [ + "brand", + "alt1", + "400" + ] }, { - value: '#7d81db', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#7d81db", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#7d81db', - type: 'color', + value: "#7d81db", + type: "color" }, - name: '--fds-brand-alt1-500', + name: "--fds-brand-alt1-500", attributes: {}, - path: ['brand', 'alt1', '500'], + path: [ + "brand", + "alt1", + "500" + ] }, { - value: '#5c61d2', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#5c61d2", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#5c61d2', - type: 'color', + value: "#5c61d2", + type: "color" }, - name: '--fds-brand-alt1-600', + name: "--fds-brand-alt1-600", attributes: {}, - path: ['brand', 'alt1', '600'], + path: [ + "brand", + "alt1", + "600" + ] }, { - value: '#3339c6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#3339c6", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#3339c6', - type: 'color', + value: "#3339c6", + type: "color" }, - name: '--fds-brand-alt1-700', + name: "--fds-brand-alt1-700", attributes: {}, - path: ['brand', 'alt1', '700'], + path: [ + "brand", + "alt1", + "700" + ] }, { - value: '#0008b8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#0008b8", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#0008b8', - type: 'color', + value: "#0008b8", + type: "color" }, - name: '--fds-brand-alt1-800', + name: "--fds-brand-alt1-800", attributes: {}, - path: ['brand', 'alt1', '800'], + path: [ + "brand", + "alt1", + "800" + ] }, { - value: '#00078F', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00078F", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#00078F', - type: 'color', + value: "#00078F", + type: "color" }, - name: '--fds-brand-alt1-900', + name: "--fds-brand-alt1-900", attributes: {}, - path: ['brand', 'alt1', '900'], + path: [ + "brand", + "alt1", + "900" + ] }, { - value: '#ffeee1', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffeee1", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#ffeee1', - type: 'color', + value: "#ffeee1", + type: "color" }, - name: '--fds-brand-alt2-100', + name: "--fds-brand-alt2-100", attributes: {}, - path: ['brand', 'alt2', '100'], + path: [ + "brand", + "alt2", + "100" + ] }, { - value: '#ffdcc3', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffdcc3", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#ffdcc3', - type: 'color', + value: "#ffdcc3", + type: "color" }, - name: '--fds-brand-alt2-200', + name: "--fds-brand-alt2-200", attributes: {}, - path: ['brand', 'alt2', '200'], + path: [ + "brand", + "alt2", + "200" + ] }, { - value: '#fdd4b7', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#fdd4b7", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#fdd4b7', - type: 'color', + value: "#fdd4b7", + type: "color" }, - name: '--fds-brand-alt2-300', + name: "--fds-brand-alt2-300", attributes: {}, - path: ['brand', 'alt2', '300'], + path: [ + "brand", + "alt2", + "300" + ] }, { - value: '#ffc296', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffc296", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#ffc296', - type: 'color', + value: "#ffc296", + type: "color" }, - name: '--fds-brand-alt2-400', + name: "--fds-brand-alt2-400", attributes: {}, - path: ['brand', 'alt2', '400'], + path: [ + "brand", + "alt2", + "400" + ] }, { - value: '#ffb178', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffb178", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#ffb178', - type: 'color', + value: "#ffb178", + type: "color" }, - name: '--fds-brand-alt2-500', + name: "--fds-brand-alt2-500", attributes: {}, - path: ['brand', 'alt2', '500'], + path: [ + "brand", + "alt2", + "500" + ] }, { - value: '#ffa869', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffa869", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#ffa869', - type: 'color', + value: "#ffa869", + type: "color" }, - name: '--fds-brand-alt2-600', + name: "--fds-brand-alt2-600", attributes: {}, - path: ['brand', 'alt2', '600'], + path: [ + "brand", + "alt2", + "600" + ] }, { - value: '#e6975f', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#e6975f", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#e6975f', - type: 'color', + value: "#e6975f", + type: "color" }, - name: '--fds-brand-alt2-700', + name: "--fds-brand-alt2-700", attributes: {}, - path: ['brand', 'alt2', '700'], + path: [ + "brand", + "alt2", + "700" + ] }, { - value: '#b3764a', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#b3764a", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#b3764a', - type: 'color', + value: "#b3764a", + type: "color" }, - name: '--fds-brand-alt2-800', + name: "--fds-brand-alt2-800", attributes: {}, - path: ['brand', 'alt2', '800'], + path: [ + "brand", + "alt2", + "800" + ] }, { - value: '#9F6841', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#9F6841", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#9F6841', - type: 'color', + value: "#9F6841", + type: "color" }, - name: '--fds-brand-alt2-900', + name: "--fds-brand-alt2-900", attributes: {}, - path: ['brand', 'alt2', '900'], + path: [ + "brand", + "alt2", + "900" + ] }, { - value: '#eff6f4', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#eff6f4", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#eff6f4', - type: 'color', + value: "#eff6f4", + type: "color" }, - name: '--fds-brand-alt3-100', + name: "--fds-brand-alt3-100", attributes: {}, - path: ['brand', 'alt3', '100'], + path: [ + "brand", + "alt3", + "100" + ] }, { - value: '#deece9', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#deece9", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#deece9', - type: 'color', + value: "#deece9", + type: "color" }, - name: '--fds-brand-alt3-200', + name: "--fds-brand-alt3-200", attributes: {}, - path: ['brand', 'alt3', '200'], + path: [ + "brand", + "alt3", + "200" + ] }, { - value: '#bedad2', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#bedad2", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#bedad2', - type: 'color', + value: "#bedad2", + type: "color" }, - name: '--fds-brand-alt3-300', + name: "--fds-brand-alt3-300", attributes: {}, - path: ['brand', 'alt3', '300'], + path: [ + "brand", + "alt3", + "300" + ] }, { - value: '#9dc7bc', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#9dc7bc", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#9dc7bc', - type: 'color', + value: "#9dc7bc", + type: "color" }, - name: '--fds-brand-alt3-400', + name: "--fds-brand-alt3-400", attributes: {}, - path: ['brand', 'alt3', '400'], + path: [ + "brand", + "alt3", + "400" + ] }, { - value: '#7db5a5', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#7db5a5", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#7db5a5', - type: 'color', + value: "#7db5a5", + type: "color" }, - name: '--fds-brand-alt3-500', + name: "--fds-brand-alt3-500", attributes: {}, - path: ['brand', 'alt3', '500'], + path: [ + "brand", + "alt3", + "500" + ] }, { - value: '#5ca28f', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#5ca28f", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#5ca28f', - type: 'color', + value: "#5ca28f", + type: "color" }, - name: '--fds-brand-alt3-600', + name: "--fds-brand-alt3-600", attributes: {}, - path: ['brand', 'alt3', '600'], + path: [ + "brand", + "alt3", + "600" + ] }, { - value: '#4c907e', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#4c907e", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#4c907e', - type: 'color', + value: "#4c907e", + type: "color" }, - name: '--fds-brand-alt3-700', + name: "--fds-brand-alt3-700", attributes: {}, - path: ['brand', 'alt3', '700'], + path: [ + "brand", + "alt3", + "700" + ] }, { - value: '#407d6d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#407d6d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#407d6d', - type: 'color', + value: "#407d6d", + type: "color" }, - name: '--fds-brand-alt3-800', + name: "--fds-brand-alt3-800", attributes: {}, - path: ['brand', 'alt3', '800'], + path: [ + "brand", + "alt3", + "800" + ] }, { - value: '#376C5E', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#376C5E", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#376C5E', - type: 'color', + value: "#376C5E", + type: "color" }, - name: '--fds-brand-alt3-900', + name: "--fds-brand-alt3-900", attributes: {}, - path: ['brand', 'alt3', '900'], + path: [ + "brand", + "alt3", + "900" + ] }, { - value: '#dedff6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#dedff6", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt1.200}', - type: 'color', + value: "{brand.alt1.200}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle', + name: "--fds-semantic-surface-first-subtle", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle'], + path: [ + "semantic", + "surface", + "first", + "subtle" + ] }, { - value: '#bec0ed', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#bec0ed", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt1.300}', - type: 'color', + value: "{brand.alt1.300}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle-hover', + name: "--fds-semantic-surface-first-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle-hover'], + path: [ + "semantic", + "surface", + "first", + "subtle-hover" + ] }, { - value: '#9da0e4', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#9da0e4", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt1.400}', - type: 'color', + value: "{brand.alt1.400}", + type: "color" }, - name: '--fds-semantic-surface-first-subtle-active', + name: "--fds-semantic-surface-first-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'first', 'subtle-active'], + path: [ + "semantic", + "surface", + "first", + "subtle-active" + ] }, { - value: '#0008b8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#0008b8", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt1.800}', - type: 'color', + value: "{brand.alt1.800}", + type: "color" }, - name: '--fds-semantic-surface-first-strong', + name: "--fds-semantic-surface-first-strong", attributes: {}, - path: ['semantic', 'surface', 'first', 'strong'], + path: [ + "semantic", + "surface", + "first", + "strong" + ] }, { - value: '#ffdcc3', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffdcc3", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt2.200}', - type: 'color', + value: "{brand.alt2.200}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle', + name: "--fds-semantic-surface-second-subtle", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle'], + path: [ + "semantic", + "surface", + "second", + "subtle" + ] }, { - value: '#fdd4b7', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#fdd4b7", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt2.300}', - type: 'color', + value: "{brand.alt2.300}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle-hover', + name: "--fds-semantic-surface-second-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle-hover'], + path: [ + "semantic", + "surface", + "second", + "subtle-hover" + ] }, { - value: '#ffc296', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffc296", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt2.400}', - type: 'color', + value: "{brand.alt2.400}", + type: "color" }, - name: '--fds-semantic-surface-second-subtle-active', + name: "--fds-semantic-surface-second-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'second', 'subtle-active'], + path: [ + "semantic", + "surface", + "second", + "subtle-active" + ] }, { - value: '#9F6841', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#9F6841", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt2.900}', - type: 'color', + value: "{brand.alt2.900}", + type: "color" }, - name: '--fds-semantic-surface-second-strong', + name: "--fds-semantic-surface-second-strong", attributes: {}, - path: ['semantic', 'surface', 'second', 'strong'], + path: [ + "semantic", + "surface", + "second", + "strong" + ] }, { - value: '#deece9', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#deece9", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt3.200}', - type: 'color', + value: "{brand.alt3.200}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle', + name: "--fds-semantic-surface-third-subtle", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle'], + path: [ + "semantic", + "surface", + "third", + "subtle" + ] }, { - value: '#bedad2', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#bedad2", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt3.300}', - type: 'color', + value: "{brand.alt3.300}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle-hover', + name: "--fds-semantic-surface-third-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle-hover'], + path: [ + "semantic", + "surface", + "third", + "subtle-hover" + ] }, { - value: '#9dc7bc', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#9dc7bc", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt3.400}', - type: 'color', + value: "{brand.alt3.400}", + type: "color" }, - name: '--fds-semantic-surface-third-subtle-active', + name: "--fds-semantic-surface-third-subtle-active", attributes: {}, - path: ['semantic', 'surface', 'third', 'subtle-active'], + path: [ + "semantic", + "surface", + "third", + "subtle-active" + ] }, { - value: '#407d6d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#407d6d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt3.800}', - type: 'color', + value: "{brand.alt3.800}", + type: "color" }, - name: '--fds-semantic-surface-third-strong', + name: "--fds-semantic-surface-third-strong", attributes: {}, - path: ['semantic', 'surface', 'third', 'strong'], + path: [ + "semantic", + "surface", + "third", + "strong" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-action-first-subtle', + name: "--fds-semantic-surface-action-first-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "first", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-action-first-subtle-hover', + name: "--fds-semantic-surface-action-first-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-surface-action-first-default', + name: "--fds-semantic-surface-action-first-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'default'], + path: [ + "semantic", + "surface", + "action", + "first", + "default" + ] }, { - value: 'rgba(0, 49, 93, 0.9)', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "rgba(0, 49, 93, 0.9)", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', + value: "rgba({colors.blue.900}, 0.9)", + type: "color" }, - name: '--fds-semantic-surface-action-first-hover', + name: "--fds-semantic-surface-action-first-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "hover" + ] }, { - value: 'rgba(0, 49, 93, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "rgba(0, 49, 93, 0.8)", + type: "color", + description: "Standard farge for handlinger", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', + value: "rgba({colors.blue.900}, 0.8)", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-first-active', + name: "--fds-semantic-surface-action-first-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'active'], + path: [ + "semantic", + "surface", + "action", + "first", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill', + name: "--fds-semantic-surface-action-first-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill" + ] }, { - value: 'rgba(0, 49, 93, 0.1)', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "rgba(0, 49, 93, 0.1)", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', + value: "rgba({colors.blue.900}, 0.1)", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill-hover', + name: "--fds-semantic-surface-action-first-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill-hover" + ] }, { - value: 'rgba(0, 49, 93, 0.2)', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "rgba(0, 49, 93, 0.2)", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', + value: "rgba({colors.blue.900}, 0.2)", + type: "color" }, - name: '--fds-semantic-surface-action-first-no_fill-active', + name: "--fds-semantic-surface-action-first-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "first", + "no_fill-active" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-action-second-subtle', + name: "--fds-semantic-surface-action-second-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "second", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-action-second-subtle-hover', + name: "--fds-semantic-surface-action-second-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-surface-action-second-default', + name: "--fds-semantic-surface-action-second-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'default'], + path: [ + "semantic", + "surface", + "action", + "second", + "default" + ] }, { - value: 'rgba(0, 49, 93, 0.9)', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "rgba(0, 49, 93, 0.9)", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', + value: "rgba({colors.blue.900}, 0.9)", + type: "color" }, - name: '--fds-semantic-surface-action-second-hover', + name: "--fds-semantic-surface-action-second-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "hover" + ] }, { - value: 'rgba(0, 49, 93, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "rgba(0, 49, 93, 0.8)", + type: "color", + description: "Standard farge for handlinger", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', + value: "rgba({colors.blue.900}, 0.8)", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-second-active', + name: "--fds-semantic-surface-action-second-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'active'], + path: [ + "semantic", + "surface", + "action", + "second", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill', + name: "--fds-semantic-surface-action-second-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill" + ] }, { - value: 'rgba(0, 49, 93, 0.1)', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "rgba(0, 49, 93, 0.1)", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', + value: "rgba({colors.blue.900}, 0.1)", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill-hover', + name: "--fds-semantic-surface-action-second-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill-hover" + ] }, { - value: 'rgba(0, 49, 93, 0.2)', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "rgba(0, 49, 93, 0.2)", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', + value: "rgba({colors.blue.900}, 0.2)", + type: "color" }, - name: '--fds-semantic-surface-action-second-no_fill-active', + name: "--fds-semantic-surface-action-second-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "second", + "no_fill-active" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-subtle', + name: "--fds-semantic-surface-action-subtle", attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle'], + path: [ + "semantic", + "surface", + "action", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-subtle-hover', + name: "--fds-semantic-surface-action-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle-hover'], + path: [ + "semantic", + "surface", + "action", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-default', + name: "--fds-semantic-surface-action-default", attributes: {}, - path: ['semantic', 'surface', 'action', 'default'], + path: [ + "semantic", + "surface", + "action", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-surface-action-hover', + name: "--fds-semantic-surface-action-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'hover'], + path: [ + "semantic", + "surface", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', + 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', + value: "{colors.blue.900}", + type: "color", + description: "Standard farge for handlinger" }, - name: '--fds-semantic-surface-action-active', + name: "--fds-semantic-surface-action-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'active'], + path: [ + "semantic", + "surface", + "action", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill', + name: "--fds-semantic-surface-action-no_fill", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill'], + path: [ + "semantic", + "surface", + "action", + "no_fill" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill-hover', + name: "--fds-semantic-surface-action-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "action", + "no_fill-hover" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-action-no_fill-active', + name: "--fds-semantic-surface-action-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-active'], + path: [ + "semantic", + "surface", + "action", + "no_fill-active" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-surface-action-checked', + name: "--fds-semantic-surface-action-checked", attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], + path: [ + "semantic", + "surface", + "action", + "checked" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-neutral-default', + name: "--fds-semantic-surface-neutral-default", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'default'], + path: [ + "semantic", + "surface", + "neutral", + "default" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-neutral-selected', + name: "--fds-semantic-surface-neutral-selected", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'selected'], + path: [ + "semantic", + "surface", + "neutral", + "selected" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-surface-neutral-subtle', + name: "--fds-semantic-surface-neutral-subtle", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle'], + path: [ + "semantic", + "surface", + "neutral", + "subtle" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-surface-neutral-subtle-hover', + name: "--fds-semantic-surface-neutral-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle-hover'], + path: [ + "semantic", + "surface", + "neutral", + "subtle-hover" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-surface-neutral-strong', + name: "--fds-semantic-surface-neutral-strong", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'strong'], + path: [ + "semantic", + "surface", + "neutral", + "strong" + ] }, { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#4b5563", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.700}', - type: 'color', + value: "{colors.grey.700}", + type: "color" }, - name: '--fds-semantic-surface-neutral-strong-hover', + name: "--fds-semantic-surface-neutral-strong-hover", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'strong-hover'], + path: [ + "semantic", + "surface", + "neutral", + "strong-hover" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-surface-neutral-inverted', + name: "--fds-semantic-surface-neutral-inverted", attributes: {}, - path: ['semantic', 'surface', 'neutral', 'inverted'], + path: [ + "semantic", + "surface", + "neutral", + "inverted" + ] }, { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d1f4e1", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.200}', - type: 'color', + value: "{colors.green.200}", + type: "color" }, - name: '--fds-semantic-surface-success-subtle', + name: "--fds-semantic-surface-success-subtle", attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle'], + path: [ + "semantic", + "surface", + "success", + "subtle" + ] }, { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#8be4b5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.300}', - type: 'color', + value: "{colors.green.300}", + type: "color" }, - name: '--fds-semantic-surface-success-subtle-hover', + name: "--fds-semantic-surface-success-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle-hover'], + path: [ + "semantic", + "surface", + "success", + "subtle-hover" + ] }, { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#118849", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.700}', - type: 'color', + value: "{colors.green.700}", + type: "color" }, - name: '--fds-semantic-surface-success-default', + name: "--fds-semantic-surface-success-default", attributes: {}, - path: ['semantic', 'surface', 'success', 'default'], + path: [ + "semantic", + "surface", + "success", + "default" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-surface-success-hover', + name: "--fds-semantic-surface-success-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'hover'], + path: [ + "semantic", + "surface", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-surface-success-active', + name: "--fds-semantic-surface-success-active", attributes: {}, - path: ['semantic', 'surface', 'success', 'active'], + path: [ + "semantic", + "surface", + "success", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill', + name: "--fds-semantic-surface-success-no_fill", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill'], + path: [ + "semantic", + "surface", + "success", + "no_fill" + ] }, { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d1f4e1", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.200}', - type: 'color', + value: "{colors.green.200}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill-hover', + name: "--fds-semantic-surface-success-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "success", + "no_fill-hover" + ] }, { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#8be4b5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.300}', - type: 'color', + value: "{colors.green.300}", + type: "color" }, - name: '--fds-semantic-surface-success-no_fill-active', + name: "--fds-semantic-surface-success-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-active'], + path: [ + "semantic", + "surface", + "success", + "no_fill-active" + ] }, { - value: '#fffbe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fffbe6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.100}', - type: 'color', + value: "{colors.yellow.100}", + type: "color" }, - name: '--fds-semantic-surface-warning-subtle', + name: "--fds-semantic-surface-warning-subtle", attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle'], + path: [ + "semantic", + "surface", + "warning", + "subtle" + ] }, { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fff4b4", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.200}', - type: 'color', + value: "{colors.yellow.200}", + type: "color" }, - name: '--fds-semantic-surface-warning-subtle-hover', + name: "--fds-semantic-surface-warning-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle-hover'], + path: [ + "semantic", + "surface", + "warning", + "subtle-hover" + ] }, { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#fff4b4", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.200}', - type: 'color', + value: "{colors.yellow.200}", + type: "color" }, - name: '--fds-semantic-surface-warning-default', + name: "--fds-semantic-surface-warning-default", attributes: {}, - path: ['semantic', 'surface', 'warning', 'default'], + path: [ + "semantic", + "surface", + "warning", + "default" + ] }, { - value: '#ffed83', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffed83", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.300}', - type: 'color', + value: "{colors.yellow.300}", + type: "color" }, - name: '--fds-semantic-surface-warning-default-hover', + name: "--fds-semantic-surface-warning-default-hover", attributes: {}, - path: ['semantic', 'surface', 'warning', 'default-hover'], + path: [ + "semantic", + "surface", + "warning", + "default-hover" + ] }, { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f9d5db", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.100}', - type: 'color', + value: "{colors.red.100}", + type: "color" }, - name: '--fds-semantic-surface-danger-subtle', + name: "--fds-semantic-surface-danger-subtle", attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle'], + path: [ + "semantic", + "surface", + "danger", + "subtle" + ] }, { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f3abb6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.200}', - type: 'color', + value: "{colors.red.200}", + type: "color" }, - name: '--fds-semantic-surface-danger-subtle-hover', + name: "--fds-semantic-surface-danger-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle-hover'], + path: [ + "semantic", + "surface", + "danger", + "subtle-hover" + ] }, { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e02e49", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.500}', - type: 'color', + value: "{colors.red.500}", + type: "color" }, - name: '--fds-semantic-surface-danger-default', + name: "--fds-semantic-surface-danger-default", attributes: {}, - path: ['semantic', 'surface', 'danger', 'default'], + path: [ + "semantic", + "surface", + "danger", + "default" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-surface-danger-hover', + name: "--fds-semantic-surface-danger-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'hover'], + path: [ + "semantic", + "surface", + "danger", + "hover" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-surface-danger-active', + name: "--fds-semantic-surface-danger-active", attributes: {}, - path: ['semantic', 'surface', 'danger', 'active'], + path: [ + "semantic", + "surface", + "danger", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill', + name: "--fds-semantic-surface-danger-no_fill", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill'], + path: [ + "semantic", + "surface", + "danger", + "no_fill" + ] }, { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f9d5db", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.100}', - type: 'color', + value: "{colors.red.100}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill-hover', + name: "--fds-semantic-surface-danger-no_fill-hover", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-hover'], + path: [ + "semantic", + "surface", + "danger", + "no_fill-hover" + ] }, { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f3abb6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.200}', - type: 'color', + value: "{colors.red.200}", + type: "color" }, - name: '--fds-semantic-surface-danger-no_fill-active', + name: "--fds-semantic-surface-danger-no_fill-active", attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-active'], + path: [ + "semantic", + "surface", + "danger", + "no_fill-active" + ] }, { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e6eff8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.100}', - type: 'color', + value: "{colors.blue.100}", + type: "color" }, - name: '--fds-semantic-surface-info-subtle', + name: "--fds-semantic-surface-info-subtle", attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle'], + path: [ + "semantic", + "surface", + "info", + "subtle" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-surface-info-subtle-hover', + name: "--fds-semantic-surface-info-subtle-hover", attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle-hover'], + path: [ + "semantic", + "surface", + "info", + "subtle-hover" + ] }, { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffda06", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.500}', - type: 'color', + value: "{colors.yellow.500}", + type: "color" }, - name: '--fds-semantic-surface-focus-default', + name: "--fds-semantic-surface-focus-default", attributes: {}, - path: ['semantic', 'surface', 'focus', 'default'], + path: [ + "semantic", + "surface", + "focus", + "default" + ] }, { - value: '#5c61d2', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#5c61d2", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt1.600}', - type: 'color', + value: "{brand.alt1.600}", + type: "color" }, - name: '--fds-semantic-border-first-default', + name: "--fds-semantic-border-first-default", attributes: {}, - path: ['semantic', 'border', 'first', 'default'], + path: [ + "semantic", + "border", + "first", + "default" + ] }, { - value: '#3339c6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#3339c6", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt1.700}', - type: 'color', + value: "{brand.alt1.700}", + type: "color" }, - name: '--fds-semantic-border-first-hover', + name: "--fds-semantic-border-first-hover", attributes: {}, - path: ['semantic', 'border', 'first', 'hover'], + path: [ + "semantic", + "border", + "first", + "hover" + ] }, { - value: '#0008b8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#0008b8", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt1.800}', - type: 'color', + value: "{brand.alt1.800}", + type: "color" }, - name: '--fds-semantic-border-first-active', + name: "--fds-semantic-border-first-active", attributes: {}, - path: ['semantic', 'border', 'first', 'active'], + path: [ + "semantic", + "border", + "first", + "active" + ] }, { - value: '#ffa869', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffa869", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt2.600}', - type: 'color', + value: "{brand.alt2.600}", + type: "color" }, - name: '--fds-semantic-border-second-default', + name: "--fds-semantic-border-second-default", attributes: {}, - path: ['semantic', 'border', 'second', 'default'], + path: [ + "semantic", + "border", + "second", + "default" + ] }, { - value: '#e6975f', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#e6975f", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt2.700}', - type: 'color', + value: "{brand.alt2.700}", + type: "color" }, - name: '--fds-semantic-border-second-hover', + name: "--fds-semantic-border-second-hover", attributes: {}, - path: ['semantic', 'border', 'second', 'hover'], + path: [ + "semantic", + "border", + "second", + "hover" + ] }, { - value: '#b3764a', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#b3764a", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt2.800}', - type: 'color', + value: "{brand.alt2.800}", + type: "color" }, - name: '--fds-semantic-border-second-active', + name: "--fds-semantic-border-second-active", attributes: {}, - path: ['semantic', 'border', 'second', 'active'], + path: [ + "semantic", + "border", + "second", + "active" + ] }, { - value: '#5ca28f', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#5ca28f", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt3.600}', - type: 'color', + value: "{brand.alt3.600}", + type: "color" }, - name: '--fds-semantic-border-third-default', + name: "--fds-semantic-border-third-default", attributes: {}, - path: ['semantic', 'border', 'third', 'default'], + path: [ + "semantic", + "border", + "third", + "default" + ] }, { - value: '#4c907e', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#4c907e", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt3.700}', - type: 'color', + value: "{brand.alt3.700}", + type: "color" }, - name: '--fds-semantic-border-third-hover', + name: "--fds-semantic-border-third-hover", attributes: {}, - path: ['semantic', 'border', 'third', 'hover'], + path: [ + "semantic", + "border", + "third", + "hover" + ] }, { - value: '#407d6d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#407d6d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{brand.alt3.800}', - type: 'color', + value: "{brand.alt3.800}", + type: "color" }, - name: '--fds-semantic-border-third-active', + name: "--fds-semantic-border-third-active", attributes: {}, - path: ['semantic', 'border', 'third', 'active'], + path: [ + "semantic", + "border", + "third", + "active" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-border-action-first-subtle', + name: "--fds-semantic-border-action-first-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'subtle'], + path: [ + "semantic", + "border", + "action", + "first", + "subtle" + ] }, { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#66a1d6", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.400}', - type: 'color', + value: "{colors.blue.400}", + type: "color" }, - name: '--fds-semantic-border-action-first-subtle-hover', + name: "--fds-semantic-border-action-first-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "first", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-first-default', + name: "--fds-semantic-border-action-first-default", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'default'], + path: [ + "semantic", + "border", + "action", + "first", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-border-action-first-hover', + name: "--fds-semantic-border-action-first-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'hover'], + path: [ + "semantic", + "border", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-first-active', + name: "--fds-semantic-border-action-first-active", attributes: {}, - path: ['semantic', 'border', 'action', 'first', 'active'], + path: [ + "semantic", + "border", + "action", + "first", + "active" + ] }, { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#e9eaec", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.grey.200}', - type: 'color', + value: "{colors.grey.200}", + type: "color" }, - name: '--fds-semantic-border-action-second-subtle', + name: "--fds-semantic-border-action-second-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'subtle'], + path: [ + "semantic", + "border", + "action", + "second", + "subtle" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-action-second-subtle-hover', + name: "--fds-semantic-border-action-second-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "second", + "subtle-hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-default', + name: "--fds-semantic-border-action-second-default", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'default'], + path: [ + "semantic", + "border", + "action", + "second", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-hover', + name: "--fds-semantic-border-action-second-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'hover'], + path: [ + "semantic", + "border", + "action", + "second", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-second-active', + name: "--fds-semantic-border-action-second-active", attributes: {}, - path: ['semantic', 'border', 'action', 'second', 'active'], + path: [ + "semantic", + "border", + "action", + "second", + "active" + ] }, { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3d0ea", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.200}', - type: 'color', + value: "{colors.blue.200}", + type: "color" }, - name: '--fds-semantic-border-action-subtle', + name: "--fds-semantic-border-action-subtle", attributes: {}, - path: ['semantic', 'border', 'action', 'subtle'], + path: [ + "semantic", + "border", + "action", + "subtle" + ] }, { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#66a1d6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.400}', - type: 'color', + value: "{colors.blue.400}", + type: "color" }, - name: '--fds-semantic-border-action-subtle-hover', + name: "--fds-semantic-border-action-subtle-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'subtle-hover'], + path: [ + "semantic", + "border", + "action", + "subtle-hover" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-default', + name: "--fds-semantic-border-action-default", attributes: {}, - path: ['semantic', 'border', 'action', 'default'], + path: [ + "semantic", + "border", + "action", + "default" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-hover', + name: "--fds-semantic-border-action-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], + path: [ + "semantic", + "border", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-active', + name: "--fds-semantic-border-action-active", attributes: {}, - path: ['semantic', 'border', 'action', 'active'], + path: [ + "semantic", + "border", + "action", + "active" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-action-strong', + name: "--fds-semantic-border-action-strong", attributes: {}, - path: ['semantic', 'border', 'action', 'strong'], + path: [ + "semantic", + "border", + "action", + "strong" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-action-strong-hover', + name: "--fds-semantic-border-action-strong-hover", attributes: {}, - path: ['semantic', 'border', 'action', 'strong-hover'], + path: [ + "semantic", + "border", + "action", + "strong-hover" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-border-info-default', + name: "--fds-semantic-border-info-default", attributes: {}, - path: ['semantic', 'border', 'info', 'default'], + path: [ + "semantic", + "border", + "info", + "default" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-border-neutral-default', + name: "--fds-semantic-border-neutral-default", attributes: {}, - path: ['semantic', 'border', 'neutral', 'default'], + path: [ + "semantic", + "border", + "neutral", + "default" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-neutral-subtle', + name: "--fds-semantic-border-neutral-subtle", attributes: {}, - path: ['semantic', 'border', 'neutral', 'subtle'], + path: [ + "semantic", + "border", + "neutral", + "subtle" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-border-neutral-strong', + name: "--fds-semantic-border-neutral-strong", attributes: {}, - path: ['semantic', 'border', 'neutral', 'strong'], + path: [ + "semantic", + "border", + "neutral", + "strong" + ] }, { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#118849", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.700}', - type: 'color', + value: "{colors.green.700}", + type: "color" }, - name: '--fds-semantic-border-success-default', + name: "--fds-semantic-border-success-default", attributes: {}, - path: ['semantic', 'border', 'success', 'default'], + path: [ + "semantic", + "border", + "success", + "default" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-border-success-hover', + name: "--fds-semantic-border-success-hover", attributes: {}, - path: ['semantic', 'border', 'success', 'hover'], + path: [ + "semantic", + "border", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-border-success-active', + name: "--fds-semantic-border-success-active", attributes: {}, - path: ['semantic', 'border', 'success', 'active'], + path: [ + "semantic", + "border", + "success", + "active" + ] }, { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#cc7005", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.600}', - type: 'color', + value: "{colors.orange.600}", + type: "color" }, - name: '--fds-semantic-border-warning-default', + name: "--fds-semantic-border-warning-default", attributes: {}, - path: ['semantic', 'border', 'warning', 'default'], + path: [ + "semantic", + "border", + "warning", + "default" + ] }, { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#995404", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.700}', - type: 'color', + value: "{colors.orange.700}", + type: "color" }, - name: '--fds-semantic-border-warning-hover', + name: "--fds-semantic-border-warning-hover", attributes: {}, - path: ['semantic', 'border', 'warning', 'hover'], + path: [ + "semantic", + "border", + "warning", + "hover" + ] }, { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#663802", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.800}', - type: 'color', + value: "{colors.orange.800}", + type: "color" }, - name: '--fds-semantic-border-warning-active', + name: "--fds-semantic-border-warning-active", attributes: {}, - path: ['semantic', 'border', 'warning', 'active'], + path: [ + "semantic", + "border", + "warning", + "active" + ] }, { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#e02e49", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.500}', - type: 'color', + value: "{colors.red.500}", + type: "color" }, - name: '--fds-semantic-border-danger-default', + name: "--fds-semantic-border-danger-default", attributes: {}, - path: ['semantic', 'border', 'danger', 'default'], + path: [ + "semantic", + "border", + "danger", + "default" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-border-danger-hover', + name: "--fds-semantic-border-danger-hover", attributes: {}, - path: ['semantic', 'border', 'danger', 'hover'], + path: [ + "semantic", + "border", + "danger", + "hover" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-border-danger-active', + name: "--fds-semantic-border-danger-active", attributes: {}, - path: ['semantic', 'border', 'danger', 'active'], + path: [ + "semantic", + "border", + "danger", + "active" + ] }, { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffda06", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.yellow.500}', - type: 'color', + value: "{colors.yellow.500}", + type: "color" }, - name: '--fds-semantic-border-focus-outline', + name: "--fds-semantic-border-focus-outline", attributes: {}, - path: ['semantic', 'border', 'focus', 'outline'], + path: [ + "semantic", + "border", + "focus", + "outline" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{semantic.border.neutral.strong}', - type: 'color', + value: "{semantic.border.neutral.strong}", + type: "color" }, - name: '--fds-semantic-border-focus-boxshadow', + name: "--fds-semantic-border-focus-boxshadow", attributes: {}, - path: ['semantic', 'border', 'focus', 'boxshadow'], + path: [ + "semantic", + "border", + "focus", + "boxshadow" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-border-input-default', + name: "--fds-semantic-border-input-default", attributes: {}, - path: ['semantic', 'border', 'input', 'default'], + path: [ + "semantic", + "border", + "input", + "default" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-border-input-hover', + name: "--fds-semantic-border-input-hover", attributes: {}, - path: ['semantic', 'border', 'input', 'hover'], + path: [ + "semantic", + "border", + "input", + "hover" + ] }, { - value: '#bcbfc5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#bcbfc5", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.400}', - type: 'color', + value: "{colors.grey.400}", + type: "color" }, - name: '--fds-semantic-border-divider-default', + name: "--fds-semantic-border-divider-default", attributes: {}, - path: ['semantic', 'border', 'divider', 'default'], + path: [ + "semantic", + "border", + "divider", + "default" + ] }, { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#d2d5d8", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.300}', - type: 'color', + value: "{colors.grey.300}", + type: "color" }, - name: '--fds-semantic-border-divider-subtle', + name: "--fds-semantic-border-divider-subtle", attributes: {}, - path: ['semantic', 'border', 'divider', 'subtle'], + path: [ + "semantic", + "border", + "divider", + "subtle" + ] }, { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#68707c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.600}', - type: 'color', + value: "{colors.grey.600}", + type: "color" }, - name: '--fds-semantic-border-divider-strong', + name: "--fds-semantic-border-divider-strong", attributes: {}, - path: ['semantic', 'border', 'divider', 'strong'], + path: [ + "semantic", + "border", + "divider", + "strong" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-text-action-first-default', + name: "--fds-semantic-text-action-first-default", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'default'], + path: [ + "semantic", + "text", + "action", + "first", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#004e95', - type: 'color', + value: "#004e95", + type: "color" }, - name: '--fds-semantic-text-action-first-hover', + name: "--fds-semantic-text-action-first-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'hover'], + path: [ + "semantic", + "text", + "action", + "first", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '#00315d', - type: 'color', + value: "#00315d", + type: "color" }, - name: '--fds-semantic-text-action-first-active', + name: "--fds-semantic-text-action-first-active", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'active'], + path: [ + "semantic", + "text", + "action", + "first", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-first-on_action', + name: "--fds-semantic-text-action-first-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'first', 'on_action'], + path: [ + "semantic", + "text", + "action", + "first", + "on_action" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-default', + name: "--fds-semantic-text-action-second-default", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'default'], + path: [ + "semantic", + "text", + "action", + "second", + "default" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-hover', + name: "--fds-semantic-text-action-second-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'hover'], + path: [ + "semantic", + "text", + "action", + "second", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-second-active', + name: "--fds-semantic-text-action-second-active", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'active'], + path: [ + "semantic", + "text", + "action", + "second", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Brand/Tilsynet.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-second-on_action', + name: "--fds-semantic-text-action-second-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'second', 'on_action'], + path: [ + "semantic", + "text", + "action", + "second", + "on_action" + ] }, { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0062ba", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.700}', - type: 'color', + value: "{colors.blue.700}", + type: "color" }, - name: '--fds-semantic-text-action-default', + name: "--fds-semantic-text-action-default", attributes: {}, - path: ['semantic', 'text', 'action', 'default'], + path: [ + "semantic", + "text", + "action", + "default" + ] }, { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#004e95", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.800}', - type: 'color', + value: "{colors.blue.800}", + type: "color" }, - name: '--fds-semantic-text-action-hover', + name: "--fds-semantic-text-action-hover", attributes: {}, - path: ['semantic', 'text', 'action', 'hover'], + path: [ + "semantic", + "text", + "action", + "hover" + ] }, { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#00315d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.blue.900}', - type: 'color', + value: "{colors.blue.900}", + type: "color" }, - name: '--fds-semantic-text-action-active', + name: "--fds-semantic-text-action-active", attributes: {}, - path: ['semantic', 'text', 'action', 'active'], + path: [ + "semantic", + "text", + "action", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-action-on_action', + name: "--fds-semantic-text-action-on_action", attributes: {}, - path: ['semantic', 'text', 'action', 'on_action'], + path: [ + "semantic", + "text", + "action", + "on_action" + ] }, { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#0c6536", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.800}', - type: 'color', + value: "{colors.green.800}", + type: "color" }, - name: '--fds-semantic-text-success-default', + name: "--fds-semantic-text-success-default", attributes: {}, - path: ['semantic', 'text', 'success', 'default'], + path: [ + "semantic", + "text", + "success", + "default" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-text-success-hover', + name: "--fds-semantic-text-success-hover", attributes: {}, - path: ['semantic', 'text', 'success', 'hover'], + path: [ + "semantic", + "text", + "success", + "hover" + ] }, { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#084826", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.green.900}', - type: 'color', + value: "{colors.green.900}", + type: "color" }, - name: '--fds-semantic-text-success-active', + name: "--fds-semantic-text-success-active", attributes: {}, - path: ['semantic', 'text', 'success', 'active'], + path: [ + "semantic", + "text", + "success", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-success-on_success', + name: "--fds-semantic-text-success-on_success", attributes: {}, - path: ['semantic', 'text', 'success', 'on_success'], + path: [ + "semantic", + "text", + "success", + "on_success" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-success-on_success_subtle', + name: "--fds-semantic-text-success-on_success_subtle", attributes: {}, - path: ['semantic', 'text', 'success', 'on_success_subtle'], + path: [ + "semantic", + "text", + "success", + "on_success_subtle" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-neutral-default', + name: "--fds-semantic-text-neutral-default", attributes: {}, - path: ['semantic', 'text', 'neutral', 'default'], + path: [ + "semantic", + "text", + "neutral", + "default" + ] }, { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#4b5563", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.700}', - type: 'color', + value: "{colors.grey.700}", + type: "color" }, - name: '--fds-semantic-text-neutral-subtle', + name: "--fds-semantic-text-neutral-subtle", attributes: {}, - path: ['semantic', 'text', 'neutral', 'subtle'], + path: [ + "semantic", + "text", + "neutral", + "subtle" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-neutral-on_inverted', + name: "--fds-semantic-text-neutral-on_inverted", attributes: {}, - path: ['semantic', 'text', 'neutral', 'on_inverted'], + path: [ + "semantic", + "text", + "neutral", + "on_inverted" + ] }, { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#995404", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.700}', - type: 'color', + value: "{colors.orange.700}", + type: "color" }, - name: '--fds-semantic-text-warning-default', + name: "--fds-semantic-text-warning-default", attributes: {}, - path: ['semantic', 'text', 'warning', 'default'], + path: [ + "semantic", + "text", + "warning", + "default" + ] }, { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#cc7005", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.600}', - type: 'color', + value: "{colors.orange.600}", + type: "color" }, - name: '--fds-semantic-text-warning-icon_warning', + name: "--fds-semantic-text-warning-icon_warning", attributes: {}, - path: ['semantic', 'text', 'warning', 'icon_warning'], + path: [ + "semantic", + "text", + "warning", + "icon_warning" + ] }, { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#663802", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.orange.800}', - type: 'color', + value: "{colors.orange.800}", + type: "color" }, - name: '--fds-semantic-text-warning-on_warning', + name: "--fds-semantic-text-warning-on_warning", attributes: {}, - path: ['semantic', 'text', 'warning', 'on_warning'], + path: [ + "semantic", + "text", + "warning", + "on_warning" + ] }, { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#b3253a", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.600}', - type: 'color', + value: "{colors.red.600}", + type: "color" }, - name: '--fds-semantic-text-danger-default', + name: "--fds-semantic-text-danger-default", attributes: {}, - path: ['semantic', 'text', 'danger', 'default'], + path: [ + "semantic", + "text", + "danger", + "default" + ] }, { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#861c2c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.700}', - type: 'color', + value: "{colors.red.700}", + type: "color" }, - name: '--fds-semantic-text-danger-hover', + name: "--fds-semantic-text-danger-hover", attributes: {}, - path: ['semantic', 'text', 'danger', 'hover'], + path: [ + "semantic", + "text", + "danger", + "hover" + ] }, { - value: '#5a121d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#5a121d", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.red.800}', - type: 'color', + value: "{colors.red.800}", + type: "color" }, - name: '--fds-semantic-text-danger-active', + name: "--fds-semantic-text-danger-active", attributes: {}, - path: ['semantic', 'text', 'danger', 'active'], + path: [ + "semantic", + "text", + "danger", + "active" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-text-danger-on_danger', + name: "--fds-semantic-text-danger-on_danger", attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger'], + path: [ + "semantic", + "text", + "danger", + "on_danger" + ] }, { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#1e2b3c", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.800}', - type: 'color', + value: "{colors.grey.800}", + type: "color" }, - name: '--fds-semantic-text-danger-on_danger_subtle', + name: "--fds-semantic-text-danger-on_danger_subtle", attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger_subtle'], + path: [ + "semantic", + "text", + "danger", + "on_danger_subtle" + ] }, { - value: '#7a1265', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#7a1265", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.purple.700}', - type: 'color', + value: "{colors.purple.700}", + type: "color" }, - name: '--fds-semantic-text-visited-default', + name: "--fds-semantic-text-visited-default", attributes: {}, - path: ['semantic', 'text', 'visited', 'default'], + path: [ + "semantic", + "text", + "visited", + "default" + ] }, { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#ffffff", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.white}', - type: 'color', + value: "{colors.white}", + type: "color" }, - name: '--fds-semantic-background-default', + name: "--fds-semantic-background-default", attributes: {}, - path: ['semantic', 'background', 'default'], + path: [ + "semantic", + "background", + "default" + ] }, { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', + value: "#f4f5f6", + type: "color", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{colors.grey.100}', - type: 'color', + value: "{colors.grey.100}", + type: "color" }, - name: '--fds-semantic-background-subtle', + name: "--fds-semantic-background-subtle", attributes: {}, - path: ['semantic', 'background', 'subtle'], - }, -]; + path: [ + "semantic", + "background", + "subtle" + ] + } +] -export const typography = [ +export const typography = [ { value: "500 3.75rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f7}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f7}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-heading-2xlarge', + name: "--fds-typography-heading-2xlarge", attributes: {}, - path: ['typography', 'heading', '2xlarge'], + path: [ + "typography", + "heading", + "2xlarge" + ] }, { value: "500 3rem/1.3 'Inter'", - type: 'typography', - description: 'H1', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f6}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f6}" }, - type: 'typography', - description: 'H1', + type: "typography", + description: "H1" }, - name: '--fds-typography-heading-xlarge', + name: "--fds-typography-heading-xlarge", attributes: {}, - path: ['typography', 'heading', 'xlarge'], + path: [ + "typography", + "heading", + "xlarge" + ] }, { value: "500 2.25rem/1.3 'Inter'", - type: 'typography', - description: 'H2', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f5}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f5}" }, - type: 'typography', - description: 'H2', + type: "typography", + description: "H2" }, - name: '--fds-typography-heading-large', + name: "--fds-typography-heading-large", attributes: {}, - path: ['typography', 'heading', 'large'], + path: [ + "typography", + "heading", + "large" + ] }, { value: "500 1.875rem/1.3 'Inter'", - type: 'typography', - description: 'H3', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f4}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f4}" }, - type: 'typography', - description: 'H3', + type: "typography", + description: "H3" }, - name: '--fds-typography-heading-medium', + name: "--fds-typography-heading-medium", attributes: {}, - path: ['typography', 'heading', 'medium'], + path: [ + "typography", + "heading", + "medium" + ] }, { value: "500 1.5rem/1.3 'Inter'", - type: 'typography', - description: 'H4', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f3}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f3}" }, - type: 'typography', - description: 'H4', + type: "typography", + description: "H4" }, - name: '--fds-typography-heading-small', + name: "--fds-typography-heading-small", attributes: {}, - path: ['typography', 'heading', 'small'], + path: [ + "typography", + "heading", + "small" + ] }, { value: "500 1.3125rem/1.3 'Inter'", - type: 'typography', - description: 'H5', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', - description: 'H5', + type: "typography", + description: "H5" }, - name: '--fds-typography-heading-xsmall', + name: "--fds-typography-heading-xsmall", attributes: {}, - path: ['typography', 'heading', 'xsmall'], + path: [ + "typography", + "heading", + "xsmall" + ] }, { value: "500 1.125rem/1.3 'Inter'", - type: 'typography', - description: 'H6', - filePath: '../../design-tokens/Base/Semantic.json', + 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.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', - description: 'H6', + type: "typography", + description: "H6" }, - name: '--fds-typography-heading-xxsmall', + name: "--fds-typography-heading-xxsmall", attributes: {}, - path: ['typography', 'heading', 'xxsmall'], + path: [ + "typography", + "heading", + "xxsmall" + ] }, { value: "400 1.875rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f4}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f4}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-large', + name: "--fds-typography-ingress-large", attributes: {}, - path: ['typography', 'ingress', 'large'], + path: [ + "typography", + "ingress", + "large" + ] }, { value: "400 1.5rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f3}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f3}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-medium', + name: "--fds-typography-ingress-medium", attributes: {}, - path: ['typography', 'ingress', 'medium'], + path: [ + "typography", + "ingress", + "medium" + ] }, { value: "400 1.3125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-small', + name: "--fds-typography-ingress-small", attributes: {}, - path: ['typography', 'ingress', 'small'], + path: [ + "typography", + "ingress", + "small" + ] }, { value: "400 1.125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-ingress-xsmall', + name: "--fds-typography-ingress-xsmall", attributes: {}, - path: ['typography', 'ingress', 'xsmall'], + path: [ + "typography", + "ingress", + "xsmall" + ] }, { value: "400 1.3125rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-large', + name: "--fds-typography-paragraph-large", attributes: {}, - path: ['typography', 'paragraph', 'large'], + path: [ + "typography", + "paragraph", + "large" + ] }, { value: "400 1.125rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-medium', + name: "--fds-typography-paragraph-medium", attributes: {}, - path: ['typography', 'paragraph', 'medium'], + path: [ + "typography", + "paragraph", + "medium" + ] }, { value: "400 1rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-small', + name: "--fds-typography-paragraph-small", attributes: {}, - path: ['typography', 'paragraph', 'small'], + path: [ + "typography", + "paragraph", + "small" + ] }, { value: "400 0.875rem/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.500}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-xsmall', + name: "--fds-typography-paragraph-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'xsmall'], + path: [ + "typography", + "paragraph", + "xsmall" + ] }, { value: "400 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-large', + name: "--fds-typography-paragraph-short-large", attributes: {}, - path: ['typography', 'paragraph', 'short', 'large'], + path: [ + "typography", + "paragraph", + "short", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-medium', + name: "--fds-typography-paragraph-short-medium", attributes: {}, - path: ['typography', 'paragraph', 'short', 'medium'], + path: [ + "typography", + "paragraph", + "short", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-small', + name: "--fds-typography-paragraph-short-small", attributes: {}, - path: ['typography', 'paragraph', 'short', 'small'], + path: [ + "typography", + "paragraph", + "short", + "small" + ] }, { value: "400 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-short-xsmall', + name: "--fds-typography-paragraph-short-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'short', 'xsmall'], + path: [ + "typography", + "paragraph", + "short", + "xsmall" + ] }, { value: "400 1.125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-large', + name: "--fds-typography-paragraph-long-large", attributes: {}, - path: ['typography', 'paragraph', 'long', 'large'], + path: [ + "typography", + "paragraph", + "long", + "large" + ] }, { value: "400 1rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f0}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-medium', + name: "--fds-typography-paragraph-long-medium", attributes: {}, - path: ['typography', 'paragraph', 'long', 'medium'], + path: [ + "typography", + "paragraph", + "long", + "medium" + ] }, { value: "400 0.875rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f-1}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-small', + name: "--fds-typography-paragraph-long-small", attributes: {}, - path: ['typography', 'paragraph', 'long', 'small'], + path: [ + "typography", + "paragraph", + "long", + "small" + ] }, { value: "400 0.8125rem/1.7 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.700}', - fontSize: '{font-size.f-2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.700}", + fontSize: "{font-size.f-2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-paragraph-long-xsmall', + name: "--fds-typography-paragraph-long-xsmall", attributes: {}, - path: ['typography', 'paragraph', 'long', 'xsmall'], + path: [ + "typography", + "paragraph", + "long", + "xsmall" + ] }, { value: "500 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-large', + name: "--fds-typography-label-large", attributes: {}, - path: ['typography', 'label', 'large'], + path: [ + "typography", + "label", + "large" + ] }, { value: "500 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-medium', + name: "--fds-typography-label-medium", attributes: {}, - path: ['typography', 'label', 'medium'], + path: [ + "typography", + "label", + "medium" + ] }, { value: "500 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-small', + name: "--fds-typography-label-small", attributes: {}, - path: ['typography', 'label', 'small'], + path: [ + "typography", + "label", + "small" + ] }, { value: "500 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.medium}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-label-xsmall', + name: "--fds-typography-label-xsmall", attributes: {}, - path: ['typography', 'label', 'xsmall'], + path: [ + "typography", + "label", + "xsmall" + ] }, { value: "400 1.3125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + type: "typography", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f2}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-large', + name: "--fds-typography-error_message-large", attributes: {}, - path: ['typography', 'error_message', 'large'], + path: [ + "typography", + "error_message", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-medium', + name: "--fds-typography-error_message-medium", attributes: {}, - path: ['typography', 'error_message', 'medium'], + path: [ + "typography", + "error_message", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f0}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-small', + name: "--fds-typography-error_message-small", attributes: {}, - path: ['typography', 'error_message', 'small'], + path: [ + "typography", + "error_message", + "small" + ] }, { value: "400 0.875rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-size.f-1}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-error_message-xsmall', + name: "--fds-typography-error_message-xsmall", attributes: {}, - path: ['typography', 'error_message', 'xsmall'], + path: [ + "typography", + "error_message", + "xsmall" + ] }, { value: "400 1.5rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.large}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-large', + name: "--fds-typography-interactive-large", attributes: {}, - path: ['typography', 'interactive', 'large'], + path: [ + "typography", + "interactive", + "large" + ] }, { value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.medium}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-medium', + name: "--fds-typography-interactive-medium", attributes: {}, - path: ['typography', 'interactive', 'medium'], + path: [ + "typography", + "interactive", + "medium" + ] }, { value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', + 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}', + fontFamily: "{fontFamilies.inter}", + fontWeight: "{fontWeights.regular}", + lineHeight: "{lineHeights.300}", + fontSize: "{font-static.small}" }, - type: 'typography', + type: "typography" }, - name: '--fds-typography-interactive-small', + name: "--fds-typography-interactive-small", attributes: {}, - path: ['typography', 'interactive', 'small'], - }, -]; + path: [ + "typography", + "interactive", + "small" + ] + } +] -export const opacity = [ +export const opacity = [ { - value: '30%', - type: 'opacity', - filePath: '../../design-tokens/Base/Semantic.json', + value: "30%", + type: "opacity", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '30%', - type: 'opacity', + value: "30%", + type: "opacity" }, - name: '--fds-opacity-disabled', + name: "--fds-opacity-disabled", attributes: {}, - path: ['opacity', 'disabled'], - }, -]; + path: [ + "opacity", + "disabled" + ] + } +] -export const borderRadius = [ +export const borderRadius = [ { - value: '4px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_radius.medium}', - type: 'borderRadius', + value: "{border_radius.medium}", + type: "borderRadius" }, - name: '--fds-border_radius-interactive', + name: "--fds-border_radius-interactive", attributes: {}, - path: ['border_radius', 'interactive'], + path: [ + "border_radius", + "interactive" + ] }, { - value: '2px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '2px', - type: 'borderRadius', + value: "2px", + type: "borderRadius" }, - name: '--fds-border_radius-small', + name: "--fds-border_radius-small", attributes: {}, - path: ['border_radius', 'small'], + path: [ + "border_radius", + "small" + ] }, { - value: '4px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '4px', - type: 'borderRadius', + value: "4px", + type: "borderRadius" }, - name: '--fds-border_radius-medium', + name: "--fds-border_radius-medium", attributes: {}, - path: ['border_radius', 'medium'], + path: [ + "border_radius", + "medium" + ] }, { - value: '8px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "8px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '8px', - type: 'borderRadius', + value: "8px", + type: "borderRadius" }, - name: '--fds-border_radius-large', + name: "--fds-border_radius-large", attributes: {}, - path: ['border_radius', 'large'], + path: [ + "border_radius", + "large" + ] }, { - value: '12px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "12px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '12px', - type: 'borderRadius', + value: "12px", + type: "borderRadius" }, - name: '--fds-border_radius-xlarge', + name: "--fds-border_radius-xlarge", attributes: {}, - path: ['border_radius', 'xlarge'], + path: [ + "border_radius", + "xlarge" + ] }, { - value: '16px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "16px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '16px', - type: 'borderRadius', + value: "16px", + type: "borderRadius" }, - name: '--fds-border_radius-xxlarge', + name: "--fds-border_radius-xxlarge", attributes: {}, - path: ['border_radius', 'xxlarge'], + path: [ + "border_radius", + "xxlarge" + ] }, { - value: '24px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "24px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '24px', - type: 'borderRadius', + value: "24px", + type: "borderRadius" }, - name: '--fds-border_radius-xxxlarge', + name: "--fds-border_radius-xxxlarge", attributes: {}, - path: ['border_radius', 'xxxlarge'], + path: [ + "border_radius", + "xxxlarge" + ] }, { - value: '32px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "32px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '32px', - type: 'borderRadius', + value: "32px", + type: "borderRadius" }, - name: '--fds-border_radius-xxxxlarge', + name: "--fds-border_radius-xxxxlarge", attributes: {}, - path: ['border_radius', 'xxxxlarge'], + path: [ + "border_radius", + "xxxxlarge" + ] }, { - value: '9999px', - type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', + value: "9999px", + type: "borderRadius", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '9999px', - type: 'borderRadius', + value: "9999px", + type: "borderRadius" }, - name: '--fds-border_radius-full', + name: "--fds-border_radius-full", attributes: {}, - path: ['border_radius', 'full'], - }, -]; + path: [ + "border_radius", + "full" + ] + } +] -export const spacing = [ +export const spacing = [ { - value: '0rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*0', - type: 'spacing', + value: "{base_sizing}*0", + type: "spacing" }, - name: '--fds-spacing-0', + name: "--fds-spacing-0", attributes: {}, - path: ['spacing', '0'], + path: [ + "spacing", + "0" + ] }, { - value: '0.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*1', - type: 'spacing', + value: "{base_sizing}*1", + type: "spacing" }, - name: '--fds-spacing-1', + name: "--fds-spacing-1", attributes: {}, - path: ['spacing', '1'], + path: [ + "spacing", + "1" + ] }, { - value: '0.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*2', - type: 'spacing', + value: "{base_sizing}*2", + type: "spacing" }, - name: '--fds-spacing-2', + name: "--fds-spacing-2", attributes: {}, - path: ['spacing', '2'], + path: [ + "spacing", + "2" + ] }, { - value: '0.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*3', - type: 'spacing', + value: "{base_sizing}*3", + type: "spacing" }, - name: '--fds-spacing-3', + name: "--fds-spacing-3", attributes: {}, - path: ['spacing', '3'], + path: [ + "spacing", + "3" + ] }, { - value: '1rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*4', - type: 'spacing', + value: "{base_sizing}*4", + type: "spacing" }, - name: '--fds-spacing-4', + name: "--fds-spacing-4", attributes: {}, - path: ['spacing', '4'], + path: [ + "spacing", + "4" + ] }, { - value: '1.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*5', - type: 'spacing', + value: "{base_sizing}*5", + type: "spacing" }, - name: '--fds-spacing-5', + name: "--fds-spacing-5", attributes: {}, - path: ['spacing', '5'], + path: [ + "spacing", + "5" + ] }, { - value: '1.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*6', - type: 'spacing', + value: "{base_sizing}*6", + type: "spacing" }, - name: '--fds-spacing-6', + name: "--fds-spacing-6", attributes: {}, - path: ['spacing', '6'], + path: [ + "spacing", + "6" + ] }, { - value: '1.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*7', - type: 'spacing', + value: "{base_sizing}*7", + type: "spacing" }, - name: '--fds-spacing-7', + name: "--fds-spacing-7", attributes: {}, - path: ['spacing', '7'], + path: [ + "spacing", + "7" + ] }, { - value: '2rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*8', - type: 'spacing', + value: "{base_sizing}*8", + type: "spacing" }, - name: '--fds-spacing-8', + name: "--fds-spacing-8", attributes: {}, - path: ['spacing', '8'], + path: [ + "spacing", + "8" + ] }, { - value: '2.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*9', - type: 'spacing', + value: "{base_sizing}*9", + type: "spacing" }, - name: '--fds-spacing-9', + name: "--fds-spacing-9", attributes: {}, - path: ['spacing', '9'], + path: [ + "spacing", + "9" + ] }, { - value: '2.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*10', - type: 'spacing', + value: "{base_sizing}*10", + type: "spacing" }, - name: '--fds-spacing-10', + name: "--fds-spacing-10", attributes: {}, - path: ['spacing', '10'], + path: [ + "spacing", + "10" + ] }, { - value: '2.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*11', - type: 'spacing', + value: "{base_sizing}*11", + type: "spacing" }, - name: '--fds-spacing-11', + name: "--fds-spacing-11", attributes: {}, - path: ['spacing', '11'], + path: [ + "spacing", + "11" + ] }, { - value: '3rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*12', - type: 'spacing', + value: "{base_sizing}*12", + type: "spacing" }, - name: '--fds-spacing-12', + name: "--fds-spacing-12", attributes: {}, - path: ['spacing', '12'], + path: [ + "spacing", + "12" + ] }, { - value: '3.25rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.25rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*13', - type: 'spacing', + value: "{base_sizing}*13", + type: "spacing" }, - name: '--fds-spacing-13', + name: "--fds-spacing-13", attributes: {}, - path: ['spacing', '13'], + path: [ + "spacing", + "13" + ] }, { - value: '3.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*14', - type: 'spacing', + value: "{base_sizing}*14", + type: "spacing" }, - name: '--fds-spacing-14', + name: "--fds-spacing-14", attributes: {}, - path: ['spacing', '14'], + path: [ + "spacing", + "14" + ] }, { - value: '3.75rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.75rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*15', - type: 'spacing', + value: "{base_sizing}*15", + type: "spacing" }, - name: '--fds-spacing-15', + name: "--fds-spacing-15", attributes: {}, - path: ['spacing', '15'], + path: [ + "spacing", + "15" + ] }, { - value: '4.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*18', - type: 'spacing', + value: "{base_sizing}*18", + type: "spacing" }, - name: '--fds-spacing-18', + name: "--fds-spacing-18", attributes: {}, - path: ['spacing', '18'], + path: [ + "spacing", + "18" + ] }, { - value: '5.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "5.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*22', - type: 'spacing', + value: "{base_sizing}*22", + type: "spacing" }, - name: '--fds-spacing-22', + name: "--fds-spacing-22", attributes: {}, - path: ['spacing', '22'], + path: [ + "spacing", + "22" + ] }, { - value: '6.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "6.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*26', - type: 'spacing', + value: "{base_sizing}*26", + type: "spacing" }, - name: '--fds-spacing-26', + name: "--fds-spacing-26", attributes: {}, - path: ['spacing', '26'], + path: [ + "spacing", + "26" + ] }, { - value: '7.5rem', - type: 'spacing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "7.5rem", + type: "spacing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*30', - type: 'spacing', + value: "{base_sizing}*30", + type: "spacing" }, - name: '--fds-spacing-30', + name: "--fds-spacing-30", attributes: {}, - path: ['spacing', '30'], - }, -]; + path: [ + "spacing", + "30" + ] + } +] -export const sizing = [ +export const sizing = [ { - value: '0rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*0', - type: 'sizing', + value: "{base_sizing}*0", + type: "sizing" }, - name: '--fds-sizing-0', + name: "--fds-sizing-0", attributes: {}, - path: ['sizing', '0'], + path: [ + "sizing", + "0" + ] }, { - value: '0.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*1', - type: 'sizing', + value: "{base_sizing}*1", + type: "sizing" }, - name: '--fds-sizing-1', + name: "--fds-sizing-1", attributes: {}, - path: ['sizing', '1'], + path: [ + "sizing", + "1" + ] }, { - value: '0.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*2', - type: 'sizing', + value: "{base_sizing}*2", + type: "sizing" }, - name: '--fds-sizing-2', + name: "--fds-sizing-2", attributes: {}, - path: ['sizing', '2'], + path: [ + "sizing", + "2" + ] }, { - value: '0.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*3', - type: 'sizing', + value: "{base_sizing}*3", + type: "sizing" }, - name: '--fds-sizing-3', + name: "--fds-sizing-3", attributes: {}, - path: ['sizing', '3'], + path: [ + "sizing", + "3" + ] }, { - value: '1rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*4', - type: 'sizing', + value: "{base_sizing}*4", + type: "sizing" }, - name: '--fds-sizing-4', + name: "--fds-sizing-4", attributes: {}, - path: ['sizing', '4'], + path: [ + "sizing", + "4" + ] }, { - value: '1.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*5', - type: 'sizing', + value: "{base_sizing}*5", + type: "sizing" }, - name: '--fds-sizing-5', + name: "--fds-sizing-5", attributes: {}, - path: ['sizing', '5'], + path: [ + "sizing", + "5" + ] }, { - value: '1.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*6', - type: 'sizing', + value: "{base_sizing}*6", + type: "sizing" }, - name: '--fds-sizing-6', + name: "--fds-sizing-6", attributes: {}, - path: ['sizing', '6'], + path: [ + "sizing", + "6" + ] }, { - value: '1.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*7', - type: 'sizing', + value: "{base_sizing}*7", + type: "sizing" }, - name: '--fds-sizing-7', + name: "--fds-sizing-7", attributes: {}, - path: ['sizing', '7'], + path: [ + "sizing", + "7" + ] }, { - value: '2rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*8', - type: 'sizing', + value: "{base_sizing}*8", + type: "sizing" }, - name: '--fds-sizing-8', + name: "--fds-sizing-8", attributes: {}, - path: ['sizing', '8'], + path: [ + "sizing", + "8" + ] }, { - value: '2.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*9', - type: 'sizing', + value: "{base_sizing}*9", + type: "sizing" }, - name: '--fds-sizing-9', + name: "--fds-sizing-9", attributes: {}, - path: ['sizing', '9'], + path: [ + "sizing", + "9" + ] }, { - value: '2.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*10', - type: 'sizing', + value: "{base_sizing}*10", + type: "sizing" }, - name: '--fds-sizing-10', + name: "--fds-sizing-10", attributes: {}, - path: ['sizing', '10'], + path: [ + "sizing", + "10" + ] }, { - value: '2.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*11', - type: 'sizing', + value: "{base_sizing}*11", + type: "sizing" }, - name: '--fds-sizing-11', + name: "--fds-sizing-11", attributes: {}, - path: ['sizing', '11'], + path: [ + "sizing", + "11" + ] }, { - value: '3rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*12', - type: 'sizing', + value: "{base_sizing}*12", + type: "sizing" }, - name: '--fds-sizing-12', + name: "--fds-sizing-12", attributes: {}, - path: ['sizing', '12'], + path: [ + "sizing", + "12" + ] }, { - value: '3.25rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.25rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*13', - type: 'sizing', + value: "{base_sizing}*13", + type: "sizing" }, - name: '--fds-sizing-13', + name: "--fds-sizing-13", attributes: {}, - path: ['sizing', '13'], + path: [ + "sizing", + "13" + ] }, { - value: '3.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*14', - type: 'sizing', + value: "{base_sizing}*14", + type: "sizing" }, - name: '--fds-sizing-14', + name: "--fds-sizing-14", attributes: {}, - path: ['sizing', '14'], + path: [ + "sizing", + "14" + ] }, { - value: '3.75rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "3.75rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*15', - type: 'sizing', + value: "{base_sizing}*15", + type: "sizing" }, - name: '--fds-sizing-15', + name: "--fds-sizing-15", attributes: {}, - path: ['sizing', '15'], + path: [ + "sizing", + "15" + ] }, { - value: '4.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "4.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*18', - type: 'sizing', + value: "{base_sizing}*18", + type: "sizing" }, - name: '--fds-sizing-18', + name: "--fds-sizing-18", attributes: {}, - path: ['sizing', '18'], + path: [ + "sizing", + "18" + ] }, { - value: '5.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "5.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*22', - type: 'sizing', + value: "{base_sizing}*22", + type: "sizing" }, - name: '--fds-sizing-22', + name: "--fds-sizing-22", attributes: {}, - path: ['sizing', '22'], + path: [ + "sizing", + "22" + ] }, { - value: '6.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "6.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*26', - type: 'sizing', + value: "{base_sizing}*26", + type: "sizing" }, - name: '--fds-sizing-26', + name: "--fds-sizing-26", attributes: {}, - path: ['sizing', '26'], + path: [ + "sizing", + "26" + ] }, { - value: '7.5rem', - type: 'sizing', - filePath: '../../design-tokens/Base/Semantic.json', + value: "7.5rem", + type: "sizing", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{base_sizing}*30', - type: 'sizing', + value: "{base_sizing}*30", + type: "sizing" }, - name: '--fds-sizing-30', + name: "--fds-sizing-30", attributes: {}, - path: ['sizing', '30'], - }, -]; + path: [ + "sizing", + "30" + ] + } +] -export const borderWidth = [ +export const borderWidth = [ { - value: '1px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "1px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_width.1}', - type: 'borderWidth', + value: "{border_width.1}", + type: "borderWidth" }, - name: '--fds-border_width-default', + name: "--fds-border_width-default", attributes: {}, - path: ['border_width', 'default'], + path: [ + "border_width", + "default" + ] }, { - value: '2px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{border_width.2}', - type: 'borderWidth', + value: "{border_width.2}", + type: "borderWidth" }, - name: '--fds-border_width-active', + name: "--fds-border_width-active", attributes: {}, - path: ['border_width', 'active'], + path: [ + "border_width", + "active" + ] }, { - value: '2px', - type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', + value: "2px", + type: "borderWidth", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '2px', - type: 'borderWidth', + value: "2px", + type: "borderWidth" }, - name: '--fds-border_width-tab_focus', + name: "--fds-border_width-tab_focus", attributes: {}, - path: ['border_width', 'tab_focus'], - }, -]; + path: [ + "border_width", + "tab_focus" + ] + } +] -export const boxShadow = [ +export const boxShadow = [ { - value: '0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.100}', - type: 'boxShadow', + value: "{shadow.100}", + type: "boxShadow" }, - name: '--fds-shadow-xsmall', + name: "--fds-shadow-xsmall", attributes: {}, - path: ['shadow', 'xsmall'], + path: [ + "shadow", + "xsmall" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.200}', - type: 'boxShadow', + value: "{shadow.200}", + type: "boxShadow" }, - name: '--fds-shadow-small', + name: "--fds-shadow-small", attributes: {}, - path: ['shadow', 'small'], + path: [ + "shadow", + "small" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.300}', - type: 'boxShadow', + value: "{shadow.300}", + type: "boxShadow" }, - name: '--fds-shadow-medium', + name: "--fds-shadow-medium", attributes: {}, - path: ['shadow', 'medium'], + path: [ + "shadow", + "medium" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.400}', - type: 'boxShadow', + value: "{shadow.400}", + type: "boxShadow" }, - name: '--fds-shadow-large', + name: "--fds-shadow-large", attributes: {}, - path: ['shadow', 'large'], + path: [ + "shadow", + "large" + ] }, { - value: - '0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)', - type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', + value: "0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16)", + type: "boxShadow", + filePath: "../../design-tokens/Base/Semantic.json", isSource: false, original: { - value: '{shadow.500}', - type: 'boxShadow', + value: "{shadow.500}", + type: "boxShadow" }, - name: '--fds-shadow-xlarge', + name: "--fds-shadow-xlarge", attributes: {}, - path: ['shadow', 'xlarge'], - }, -]; + path: [ + "shadow", + "xlarge" + ] + } +] diff --git a/apps/storefront/tsconfig.json b/apps/storefront/tsconfig.json index 68c7b81455..3e82c8ea86 100644 --- a/apps/storefront/tsconfig.json +++ b/apps/storefront/tsconfig.json @@ -13,7 +13,7 @@ "noEmit": true, "esModuleInterop": true, "module": "esnext", - "moduleResolution": "node", + "moduleResolution": "Node16", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", diff --git a/package.json b/package.json index a7aafc6a90..bc379f5620 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,7 @@ "version": "0.0.0", "packageManager": "yarn@4.0.2", "private": true, + "type": "module", "workspaces": [ "packages/*", "apps/*", @@ -40,6 +41,7 @@ "@babel/preset-typescript": "^7.23.3", "@chromatic-com/storybook": "^1", "@next/eslint-plugin-next": "^14.0.4", + "@prettier/sync": "^0.5.2", "@rollup/plugin-commonjs": "^25.0.7", "@rollup/plugin-node-resolve": "^15.2.3", "@storybook/addon-a11y": "^8.0.8", @@ -58,7 +60,7 @@ "@types/babel__core": "^7", "@types/babel__preset-env": "^7", "@types/node": "^20.10.5", - "@types/prettier": "^2.7.1", + "@types/prettier": "^3.0.0", "@types/react": "^18.2.45", "@types/react-dom": "^18.2.18", "@types/rimraf": "^4.0.5", @@ -69,13 +71,13 @@ "clsx": "^2.0.0", "copyfiles": "^2.4.1", "eslint": "8.56.0", - "eslint-config-prettier": "9.0.0", + "eslint-config-prettier": "9.1.0", "eslint-import-resolver-alias": "^1.1.2", "eslint-import-resolver-typescript": "3.6.1", "eslint-plugin-import": "2.29.1", "eslint-plugin-jsx-a11y": "6.8.0", "eslint-plugin-mdx": "^3.1.5", - "eslint-plugin-prettier": "4.2.1", + "eslint-plugin-prettier": "5.1.3", "eslint-plugin-react": "7.33.2", "eslint-plugin-react-hooks": "4.6.0", "eslint-plugin-storybook": "^0.8.0", @@ -84,7 +86,7 @@ "jsdom": "^24.0.0", "lerna": "^8.0.1", "postcss": "^8.4.32", - "prettier": "^2.7.1", + "prettier": "^3.2.5", "react": "^18.2.0", "react-dom": "^18.2.0", "react-markdown": "^8.0.7", @@ -99,7 +101,7 @@ "stylelint-config-css-modules": "^4.4.0", "stylelint-config-prettier": "^9.0.5", "stylelint-config-standard": "^35.0.0", - "stylelint-prettier": "^3.0.0", + "stylelint-prettier": "^5.0.0", "tslib": "^2.6.2", "typescript": "^5.4.2", "typescript-plugin-css-modules": "^5.1.0", diff --git a/packages/cli/src/build.ts b/packages/cli/src/build.ts index a5f2bb000c..a52e695c0f 100644 --- a/packages/cli/src/build.ts +++ b/packages/cli/src/build.ts @@ -21,11 +21,7 @@ import { fontScaleHackFormat, sizeRem, } from './transformers.js'; -import { - scopedReferenceVariables, - groupedTokens, - setup as setupFormatters, -} from './formatters.js'; +import { scopedReferenceVariables, groupedTokens } from './formatters.js'; const argv = yargs(process.argv.slice(2)) .options({ @@ -68,8 +64,6 @@ const storefrontTokensPath = path.resolve('../../apps/storefront/tokens'); const packageTokensPath = path.resolve('../../packages/theme/brand'); const tokensPath = argv.tokens; -setupFormatters('./../../prettier.config.js'); - StyleDictionary.registerTransform(sizePx); StyleDictionary.registerTransform(sizeRem); StyleDictionary.registerTransform(nameKebab); diff --git a/packages/cli/src/formatters.ts b/packages/cli/src/formatters.ts index 003b634f4a..e5c8f241a0 100644 --- a/packages/cli/src/formatters.ts +++ b/packages/cli/src/formatters.ts @@ -1,7 +1,6 @@ import path from 'path'; import * as R from 'ramda'; -import prettier from 'prettier'; import StyleDictionary from 'style-dictionary'; import type { Named, TransformedToken, Format } from 'style-dictionary'; @@ -9,17 +8,6 @@ const { fileHeader, createPropertyFormatter } = StyleDictionary.formatHelpers; type ReferencesFilter = (token: TransformedToken) => boolean; -let prettierOptions: prettier.Options | null; - -export const setup = (prettierConfigPath: string) => { - prettierOptions = prettier.resolveConfig.sync( - path.resolve(prettierConfigPath), - ); - if (!prettierOptions) { - throw Error(`Prettier config not found at ${prettierConfigPath}`); - } -}; - /** * CSS variables format with option to include source references for matched token through `options.referencesFilter` */ @@ -127,13 +115,13 @@ export const groupedTokens: Named = { Object.entries(tokens) .map( ([name, token]) => - `export const ${name} = ${JSON.stringify(token, null, 2)} \n`, + `export const ${name} = ${JSON.stringify(token, null, 2).replace( + /"([^"]+)":/g, + '$1:', + )} \n`, ) .join('\n'); - return prettier.format(content, { - ...prettierOptions, - parser: 'babel', - }); + return content; }, }; diff --git a/prettier.config.js b/prettier.config.js index 45611701af..3d9dbc552b 100644 --- a/prettier.config.js +++ b/prettier.config.js @@ -1,4 +1,5 @@ -module.exports = { +/** @type {import("prettier").Config} */ +export default { trailingComma: 'all', tabWidth: 2, useTabs: false, diff --git a/yarn.lock b/yarn.lock index 918b895750..4520bd4e03 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3943,6 +3943,17 @@ __metadata: languageName: node linkType: hard +"@prettier/sync@npm:^0.5.2": + version: 0.5.2 + resolution: "@prettier/sync@npm:0.5.2" + dependencies: + make-synchronized: "npm:^0.2.8" + peerDependencies: + prettier: "*" + checksum: 172cdc62f4103b022f8e8d0a63839350d97bc51468ea476594bce651c2cda311e4810417f16a3c967941a8493a68468a5df27beea4c85eaeaa37e84be3acf399 + languageName: node + linkType: hard + "@radix-ui/react-compose-refs@npm:1.0.1": version: 1.0.1 resolution: "@radix-ui/react-compose-refs@npm:1.0.1" @@ -5871,10 +5882,12 @@ __metadata: languageName: node linkType: hard -"@types/prettier@npm:^2.7.1": - version: 2.7.3 - resolution: "@types/prettier@npm:2.7.3" - checksum: cda84c19acc3bf327545b1ce71114a7d08efbd67b5030b9e8277b347fa57b05178045f70debe1d363ff7efdae62f237260713aafc2d7217e06fc99b048a88497 +"@types/prettier@npm:^3.0.0": + version: 3.0.0 + resolution: "@types/prettier@npm:3.0.0" + dependencies: + prettier: "npm:*" + checksum: a2a512d304e5bcf78f38089dc88ad19215e6ab871d435a17aef3ce538a63b07c0e359c18db23989dc1ed9fff96d99eee1f680416080184df5c7e0e3bf767e165 languageName: node linkType: hard @@ -9774,14 +9787,14 @@ __metadata: languageName: node linkType: hard -"eslint-config-prettier@npm:9.0.0": - version: 9.0.0 - resolution: "eslint-config-prettier@npm:9.0.0" +"eslint-config-prettier@npm:9.1.0": + version: 9.1.0 + resolution: "eslint-config-prettier@npm:9.1.0" peerDependencies: eslint: ">=7.0.0" bin: eslint-config-prettier: bin/cli.js - checksum: 276b0b5b5b19066962a9ff3a16a553bdad28e1c0a2ea33a1d75d65c0428bb7b37f6e85ac111ebefcc9bdefb544385856dbe6eaeda5279c639e5549c113d27dda + checksum: 411e3b3b1c7aa04e3e0f20d561271b3b909014956c4dba51c878bf1a23dbb8c800a3be235c46c4732c70827276e540b6eed4636d9b09b444fd0a8e07f0fcd830 languageName: node linkType: hard @@ -9941,18 +9954,23 @@ __metadata: languageName: node linkType: hard -"eslint-plugin-prettier@npm:4.2.1": - version: 4.2.1 - resolution: "eslint-plugin-prettier@npm:4.2.1" +"eslint-plugin-prettier@npm:5.1.3": + version: 5.1.3 + resolution: "eslint-plugin-prettier@npm:5.1.3" dependencies: prettier-linter-helpers: "npm:^1.0.0" + synckit: "npm:^0.8.6" peerDependencies: - eslint: ">=7.28.0" - prettier: ">=2.0.0" + "@types/eslint": ">=8.0.0" + eslint: ">=8.0.0" + eslint-config-prettier: "*" + prettier: ">=3.0.0" peerDependenciesMeta: + "@types/eslint": + optional: true eslint-config-prettier: optional: true - checksum: d387f85dd1bfcb6bc6b794845fee6afb9ebb2375653de6bcde6e615892fb97f85121a7c012a4651b181fc09953bdf54c9bc70cab7ad297019d89ae87dd007e28 + checksum: 4f26a30444adc61ed692cdb5a9f7e8d9f5794f0917151051e66755ce032a08c3cc72c8b5d56101412e90f6d77035bd8194ea8731e9c16aacdd5ae345a8dae188 languageName: node linkType: hard @@ -13511,6 +13529,13 @@ __metadata: languageName: node linkType: hard +"make-synchronized@npm:^0.2.8": + version: 0.2.9 + resolution: "make-synchronized@npm:0.2.9" + checksum: d12c540719641f05f4e40bae5625b7e5ac9dded364e7f97ef3fd8baa1bcbd016f873c5281e4719e321a612635accf0a9e2c07a37d215240b549b99ed0d8a1b3f + languageName: node + linkType: hard + "map-obj@npm:^1.0.0": version: 1.0.1 resolution: "map-obj@npm:1.0.1" @@ -17589,16 +17614,7 @@ __metadata: languageName: node linkType: hard -"prettier@npm:^2.7.1": - version: 2.8.8 - resolution: "prettier@npm:2.8.8" - bin: - prettier: bin-prettier.js - checksum: 00cdb6ab0281f98306cd1847425c24cbaaa48a5ff03633945ab4c701901b8e96ad558eb0777364ffc312f437af9b5a07d0f45346266e8245beaf6247b9c62b24 - languageName: node - linkType: hard - -"prettier@npm:^3.1.1": +"prettier@npm:*, prettier@npm:^3.1.1, prettier@npm:^3.2.5": version: 3.2.5 resolution: "prettier@npm:3.2.5" bin: @@ -18865,6 +18881,7 @@ __metadata: "@babel/preset-typescript": "npm:^7.23.3" "@chromatic-com/storybook": "npm:^1" "@next/eslint-plugin-next": "npm:^14.0.4" + "@prettier/sync": "npm:^0.5.2" "@rollup/plugin-commonjs": "npm:^25.0.7" "@rollup/plugin-node-resolve": "npm:^15.2.3" "@storybook/addon-a11y": "npm:^8.0.8" @@ -18883,7 +18900,7 @@ __metadata: "@types/babel__core": "npm:^7" "@types/babel__preset-env": "npm:^7" "@types/node": "npm:^20.10.5" - "@types/prettier": "npm:^2.7.1" + "@types/prettier": "npm:^3.0.0" "@types/react": "npm:^18.2.45" "@types/react-dom": "npm:^18.2.18" "@types/rimraf": "npm:^4.0.5" @@ -18894,13 +18911,13 @@ __metadata: clsx: "npm:^2.0.0" copyfiles: "npm:^2.4.1" eslint: "npm:8.56.0" - eslint-config-prettier: "npm:9.0.0" + eslint-config-prettier: "npm:9.1.0" eslint-import-resolver-alias: "npm:^1.1.2" eslint-import-resolver-typescript: "npm:3.6.1" eslint-plugin-import: "npm:2.29.1" eslint-plugin-jsx-a11y: "npm:6.8.0" eslint-plugin-mdx: "npm:^3.1.5" - eslint-plugin-prettier: "npm:4.2.1" + eslint-plugin-prettier: "npm:5.1.3" eslint-plugin-react: "npm:7.33.2" eslint-plugin-react-hooks: "npm:4.6.0" eslint-plugin-storybook: "npm:^0.8.0" @@ -18909,7 +18926,7 @@ __metadata: jsdom: "npm:^24.0.0" lerna: "npm:^8.0.1" postcss: "npm:^8.4.32" - prettier: "npm:^2.7.1" + prettier: "npm:^3.2.5" react: "npm:^18.2.0" react-dom: "npm:^18.2.0" react-markdown: "npm:^8.0.7" @@ -18924,7 +18941,7 @@ __metadata: stylelint-config-css-modules: "npm:^4.4.0" stylelint-config-prettier: "npm:^9.0.5" stylelint-config-standard: "npm:^35.0.0" - stylelint-prettier: "npm:^3.0.0" + stylelint-prettier: "npm:^5.0.0" tslib: "npm:^2.6.2" typescript: "npm:^5.4.2" typescript-plugin-css-modules: "npm:^5.1.0" @@ -19965,15 +19982,15 @@ __metadata: languageName: node linkType: hard -"stylelint-prettier@npm:^3.0.0": - version: 3.0.0 - resolution: "stylelint-prettier@npm:3.0.0" +"stylelint-prettier@npm:^5.0.0": + version: 5.0.0 + resolution: "stylelint-prettier@npm:5.0.0" dependencies: prettier-linter-helpers: "npm:^1.0.0" peerDependencies: - prettier: ">=2.0.0" - stylelint: ">=14.0.0" - checksum: 319a64c0f05ac7b19fe0f54c5fea9c4db16362da045a11df469bcee97977e9d2d6ce4f645c502e8373fcb022cf4c47f72dab87bfea088e662e6281588ef09bd2 + prettier: ">=3.0.0" + stylelint: ">=16.0.0" + checksum: 1d55f03bbc66c769643672789ebc6f48d6af573e8ef867ea919c7fd0fa70b9750183405641808c16a9a024f895092b23d0732d7ddda4c05ba6a21cceceee9205 languageName: node linkType: hard @@ -20154,6 +20171,16 @@ __metadata: languageName: node linkType: hard +"synckit@npm:^0.8.6": + version: 0.8.8 + resolution: "synckit@npm:0.8.8" + dependencies: + "@pkgr/core": "npm:^0.1.0" + tslib: "npm:^2.6.2" + checksum: 2864a5c3e689ad5b991bebbd8a583c5682c4fa08a4f39986b510b6b5d160c08fc3672444069f8f96ed6a9d12772879c674c1f61e728573eadfa90af40a765b74 + languageName: node + linkType: hard + "synckit@npm:^0.9.0": version: 0.9.0 resolution: "synckit@npm:0.9.0" From 1fe1e4ae1805dcbdd2a270226c2129c92abaf8fc Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 14:48:24 +0200 Subject: [PATCH 02/13] fix moduleresolution --- apps/storefront/tsconfig.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/storefront/tsconfig.json b/apps/storefront/tsconfig.json index 3e82c8ea86..18bfbd7e5b 100644 --- a/apps/storefront/tsconfig.json +++ b/apps/storefront/tsconfig.json @@ -12,8 +12,8 @@ "strict": true, "noEmit": true, "esModuleInterop": true, - "module": "esnext", - "moduleResolution": "Node16", + "module": "NodeNext", + "moduleResolution": "NodeNext", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", From 3f428e90e6873fd4388c69c40b3c3bff8d45dcd3 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 14:50:23 +0200 Subject: [PATCH 03/13] fix type error --- commitlint.rules.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/commitlint.rules.js b/commitlint.rules.js index ac70a39ce4..4b39e3630e 100644 --- a/commitlint.rules.js +++ b/commitlint.rules.js @@ -1,4 +1,4 @@ -module.exports = { +export default { rules: { 'subject-case': [0], }, From 308fa1e2bc26daeb6272cc0e546d68224513901e Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 14:50:27 +0200 Subject: [PATCH 04/13] fix tsconfig --- apps/storefront/tsconfig.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/storefront/tsconfig.json b/apps/storefront/tsconfig.json index 18bfbd7e5b..d65d80c027 100644 --- a/apps/storefront/tsconfig.json +++ b/apps/storefront/tsconfig.json @@ -12,8 +12,8 @@ "strict": true, "noEmit": true, "esModuleInterop": true, - "module": "NodeNext", - "moduleResolution": "NodeNext", + "module": "ESNext", + "moduleResolution": "Bundler", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", From 2a01ed43a64c48ec10bb07fb43b4f5db2c4a0b42 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 14:54:02 +0200 Subject: [PATCH 05/13] test cjs --- commitlint.rules.js => commitlint.rules.cjs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename commitlint.rules.js => commitlint.rules.cjs (69%) diff --git a/commitlint.rules.js b/commitlint.rules.cjs similarity index 69% rename from commitlint.rules.js rename to commitlint.rules.cjs index 4b39e3630e..ac70a39ce4 100644 --- a/commitlint.rules.js +++ b/commitlint.rules.cjs @@ -1,4 +1,4 @@ -export default { +module.exports = { rules: { 'subject-case': [0], }, From 1182aa51820f54fae80097899df8f0f977a56eed Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 14:57:00 +0200 Subject: [PATCH 06/13] cjs eslint --- .eslintrc.js => .eslintrc.cjs | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename .eslintrc.js => .eslintrc.cjs (100%) diff --git a/.eslintrc.js b/.eslintrc.cjs similarity index 100% rename from .eslintrc.js rename to .eslintrc.cjs From 1a72b3438072776f9b76dba04fc2034d8999e25e Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 15:01:09 +0200 Subject: [PATCH 07/13] fix lint errors --- apps/storefront/components/CodeSnippet/CodeSnippet.tsx | 7 ++++--- packages/cli/src/formatters.ts | 2 -- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx index 88b5374ef1..3498464004 100644 --- a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx +++ b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx @@ -8,7 +8,7 @@ import parserHtml from 'prettier/parser-markdown.js'; import parserCss from 'prettier/parser-postcss.js'; import parserTs from 'prettier/parser-typescript'; import nightOwl from 'react-syntax-highlighter/dist/cjs/styles/prism'; -import { Tooltip, Spinner } from '@digdir/designsystemet-react'; +import { Tooltip } from '@digdir/designsystemet-react'; import classes from './CodeSnippet.module.css'; @@ -54,12 +54,13 @@ const CodeSnippet = ({ language = 'markup', children = '' }) => { }); } } - format(children); + void format(children); return () => { setSnippet(''); }; - }, [children]); + }, [children, language]); + const onButtonClick = () => { setToolTipText('Kopiert!'); navigator.clipboard.writeText(children).catch((reason) => { diff --git a/packages/cli/src/formatters.ts b/packages/cli/src/formatters.ts index e5c8f241a0..bfe3b4b757 100644 --- a/packages/cli/src/formatters.ts +++ b/packages/cli/src/formatters.ts @@ -1,5 +1,3 @@ -import path from 'path'; - import * as R from 'ramda'; import StyleDictionary from 'style-dictionary'; import type { Named, TransformedToken, Format } from 'style-dictionary'; From 88a5ee990861658b9954a4236228cc7f78051acf Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 15:17:02 +0200 Subject: [PATCH 08/13] update eslintignore --- .eslintignore | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/.eslintignore b/.eslintignore index eab51d79f3..6f0b5f0747 100644 --- a/.eslintignore +++ b/.eslintignore @@ -1,8 +1,7 @@ node_modules **/*.d.ts* dist/ -coverage/ -storybook-static/ -packages/tokens/brand/**/* +packages/theme/brand/**/* +packages/react-old/**/* tsc-build/ .storybook From 21156de87d69fb95e2a273a8ce0da833b4a8bff4 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 15:17:23 +0200 Subject: [PATCH 09/13] fix prettier error --- .../react/src/components/ErrorSummary/ErrorSummaryItem.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react/src/components/ErrorSummary/ErrorSummaryItem.tsx b/packages/react/src/components/ErrorSummary/ErrorSummaryItem.tsx index 781105aaf9..9d368e3674 100644 --- a/packages/react/src/components/ErrorSummary/ErrorSummaryItem.tsx +++ b/packages/react/src/components/ErrorSummary/ErrorSummaryItem.tsx @@ -21,8 +21,8 @@ type OptionalHref = { asChild: true; }; -export type ErrorSummaryItemProps = - | (RequiredHref | OptionalHref) & Omit; +export type ErrorSummaryItemProps = (RequiredHref | OptionalHref) & + Omit; export const ErrorSummaryItem = ({ href, From b3b98f2f613af7a0da8af0d70cb4119f612d6e43 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 15:18:57 +0200 Subject: [PATCH 10/13] add lock file to cspell ignore --- .vscode/settings.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.vscode/settings.json b/.vscode/settings.json index c0070fbc65..33e8ba9f4d 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -24,6 +24,6 @@ "html-css-class-completion.excludeGlobPattern": "**/react-css-modules.css", "cSpell.words": ["altinn", "brreg", "designsystemet", "digdir"], "cSpell.language": "en,nb", - "cSpell.ignorePaths": ["**/node_modules/**", "**/package.json"], + "cSpell.ignorePaths": ["**/node_modules/**", "**/package.json", "yarn.lock"], "cSpell.enabledLanguageIds": ["markdown", "plaintext"] } From 8e2826dbcc77986010600269a4ef913cf677bb81 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 16:02:14 +0200 Subject: [PATCH 11/13] fix codesnippet --- .../components/CodeSnippet/CodeSnippet.tsx | 49 +++++++++++-------- 1 file changed, 28 insertions(+), 21 deletions(-) diff --git a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx index 3498464004..b30e7a87c6 100644 --- a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx +++ b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx @@ -2,49 +2,56 @@ import { useEffect, useState } from 'react'; import { FilesIcon } from '@navikt/aksel-icons'; import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'; import type { Options } from 'prettier'; -import prettier from 'prettier/standalone.js'; -import parserJs from 'prettier/parser-flow.js'; -import parserHtml from 'prettier/parser-markdown.js'; -import parserCss from 'prettier/parser-postcss.js'; -import parserTs from 'prettier/parser-typescript'; -import nightOwl from 'react-syntax-highlighter/dist/cjs/styles/prism'; +import { format } from 'prettier/standalone.js'; +import * as prettierMarkdown from 'prettier/plugins/markdown.js'; +import * as prettierHtml from 'prettier/plugins/html.js'; +import * as prettierCSS from 'prettier/plugins/postcss.js'; +import * as prettierTypescript from 'prettier/plugins/typescript.js'; +import * as prettierEstree from 'prettier/plugins/estree'; +import { nightOwl } from 'react-syntax-highlighter/dist/cjs/styles/prism'; import { Tooltip } from '@digdir/designsystemet-react'; import classes from './CodeSnippet.module.css'; -const CodeSnippet = ({ language = 'markup', children = '' }) => { +type CodeSnippetProps = { + language?: 'css' | 'html' | 'ts' | 'markdown'; + children?: string; +}; + +const CodeSnippet = ({ + language = 'markdown', + children = '', +}: CodeSnippetProps) => { const [toolTipText, setToolTipText] = useState('Kopier'); const [snippet, setSnippet] = useState(''); useEffect(() => { - async function format(children: string) { + async function formatSnippet(children: string) { let options: Options = { parser: 'typescript', - plugins: [parserTs], + plugins: [prettierTypescript, prettierEstree], }; - if (language === 'css' || language === 'scss') { + if (language === 'css') { options = { parser: 'css', - plugins: [parserCss], + plugins: [prettierCSS], }; } - if (language === 'javascript') { + if (language === 'markdown') { options = { - parser: 'flow', - plugins: [parserJs], - tabWidth: 2, - semi: true, + parser: 'markdown', + plugins: [prettierMarkdown], }; } - if (language === 'markup') { + if (language === 'html') { options = { - parser: 'markdown', - plugins: [parserHtml], + parser: 'html', + plugins: [prettierHtml], }; } try { - const formatted = await prettier.format(children, options); + const formatted = await format(children, options); setSnippet(formatted); } catch (error) { console.error('Failed formatting code snippet:', { @@ -54,7 +61,7 @@ const CodeSnippet = ({ language = 'markup', children = '' }) => { }); } } - void format(children); + void formatSnippet(children); return () => { setSnippet(''); From 56b9bbf1445c3875e5b0f01cfff6738a49a3399d Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 17 Apr 2024 16:13:52 +0200 Subject: [PATCH 12/13] simply codesnippet --- .../components/CodeSnippet/CodeSnippet.tsx | 49 +++++++------------ 1 file changed, 18 insertions(+), 31 deletions(-) diff --git a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx index b30e7a87c6..8ca0fc3fe0 100644 --- a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx +++ b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx @@ -13,6 +13,14 @@ import { Tooltip } from '@digdir/designsystemet-react'; import classes from './CodeSnippet.module.css'; +const plugins = [ + prettierTypescript, + prettierEstree, + prettierCSS, + prettierMarkdown, + prettierHtml, +]; + type CodeSnippetProps = { language?: 'css' | 'html' | 'ts' | 'markdown'; children?: string; @@ -26,42 +34,21 @@ const CodeSnippet = ({ const [snippet, setSnippet] = useState(''); useEffect(() => { - async function formatSnippet(children: string) { - let options: Options = { - parser: 'typescript', - plugins: [prettierTypescript, prettierEstree], - }; - - if (language === 'css') { - options = { - parser: 'css', - plugins: [prettierCSS], - }; - } - if (language === 'markdown') { - options = { - parser: 'markdown', - plugins: [prettierMarkdown], - }; - } - if (language === 'html') { - options = { - parser: 'html', - plugins: [prettierHtml], - }; - } + async function formatSnippet( + children: string, + language: CodeSnippetProps['language'], + ) { try { - const formatted = await format(children, options); + const formatted = await format(children, { + parser: language === 'ts' ? 'typescript' : language, + plugins, + }); setSnippet(formatted); } catch (error) { - console.error('Failed formatting code snippet:', { - children, - options, - error, - }); + console.error('Failed formatting code snippet:', error); } } - void formatSnippet(children); + void formatSnippet(children, language); return () => { setSnippet(''); From 2e3e155ea995a8a5b489555a401ddb5adf900fe2 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Thu, 18 Apr 2024 08:34:24 +0200 Subject: [PATCH 13/13] fix lint error --- apps/storefront/components/CodeSnippet/CodeSnippet.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx index 8ca0fc3fe0..cb58dc2c56 100644 --- a/apps/storefront/components/CodeSnippet/CodeSnippet.tsx +++ b/apps/storefront/components/CodeSnippet/CodeSnippet.tsx @@ -1,7 +1,6 @@ import { useEffect, useState } from 'react'; import { FilesIcon } from '@navikt/aksel-icons'; import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'; -import type { Options } from 'prettier'; import { format } from 'prettier/standalone.js'; import * as prettierMarkdown from 'prettier/plugins/markdown.js'; import * as prettierHtml from 'prettier/plugins/html.js';