From fce96f70427b2b0f8ebab10cacdc840ef058e97c Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Tue, 12 Sep 2023 11:09:41 +0200 Subject: [PATCH] Simplified token preview --- packages/tokens/scripts/formatters.ts | 30 +- .../components/Tokens/TokenList/TokenList.tsx | 122 +- storefront/tokens/altinn.ts | 7836 ++++++++-------- storefront/tokens/brreg.ts | 7868 ++++++++--------- storefront/tokens/digdir.ts | 7824 ++++++++-------- storefront/tokens/tilsynet.ts | 7700 ++++++++-------- 6 files changed, 15366 insertions(+), 16014 deletions(-) diff --git a/packages/tokens/scripts/formatters.ts b/packages/tokens/scripts/formatters.ts index ebb6370348..032a384bd3 100644 --- a/packages/tokens/scripts/formatters.ts +++ b/packages/tokens/scripts/formatters.ts @@ -89,35 +89,7 @@ const groupByType = R.groupBy( (token: TransformedToken) => token.type as string, ); -const groupByPathIndex = (level: number, tokens: TransformedToken[]) => - R.groupBy((token: TransformedToken) => token.path[level], tokens); - -const shouldGroupPath = (level: number, tokens: TransformedToken[]) => { - const token = R.head(tokens); - const [, next] = R.splitAt(level, token?.path ?? []); - return next.length > 1; -}; - -const groupByNextPathIndex = < - T extends Partial>, ->( - level: number, - record: T, -): Record => - R.mapObjIndexed((tokens, key, obj) => { - if (R.isNil(tokens) || R.isNil(obj)) { - return tokens; - } - - if (shouldGroupPath(level, tokens)) { - const grouped = groupByPathIndex(level, tokens); - return groupByNextPathIndex(level + 1, grouped); - } - return tokens; - }, record || {}); - -const groupFromPathIndex = R.curry(groupByNextPathIndex); -const groupTokens = R.pipe(groupByType, groupFromPathIndex(0)); +const groupTokens = R.pipe(groupByType); const toCssVarName = R.pipe(R.split(':'), R.head, R.trim); /** diff --git a/storefront/components/Tokens/TokenList/TokenList.tsx b/storefront/components/Tokens/TokenList/TokenList.tsx index a2bd4a0e8a..26554e133a 100644 --- a/storefront/components/Tokens/TokenList/TokenList.tsx +++ b/storefront/components/Tokens/TokenList/TokenList.tsx @@ -1,3 +1,4 @@ +import type { HTMLAttributes } from 'react'; import React, { useEffect, useState } from 'react'; import { Dropdown, Button } from '@navikt/ds-react'; import cn from 'classnames'; @@ -29,34 +30,19 @@ type Token = { type CardColumnType = 2 | 3; type BrandType = 'digdir' | 'altinn' | 'tilsynet' | 'brreg'; -/** - * Strips words in string by the level - */ -const stripLabelByLevel = (str: string, level: number) => { - const strArr = str.split(' '); - let res = ''; - for (let i = 1; i < strArr.length; i++) { - if (i === level) { - break; - } - res += ' ' + strArr[i]; - } - return res; -}; - type TokenCardProps = { item: Token; key: number; hideValue: TokenListProps['hideValue']; type: TokenListProps['type']; -}; +} & HTMLAttributes; -const TokenCard = ({ item, key, type, hideValue }: TokenCardProps) => { +const TokenCard = ({ item, type, hideValue, ...rest }: TokenCardProps) => { const val = item.value as string; return (
{type === 'color' && } @@ -92,66 +78,22 @@ const TokenList = ({ setCardColumns(type === 'color' ? 3 : 2); }, [type]); - const brandTypeTokens = tokens[brand][type] as unknown as Record< - string, - Token - >; - - const recursive = >>( - tokens: T, - level = 0, - name = '', - ) => { - level++; - return ( -
- {Object.keys(tokens).map((value: string, index: number) => { - const token = tokens[value]; - const DynamicHeading: keyof JSX.IntrinsicElements = `h${ - level === 1 ? 3 : 4 - }`; - - name = stripLabelByLevel(name, level); - name += ' ' + value; - - return ( - token && ( -
- {(level === 1 || Array.isArray(token)) && ( - {capitalizeString(name)} - )} - - {Array.isArray(token) ? ( -
-
- {token.map((value, index: number) => ( - - ))} -
-
- ) : ( - recursive( - token as unknown as Record, - level, - name, - ) - )} -
- ) - ); - })} -
- ); - }; + const brandTypeTokens = tokens[brand][type] as unknown as Token[]; + + const groupedTokens = Array.from( + brandTypeTokens + .reduce((acc, token) => { + const path = + token.path.length > 1 ? token.path.slice(0, -1) : token.path; + const key = path.toString().replace(/,/g, ' '); + const tokens = acc.get(key); + + !tokens ? acc.set(key, [token]) : acc.set(key, [...tokens, token]); + + return acc; + }, new Map()) + .entries(), + ); return (
@@ -183,7 +125,29 @@ const TokenList = ({
)} - {recursive(brandTypeTokens)} + <> + {groupedTokens.map(([key, tokens]) => ( +
+

{capitalizeString(key)}

+
+
+ {tokens.map((value, index: number) => ( + + ))} +
+
+
+ ))} +
); }; diff --git a/storefront/tokens/altinn.ts b/storefront/tokens/altinn.ts index 8826f43050..ea0d4de62a 100644 --- a/storefront/tokens/altinn.ts +++ b/storefront/tokens/altinn.ts @@ -3,4158 +3,4004 @@ * These files are generated from design tokens defined in Figma using Token Studio */ -export const color = { - semantic: { - background: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-background-default', - attributes: {}, - path: ['semantic', 'background', 'default'], - lastName: 'default', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-background-subtle', - attributes: {}, - path: ['semantic', 'background', 'subtle'], - lastName: 'subtle', - }, - ], - surface: { - neutral: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-default', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-selected', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'selected'], - lastName: 'selected', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-subtle', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.600}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-dark', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'dark'], - lastName: 'dark', - }, - { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.700}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-dark-hover', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'dark-hover'], - lastName: 'dark-hover', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-inverted', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'inverted'], - lastName: 'inverted', - }, - ], - action: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-active'], - lastName: 'no_fill-active', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-checked', - attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], - lastName: 'checked', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-primary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], - lastName: 'no_fill-active', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: 'rgba(#00315d, 0.9)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: 'rgba(#00315d, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-secondary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: 'rgba(#00315d, 0.1)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: 'rgba(#00315d, 0.2)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - success: [ - { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.200}', - type: 'color', - }, - name: '--fds-semantic-surface-success-subtle', - attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle'], - lastName: 'subtle', - }, - { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.300}', - type: 'color', - }, - name: '--fds-semantic-surface-success-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.700}', - type: 'color', - }, - name: '--fds-semantic-surface-success-default', - attributes: {}, - path: ['semantic', 'surface', 'success', 'default'], - lastName: 'default', - }, - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-surface-success-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.900}', - type: 'color', - }, - name: '--fds-semantic-surface-success-active', - attributes: {}, - path: ['semantic', 'surface', 'success', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.200}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.300}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - warning: [ - { - value: '#fffbe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.100}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-subtle', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle'], - lastName: 'subtle', - }, - { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.200}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#ff8c06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.500}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-default', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'default'], - lastName: 'default', - }, - ], - danger: [ - { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.100}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-subtle', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle'], - lastName: 'subtle', - }, - { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.200}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.500}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-default', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.700}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-active', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.100}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.200}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - info: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-info-subtle', - attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-info-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle-hover'], - lastName: 'subtle-hover', - }, - ], - on_inverted: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-default', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'default'], - lastName: 'default', - }, - { - value: '#ffffffe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffe6', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'hover'], - lastName: 'hover', - }, - { - value: '#ffffffcc', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffcc', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'active'], - lastName: 'active', - }, - { - value: '#ffffff00', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff00', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#ffffff1a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff1a', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#ffffff33', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff33', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - primary: [ - { - value: '#B3D0EA', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.primary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light'], - lastName: 'light', - }, - { - value: '#80B1DD', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.primary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#66A1D6', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.primary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#004E95', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-dark', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], - lastName: 'dark', - }, - ], - secondary: [ - { - value: '#C5BBDD', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.secondary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], - lastName: 'light', - }, - { - value: '#A392C8', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.secondary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#806AB4', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.secondary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#231B36', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.secondary.900}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-dark', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], - lastName: 'dark', - }, - ], - tertiary: [ - { - value: '#F3ABB6', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.tertiary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], - lastName: 'light', - }, - { - value: '#EC8292', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.tertiary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#E6586D', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.tertiary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#5A121D', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.tertiary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-dark', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], - lastName: 'dark', - }, - ], - }, - border: { - info: [ - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-info-default', - attributes: {}, - path: ['semantic', 'border', 'info', 'default'], - lastName: 'default', - }, - ], - action: [ - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'default'], - lastName: 'default', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'active'], - lastName: 'active', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-dark', - attributes: {}, - path: ['semantic', 'border', 'action', 'dark'], - lastName: 'dark', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-dark-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'dark-hover'], - lastName: 'dark-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], - lastName: 'active', - }, - ], - neutral: [ - { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.600}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-default', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-subtle', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-strong', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'strong'], - lastName: 'strong', - }, - { - value: '#bcbfc5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.400}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-divider', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'divider'], - lastName: 'divider', - }, - ], - success: [ - { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.700}', - type: 'color', - }, - name: '--fds-semantic-border-success-default', - attributes: {}, - path: ['semantic', 'border', 'success', 'default'], - lastName: 'default', - }, - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-border-success-hover', - attributes: {}, - path: ['semantic', 'border', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.900}', - type: 'color', - }, - name: '--fds-semantic-border-success-active', - attributes: {}, - path: ['semantic', 'border', 'success', 'active'], - lastName: 'active', - }, - ], - warning: [ - { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.600}', - type: 'color', - }, - name: '--fds-semantic-border-warning-default', - attributes: {}, - path: ['semantic', 'border', 'warning', 'default'], - lastName: 'default', - }, - { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.700}', - type: 'color', - }, - name: '--fds-semantic-border-warning-hover', - attributes: {}, - path: ['semantic', 'border', 'warning', 'hover'], - lastName: 'hover', - }, - { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.800}', - type: 'color', - }, - name: '--fds-semantic-border-warning-active', - attributes: {}, - path: ['semantic', 'border', 'warning', 'active'], - lastName: 'active', - }, - ], - danger: [ - { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.500}', - type: 'color', - }, - name: '--fds-semantic-border-danger-default', - attributes: {}, - path: ['semantic', 'border', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-border-danger-hover', - attributes: {}, - path: ['semantic', 'border', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.700}', - type: 'color', - }, - name: '--fds-semantic-border-danger-active', - attributes: {}, - path: ['semantic', 'border', 'danger', 'active'], - lastName: 'active', - }, - ], - focus: [ - { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.500}', - type: 'color', - }, - name: '--fds-semantic-border-focus-outline', - attributes: {}, - path: ['semantic', 'border', 'focus', 'outline'], - lastName: 'outline', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{semantic.border.neutral.strong}', - type: 'color', - }, - name: '--fds-semantic-border-focus-boxshadow', - attributes: {}, - path: ['semantic', 'border', 'focus', 'boxshadow'], - lastName: 'boxshadow', - }, - ], - on_inverted: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff', - type: 'color', - }, - name: '--fds-semantic-border-on_inverted-default', - attributes: {}, - path: ['semantic', 'border', 'on_inverted', 'default'], - lastName: 'default', - }, - ], - input: [ - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-border-input-default', - attributes: {}, - path: ['semantic', 'border', 'input', 'default'], - lastName: 'default', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#0062ba', - type: 'color', - }, - name: '--fds-semantic-border-input-hover', - attributes: {}, - path: ['semantic', 'border', 'input', 'hover'], - lastName: 'hover', - }, - ], - primary: [ - { - value: '#1A72C1', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.primary.600}', - type: 'color', - }, - name: '--fds-semantic-border-primary-default', - attributes: {}, - path: ['semantic', 'border', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#0062BA', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.primary.700}', - type: 'color', - }, - name: '--fds-semantic-border-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#004E95', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-border-primary-active', - attributes: {}, - path: ['semantic', 'border', 'primary', 'active'], - lastName: 'active', - }, - ], - secondary: [ - { - value: '#594488', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.secondary.600}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#3F3161', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.secondary.700}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#352951', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.secondary.800}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'active'], - lastName: 'active', - }, - ], - tertiary: [ - { - value: '#B3253A', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.tertiary.600}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-default', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'default'], - lastName: 'default', - }, - { - value: '#861C2C', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.tertiary.700}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-hover', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'hover'], - lastName: 'hover', - }, - { - value: '#5A121D', - type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '{brand.tertiary.800}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-active', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'active'], - lastName: 'active', - }, - ], - }, - text: { - success: [ - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-text-success-default', - attributes: {}, - path: ['semantic', 'text', 'success', 'default'], - lastName: 'default', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#084826', - type: 'color', - }, - name: '--fds-semantic-text-success-hover', - attributes: {}, - path: ['semantic', 'text', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#084826', - type: 'color', - }, - name: '--fds-semantic-text-success-active', - attributes: {}, - path: ['semantic', 'text', 'success', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-success-on_success', - attributes: {}, - path: ['semantic', 'text', 'success', 'on_success'], - lastName: 'on_success', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#1e2b3c', - type: 'color', - }, - name: '--fds-semantic-text-success-on_success_subtle', - attributes: {}, - path: ['semantic', 'text', 'success', 'on_success_subtle'], - lastName: 'on_success_subtle', - }, - ], - neutral: [ - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-default', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.700}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-subtle', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-on_inverted', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'on_inverted'], - lastName: 'on_inverted', - }, - ], - action: [ - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'on_action'], - lastName: 'on_action', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], - lastName: 'on_action', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], - lastName: 'on_action', - }, - ], - warning: [ - { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.700}', - type: 'color', - }, - name: '--fds-semantic-text-warning-default', - attributes: {}, - path: ['semantic', 'text', 'warning', 'default'], - lastName: 'default', - }, - { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.600}', - type: 'color', - }, - name: '--fds-semantic-text-warning-icon_warning', - attributes: {}, - path: ['semantic', 'text', 'warning', 'icon_warning'], - lastName: 'icon_warning', - }, - { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.800}', - type: 'color', - }, - name: '--fds-semantic-text-warning-on_warning', - attributes: {}, - path: ['semantic', 'text', 'warning', 'on_warning'], - lastName: 'on_warning', - }, - ], - danger: [ - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-text-danger-default', - attributes: {}, - path: ['semantic', 'text', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#861c2c', - type: 'color', - }, - name: '--fds-semantic-text-danger-hover', - attributes: {}, - path: ['semantic', 'text', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#5a121d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#5a121d', - type: 'color', - }, - name: '--fds-semantic-text-danger-active', - attributes: {}, - path: ['semantic', 'text', 'danger', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-danger-on_danger', - attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger'], - lastName: 'on_danger', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#1e2b3c', - type: 'color', - }, - name: '--fds-semantic-text-danger-on_danger_subtle', - attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger_subtle'], - lastName: 'on_danger_subtle', - }, - ], - visited: [ - { - value: '#7a1265', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.purple.700}', - type: 'color', - }, - name: '--fds-semantic-text-visited-default', - attributes: {}, - path: ['semantic', 'text', 'visited', 'default'], - lastName: 'default', - }, - ], - }, - }, - brand: { - primary: [ - { - value: '#E6EFF8', - type: 'color', - description: - 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#E6EFF8', - type: 'color', - description: - 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', - }, - name: '--fds-brand-primary-100', - attributes: {}, - path: ['brand', 'primary', '100'], - lastName: '100', - }, - { - value: '#B3D0EA', - type: 'color', - description: - 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#B3D0EA', - type: 'color', - description: - 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', - }, - name: '--fds-brand-primary-200', - attributes: {}, - path: ['brand', 'primary', '200'], - lastName: '200', - }, - { - value: '#80B1DD', - type: 'color', - description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#80B1DD', - type: 'color', - description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', - }, - name: '--fds-brand-primary-300', - attributes: {}, - path: ['brand', 'primary', '300'], - lastName: '300', - }, - { - value: '#66A1D6', - type: 'color', - description: - 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#66A1D6', - type: 'color', - description: - 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', - }, - name: '--fds-brand-primary-400', - attributes: {}, - path: ['brand', 'primary', '400'], - lastName: '400', - }, - { - value: '#3381C8', - type: 'color', - description: 'AA 5.6 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#3381C8', - type: 'color', - description: 'AA 5.6 on grey 800', - }, - name: '--fds-brand-primary-500', - attributes: {}, - path: ['brand', 'primary', '500'], - lastName: '500', - }, - { - value: '#1A72C1', - type: 'color', - description: 'AA 4.5 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#1A72C1', - type: 'color', - description: 'AA 4.5 on grey 800', - }, - name: '--fds-brand-primary-600', - attributes: {}, - path: ['brand', 'primary', '600'], - lastName: '600', - }, - { - value: '#0062BA', - type: 'color', - description: 'AA18 3.7 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#0062BA', - type: 'color', - description: 'AA18 3.7 on grey 800', - }, - name: '--fds-brand-primary-700', - attributes: {}, - path: ['brand', 'primary', '700'], - lastName: '700', - }, - { - value: '#004E95', - type: 'color', - description: 'AA 4.7 on white', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#004E95', - type: 'color', - description: 'AA 4.7 on white', - }, - name: '--fds-brand-primary-800', - attributes: {}, - path: ['brand', 'primary', '800'], - lastName: '800', - }, - { - value: '#00315D', - type: 'color', - description: 'AA 4.7 on white', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#00315D', - type: 'color', - description: 'AA 4.7 on white', - }, - name: '--fds-brand-primary-900', - attributes: {}, - path: ['brand', 'primary', '900'], - lastName: '900', - }, - ], - secondary: [ - { - value: '#DCD6EA', - type: 'color', - description: - 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#DCD6EA', - type: 'color', - description: - 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-100', - attributes: {}, - path: ['brand', 'secondary', '100'], - lastName: '100', - }, - { - value: '#C5BBDD', - type: 'color', - description: - 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#C5BBDD', - type: 'color', - description: - 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-200', - attributes: {}, - path: ['brand', 'secondary', '200'], - lastName: '200', - }, - { - value: '#A392C8', - type: 'color', - description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#A392C8', - type: 'color', - description: - 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-300', - attributes: {}, - path: ['brand', 'secondary', '300'], - lastName: '300', - }, - { - value: '#806AB4', - type: 'color', - description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#806AB4', - type: 'color', - description: - 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-400', - attributes: {}, - path: ['brand', 'secondary', '400'], - lastName: '400', - }, - { - value: '#6A52A3', - type: 'color', - description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#6A52A3', - type: 'color', - description: - 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-500', - attributes: {}, - path: ['brand', 'secondary', '500'], - lastName: '500', - }, - { - value: '#594488', - type: 'color', - description: - 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#594488', - type: 'color', - description: - 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-600', - attributes: {}, - path: ['brand', 'secondary', '600'], - lastName: '600', - }, - { - value: '#3F3161', - type: 'color', - description: 'AA 5.5 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#3F3161', - type: 'color', - description: 'AA 5.5 on grey 800', - }, - name: '--fds-brand-secondary-700', - attributes: {}, - path: ['brand', 'secondary', '700'], - lastName: '700', - }, - { - value: '#352951', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#352951', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - }, - name: '--fds-brand-secondary-800', - attributes: {}, - path: ['brand', 'secondary', '800'], - lastName: '800', - }, - { - value: '#231B36', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#231B36', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - }, - name: '--fds-brand-secondary-900', - attributes: {}, - path: ['brand', 'secondary', '900'], - lastName: '900', - }, - ], - tertiary: [ - { - value: '#F9D5DB', - type: 'color', - description: - 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#F9D5DB', - type: 'color', - description: - 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', - }, - name: '--fds-brand-tertiary-100', - attributes: {}, - path: ['brand', 'tertiary', '100'], - lastName: '100', - }, - { - value: '#F3ABB6', - type: 'color', - description: - 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#F3ABB6', - type: 'color', - description: - 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', - }, - name: '--fds-brand-tertiary-200', - attributes: {}, - path: ['brand', 'tertiary', '200'], - lastName: '200', - }, - { - value: '#EC8292', - type: 'color', - description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#EC8292', - type: 'color', - description: - 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', - }, - name: '--fds-brand-tertiary-300', - attributes: {}, - path: ['brand', 'tertiary', '300'], - lastName: '300', - }, - { - value: '#E6586D', - type: 'color', - description: - 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#E6586D', - type: 'color', - description: - 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', - }, - name: '--fds-brand-tertiary-400', - attributes: {}, - path: ['brand', 'tertiary', '400'], - lastName: '400', - }, - { - value: '#E02E49', - type: 'color', - description: 'AA 5.8 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#E02E49', - type: 'color', - description: 'AA 5.8 on grey 800', - }, - name: '--fds-brand-tertiary-500', - attributes: {}, - path: ['brand', 'tertiary', '500'], - lastName: '500', - }, - { - value: '#B3253A', - type: 'color', - description: 'AA 4.6 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#B3253A', - type: 'color', - description: 'AA 4.6 on grey 800', - }, - name: '--fds-brand-tertiary-600', - attributes: {}, - path: ['brand', 'tertiary', '600'], - lastName: '600', - }, - { - value: '#861C2C', - type: 'color', - description: 'AA18 3.8 on grey 800', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#861C2C', - type: 'color', - description: 'AA18 3.8 on grey 800', - }, - name: '--fds-brand-tertiary-700', - attributes: {}, - path: ['brand', 'tertiary', '700'], - lastName: '700', - }, - { - value: '#5A121D', - type: 'color', - description: 'AA 5.6 on white', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#5A121D', - type: 'color', - description: 'AA 5.6 on white', - }, - name: '--fds-brand-tertiary-800', - attributes: {}, - path: ['brand', 'tertiary', '800'], - lastName: '800', - }, - { - value: '#480e17', - type: 'color', - description: 'AA 5.6 on white', - filePath: '../../design-tokens/Brand/Altinn.json', - isSource: false, - original: { - value: '#480e17', - type: 'color', - description: 'AA 5.6 on white', - }, - name: '--fds-brand-tertiary-900', - attributes: {}, - path: ['brand', 'tertiary', '900'], - lastName: '900', - }, - ], +export const color = [ + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-background-default', + attributes: {}, + path: ['semantic', 'background', 'default'], + lastName: 'default', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-background-subtle', + attributes: {}, + path: ['semantic', 'background', 'subtle'], + lastName: 'subtle', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-default', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-selected', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'selected'], + lastName: 'selected', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-subtle', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#68707c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.600}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-dark', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'dark'], + lastName: 'dark', + }, + { + value: '#4b5563', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.700}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-dark-hover', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'dark-hover'], + lastName: 'dark-hover', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-inverted', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'inverted'], + lastName: 'inverted', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-checked', + attributes: {}, + path: ['semantic', 'surface', 'action', 'checked'], + lastName: 'checked', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-primary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: 'rgba(#00315d, 0.9)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.9)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: 'rgba(#00315d, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-secondary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: 'rgba(#00315d, 0.1)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.1)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: 'rgba(#00315d, 0.2)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.2)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#d1f4e1', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.200}', + type: 'color', + }, + name: '--fds-semantic-surface-success-subtle', + attributes: {}, + path: ['semantic', 'surface', 'success', 'subtle'], + lastName: 'subtle', + }, + { + value: '#8be4b5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.300}', + type: 'color', + }, + name: '--fds-semantic-surface-success-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#118849', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.700}', + type: 'color', + }, + name: '--fds-semantic-surface-success-default', + attributes: {}, + path: ['semantic', 'surface', 'success', 'default'], + lastName: 'default', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-surface-success-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.900}', + type: 'color', + }, + name: '--fds-semantic-surface-success-active', + attributes: {}, + path: ['semantic', 'surface', 'success', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#d1f4e1', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.200}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#8be4b5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.300}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#fffbe6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.100}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-subtle', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'subtle'], + lastName: 'subtle', + }, + { + value: '#fff4b4', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.200}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#ff8c06', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.500}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-default', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#f9d5db', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.100}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-subtle', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'subtle'], + lastName: 'subtle', + }, + { + value: '#f3abb6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.200}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#e02e49', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.500}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-default', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.700}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-active', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#f9d5db', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.100}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#f3abb6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.200}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-info-subtle', + attributes: {}, + path: ['semantic', 'surface', 'info', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-info-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'info', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-default', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'default'], + lastName: 'default', + }, + { + value: '#ffffffe6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffffe6', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-hover', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'hover'], + lastName: 'hover', + }, + { + value: '#ffffffcc', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffffcc', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-active', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'active'], + lastName: 'active', + }, + { + value: '#ffffff00', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff00', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#ffffff1a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff1a', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#ffffff33', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff33', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#B3D0EA', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light'], + lastName: 'light', + }, + { + value: '#80B1DD', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#66A1D6', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#004E95', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-dark', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'dark'], + lastName: 'dark', + }, + { + value: '#C5BBDD', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light'], + lastName: 'light', + }, + { + value: '#A392C8', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#806AB4', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#231B36', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.900}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-dark', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'dark'], + lastName: 'dark', + }, + { + value: '#F3ABB6', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light'], + lastName: 'light', + }, + { + value: '#EC8292', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#E6586D', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#5A121D', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-dark', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'dark'], + lastName: 'dark', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-info-default', + attributes: {}, + path: ['semantic', 'border', 'info', 'default'], + lastName: 'default', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'active'], + lastName: 'active', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark'], + lastName: 'dark', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark-hover'], + lastName: 'dark-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#d2d5d8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.300}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#68707c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.600}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-default', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#d2d5d8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.300}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-subtle', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-strong', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'strong'], + lastName: 'strong', + }, + { + value: '#bcbfc5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.400}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-divider', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'divider'], + lastName: 'divider', + }, + { + value: '#118849', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.700}', + type: 'color', + }, + name: '--fds-semantic-border-success-default', + attributes: {}, + path: ['semantic', 'border', 'success', 'default'], + lastName: 'default', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-border-success-hover', + attributes: {}, + path: ['semantic', 'border', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.900}', + type: 'color', + }, + name: '--fds-semantic-border-success-active', + attributes: {}, + path: ['semantic', 'border', 'success', 'active'], + lastName: 'active', + }, + { + value: '#cc7005', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.600}', + type: 'color', + }, + name: '--fds-semantic-border-warning-default', + attributes: {}, + path: ['semantic', 'border', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#995404', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.700}', + type: 'color', + }, + name: '--fds-semantic-border-warning-hover', + attributes: {}, + path: ['semantic', 'border', 'warning', 'hover'], + lastName: 'hover', + }, + { + value: '#663802', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.800}', + type: 'color', + }, + name: '--fds-semantic-border-warning-active', + attributes: {}, + path: ['semantic', 'border', 'warning', 'active'], + lastName: 'active', + }, + { + value: '#e02e49', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.500}', + type: 'color', + }, + name: '--fds-semantic-border-danger-default', + attributes: {}, + path: ['semantic', 'border', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-border-danger-hover', + attributes: {}, + path: ['semantic', 'border', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.700}', + type: 'color', + }, + name: '--fds-semantic-border-danger-active', + attributes: {}, + path: ['semantic', 'border', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffda06', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.500}', + type: 'color', + }, + name: '--fds-semantic-border-focus-outline', + attributes: {}, + path: ['semantic', 'border', 'focus', 'outline'], + lastName: 'outline', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{semantic.border.neutral.strong}', + type: 'color', + }, + name: '--fds-semantic-border-focus-boxshadow', + attributes: {}, + path: ['semantic', 'border', 'focus', 'boxshadow'], + lastName: 'boxshadow', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff', + type: 'color', + }, + name: '--fds-semantic-border-on_inverted-default', + attributes: {}, + path: ['semantic', 'border', 'on_inverted', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-border-input-default', + attributes: {}, + path: ['semantic', 'border', 'input', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#0062ba', + type: 'color', + }, + name: '--fds-semantic-border-input-hover', + attributes: {}, + path: ['semantic', 'border', 'input', 'hover'], + lastName: 'hover', + }, + { + value: '#1A72C1', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.600}', + type: 'color', + }, + name: '--fds-semantic-border-primary-default', + attributes: {}, + path: ['semantic', 'border', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#0062BA', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.700}', + type: 'color', + }, + name: '--fds-semantic-border-primary-hover', + attributes: {}, + path: ['semantic', 'border', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#004E95', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-border-primary-active', + attributes: {}, + path: ['semantic', 'border', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#594488', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.600}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-default', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#3F3161', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.700}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-hover', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#352951', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.800}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-active', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#B3253A', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.600}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-default', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'default'], + lastName: 'default', + }, + { + value: '#861C2C', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.700}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-hover', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'hover'], + lastName: 'hover', + }, + { + value: '#5A121D', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-active', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'active'], + lastName: 'active', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-text-success-default', + attributes: {}, + path: ['semantic', 'text', 'success', 'default'], + lastName: 'default', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#084826', + type: 'color', + }, + name: '--fds-semantic-text-success-hover', + attributes: {}, + path: ['semantic', 'text', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#084826', + type: 'color', + }, + name: '--fds-semantic-text-success-active', + attributes: {}, + path: ['semantic', 'text', 'success', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-success-on_success', + attributes: {}, + path: ['semantic', 'text', 'success', 'on_success'], + lastName: 'on_success', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#1e2b3c', + type: 'color', + }, + name: '--fds-semantic-text-success-on_success_subtle', + attributes: {}, + path: ['semantic', 'text', 'success', 'on_success_subtle'], + lastName: 'on_success_subtle', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-default', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#4b5563', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.700}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-subtle', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-on_inverted', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'on_inverted'], + lastName: 'on_inverted', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-text-action-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', + type: 'color', + }, + name: '--fds-semantic-text-action-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-text-action-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'on_action'], + lastName: 'on_action', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#995404', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.700}', + type: 'color', + }, + name: '--fds-semantic-text-warning-default', + attributes: {}, + path: ['semantic', 'text', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#cc7005', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.600}', + type: 'color', + }, + name: '--fds-semantic-text-warning-icon_warning', + attributes: {}, + path: ['semantic', 'text', 'warning', 'icon_warning'], + lastName: 'icon_warning', + }, + { + value: '#663802', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.800}', + type: 'color', + }, + name: '--fds-semantic-text-warning-on_warning', + attributes: {}, + path: ['semantic', 'text', 'warning', 'on_warning'], + lastName: 'on_warning', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-text-danger-default', + attributes: {}, + path: ['semantic', 'text', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#861c2c', + type: 'color', + }, + name: '--fds-semantic-text-danger-hover', + attributes: {}, + path: ['semantic', 'text', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#5a121d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#5a121d', + type: 'color', + }, + name: '--fds-semantic-text-danger-active', + attributes: {}, + path: ['semantic', 'text', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-danger-on_danger', + attributes: {}, + path: ['semantic', 'text', 'danger', 'on_danger'], + lastName: 'on_danger', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#1e2b3c', + type: 'color', + }, + name: '--fds-semantic-text-danger-on_danger_subtle', + attributes: {}, + path: ['semantic', 'text', 'danger', 'on_danger_subtle'], + lastName: 'on_danger_subtle', + }, + { + value: '#7a1265', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.purple.700}', + type: 'color', + }, + name: '--fds-semantic-text-visited-default', + attributes: {}, + path: ['semantic', 'text', 'visited', 'default'], + lastName: 'default', + }, + { + value: '#E6EFF8', + type: 'color', + description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#E6EFF8', + type: 'color', + description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', + }, + name: '--fds-brand-primary-100', + attributes: {}, + path: ['brand', 'primary', '100'], + lastName: '100', + }, + { + value: '#B3D0EA', + type: 'color', + description: + 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#B3D0EA', + type: 'color', + description: + 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', + }, + name: '--fds-brand-primary-200', + attributes: {}, + path: ['brand', 'primary', '200'], + lastName: '200', + }, + { + value: '#80B1DD', + type: 'color', + description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#80B1DD', + type: 'color', + description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', + }, + name: '--fds-brand-primary-300', + attributes: {}, + path: ['brand', 'primary', '300'], + lastName: '300', + }, + { + value: '#66A1D6', + type: 'color', + description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#66A1D6', + type: 'color', + description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', + }, + name: '--fds-brand-primary-400', + attributes: {}, + path: ['brand', 'primary', '400'], + lastName: '400', + }, + { + value: '#3381C8', + type: 'color', + description: 'AA 5.6 on grey 800', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#3381C8', + type: 'color', + description: 'AA 5.6 on grey 800', + }, + name: '--fds-brand-primary-500', + attributes: {}, + path: ['brand', 'primary', '500'], + lastName: '500', + }, + { + value: '#1A72C1', + type: 'color', + description: 'AA 4.5 on grey 800', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#1A72C1', + type: 'color', + description: 'AA 4.5 on grey 800', + }, + name: '--fds-brand-primary-600', + attributes: {}, + path: ['brand', 'primary', '600'], + lastName: '600', + }, + { + value: '#0062BA', + type: 'color', + description: 'AA18 3.7 on grey 800', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#0062BA', + type: 'color', + description: 'AA18 3.7 on grey 800', + }, + name: '--fds-brand-primary-700', + attributes: {}, + path: ['brand', 'primary', '700'], + lastName: '700', + }, + { + value: '#004E95', + type: 'color', + description: 'AA 4.7 on white', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#004E95', + type: 'color', + description: 'AA 4.7 on white', + }, + name: '--fds-brand-primary-800', + attributes: {}, + path: ['brand', 'primary', '800'], + lastName: '800', + }, + { + value: '#00315D', + type: 'color', + description: 'AA 4.7 on white', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#00315D', + type: 'color', + description: 'AA 4.7 on white', + }, + name: '--fds-brand-primary-900', + attributes: {}, + path: ['brand', 'primary', '900'], + lastName: '900', + }, + { + value: '#DCD6EA', + type: 'color', + description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#DCD6EA', + type: 'color', + description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-100', + attributes: {}, + path: ['brand', 'secondary', '100'], + lastName: '100', + }, + { + value: '#C5BBDD', + type: 'color', + description: + 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#C5BBDD', + type: 'color', + description: + 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-200', + attributes: {}, + path: ['brand', 'secondary', '200'], + lastName: '200', + }, + { + value: '#A392C8', + type: 'color', + description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#A392C8', + type: 'color', + description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-300', + attributes: {}, + path: ['brand', 'secondary', '300'], + lastName: '300', + }, + { + value: '#806AB4', + type: 'color', + description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#806AB4', + type: 'color', + description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-400', + attributes: {}, + path: ['brand', 'secondary', '400'], + lastName: '400', + }, + { + value: '#6A52A3', + type: 'color', + description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#6A52A3', + type: 'color', + description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-500', + attributes: {}, + path: ['brand', 'secondary', '500'], + lastName: '500', + }, + { + value: '#594488', + type: 'color', + description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#594488', + type: 'color', + description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-600', + attributes: {}, + path: ['brand', 'secondary', '600'], + lastName: '600', + }, + { + value: '#3F3161', + type: 'color', + description: 'AA 5.5 on grey 800', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#3F3161', + type: 'color', + description: 'AA 5.5 on grey 800', + }, + name: '--fds-brand-secondary-700', + attributes: {}, + path: ['brand', 'secondary', '700'], + lastName: '700', + }, + { + value: '#352951', + type: 'color', + description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#352951', + type: 'color', + description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', + }, + name: '--fds-brand-secondary-800', + attributes: {}, + path: ['brand', 'secondary', '800'], + lastName: '800', + }, + { + value: '#231B36', + type: 'color', + description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#231B36', + type: 'color', + description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', + }, + name: '--fds-brand-secondary-900', + attributes: {}, + path: ['brand', 'secondary', '900'], + lastName: '900', + }, + { + value: '#F9D5DB', + type: 'color', + description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#F9D5DB', + type: 'color', + description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', + }, + name: '--fds-brand-tertiary-100', + attributes: {}, + path: ['brand', 'tertiary', '100'], + lastName: '100', + }, + { + value: '#F3ABB6', + type: 'color', + description: + 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#F3ABB6', + type: 'color', + description: + 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', + }, + name: '--fds-brand-tertiary-200', + attributes: {}, + path: ['brand', 'tertiary', '200'], + lastName: '200', + }, + { + value: '#EC8292', + type: 'color', + description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#EC8292', + type: 'color', + description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', + }, + name: '--fds-brand-tertiary-300', + attributes: {}, + path: ['brand', 'tertiary', '300'], + lastName: '300', + }, + { + value: '#E6586D', + type: 'color', + description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#E6586D', + type: 'color', + description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', + }, + name: '--fds-brand-tertiary-400', + attributes: {}, + path: ['brand', 'tertiary', '400'], + lastName: '400', + }, + { + value: '#E02E49', + type: 'color', + description: 'AA 5.8 on grey 800', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#E02E49', + type: 'color', + description: 'AA 5.8 on grey 800', + }, + name: '--fds-brand-tertiary-500', + attributes: {}, + path: ['brand', 'tertiary', '500'], + lastName: '500', + }, + { + value: '#B3253A', + type: 'color', + description: 'AA 4.6 on grey 800', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#B3253A', + type: 'color', + description: 'AA 4.6 on grey 800', + }, + name: '--fds-brand-tertiary-600', + attributes: {}, + path: ['brand', 'tertiary', '600'], + lastName: '600', + }, + { + value: '#861C2C', + type: 'color', + description: 'AA18 3.8 on grey 800', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#861C2C', + type: 'color', + description: 'AA18 3.8 on grey 800', + }, + name: '--fds-brand-tertiary-700', + attributes: {}, + path: ['brand', 'tertiary', '700'], + lastName: '700', + }, + { + value: '#5A121D', + type: 'color', + description: 'AA 5.6 on white', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#5A121D', + type: 'color', + description: 'AA 5.6 on white', + }, + name: '--fds-brand-tertiary-800', + attributes: {}, + path: ['brand', 'tertiary', '800'], + lastName: '800', + }, + { + value: '#480e17', + type: 'color', + description: 'AA 5.6 on white', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '#480e17', + type: 'color', + description: 'AA 5.6 on white', + }, + name: '--fds-brand-tertiary-900', + attributes: {}, + path: ['brand', 'tertiary', '900'], + lastName: '900', }, -}; +]; -export const typography = { - typography: { - heading: [ - { - value: - "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'", - type: 'typography', - description: 'H1', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f5}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H1', - }, - name: '--fds-typography-heading-xlarge', - attributes: {}, - path: ['typography', 'heading', 'xlarge'], - lastName: 'xlarge', - }, - { - value: - "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'", - type: 'typography', - description: 'H2', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f4}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H2', - }, - name: '--fds-typography-heading-large', - attributes: {}, - path: ['typography', 'heading', 'large'], - lastName: 'large', - }, - { - value: - "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'", - type: 'typography', - description: 'H3', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f3}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H3', - }, - name: '--fds-typography-heading-medium', - attributes: {}, - path: ['typography', 'heading', 'medium'], - lastName: 'medium', - }, - { - value: - "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'", - type: 'typography', - description: 'H4', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H4', - }, - name: '--fds-typography-heading-small', - attributes: {}, - path: ['typography', 'heading', 'small'], - lastName: 'small', - }, - { - value: - "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - description: 'H5', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H5', - }, - name: '--fds-typography-heading-xsmall', - attributes: {}, - path: ['typography', 'heading', 'xsmall'], - lastName: 'xsmall', - }, - { - value: - "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - description: 'H6', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H6', - }, - name: '--fds-typography-heading-xxsmall', - attributes: {}, - path: ['typography', 'heading', 'xxsmall'], - lastName: 'xxsmall', - }, - ], - ingress: [ - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.600}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-ingress-medium', - attributes: {}, - path: ['typography', 'ingress', 'medium'], - lastName: 'medium', - }, - ], - paragraph: [ - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-large', - attributes: {}, - path: ['typography', 'paragraph', 'large'], - lastName: 'large', - }, - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-medium', - attributes: {}, - path: ['typography', 'paragraph', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-small', - attributes: {}, - path: ['typography', 'paragraph', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-xsmall', - attributes: {}, - path: ['typography', 'paragraph', 'xsmall'], - lastName: 'xsmall', - }, - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-large', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'large'], - lastName: 'large', - }, - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-medium', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-small', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-xsmall', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'xsmall'], - lastName: 'xsmall', - }, - ], - label: [ - { - value: - "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-large', - attributes: {}, - path: ['typography', 'label', 'large'], - lastName: 'large', - }, - { - value: - "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-medium', - attributes: {}, - path: ['typography', 'label', 'medium'], - lastName: 'medium', - }, - { - value: - "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-small', - attributes: {}, - path: ['typography', 'label', 'small'], - lastName: 'small', - }, - { - value: - "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-xsmall', - attributes: {}, - path: ['typography', 'label', 'xsmall'], - lastName: 'xsmall', - }, - ], - error_message: [ - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-medium', - attributes: {}, - path: ['typography', 'error_message', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-small', - attributes: {}, - path: ['typography', 'error_message', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-xsmall', - attributes: {}, - path: ['typography', 'error_message', 'xsmall'], - lastName: 'xsmall', - }, - ], - interactive: [ - { - value: "400 1.5rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.large}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-large', - attributes: {}, - path: ['typography', 'interactive', 'large'], - lastName: 'large', - }, - { - value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.medium}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-medium', - attributes: {}, - path: ['typography', 'interactive', 'medium'], - lastName: 'medium', - }, - { - value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.small}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-small', - attributes: {}, - path: ['typography', 'interactive', 'small'], - lastName: 'small', - }, - ], +export const typography = [ + { + value: "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'", + type: 'typography', + description: 'H1', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f5}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H1', + }, + name: '--fds-typography-heading-xlarge', + attributes: {}, + path: ['typography', 'heading', 'xlarge'], + lastName: 'xlarge', + }, + { + value: "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'", + type: 'typography', + description: 'H2', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f4}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H2', + }, + name: '--fds-typography-heading-large', + attributes: {}, + path: ['typography', 'heading', 'large'], + lastName: 'large', + }, + { + value: "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'", + type: 'typography', + description: 'H3', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f3}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H3', + }, + name: '--fds-typography-heading-medium', + attributes: {}, + path: ['typography', 'heading', 'medium'], + lastName: 'medium', + }, + { + value: "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'", + type: 'typography', + description: 'H4', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H4', + }, + name: '--fds-typography-heading-small', + attributes: {}, + path: ['typography', 'heading', 'small'], + lastName: 'small', + }, + { + value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + description: 'H5', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H5', + }, + name: '--fds-typography-heading-xsmall', + attributes: {}, + path: ['typography', 'heading', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + description: 'H6', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H6', + }, + name: '--fds-typography-heading-xxsmall', + attributes: {}, + path: ['typography', 'heading', 'xxsmall'], + lastName: 'xxsmall', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.600}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-ingress-medium', + attributes: {}, + path: ['typography', 'ingress', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-large', + attributes: {}, + path: ['typography', 'paragraph', 'large'], + lastName: 'large', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-medium', + attributes: {}, + path: ['typography', 'paragraph', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-small', + attributes: {}, + path: ['typography', 'paragraph', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-xsmall', + attributes: {}, + path: ['typography', 'paragraph', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-large', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'large'], + lastName: 'large', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-medium', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-small', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-xsmall', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-large', + attributes: {}, + path: ['typography', 'label', 'large'], + lastName: 'large', + }, + { + value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-medium', + attributes: {}, + path: ['typography', 'label', 'medium'], + lastName: 'medium', + }, + { + value: "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-small', + attributes: {}, + path: ['typography', 'label', 'small'], + lastName: 'small', + }, + { + value: "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-xsmall', + attributes: {}, + path: ['typography', 'label', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-medium', + attributes: {}, + path: ['typography', 'error_message', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-small', + attributes: {}, + path: ['typography', 'error_message', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-xsmall', + attributes: {}, + path: ['typography', 'error_message', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 1.5rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.large}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-large', + attributes: {}, + path: ['typography', 'interactive', 'large'], + lastName: 'large', + }, + { + value: "400 1.125rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.medium}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-medium', + attributes: {}, + path: ['typography', 'interactive', 'medium'], + lastName: 'medium', + }, + { + value: "400 1rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.small}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-small', + attributes: {}, + path: ['typography', 'interactive', 'small'], + lastName: 'small', }, -}; +]; -export const opacity = { - opacity: [ - { +export const opacity = [ + { + value: '30%', + type: 'opacity', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '30%', type: 'opacity', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '30%', - type: 'opacity', - }, - name: '--fds-opacity-disabled', - attributes: {}, - path: ['opacity', 'disabled'], - lastName: 'disabled', }, - ], -}; + name: '--fds-opacity-disabled', + attributes: {}, + path: ['opacity', 'disabled'], + lastName: 'disabled', + }, +]; -export const borderRadius = { - border_radius: [ - { - value: '4px', +export const borderRadius = [ + { + value: '4px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_radius.medium}', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_radius.medium}', - type: 'borderRadius', - }, - name: '--fds-border_radius-interactive', - attributes: {}, - path: ['border_radius', 'interactive'], - lastName: 'interactive', }, - { + name: '--fds-border_radius-interactive', + attributes: {}, + path: ['border_radius', 'interactive'], + lastName: 'interactive', + }, + { + value: '2px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '2px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '2px', - type: 'borderRadius', - }, - name: '--fds-border_radius-small', - attributes: {}, - path: ['border_radius', 'small'], - lastName: 'small', }, - { + name: '--fds-border_radius-small', + attributes: {}, + path: ['border_radius', 'small'], + lastName: 'small', + }, + { + value: '4px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4px', - type: 'borderRadius', - }, - name: '--fds-border_radius-medium', - attributes: {}, - path: ['border_radius', 'medium'], - lastName: 'medium', }, - { + name: '--fds-border_radius-medium', + attributes: {}, + path: ['border_radius', 'medium'], + lastName: 'medium', + }, + { + value: '8px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '8px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '8px', - type: 'borderRadius', - }, - name: '--fds-border_radius-large', - attributes: {}, - path: ['border_radius', 'large'], - lastName: 'large', }, - { + name: '--fds-border_radius-large', + attributes: {}, + path: ['border_radius', 'large'], + lastName: 'large', + }, + { + value: '12px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '12px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '12px', - type: 'borderRadius', - }, - name: '--fds-border_radius-xlarge', - attributes: {}, - path: ['border_radius', 'xlarge'], - lastName: 'xlarge', }, - { + name: '--fds-border_radius-xlarge', + attributes: {}, + path: ['border_radius', 'xlarge'], + lastName: 'xlarge', + }, + { + value: '9999px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '9999px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '9999px', - type: 'borderRadius', - }, - name: '--fds-border_radius-full', - attributes: {}, - path: ['border_radius', 'full'], - lastName: 'full', }, - ], -}; + name: '--fds-border_radius-full', + attributes: {}, + path: ['border_radius', 'full'], + lastName: 'full', + }, +]; -export const spacing = { - spacing: [ - { - value: 'calc(0)', +export const spacing = [ + { + value: 'calc(0)', + type: 'spacing', + description: '0', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '0', type: 'spacing', description: '0', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '0', - type: 'spacing', - description: '0', - }, - name: '--fds-spacing-0', - attributes: {}, - path: ['spacing', '0'], - lastName: '0', }, - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-0', + attributes: {}, + path: ['spacing', '0'], + lastName: '0', + }, + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '4px - 4.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}/16*{font-size.f0}', type: 'spacing', description: '4px - 4.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}/16*{font-size.f0}', - type: 'spacing', - description: '4px - 4.5px', - }, - name: '--fds-spacing-1', - attributes: {}, - path: ['spacing', '1'], - lastName: '1', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-1', + attributes: {}, + path: ['spacing', '1'], + lastName: '1', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '8px - 9px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*2/16*{font-size.f0}', type: 'spacing', description: '8px - 9px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*2/16*{font-size.f0}', - type: 'spacing', - description: '8px - 9px', - }, - name: '--fds-spacing-2', - attributes: {}, - path: ['spacing', '2'], - lastName: '2', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-2', + attributes: {}, + path: ['spacing', '2'], + lastName: '2', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '12px - 13.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*3/16*{font-size.f0}', type: 'spacing', description: '12px - 13.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*3/16*{font-size.f0}', - type: 'spacing', - description: '12px - 13.5px', - }, - name: '--fds-spacing-3', - attributes: {}, - path: ['spacing', '3'], - lastName: '3', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-3', + attributes: {}, + path: ['spacing', '3'], + lastName: '3', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '16px - 18px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*4/16*{font-size.f0}', type: 'spacing', description: '16px - 18px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*4/16*{font-size.f0}', - type: 'spacing', - description: '16px - 18px', - }, - name: '--fds-spacing-4', - attributes: {}, - path: ['spacing', '4'], - lastName: '4', }, - { - value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-4', + attributes: {}, + path: ['spacing', '4'], + lastName: '4', + }, + { + value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '20px - 22.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*5/16*{font-size.f0}', type: 'spacing', description: '20px - 22.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*5/16*{font-size.f0}', - type: 'spacing', - description: '20px - 22.5px', - }, - name: '--fds-spacing-5', - attributes: {}, - path: ['spacing', '5'], - lastName: '5', }, - { - value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-5', + attributes: {}, + path: ['spacing', '5'], + lastName: '5', + }, + { + value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '24px - 27px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*6/16*{font-size.f0}', type: 'spacing', description: '24px - 27px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*6/16*{font-size.f0}', - type: 'spacing', - description: '24px - 27px', - }, - name: '--fds-spacing-6', - attributes: {}, - path: ['spacing', '6'], - lastName: '6', }, - { - value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-6', + attributes: {}, + path: ['spacing', '6'], + lastName: '6', + }, + { + value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '28px - 31.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*7/16*{font-size.f0}', type: 'spacing', description: '28px - 31.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*7/16*{font-size.f0}', - type: 'spacing', - description: '28px - 31.5px', - }, - name: '--fds-spacing-7', - attributes: {}, - path: ['spacing', '7'], - lastName: '7', }, - { - value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-7', + attributes: {}, + path: ['spacing', '7'], + lastName: '7', + }, + { + value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '32px - 36px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*8/16)*{font-size.f0}', type: 'spacing', description: '32px - 36px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*8/16)*{font-size.f0}', - type: 'spacing', - description: '32px - 36px', - }, - name: '--fds-spacing-8', - attributes: {}, - path: ['spacing', '8'], - lastName: '8', }, - { - value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-8', + attributes: {}, + path: ['spacing', '8'], + lastName: '8', + }, + { + value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '40px - 45px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*10/16)*{font-size.f0}', type: 'spacing', description: '40px - 45px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*10/16)*{font-size.f0}', - type: 'spacing', - description: '40px - 45px', - }, - name: '--fds-spacing-10', - attributes: {}, - path: ['spacing', '10'], - lastName: '10', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-10', + attributes: {}, + path: ['spacing', '10'], + lastName: '10', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '48px - 54px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*12/16)*{font-size.f0}', type: 'spacing', description: '48px - 54px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*12/16)*{font-size.f0}', - type: 'spacing', - description: '48px - 54px', - }, - name: '--fds-spacing-12', - attributes: {}, - path: ['spacing', '12'], - lastName: '12', }, - { - value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-12', + attributes: {}, + path: ['spacing', '12'], + lastName: '12', + }, + { + value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '56px - 63px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*14/16)*{font-size.f0}', type: 'spacing', description: '56px - 63px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*14/16)*{font-size.f0}', - type: 'spacing', - description: '56px - 63px', - }, - name: '--fds-spacing-14', - attributes: {}, - path: ['spacing', '14'], - lastName: '14', }, - { - value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-14', + attributes: {}, + path: ['spacing', '14'], + lastName: '14', + }, + { + value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '72px - 81px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*18/16)*{font-size.f0}', type: 'spacing', description: '72px - 81px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*18/16)*{font-size.f0}', - type: 'spacing', - description: '72px - 81px', - }, - name: '--fds-spacing-18', - attributes: {}, - path: ['spacing', '18'], - lastName: '18', }, - { - value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-18', + attributes: {}, + path: ['spacing', '18'], + lastName: '18', + }, + { + value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '88px - 99px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*22/16)*{font-size.f0}', type: 'spacing', description: '88px - 99px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*22/16)*{font-size.f0}', - type: 'spacing', - description: '88px - 99px', - }, - name: '--fds-spacing-22', - attributes: {}, - path: ['spacing', '22'], - lastName: '22', }, - { - value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-22', + attributes: {}, + path: ['spacing', '22'], + lastName: '22', + }, + { + value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '104px - 117px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*26/16)*{font-size.f0}', type: 'spacing', description: '104px - 117px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*26/16)*{font-size.f0}', - type: 'spacing', - description: '104px - 117px', - }, - name: '--fds-spacing-26', - attributes: {}, - path: ['spacing', '26'], - lastName: '26', }, - { - value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-26', + attributes: {}, + path: ['spacing', '26'], + lastName: '26', + }, + { + value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '120px - 135px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*30/16)*{font-size.f0}', type: 'spacing', description: '120px - 135px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*30/16)*{font-size.f0}', - type: 'spacing', - description: '120px - 135px', - }, - name: '--fds-spacing-30', - attributes: {}, - path: ['spacing', '30'], - lastName: '30', - }, - ], - base_spacing: [ - { + }, + name: '--fds-spacing-30', + attributes: {}, + path: ['spacing', '30'], + lastName: '30', + }, + { + value: '4', + type: 'spacing', + description: '4px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4', type: 'spacing', description: '4px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4', - type: 'spacing', - description: '4px', - }, - name: '--fds-base_spacing', - attributes: {}, - path: ['base_spacing'], - lastName: 'base_spacing', - }, - ], - 'component-mode-spacing': [ - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + }, + name: '--fds-base_spacing', + attributes: {}, + path: ['base_spacing'], + lastName: 'base_spacing', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.2}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.2}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-small', - attributes: {}, - path: ['component-mode-spacing', 'small'], - lastName: 'small', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-spacing-small', + attributes: {}, + path: ['component-mode-spacing', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.3}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.3}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-medium', - attributes: {}, - path: ['component-mode-spacing', 'medium'], - lastName: 'medium', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-spacing-medium', + attributes: {}, + path: ['component-mode-spacing', 'medium'], + lastName: 'medium', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.4}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.4}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-large', - attributes: {}, - path: ['component-mode-spacing', 'large'], - lastName: 'large', - }, - ], - 'component-mode-gap': [ - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + }, + name: '--fds-component-mode-spacing-large', + attributes: {}, + path: ['component-mode-spacing', 'large'], + lastName: 'large', + }, + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.1}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.1}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-small', - attributes: {}, - path: ['component-mode-gap', 'small'], - lastName: 'small', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-gap-small', + attributes: {}, + path: ['component-mode-gap', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.2}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.2}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-medium', - attributes: {}, - path: ['component-mode-gap', 'medium'], - lastName: 'medium', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-gap-medium', + attributes: {}, + path: ['component-mode-gap', 'medium'], + lastName: 'medium', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.3}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.3}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-large', - attributes: {}, - path: ['component-mode-gap', 'large'], - lastName: 'large', }, - ], -}; + name: '--fds-component-mode-gap-large', + attributes: {}, + path: ['component-mode-gap', 'large'], + lastName: 'large', + }, +]; -export const sizing = { - sizing: [ - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', +export const sizing = [ + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '4px - 4.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}/16*{font-size.f0}', type: 'sizing', description: '4px - 4.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}/16*{font-size.f0}', - type: 'sizing', - description: '4px - 4.5px', - }, - name: '--fds-sizing-1', - attributes: {}, - path: ['sizing', '1'], - lastName: '1', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-1', + attributes: {}, + path: ['sizing', '1'], + lastName: '1', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '8px - 9px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*2/16*{font-size.f0}', type: 'sizing', description: '8px - 9px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*2/16*{font-size.f0}', - type: 'sizing', - description: '8px - 9px', - }, - name: '--fds-sizing-2', - attributes: {}, - path: ['sizing', '2'], - lastName: '2', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-2', + attributes: {}, + path: ['sizing', '2'], + lastName: '2', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '12px - 13.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*3/16*{font-size.f0}', type: 'sizing', description: '12px - 13.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*3/16*{font-size.f0}', - type: 'sizing', - description: '12px - 13.5px', - }, - name: '--fds-sizing-3', - attributes: {}, - path: ['sizing', '3'], - lastName: '3', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-3', + attributes: {}, + path: ['sizing', '3'], + lastName: '3', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '16px - 18px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*4/16*{font-size.f0}', type: 'sizing', description: '16px - 18px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*4/16*{font-size.f0}', - type: 'sizing', - description: '16px - 18px', - }, - name: '--fds-sizing-4', - attributes: {}, - path: ['sizing', '4'], - lastName: '4', }, - { - value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-4', + attributes: {}, + path: ['sizing', '4'], + lastName: '4', + }, + { + value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '20px - 22.5', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*5/16*{font-size.f0}', type: 'sizing', description: '20px - 22.5', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*5/16*{font-size.f0}', - type: 'sizing', - description: '20px - 22.5', - }, - name: '--fds-sizing-5', - attributes: {}, - path: ['sizing', '5'], - lastName: '5', }, - { - value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-5', + attributes: {}, + path: ['sizing', '5'], + lastName: '5', + }, + { + value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '24px - 27px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*6/16*{font-size.f0}', type: 'sizing', description: '24px - 27px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*6/16*{font-size.f0}', - type: 'sizing', - description: '24px - 27px', - }, - name: '--fds-sizing-6', - attributes: {}, - path: ['sizing', '6'], - lastName: '6', }, - { - value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-6', + attributes: {}, + path: ['sizing', '6'], + lastName: '6', + }, + { + value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '28px - 31.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*7/16*{font-size.f0}', type: 'sizing', description: '28px - 31.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*7/16*{font-size.f0}', - type: 'sizing', - description: '28px - 31.5px', - }, - name: '--fds-sizing-7', - attributes: {}, - path: ['sizing', '7'], - lastName: '7', }, - { - value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-7', + attributes: {}, + path: ['sizing', '7'], + lastName: '7', + }, + { + value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '32px - 36px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*8/16*{font-size.f0}', type: 'sizing', description: '32px - 36px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*8/16*{font-size.f0}', - type: 'sizing', - description: '32px - 36px', - }, - name: '--fds-sizing-8', - attributes: {}, - path: ['sizing', '8'], - lastName: '8', }, - { - value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-8', + attributes: {}, + path: ['sizing', '8'], + lastName: '8', + }, + { + value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '40px - 45px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*10/16*{font-size.f0}', type: 'sizing', description: '40px - 45px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*10/16*{font-size.f0}', - type: 'sizing', - description: '40px - 45px', - }, - name: '--fds-sizing-10', - attributes: {}, - path: ['sizing', '10'], - lastName: '10', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-10', + attributes: {}, + path: ['sizing', '10'], + lastName: '10', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '48px - 54px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*12/16)*{font-size.f0}', type: 'sizing', description: '48px - 54px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*12/16)*{font-size.f0}', - type: 'sizing', - description: '48px - 54px', - }, - name: '--fds-sizing-12', - attributes: {}, - path: ['sizing', '12'], - lastName: '12', }, - { - value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-12', + attributes: {}, + path: ['sizing', '12'], + lastName: '12', + }, + { + value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '56px - 63px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*14/16)*{font-size.f0}', type: 'sizing', description: '56px - 63px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*14/16)*{font-size.f0}', - type: 'sizing', - description: '56px - 63px', - }, - name: '--fds-sizing-14', - attributes: {}, - path: ['sizing', '14'], - lastName: '14', }, - { - value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-14', + attributes: {}, + path: ['sizing', '14'], + lastName: '14', + }, + { + value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '72px - 81px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*18/16)*{font-size.f0}', type: 'sizing', description: '72px - 81px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*18/16)*{font-size.f0}', - type: 'sizing', - description: '72px - 81px', - }, - name: '--fds-sizing-18', - attributes: {}, - path: ['sizing', '18'], - lastName: '18', }, - { - value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-18', + attributes: {}, + path: ['sizing', '18'], + lastName: '18', + }, + { + value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '88px - 99px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*22/16)*{font-size.f0}', type: 'sizing', description: '88px - 99px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*22/16)*{font-size.f0}', - type: 'sizing', - description: '88px - 99px', - }, - name: '--fds-sizing-22', - attributes: {}, - path: ['sizing', '22'], - lastName: '22', }, - { - value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-22', + attributes: {}, + path: ['sizing', '22'], + lastName: '22', + }, + { + value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '104px - 117px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*26/16)*{font-size.f0}', type: 'sizing', description: '104px - 117px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*26/16)*{font-size.f0}', - type: 'sizing', - description: '104px - 117px', - }, - name: '--fds-sizing-26', - attributes: {}, - path: ['sizing', '26'], - lastName: '26', }, - { - value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-26', + attributes: {}, + path: ['sizing', '26'], + lastName: '26', + }, + { + value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '120px - 135px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*30/16)*{font-size.f0}', type: 'sizing', description: '120px - 135px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*30/16)*{font-size.f0}', - type: 'sizing', - description: '120px - 135px', - }, - name: '--fds-sizing-30', - attributes: {}, - path: ['sizing', '30'], - lastName: '30', - }, - ], - base_sizing: [ - { + }, + name: '--fds-sizing-30', + attributes: {}, + path: ['sizing', '30'], + lastName: '30', + }, + { + value: '4', + type: 'sizing', + description: '4px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4', type: 'sizing', description: '4px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4', - type: 'sizing', - description: '4px', - }, - name: '--fds-base_sizing', - attributes: {}, - path: ['base_sizing'], - lastName: 'base_sizing', - }, - ], - 'component-mode-height': [ - { - value: '36px', + }, + name: '--fds-base_sizing', + attributes: {}, + path: ['base_sizing'], + lastName: 'base_sizing', + }, + { + value: '36px', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '36', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '36', - type: 'sizing', - }, - name: '--fds-component-mode-height-small', - attributes: {}, - path: ['component-mode-height', 'small'], - lastName: 'small', }, - { - value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-height-small', + attributes: {}, + path: ['component-mode-height', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{sizing.10}', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{sizing.10}', - type: 'sizing', - }, - name: '--fds-component-mode-height-medium', - attributes: {}, - path: ['component-mode-height', 'medium'], - lastName: 'medium', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-height-medium', + attributes: {}, + path: ['component-mode-height', 'medium'], + lastName: 'medium', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{sizing.12}', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{sizing.12}', - type: 'sizing', - }, - name: '--fds-component-mode-height-large', - attributes: {}, - path: ['component-mode-height', 'large'], - lastName: 'large', }, - ], -}; + name: '--fds-component-mode-height-large', + attributes: {}, + path: ['component-mode-height', 'large'], + lastName: 'large', + }, +]; -export const borderWidth = { - border_width: [ - { - value: '1px', +export const borderWidth = [ + { + value: '1px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_width.1}', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_width.1}', - type: 'borderWidth', - }, - name: '--fds-border_width-default', - attributes: {}, - path: ['border_width', 'default'], - lastName: 'default', }, - { - value: '2px', + name: '--fds-border_width-default', + attributes: {}, + path: ['border_width', 'default'], + lastName: 'default', + }, + { + value: '2px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_width.2}', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_width.2}', - type: 'borderWidth', - }, - name: '--fds-border_width-active', - attributes: {}, - path: ['border_width', 'active'], - lastName: 'active', }, - { + name: '--fds-border_width-active', + attributes: {}, + path: ['border_width', 'active'], + lastName: 'active', + }, + { + value: '2px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '2px', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '2px', - type: 'borderWidth', - }, - name: '--fds-border_width-tab_focus', - attributes: {}, - path: ['border_width', 'tab_focus'], - lastName: 'tab_focus', }, - ], -}; + name: '--fds-border_width-tab_focus', + attributes: {}, + path: ['border_width', 'tab_focus'], + lastName: 'tab_focus', + }, +]; -export const boxShadow = { - shadow: [ - { - value: '0 1px 2px 0 #0000001f', +export const boxShadow = [ + { + value: '0 1px 2px 0 #0000001f', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.100}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.100}', - type: 'boxShadow', - }, - name: '--fds-shadow-xsmall', - attributes: {}, - path: ['shadow', 'xsmall'], - lastName: 'xsmall', }, - { - value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a', + name: '--fds-shadow-xsmall', + attributes: {}, + path: ['shadow', 'xsmall'], + lastName: 'xsmall', + }, + { + value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.200}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.200}', - type: 'boxShadow', - }, - name: '--fds-shadow-small', - attributes: {}, - path: ['shadow', 'small'], - lastName: 'small', }, - { - value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a', + name: '--fds-shadow-small', + attributes: {}, + path: ['shadow', 'small'], + lastName: 'small', + }, + { + value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.300}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.300}', - type: 'boxShadow', - }, - name: '--fds-shadow-medium', - attributes: {}, - path: ['shadow', 'medium'], - lastName: 'medium', }, - { - value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a', + name: '--fds-shadow-medium', + attributes: {}, + path: ['shadow', 'medium'], + lastName: 'medium', + }, + { + value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.400}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.400}', - type: 'boxShadow', - }, - name: '--fds-shadow-large', - attributes: {}, - path: ['shadow', 'large'], - lastName: 'large', }, - { - value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a', + name: '--fds-shadow-large', + attributes: {}, + path: ['shadow', 'large'], + lastName: 'large', + }, + { + value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.500}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.500}', - type: 'boxShadow', - }, - name: '--fds-shadow-xlarge', - attributes: {}, - path: ['shadow', 'xlarge'], - lastName: 'xlarge', }, - ], -}; + name: '--fds-shadow-xlarge', + attributes: {}, + path: ['shadow', 'xlarge'], + lastName: 'xlarge', + }, +]; diff --git a/storefront/tokens/brreg.ts b/storefront/tokens/brreg.ts index 809093653e..81b55dd827 100644 --- a/storefront/tokens/brreg.ts +++ b/storefront/tokens/brreg.ts @@ -3,4166 +3,4028 @@ * These files are generated from design tokens defined in Figma using Token Studio */ -export const color = { - semantic: { - background: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-background-default', - attributes: {}, - path: ['semantic', 'background', 'default'], - lastName: 'default', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-background-subtle', - attributes: {}, - path: ['semantic', 'background', 'subtle'], - lastName: 'subtle', - }, - ], - surface: { - neutral: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-default', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-selected', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'selected'], - lastName: 'selected', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-subtle', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.600}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-dark', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'dark'], - lastName: 'dark', - }, - { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.700}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-dark-hover', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'dark-hover'], - lastName: 'dark-hover', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-inverted', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'inverted'], - lastName: 'inverted', - }, - ], - action: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-active'], - lastName: 'no_fill-active', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-checked', - attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], - lastName: 'checked', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-primary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], - lastName: 'no_fill-active', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: 'rgba(#00315d, 0.9)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: 'rgba(#00315d, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-secondary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: 'rgba(#00315d, 0.1)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: 'rgba(#00315d, 0.2)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - success: [ - { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.200}', - type: 'color', - }, - name: '--fds-semantic-surface-success-subtle', - attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle'], - lastName: 'subtle', - }, - { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.300}', - type: 'color', - }, - name: '--fds-semantic-surface-success-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.700}', - type: 'color', - }, - name: '--fds-semantic-surface-success-default', - attributes: {}, - path: ['semantic', 'surface', 'success', 'default'], - lastName: 'default', - }, - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-surface-success-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.900}', - type: 'color', - }, - name: '--fds-semantic-surface-success-active', - attributes: {}, - path: ['semantic', 'surface', 'success', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.200}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.300}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - warning: [ - { - value: '#fffbe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.100}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-subtle', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle'], - lastName: 'subtle', - }, - { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.200}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#ff8c06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.500}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-default', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'default'], - lastName: 'default', - }, - ], - danger: [ - { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.100}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-subtle', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle'], - lastName: 'subtle', - }, - { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.200}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.500}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-default', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.700}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-active', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.100}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.200}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - info: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-info-subtle', - attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-info-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle-hover'], - lastName: 'subtle-hover', - }, - ], - on_inverted: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-default', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'default'], - lastName: 'default', - }, - { - value: '#ffffffe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffe6', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'hover'], - lastName: 'hover', - }, - { - value: '#ffffffcc', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffcc', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'active'], - lastName: 'active', - }, - { - value: '#ffffff00', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff00', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#ffffff1a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff1a', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#ffffff33', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff33', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - primary: [ - { - value: '#D1E4FF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.primary.100}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light'], - lastName: 'light', - }, - { - value: '#76ADFB', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.primary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#5391E9', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.primary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#004785', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.primary.700}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-dark', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], - lastName: 'dark', - }, - ], - secondary: [ - { - value: '#C9E7F4', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.secondary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], - lastName: 'light', - }, - { - value: '#70B3D7', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.secondary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#4E99BD', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.secondary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#1F4B63', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.secondary.700}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-dark', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], - lastName: 'dark', - }, - ], - tertiary: [ - { - value: '#D7E5E7', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.tertiary.100}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], - lastName: 'light', - }, - { - value: '#B9CACB', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.tertiary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#9FAEAF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.tertiary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#414849', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.tertiary.700}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-dark', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], - lastName: 'dark', - }, - ], - }, - border: { - info: [ - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-info-default', - attributes: {}, - path: ['semantic', 'border', 'info', 'default'], - lastName: 'default', - }, - ], - action: [ - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'default'], - lastName: 'default', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'active'], - lastName: 'active', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-dark', - attributes: {}, - path: ['semantic', 'border', 'action', 'dark'], - lastName: 'dark', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-dark-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'dark-hover'], - lastName: 'dark-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], - lastName: 'active', - }, - ], - neutral: [ - { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.600}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-default', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-subtle', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-strong', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'strong'], - lastName: 'strong', - }, - { - value: '#bcbfc5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.400}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-divider', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'divider'], - lastName: 'divider', - }, - ], - success: [ - { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.700}', - type: 'color', - }, - name: '--fds-semantic-border-success-default', - attributes: {}, - path: ['semantic', 'border', 'success', 'default'], - lastName: 'default', - }, - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-border-success-hover', - attributes: {}, - path: ['semantic', 'border', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.900}', - type: 'color', - }, - name: '--fds-semantic-border-success-active', - attributes: {}, - path: ['semantic', 'border', 'success', 'active'], - lastName: 'active', - }, - ], - warning: [ - { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.600}', - type: 'color', - }, - name: '--fds-semantic-border-warning-default', - attributes: {}, - path: ['semantic', 'border', 'warning', 'default'], - lastName: 'default', - }, - { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.700}', - type: 'color', - }, - name: '--fds-semantic-border-warning-hover', - attributes: {}, - path: ['semantic', 'border', 'warning', 'hover'], - lastName: 'hover', - }, - { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.800}', - type: 'color', - }, - name: '--fds-semantic-border-warning-active', - attributes: {}, - path: ['semantic', 'border', 'warning', 'active'], - lastName: 'active', - }, - ], - danger: [ - { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.500}', - type: 'color', - }, - name: '--fds-semantic-border-danger-default', - attributes: {}, - path: ['semantic', 'border', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-border-danger-hover', - attributes: {}, - path: ['semantic', 'border', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.700}', - type: 'color', - }, - name: '--fds-semantic-border-danger-active', - attributes: {}, - path: ['semantic', 'border', 'danger', 'active'], - lastName: 'active', - }, - ], - focus: [ - { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.500}', - type: 'color', - }, - name: '--fds-semantic-border-focus-outline', - attributes: {}, - path: ['semantic', 'border', 'focus', 'outline'], - lastName: 'outline', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{semantic.border.neutral.strong}', - type: 'color', - }, - name: '--fds-semantic-border-focus-boxshadow', - attributes: {}, - path: ['semantic', 'border', 'focus', 'boxshadow'], - lastName: 'boxshadow', - }, - ], - on_inverted: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff', - type: 'color', - }, - name: '--fds-semantic-border-on_inverted-default', - attributes: {}, - path: ['semantic', 'border', 'on_inverted', 'default'], - lastName: 'default', - }, - ], - input: [ - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-border-input-default', - attributes: {}, - path: ['semantic', 'border', 'input', 'default'], - lastName: 'default', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#0062ba', - type: 'color', - }, - name: '--fds-semantic-border-input-hover', - attributes: {}, - path: ['semantic', 'border', 'input', 'hover'], - lastName: 'hover', - }, - ], - primary: [ - { - value: '#005FAE', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.primary.600}', - type: 'color', - }, - name: '--fds-semantic-border-primary-default', - attributes: {}, - path: ['semantic', 'border', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004785', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.primary.700}', - type: 'color', - }, - name: '--fds-semantic-border-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315E', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-border-primary-active', - attributes: {}, - path: ['semantic', 'border', 'primary', 'active'], - lastName: 'active', - }, - ], - secondary: [ - { - value: '#2C647E', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.secondary.600}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#1F4B63', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.secondary.700}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#133349', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.secondary.800}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'active'], - lastName: 'active', - }, - ], - tertiary: [ - { - value: '#879394', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.tertiary.400}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-default', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'default'], - lastName: 'default', - }, - { - value: '#6D7879', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.tertiary.500}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-hover', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'hover'], - lastName: 'hover', - }, - { - value: '#576061', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '{brand.tertiary.600}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-active', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'active'], - lastName: 'active', - }, - ], - }, - text: { - success: [ - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-text-success-default', - attributes: {}, - path: ['semantic', 'text', 'success', 'default'], - lastName: 'default', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#084826', - type: 'color', - }, - name: '--fds-semantic-text-success-hover', - attributes: {}, - path: ['semantic', 'text', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#084826', - type: 'color', - }, - name: '--fds-semantic-text-success-active', - attributes: {}, - path: ['semantic', 'text', 'success', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-success-on_success', - attributes: {}, - path: ['semantic', 'text', 'success', 'on_success'], - lastName: 'on_success', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#1e2b3c', - type: 'color', - }, - name: '--fds-semantic-text-success-on_success_subtle', - attributes: {}, - path: ['semantic', 'text', 'success', 'on_success_subtle'], - lastName: 'on_success_subtle', - }, - ], - neutral: [ - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-default', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.700}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-subtle', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-on_inverted', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'on_inverted'], - lastName: 'on_inverted', - }, - ], - action: [ - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'on_action'], - lastName: 'on_action', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], - lastName: 'on_action', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], - lastName: 'on_action', - }, - ], - warning: [ - { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.700}', - type: 'color', - }, - name: '--fds-semantic-text-warning-default', - attributes: {}, - path: ['semantic', 'text', 'warning', 'default'], - lastName: 'default', - }, - { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.600}', - type: 'color', - }, - name: '--fds-semantic-text-warning-icon_warning', - attributes: {}, - path: ['semantic', 'text', 'warning', 'icon_warning'], - lastName: 'icon_warning', - }, - { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.800}', - type: 'color', - }, - name: '--fds-semantic-text-warning-on_warning', - attributes: {}, - path: ['semantic', 'text', 'warning', 'on_warning'], - lastName: 'on_warning', - }, - ], - danger: [ - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-text-danger-default', - attributes: {}, - path: ['semantic', 'text', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#861c2c', - type: 'color', - }, - name: '--fds-semantic-text-danger-hover', - attributes: {}, - path: ['semantic', 'text', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#5a121d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#5a121d', - type: 'color', - }, - name: '--fds-semantic-text-danger-active', - attributes: {}, - path: ['semantic', 'text', 'danger', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-danger-on_danger', - attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger'], - lastName: 'on_danger', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#1e2b3c', - type: 'color', - }, - name: '--fds-semantic-text-danger-on_danger_subtle', - attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger_subtle'], - lastName: 'on_danger_subtle', - }, - ], - visited: [ - { - value: '#7a1265', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.purple.700}', - type: 'color', - }, - name: '--fds-semantic-text-visited-default', - attributes: {}, - path: ['semantic', 'text', 'visited', 'default'], - lastName: 'default', - }, - ], - }, - }, - brand: { - primary: [ - { - value: '#FFFFFF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#FFFFFF', - type: 'color', - }, - name: '--fds-brand-primary-50', - attributes: {}, - path: ['brand', 'primary', '50'], - lastName: '50', - }, - { - value: '#D1E4FF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#D1E4FF', - type: 'color', - }, - name: '--fds-brand-primary-100', - attributes: {}, - path: ['brand', 'primary', '100'], - lastName: '100', - }, - { - value: '#9ECAFF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#9ECAFF', - type: 'color', - }, - name: '--fds-brand-primary-200', - attributes: {}, - path: ['brand', 'primary', '200'], - lastName: '200', - }, - { - value: '#76ADFB', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#76ADFB', - type: 'color', - }, - name: '--fds-brand-primary-300', - attributes: {}, - path: ['brand', 'primary', '300'], - lastName: '300', - }, - { - value: '#5391E9', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#5391E9', - type: 'color', - }, - name: '--fds-brand-primary-400', - attributes: {}, - path: ['brand', 'primary', '400'], - lastName: '400', - }, - { - value: '#2B77CC', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#2B77CC', - type: 'color', - }, - name: '--fds-brand-primary-500', - attributes: {}, - path: ['brand', 'primary', '500'], - lastName: '500', - }, - { - value: '#005FAE', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#005FAE', - type: 'color', - }, - name: '--fds-brand-primary-600', - attributes: {}, - path: ['brand', 'primary', '600'], - lastName: '600', - }, - { - value: '#004785', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#004785', - type: 'color', - }, - name: '--fds-brand-primary-700', - attributes: {}, - path: ['brand', 'primary', '700'], - lastName: '700', - }, - { - value: '#00315E', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#00315E', - type: 'color', - }, - name: '--fds-brand-primary-800', - attributes: {}, - path: ['brand', 'primary', '800'], - lastName: '800', - }, - { - value: '#001C3A', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#001C3A', - type: 'color', - }, - name: '--fds-brand-primary-900', - attributes: {}, - path: ['brand', 'primary', '900'], - lastName: '900', - }, - { - value: '#001127', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#001127', - type: 'color', - }, - name: '--fds-brand-primary-950', - attributes: {}, - path: ['brand', 'primary', '950'], - lastName: '950', - }, - ], - secondary: [ - { - value: '#FFFFFF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#FFFFFF', - type: 'color', - }, - name: '--fds-brand-secondary-50', - attributes: {}, - path: ['brand', 'secondary', '50'], - lastName: '50', - }, - { - value: '#E5F3F9', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#E5F3F9', - type: 'color', - }, - name: '--fds-brand-secondary-100', - attributes: {}, - path: ['brand', 'secondary', '100'], - lastName: '100', - }, - { - value: '#C9E7F4', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#C9E7F4', - type: 'color', - }, - name: '--fds-brand-secondary-200', - attributes: {}, - path: ['brand', 'secondary', '200'], - lastName: '200', - }, - { - value: '#70B3D7', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#70B3D7', - type: 'color', - }, - name: '--fds-brand-secondary-300', - attributes: {}, - path: ['brand', 'secondary', '300'], - lastName: '300', - }, - { - value: '#4E99BD', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#4E99BD', - type: 'color', - }, - name: '--fds-brand-secondary-400', - attributes: {}, - path: ['brand', 'secondary', '400'], - lastName: '400', - }, - { - value: '#3B7D9B', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#3B7D9B', - type: 'color', - }, - name: '--fds-brand-secondary-500', - attributes: {}, - path: ['brand', 'secondary', '500'], - lastName: '500', - }, - { - value: '#2C647E', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#2C647E', - type: 'color', - }, - name: '--fds-brand-secondary-600', - attributes: {}, - path: ['brand', 'secondary', '600'], - lastName: '600', - }, - { - value: '#1F4B63', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#1F4B63', - type: 'color', - }, - name: '--fds-brand-secondary-700', - attributes: {}, - path: ['brand', 'secondary', '700'], - lastName: '700', - }, - { - value: '#133349', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#133349', - type: 'color', - }, - name: '--fds-brand-secondary-800', - attributes: {}, - path: ['brand', 'secondary', '800'], - lastName: '800', - }, - { - value: '#071D2C', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#071D2C', - type: 'color', - }, - name: '--fds-brand-secondary-900', - attributes: {}, - path: ['brand', 'secondary', '900'], - lastName: '900', - }, - { - value: '#03121D', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#03121D', - type: 'color', - }, - name: '--fds-brand-secondary-950', - attributes: {}, - path: ['brand', 'secondary', '950'], - lastName: '950', - }, - ], - tertiary: [ - { - value: '#EBF2F3', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#EBF2F3', - type: 'color', - }, - name: '--fds-brand-tertiary-50', - attributes: {}, - path: ['brand', 'tertiary', '50'], - lastName: '50', - }, - { - value: '#D7E5E7', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#D7E5E7', - type: 'color', - }, - name: '--fds-brand-tertiary-100', - attributes: {}, - path: ['brand', 'tertiary', '100'], - lastName: '100', - }, - { - value: '#B9CACB', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#B9CACB', - type: 'color', - }, - name: '--fds-brand-tertiary-200', - attributes: {}, - path: ['brand', 'tertiary', '200'], - lastName: '200', - }, - { - value: '#9FAEAF', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#9FAEAF', - type: 'color', - }, - name: '--fds-brand-tertiary-300', - attributes: {}, - path: ['brand', 'tertiary', '300'], - lastName: '300', - }, - { - value: '#879394', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#879394', - type: 'color', - }, - name: '--fds-brand-tertiary-400', - attributes: {}, - path: ['brand', 'tertiary', '400'], - lastName: '400', - }, - { - value: '#6D7879', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#6D7879', - type: 'color', - }, - name: '--fds-brand-tertiary-500', - attributes: {}, - path: ['brand', 'tertiary', '500'], - lastName: '500', - }, - { - value: '#576061', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#576061', - type: 'color', - }, - name: '--fds-brand-tertiary-600', - attributes: {}, - path: ['brand', 'tertiary', '600'], - lastName: '600', - }, - { - value: '#414849', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#414849', - type: 'color', - }, - name: '--fds-brand-tertiary-700', - attributes: {}, - path: ['brand', 'tertiary', '700'], - lastName: '700', - }, - { - value: '#2C3132', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#2C3132', - type: 'color', - }, - name: '--fds-brand-tertiary-800', - attributes: {}, - path: ['brand', 'tertiary', '800'], - lastName: '800', - }, - { - value: '#191C1C', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#191C1C', - type: 'color', - }, - name: '--fds-brand-tertiary-900', - attributes: {}, - path: ['brand', 'tertiary', '900'], - lastName: '900', - }, - { - value: '#0F1112', - type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', - isSource: false, - original: { - value: '#0F1112', - type: 'color', - }, - name: '--fds-brand-tertiary-950', - attributes: {}, - path: ['brand', 'tertiary', '950'], - lastName: '950', - }, - ], +export const color = [ + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-background-default', + attributes: {}, + path: ['semantic', 'background', 'default'], + lastName: 'default', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-background-subtle', + attributes: {}, + path: ['semantic', 'background', 'subtle'], + lastName: 'subtle', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-default', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-selected', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'selected'], + lastName: 'selected', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-subtle', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#68707c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.600}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-dark', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'dark'], + lastName: 'dark', + }, + { + value: '#4b5563', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.700}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-dark-hover', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'dark-hover'], + lastName: 'dark-hover', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-inverted', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'inverted'], + lastName: 'inverted', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-checked', + attributes: {}, + path: ['semantic', 'surface', 'action', 'checked'], + lastName: 'checked', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-primary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: 'rgba(#00315d, 0.9)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.9)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: 'rgba(#00315d, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-secondary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: 'rgba(#00315d, 0.1)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.1)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: 'rgba(#00315d, 0.2)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.2)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#d1f4e1', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.200}', + type: 'color', + }, + name: '--fds-semantic-surface-success-subtle', + attributes: {}, + path: ['semantic', 'surface', 'success', 'subtle'], + lastName: 'subtle', + }, + { + value: '#8be4b5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.300}', + type: 'color', + }, + name: '--fds-semantic-surface-success-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#118849', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.700}', + type: 'color', + }, + name: '--fds-semantic-surface-success-default', + attributes: {}, + path: ['semantic', 'surface', 'success', 'default'], + lastName: 'default', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-surface-success-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.900}', + type: 'color', + }, + name: '--fds-semantic-surface-success-active', + attributes: {}, + path: ['semantic', 'surface', 'success', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#d1f4e1', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.200}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#8be4b5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.300}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#fffbe6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.100}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-subtle', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'subtle'], + lastName: 'subtle', + }, + { + value: '#fff4b4', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.200}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#ff8c06', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.500}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-default', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#f9d5db', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.100}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-subtle', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'subtle'], + lastName: 'subtle', + }, + { + value: '#f3abb6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.200}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#e02e49', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.500}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-default', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.700}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-active', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#f9d5db', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.100}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#f3abb6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.200}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-info-subtle', + attributes: {}, + path: ['semantic', 'surface', 'info', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-info-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'info', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-default', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'default'], + lastName: 'default', + }, + { + value: '#ffffffe6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffffe6', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-hover', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'hover'], + lastName: 'hover', + }, + { + value: '#ffffffcc', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffffcc', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-active', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'active'], + lastName: 'active', + }, + { + value: '#ffffff00', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff00', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#ffffff1a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff1a', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#ffffff33', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff33', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#D1E4FF', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.100}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light'], + lastName: 'light', + }, + { + value: '#76ADFB', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#5391E9', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#004785', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.700}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-dark', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'dark'], + lastName: 'dark', + }, + { + value: '#C9E7F4', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light'], + lastName: 'light', + }, + { + value: '#70B3D7', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#4E99BD', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#1F4B63', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.700}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-dark', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'dark'], + lastName: 'dark', + }, + { + value: '#D7E5E7', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.100}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light'], + lastName: 'light', + }, + { + value: '#B9CACB', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#9FAEAF', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#414849', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.700}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-dark', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'dark'], + lastName: 'dark', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-info-default', + attributes: {}, + path: ['semantic', 'border', 'info', 'default'], + lastName: 'default', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'active'], + lastName: 'active', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark'], + lastName: 'dark', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark-hover'], + lastName: 'dark-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#d2d5d8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.300}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#68707c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.600}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-default', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#d2d5d8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.300}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-subtle', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-strong', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'strong'], + lastName: 'strong', + }, + { + value: '#bcbfc5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.400}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-divider', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'divider'], + lastName: 'divider', + }, + { + value: '#118849', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.700}', + type: 'color', + }, + name: '--fds-semantic-border-success-default', + attributes: {}, + path: ['semantic', 'border', 'success', 'default'], + lastName: 'default', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-border-success-hover', + attributes: {}, + path: ['semantic', 'border', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.900}', + type: 'color', + }, + name: '--fds-semantic-border-success-active', + attributes: {}, + path: ['semantic', 'border', 'success', 'active'], + lastName: 'active', + }, + { + value: '#cc7005', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.600}', + type: 'color', + }, + name: '--fds-semantic-border-warning-default', + attributes: {}, + path: ['semantic', 'border', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#995404', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.700}', + type: 'color', + }, + name: '--fds-semantic-border-warning-hover', + attributes: {}, + path: ['semantic', 'border', 'warning', 'hover'], + lastName: 'hover', + }, + { + value: '#663802', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.800}', + type: 'color', + }, + name: '--fds-semantic-border-warning-active', + attributes: {}, + path: ['semantic', 'border', 'warning', 'active'], + lastName: 'active', + }, + { + value: '#e02e49', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.500}', + type: 'color', + }, + name: '--fds-semantic-border-danger-default', + attributes: {}, + path: ['semantic', 'border', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-border-danger-hover', + attributes: {}, + path: ['semantic', 'border', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.700}', + type: 'color', + }, + name: '--fds-semantic-border-danger-active', + attributes: {}, + path: ['semantic', 'border', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffda06', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.500}', + type: 'color', + }, + name: '--fds-semantic-border-focus-outline', + attributes: {}, + path: ['semantic', 'border', 'focus', 'outline'], + lastName: 'outline', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{semantic.border.neutral.strong}', + type: 'color', + }, + name: '--fds-semantic-border-focus-boxshadow', + attributes: {}, + path: ['semantic', 'border', 'focus', 'boxshadow'], + lastName: 'boxshadow', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff', + type: 'color', + }, + name: '--fds-semantic-border-on_inverted-default', + attributes: {}, + path: ['semantic', 'border', 'on_inverted', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-border-input-default', + attributes: {}, + path: ['semantic', 'border', 'input', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#0062ba', + type: 'color', + }, + name: '--fds-semantic-border-input-hover', + attributes: {}, + path: ['semantic', 'border', 'input', 'hover'], + lastName: 'hover', + }, + { + value: '#005FAE', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.600}', + type: 'color', + }, + name: '--fds-semantic-border-primary-default', + attributes: {}, + path: ['semantic', 'border', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004785', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.700}', + type: 'color', + }, + name: '--fds-semantic-border-primary-hover', + attributes: {}, + path: ['semantic', 'border', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315E', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-border-primary-active', + attributes: {}, + path: ['semantic', 'border', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#2C647E', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.600}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-default', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#1F4B63', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.700}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-hover', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#133349', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.800}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-active', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#879394', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.400}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-default', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'default'], + lastName: 'default', + }, + { + value: '#6D7879', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.500}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-hover', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'hover'], + lastName: 'hover', + }, + { + value: '#576061', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.600}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-active', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'active'], + lastName: 'active', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-text-success-default', + attributes: {}, + path: ['semantic', 'text', 'success', 'default'], + lastName: 'default', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#084826', + type: 'color', + }, + name: '--fds-semantic-text-success-hover', + attributes: {}, + path: ['semantic', 'text', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#084826', + type: 'color', + }, + name: '--fds-semantic-text-success-active', + attributes: {}, + path: ['semantic', 'text', 'success', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-success-on_success', + attributes: {}, + path: ['semantic', 'text', 'success', 'on_success'], + lastName: 'on_success', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#1e2b3c', + type: 'color', + }, + name: '--fds-semantic-text-success-on_success_subtle', + attributes: {}, + path: ['semantic', 'text', 'success', 'on_success_subtle'], + lastName: 'on_success_subtle', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-default', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#4b5563', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.700}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-subtle', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-on_inverted', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'on_inverted'], + lastName: 'on_inverted', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-text-action-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', + type: 'color', + }, + name: '--fds-semantic-text-action-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-text-action-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'on_action'], + lastName: 'on_action', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#995404', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.700}', + type: 'color', + }, + name: '--fds-semantic-text-warning-default', + attributes: {}, + path: ['semantic', 'text', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#cc7005', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.600}', + type: 'color', + }, + name: '--fds-semantic-text-warning-icon_warning', + attributes: {}, + path: ['semantic', 'text', 'warning', 'icon_warning'], + lastName: 'icon_warning', + }, + { + value: '#663802', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.800}', + type: 'color', + }, + name: '--fds-semantic-text-warning-on_warning', + attributes: {}, + path: ['semantic', 'text', 'warning', 'on_warning'], + lastName: 'on_warning', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-text-danger-default', + attributes: {}, + path: ['semantic', 'text', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#861c2c', + type: 'color', + }, + name: '--fds-semantic-text-danger-hover', + attributes: {}, + path: ['semantic', 'text', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#5a121d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#5a121d', + type: 'color', + }, + name: '--fds-semantic-text-danger-active', + attributes: {}, + path: ['semantic', 'text', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-danger-on_danger', + attributes: {}, + path: ['semantic', 'text', 'danger', 'on_danger'], + lastName: 'on_danger', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#1e2b3c', + type: 'color', + }, + name: '--fds-semantic-text-danger-on_danger_subtle', + attributes: {}, + path: ['semantic', 'text', 'danger', 'on_danger_subtle'], + lastName: 'on_danger_subtle', + }, + { + value: '#7a1265', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.purple.700}', + type: 'color', + }, + name: '--fds-semantic-text-visited-default', + attributes: {}, + path: ['semantic', 'text', 'visited', 'default'], + lastName: 'default', + }, + { + value: '#FFFFFF', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#FFFFFF', + type: 'color', + }, + name: '--fds-brand-primary-50', + attributes: {}, + path: ['brand', 'primary', '50'], + lastName: '50', + }, + { + value: '#D1E4FF', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#D1E4FF', + type: 'color', + }, + name: '--fds-brand-primary-100', + attributes: {}, + path: ['brand', 'primary', '100'], + lastName: '100', + }, + { + value: '#9ECAFF', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#9ECAFF', + type: 'color', + }, + name: '--fds-brand-primary-200', + attributes: {}, + path: ['brand', 'primary', '200'], + lastName: '200', + }, + { + value: '#76ADFB', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#76ADFB', + type: 'color', + }, + name: '--fds-brand-primary-300', + attributes: {}, + path: ['brand', 'primary', '300'], + lastName: '300', + }, + { + value: '#5391E9', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#5391E9', + type: 'color', + }, + name: '--fds-brand-primary-400', + attributes: {}, + path: ['brand', 'primary', '400'], + lastName: '400', + }, + { + value: '#2B77CC', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#2B77CC', + type: 'color', + }, + name: '--fds-brand-primary-500', + attributes: {}, + path: ['brand', 'primary', '500'], + lastName: '500', + }, + { + value: '#005FAE', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#005FAE', + type: 'color', + }, + name: '--fds-brand-primary-600', + attributes: {}, + path: ['brand', 'primary', '600'], + lastName: '600', + }, + { + value: '#004785', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#004785', + type: 'color', + }, + name: '--fds-brand-primary-700', + attributes: {}, + path: ['brand', 'primary', '700'], + lastName: '700', + }, + { + value: '#00315E', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#00315E', + type: 'color', + }, + name: '--fds-brand-primary-800', + attributes: {}, + path: ['brand', 'primary', '800'], + lastName: '800', + }, + { + value: '#001C3A', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#001C3A', + type: 'color', + }, + name: '--fds-brand-primary-900', + attributes: {}, + path: ['brand', 'primary', '900'], + lastName: '900', + }, + { + value: '#001127', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#001127', + type: 'color', + }, + name: '--fds-brand-primary-950', + attributes: {}, + path: ['brand', 'primary', '950'], + lastName: '950', + }, + { + value: '#FFFFFF', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#FFFFFF', + type: 'color', + }, + name: '--fds-brand-secondary-50', + attributes: {}, + path: ['brand', 'secondary', '50'], + lastName: '50', + }, + { + value: '#E5F3F9', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#E5F3F9', + type: 'color', + }, + name: '--fds-brand-secondary-100', + attributes: {}, + path: ['brand', 'secondary', '100'], + lastName: '100', + }, + { + value: '#C9E7F4', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#C9E7F4', + type: 'color', + }, + name: '--fds-brand-secondary-200', + attributes: {}, + path: ['brand', 'secondary', '200'], + lastName: '200', + }, + { + value: '#70B3D7', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#70B3D7', + type: 'color', + }, + name: '--fds-brand-secondary-300', + attributes: {}, + path: ['brand', 'secondary', '300'], + lastName: '300', + }, + { + value: '#4E99BD', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#4E99BD', + type: 'color', + }, + name: '--fds-brand-secondary-400', + attributes: {}, + path: ['brand', 'secondary', '400'], + lastName: '400', + }, + { + value: '#3B7D9B', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#3B7D9B', + type: 'color', + }, + name: '--fds-brand-secondary-500', + attributes: {}, + path: ['brand', 'secondary', '500'], + lastName: '500', + }, + { + value: '#2C647E', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#2C647E', + type: 'color', + }, + name: '--fds-brand-secondary-600', + attributes: {}, + path: ['brand', 'secondary', '600'], + lastName: '600', + }, + { + value: '#1F4B63', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#1F4B63', + type: 'color', + }, + name: '--fds-brand-secondary-700', + attributes: {}, + path: ['brand', 'secondary', '700'], + lastName: '700', + }, + { + value: '#133349', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#133349', + type: 'color', + }, + name: '--fds-brand-secondary-800', + attributes: {}, + path: ['brand', 'secondary', '800'], + lastName: '800', + }, + { + value: '#071D2C', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#071D2C', + type: 'color', + }, + name: '--fds-brand-secondary-900', + attributes: {}, + path: ['brand', 'secondary', '900'], + lastName: '900', + }, + { + value: '#03121D', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#03121D', + type: 'color', + }, + name: '--fds-brand-secondary-950', + attributes: {}, + path: ['brand', 'secondary', '950'], + lastName: '950', + }, + { + value: '#EBF2F3', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#EBF2F3', + type: 'color', + }, + name: '--fds-brand-tertiary-50', + attributes: {}, + path: ['brand', 'tertiary', '50'], + lastName: '50', + }, + { + value: '#D7E5E7', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#D7E5E7', + type: 'color', + }, + name: '--fds-brand-tertiary-100', + attributes: {}, + path: ['brand', 'tertiary', '100'], + lastName: '100', + }, + { + value: '#B9CACB', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#B9CACB', + type: 'color', + }, + name: '--fds-brand-tertiary-200', + attributes: {}, + path: ['brand', 'tertiary', '200'], + lastName: '200', + }, + { + value: '#9FAEAF', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#9FAEAF', + type: 'color', + }, + name: '--fds-brand-tertiary-300', + attributes: {}, + path: ['brand', 'tertiary', '300'], + lastName: '300', + }, + { + value: '#879394', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#879394', + type: 'color', + }, + name: '--fds-brand-tertiary-400', + attributes: {}, + path: ['brand', 'tertiary', '400'], + lastName: '400', + }, + { + value: '#6D7879', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#6D7879', + type: 'color', + }, + name: '--fds-brand-tertiary-500', + attributes: {}, + path: ['brand', 'tertiary', '500'], + lastName: '500', + }, + { + value: '#576061', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#576061', + type: 'color', + }, + name: '--fds-brand-tertiary-600', + attributes: {}, + path: ['brand', 'tertiary', '600'], + lastName: '600', + }, + { + value: '#414849', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#414849', + type: 'color', + }, + name: '--fds-brand-tertiary-700', + attributes: {}, + path: ['brand', 'tertiary', '700'], + lastName: '700', + }, + { + value: '#2C3132', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#2C3132', + type: 'color', + }, + name: '--fds-brand-tertiary-800', + attributes: {}, + path: ['brand', 'tertiary', '800'], + lastName: '800', + }, + { + value: '#191C1C', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#191C1C', + type: 'color', + }, + name: '--fds-brand-tertiary-900', + attributes: {}, + path: ['brand', 'tertiary', '900'], + lastName: '900', + }, + { + value: '#0F1112', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '#0F1112', + type: 'color', + }, + name: '--fds-brand-tertiary-950', + attributes: {}, + path: ['brand', 'tertiary', '950'], + lastName: '950', }, -}; +]; -export const typography = { - typography: { - heading: [ - { - value: - "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'", - type: 'typography', - description: 'H1', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f5}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H1', - }, - name: '--fds-typography-heading-xlarge', - attributes: {}, - path: ['typography', 'heading', 'xlarge'], - lastName: 'xlarge', - }, - { - value: - "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'", - type: 'typography', - description: 'H2', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f4}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H2', - }, - name: '--fds-typography-heading-large', - attributes: {}, - path: ['typography', 'heading', 'large'], - lastName: 'large', - }, - { - value: - "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'", - type: 'typography', - description: 'H3', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f3}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H3', - }, - name: '--fds-typography-heading-medium', - attributes: {}, - path: ['typography', 'heading', 'medium'], - lastName: 'medium', - }, - { - value: - "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'", - type: 'typography', - description: 'H4', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H4', - }, - name: '--fds-typography-heading-small', - attributes: {}, - path: ['typography', 'heading', 'small'], - lastName: 'small', - }, - { - value: - "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - description: 'H5', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H5', - }, - name: '--fds-typography-heading-xsmall', - attributes: {}, - path: ['typography', 'heading', 'xsmall'], - lastName: 'xsmall', - }, - { - value: - "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - description: 'H6', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H6', - }, - name: '--fds-typography-heading-xxsmall', - attributes: {}, - path: ['typography', 'heading', 'xxsmall'], - lastName: 'xxsmall', - }, - ], - ingress: [ - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.600}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-ingress-medium', - attributes: {}, - path: ['typography', 'ingress', 'medium'], - lastName: 'medium', - }, - ], - paragraph: [ - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-large', - attributes: {}, - path: ['typography', 'paragraph', 'large'], - lastName: 'large', - }, - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-medium', - attributes: {}, - path: ['typography', 'paragraph', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-small', - attributes: {}, - path: ['typography', 'paragraph', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-xsmall', - attributes: {}, - path: ['typography', 'paragraph', 'xsmall'], - lastName: 'xsmall', - }, - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-large', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'large'], - lastName: 'large', - }, - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-medium', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-small', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-xsmall', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'xsmall'], - lastName: 'xsmall', - }, - ], - label: [ - { - value: - "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-large', - attributes: {}, - path: ['typography', 'label', 'large'], - lastName: 'large', - }, - { - value: - "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-medium', - attributes: {}, - path: ['typography', 'label', 'medium'], - lastName: 'medium', - }, - { - value: - "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-small', - attributes: {}, - path: ['typography', 'label', 'small'], - lastName: 'small', - }, - { - value: - "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-xsmall', - attributes: {}, - path: ['typography', 'label', 'xsmall'], - lastName: 'xsmall', - }, - ], - error_message: [ - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-medium', - attributes: {}, - path: ['typography', 'error_message', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-small', - attributes: {}, - path: ['typography', 'error_message', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-xsmall', - attributes: {}, - path: ['typography', 'error_message', 'xsmall'], - lastName: 'xsmall', - }, - ], - interactive: [ - { - value: "400 1.5rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.large}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-large', - attributes: {}, - path: ['typography', 'interactive', 'large'], - lastName: 'large', - }, - { - value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.medium}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-medium', - attributes: {}, - path: ['typography', 'interactive', 'medium'], - lastName: 'medium', - }, - { - value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.small}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-small', - attributes: {}, - path: ['typography', 'interactive', 'small'], - lastName: 'small', - }, - ], +export const typography = [ + { + value: "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'", + type: 'typography', + description: 'H1', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f5}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H1', + }, + name: '--fds-typography-heading-xlarge', + attributes: {}, + path: ['typography', 'heading', 'xlarge'], + lastName: 'xlarge', + }, + { + value: "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'", + type: 'typography', + description: 'H2', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f4}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H2', + }, + name: '--fds-typography-heading-large', + attributes: {}, + path: ['typography', 'heading', 'large'], + lastName: 'large', + }, + { + value: "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'", + type: 'typography', + description: 'H3', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f3}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H3', + }, + name: '--fds-typography-heading-medium', + attributes: {}, + path: ['typography', 'heading', 'medium'], + lastName: 'medium', + }, + { + value: "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'", + type: 'typography', + description: 'H4', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H4', + }, + name: '--fds-typography-heading-small', + attributes: {}, + path: ['typography', 'heading', 'small'], + lastName: 'small', + }, + { + value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + description: 'H5', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H5', + }, + name: '--fds-typography-heading-xsmall', + attributes: {}, + path: ['typography', 'heading', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + description: 'H6', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H6', + }, + name: '--fds-typography-heading-xxsmall', + attributes: {}, + path: ['typography', 'heading', 'xxsmall'], + lastName: 'xxsmall', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.600}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-ingress-medium', + attributes: {}, + path: ['typography', 'ingress', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-large', + attributes: {}, + path: ['typography', 'paragraph', 'large'], + lastName: 'large', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-medium', + attributes: {}, + path: ['typography', 'paragraph', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-small', + attributes: {}, + path: ['typography', 'paragraph', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-xsmall', + attributes: {}, + path: ['typography', 'paragraph', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-large', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'large'], + lastName: 'large', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-medium', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-small', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-xsmall', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-large', + attributes: {}, + path: ['typography', 'label', 'large'], + lastName: 'large', + }, + { + value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-medium', + attributes: {}, + path: ['typography', 'label', 'medium'], + lastName: 'medium', + }, + { + value: "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-small', + attributes: {}, + path: ['typography', 'label', 'small'], + lastName: 'small', + }, + { + value: "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-xsmall', + attributes: {}, + path: ['typography', 'label', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-medium', + attributes: {}, + path: ['typography', 'error_message', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-small', + attributes: {}, + path: ['typography', 'error_message', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-xsmall', + attributes: {}, + path: ['typography', 'error_message', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 1.5rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.large}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-large', + attributes: {}, + path: ['typography', 'interactive', 'large'], + lastName: 'large', + }, + { + value: "400 1.125rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.medium}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-medium', + attributes: {}, + path: ['typography', 'interactive', 'medium'], + lastName: 'medium', + }, + { + value: "400 1rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.small}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-small', + attributes: {}, + path: ['typography', 'interactive', 'small'], + lastName: 'small', }, -}; +]; -export const opacity = { - opacity: [ - { +export const opacity = [ + { + value: '30%', + type: 'opacity', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '30%', type: 'opacity', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '30%', - type: 'opacity', - }, - name: '--fds-opacity-disabled', - attributes: {}, - path: ['opacity', 'disabled'], - lastName: 'disabled', }, - ], -}; + name: '--fds-opacity-disabled', + attributes: {}, + path: ['opacity', 'disabled'], + lastName: 'disabled', + }, +]; -export const borderRadius = { - border_radius: [ - { - value: '4px', +export const borderRadius = [ + { + value: '4px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_radius.medium}', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_radius.medium}', - type: 'borderRadius', - }, - name: '--fds-border_radius-interactive', - attributes: {}, - path: ['border_radius', 'interactive'], - lastName: 'interactive', }, - { + name: '--fds-border_radius-interactive', + attributes: {}, + path: ['border_radius', 'interactive'], + lastName: 'interactive', + }, + { + value: '2px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '2px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '2px', - type: 'borderRadius', - }, - name: '--fds-border_radius-small', - attributes: {}, - path: ['border_radius', 'small'], - lastName: 'small', }, - { + name: '--fds-border_radius-small', + attributes: {}, + path: ['border_radius', 'small'], + lastName: 'small', + }, + { + value: '4px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4px', - type: 'borderRadius', - }, - name: '--fds-border_radius-medium', - attributes: {}, - path: ['border_radius', 'medium'], - lastName: 'medium', }, - { + name: '--fds-border_radius-medium', + attributes: {}, + path: ['border_radius', 'medium'], + lastName: 'medium', + }, + { + value: '8px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '8px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '8px', - type: 'borderRadius', - }, - name: '--fds-border_radius-large', - attributes: {}, - path: ['border_radius', 'large'], - lastName: 'large', }, - { + name: '--fds-border_radius-large', + attributes: {}, + path: ['border_radius', 'large'], + lastName: 'large', + }, + { + value: '12px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '12px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '12px', - type: 'borderRadius', - }, - name: '--fds-border_radius-xlarge', - attributes: {}, - path: ['border_radius', 'xlarge'], - lastName: 'xlarge', }, - { + name: '--fds-border_radius-xlarge', + attributes: {}, + path: ['border_radius', 'xlarge'], + lastName: 'xlarge', + }, + { + value: '9999px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '9999px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '9999px', - type: 'borderRadius', - }, - name: '--fds-border_radius-full', - attributes: {}, - path: ['border_radius', 'full'], - lastName: 'full', }, - ], -}; + name: '--fds-border_radius-full', + attributes: {}, + path: ['border_radius', 'full'], + lastName: 'full', + }, +]; -export const spacing = { - spacing: [ - { - value: 'calc(0)', +export const spacing = [ + { + value: 'calc(0)', + type: 'spacing', + description: '0', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '0', type: 'spacing', description: '0', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '0', - type: 'spacing', - description: '0', - }, - name: '--fds-spacing-0', - attributes: {}, - path: ['spacing', '0'], - lastName: '0', }, - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-0', + attributes: {}, + path: ['spacing', '0'], + lastName: '0', + }, + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '4px - 4.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}/16*{font-size.f0}', type: 'spacing', description: '4px - 4.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}/16*{font-size.f0}', - type: 'spacing', - description: '4px - 4.5px', - }, - name: '--fds-spacing-1', - attributes: {}, - path: ['spacing', '1'], - lastName: '1', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-1', + attributes: {}, + path: ['spacing', '1'], + lastName: '1', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '8px - 9px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*2/16*{font-size.f0}', type: 'spacing', description: '8px - 9px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*2/16*{font-size.f0}', - type: 'spacing', - description: '8px - 9px', - }, - name: '--fds-spacing-2', - attributes: {}, - path: ['spacing', '2'], - lastName: '2', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-2', + attributes: {}, + path: ['spacing', '2'], + lastName: '2', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '12px - 13.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*3/16*{font-size.f0}', type: 'spacing', description: '12px - 13.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*3/16*{font-size.f0}', - type: 'spacing', - description: '12px - 13.5px', - }, - name: '--fds-spacing-3', - attributes: {}, - path: ['spacing', '3'], - lastName: '3', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-3', + attributes: {}, + path: ['spacing', '3'], + lastName: '3', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '16px - 18px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*4/16*{font-size.f0}', type: 'spacing', description: '16px - 18px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*4/16*{font-size.f0}', - type: 'spacing', - description: '16px - 18px', - }, - name: '--fds-spacing-4', - attributes: {}, - path: ['spacing', '4'], - lastName: '4', }, - { - value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-4', + attributes: {}, + path: ['spacing', '4'], + lastName: '4', + }, + { + value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '20px - 22.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*5/16*{font-size.f0}', type: 'spacing', description: '20px - 22.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*5/16*{font-size.f0}', - type: 'spacing', - description: '20px - 22.5px', - }, - name: '--fds-spacing-5', - attributes: {}, - path: ['spacing', '5'], - lastName: '5', }, - { - value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-5', + attributes: {}, + path: ['spacing', '5'], + lastName: '5', + }, + { + value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '24px - 27px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*6/16*{font-size.f0}', type: 'spacing', description: '24px - 27px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*6/16*{font-size.f0}', - type: 'spacing', - description: '24px - 27px', - }, - name: '--fds-spacing-6', - attributes: {}, - path: ['spacing', '6'], - lastName: '6', }, - { - value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-6', + attributes: {}, + path: ['spacing', '6'], + lastName: '6', + }, + { + value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '28px - 31.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*7/16*{font-size.f0}', type: 'spacing', description: '28px - 31.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*7/16*{font-size.f0}', - type: 'spacing', - description: '28px - 31.5px', - }, - name: '--fds-spacing-7', - attributes: {}, - path: ['spacing', '7'], - lastName: '7', }, - { - value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-7', + attributes: {}, + path: ['spacing', '7'], + lastName: '7', + }, + { + value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '32px - 36px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*8/16)*{font-size.f0}', type: 'spacing', description: '32px - 36px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*8/16)*{font-size.f0}', - type: 'spacing', - description: '32px - 36px', - }, - name: '--fds-spacing-8', - attributes: {}, - path: ['spacing', '8'], - lastName: '8', }, - { - value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-8', + attributes: {}, + path: ['spacing', '8'], + lastName: '8', + }, + { + value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '40px - 45px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*10/16)*{font-size.f0}', type: 'spacing', description: '40px - 45px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*10/16)*{font-size.f0}', - type: 'spacing', - description: '40px - 45px', - }, - name: '--fds-spacing-10', - attributes: {}, - path: ['spacing', '10'], - lastName: '10', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-10', + attributes: {}, + path: ['spacing', '10'], + lastName: '10', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '48px - 54px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*12/16)*{font-size.f0}', type: 'spacing', description: '48px - 54px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*12/16)*{font-size.f0}', - type: 'spacing', - description: '48px - 54px', - }, - name: '--fds-spacing-12', - attributes: {}, - path: ['spacing', '12'], - lastName: '12', }, - { - value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-12', + attributes: {}, + path: ['spacing', '12'], + lastName: '12', + }, + { + value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '56px - 63px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*14/16)*{font-size.f0}', type: 'spacing', description: '56px - 63px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*14/16)*{font-size.f0}', - type: 'spacing', - description: '56px - 63px', - }, - name: '--fds-spacing-14', - attributes: {}, - path: ['spacing', '14'], - lastName: '14', }, - { - value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-14', + attributes: {}, + path: ['spacing', '14'], + lastName: '14', + }, + { + value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '72px - 81px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*18/16)*{font-size.f0}', type: 'spacing', description: '72px - 81px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*18/16)*{font-size.f0}', - type: 'spacing', - description: '72px - 81px', - }, - name: '--fds-spacing-18', - attributes: {}, - path: ['spacing', '18'], - lastName: '18', }, - { - value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-18', + attributes: {}, + path: ['spacing', '18'], + lastName: '18', + }, + { + value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '88px - 99px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*22/16)*{font-size.f0}', type: 'spacing', description: '88px - 99px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*22/16)*{font-size.f0}', - type: 'spacing', - description: '88px - 99px', - }, - name: '--fds-spacing-22', - attributes: {}, - path: ['spacing', '22'], - lastName: '22', }, - { - value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-22', + attributes: {}, + path: ['spacing', '22'], + lastName: '22', + }, + { + value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '104px - 117px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*26/16)*{font-size.f0}', type: 'spacing', description: '104px - 117px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*26/16)*{font-size.f0}', - type: 'spacing', - description: '104px - 117px', - }, - name: '--fds-spacing-26', - attributes: {}, - path: ['spacing', '26'], - lastName: '26', }, - { - value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-26', + attributes: {}, + path: ['spacing', '26'], + lastName: '26', + }, + { + value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '120px - 135px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*30/16)*{font-size.f0}', type: 'spacing', description: '120px - 135px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*30/16)*{font-size.f0}', - type: 'spacing', - description: '120px - 135px', - }, - name: '--fds-spacing-30', - attributes: {}, - path: ['spacing', '30'], - lastName: '30', - }, - ], - base_spacing: [ - { + }, + name: '--fds-spacing-30', + attributes: {}, + path: ['spacing', '30'], + lastName: '30', + }, + { + value: '4', + type: 'spacing', + description: '4px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4', type: 'spacing', description: '4px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4', - type: 'spacing', - description: '4px', - }, - name: '--fds-base_spacing', - attributes: {}, - path: ['base_spacing'], - lastName: 'base_spacing', - }, - ], - 'component-mode-spacing': [ - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + }, + name: '--fds-base_spacing', + attributes: {}, + path: ['base_spacing'], + lastName: 'base_spacing', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.2}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.2}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-small', - attributes: {}, - path: ['component-mode-spacing', 'small'], - lastName: 'small', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-spacing-small', + attributes: {}, + path: ['component-mode-spacing', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.3}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.3}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-medium', - attributes: {}, - path: ['component-mode-spacing', 'medium'], - lastName: 'medium', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-spacing-medium', + attributes: {}, + path: ['component-mode-spacing', 'medium'], + lastName: 'medium', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.4}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.4}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-large', - attributes: {}, - path: ['component-mode-spacing', 'large'], - lastName: 'large', - }, - ], - 'component-mode-gap': [ - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + }, + name: '--fds-component-mode-spacing-large', + attributes: {}, + path: ['component-mode-spacing', 'large'], + lastName: 'large', + }, + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.1}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.1}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-small', - attributes: {}, - path: ['component-mode-gap', 'small'], - lastName: 'small', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-gap-small', + attributes: {}, + path: ['component-mode-gap', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.2}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.2}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-medium', - attributes: {}, - path: ['component-mode-gap', 'medium'], - lastName: 'medium', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-gap-medium', + attributes: {}, + path: ['component-mode-gap', 'medium'], + lastName: 'medium', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.3}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.3}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-large', - attributes: {}, - path: ['component-mode-gap', 'large'], - lastName: 'large', }, - ], -}; + name: '--fds-component-mode-gap-large', + attributes: {}, + path: ['component-mode-gap', 'large'], + lastName: 'large', + }, +]; -export const sizing = { - sizing: [ - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', +export const sizing = [ + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '4px - 4.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}/16*{font-size.f0}', type: 'sizing', description: '4px - 4.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}/16*{font-size.f0}', - type: 'sizing', - description: '4px - 4.5px', - }, - name: '--fds-sizing-1', - attributes: {}, - path: ['sizing', '1'], - lastName: '1', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-1', + attributes: {}, + path: ['sizing', '1'], + lastName: '1', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '8px - 9px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*2/16*{font-size.f0}', type: 'sizing', description: '8px - 9px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*2/16*{font-size.f0}', - type: 'sizing', - description: '8px - 9px', - }, - name: '--fds-sizing-2', - attributes: {}, - path: ['sizing', '2'], - lastName: '2', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-2', + attributes: {}, + path: ['sizing', '2'], + lastName: '2', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '12px - 13.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*3/16*{font-size.f0}', type: 'sizing', description: '12px - 13.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*3/16*{font-size.f0}', - type: 'sizing', - description: '12px - 13.5px', - }, - name: '--fds-sizing-3', - attributes: {}, - path: ['sizing', '3'], - lastName: '3', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-3', + attributes: {}, + path: ['sizing', '3'], + lastName: '3', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '16px - 18px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*4/16*{font-size.f0}', type: 'sizing', description: '16px - 18px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*4/16*{font-size.f0}', - type: 'sizing', - description: '16px - 18px', - }, - name: '--fds-sizing-4', - attributes: {}, - path: ['sizing', '4'], - lastName: '4', }, - { - value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-4', + attributes: {}, + path: ['sizing', '4'], + lastName: '4', + }, + { + value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '20px - 22.5', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*5/16*{font-size.f0}', type: 'sizing', description: '20px - 22.5', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*5/16*{font-size.f0}', - type: 'sizing', - description: '20px - 22.5', - }, - name: '--fds-sizing-5', - attributes: {}, - path: ['sizing', '5'], - lastName: '5', }, - { - value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-5', + attributes: {}, + path: ['sizing', '5'], + lastName: '5', + }, + { + value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '24px - 27px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*6/16*{font-size.f0}', type: 'sizing', description: '24px - 27px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*6/16*{font-size.f0}', - type: 'sizing', - description: '24px - 27px', - }, - name: '--fds-sizing-6', - attributes: {}, - path: ['sizing', '6'], - lastName: '6', }, - { - value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-6', + attributes: {}, + path: ['sizing', '6'], + lastName: '6', + }, + { + value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '28px - 31.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*7/16*{font-size.f0}', type: 'sizing', description: '28px - 31.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*7/16*{font-size.f0}', - type: 'sizing', - description: '28px - 31.5px', - }, - name: '--fds-sizing-7', - attributes: {}, - path: ['sizing', '7'], - lastName: '7', }, - { - value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-7', + attributes: {}, + path: ['sizing', '7'], + lastName: '7', + }, + { + value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '32px - 36px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*8/16*{font-size.f0}', type: 'sizing', description: '32px - 36px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*8/16*{font-size.f0}', - type: 'sizing', - description: '32px - 36px', - }, - name: '--fds-sizing-8', - attributes: {}, - path: ['sizing', '8'], - lastName: '8', }, - { - value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-8', + attributes: {}, + path: ['sizing', '8'], + lastName: '8', + }, + { + value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '40px - 45px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*10/16*{font-size.f0}', type: 'sizing', description: '40px - 45px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*10/16*{font-size.f0}', - type: 'sizing', - description: '40px - 45px', - }, - name: '--fds-sizing-10', - attributes: {}, - path: ['sizing', '10'], - lastName: '10', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-10', + attributes: {}, + path: ['sizing', '10'], + lastName: '10', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '48px - 54px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*12/16)*{font-size.f0}', type: 'sizing', description: '48px - 54px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*12/16)*{font-size.f0}', - type: 'sizing', - description: '48px - 54px', - }, - name: '--fds-sizing-12', - attributes: {}, - path: ['sizing', '12'], - lastName: '12', }, - { - value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-12', + attributes: {}, + path: ['sizing', '12'], + lastName: '12', + }, + { + value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '56px - 63px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*14/16)*{font-size.f0}', type: 'sizing', description: '56px - 63px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*14/16)*{font-size.f0}', - type: 'sizing', - description: '56px - 63px', - }, - name: '--fds-sizing-14', - attributes: {}, - path: ['sizing', '14'], - lastName: '14', }, - { - value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-14', + attributes: {}, + path: ['sizing', '14'], + lastName: '14', + }, + { + value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '72px - 81px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*18/16)*{font-size.f0}', type: 'sizing', description: '72px - 81px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*18/16)*{font-size.f0}', - type: 'sizing', - description: '72px - 81px', - }, - name: '--fds-sizing-18', - attributes: {}, - path: ['sizing', '18'], - lastName: '18', }, - { - value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-18', + attributes: {}, + path: ['sizing', '18'], + lastName: '18', + }, + { + value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '88px - 99px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*22/16)*{font-size.f0}', type: 'sizing', description: '88px - 99px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*22/16)*{font-size.f0}', - type: 'sizing', - description: '88px - 99px', - }, - name: '--fds-sizing-22', - attributes: {}, - path: ['sizing', '22'], - lastName: '22', }, - { - value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-22', + attributes: {}, + path: ['sizing', '22'], + lastName: '22', + }, + { + value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '104px - 117px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*26/16)*{font-size.f0}', type: 'sizing', description: '104px - 117px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*26/16)*{font-size.f0}', - type: 'sizing', - description: '104px - 117px', - }, - name: '--fds-sizing-26', - attributes: {}, - path: ['sizing', '26'], - lastName: '26', }, - { - value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-26', + attributes: {}, + path: ['sizing', '26'], + lastName: '26', + }, + { + value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '120px - 135px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*30/16)*{font-size.f0}', type: 'sizing', description: '120px - 135px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*30/16)*{font-size.f0}', - type: 'sizing', - description: '120px - 135px', - }, - name: '--fds-sizing-30', - attributes: {}, - path: ['sizing', '30'], - lastName: '30', - }, - ], - base_sizing: [ - { + }, + name: '--fds-sizing-30', + attributes: {}, + path: ['sizing', '30'], + lastName: '30', + }, + { + value: '4', + type: 'sizing', + description: '4px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4', type: 'sizing', description: '4px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4', - type: 'sizing', - description: '4px', - }, - name: '--fds-base_sizing', - attributes: {}, - path: ['base_sizing'], - lastName: 'base_sizing', - }, - ], - 'component-mode-height': [ - { - value: '36px', + }, + name: '--fds-base_sizing', + attributes: {}, + path: ['base_sizing'], + lastName: 'base_sizing', + }, + { + value: '36px', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '36', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '36', - type: 'sizing', - }, - name: '--fds-component-mode-height-small', - attributes: {}, - path: ['component-mode-height', 'small'], - lastName: 'small', }, - { - value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-height-small', + attributes: {}, + path: ['component-mode-height', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{sizing.10}', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{sizing.10}', - type: 'sizing', - }, - name: '--fds-component-mode-height-medium', - attributes: {}, - path: ['component-mode-height', 'medium'], - lastName: 'medium', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-height-medium', + attributes: {}, + path: ['component-mode-height', 'medium'], + lastName: 'medium', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{sizing.12}', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{sizing.12}', - type: 'sizing', - }, - name: '--fds-component-mode-height-large', - attributes: {}, - path: ['component-mode-height', 'large'], - lastName: 'large', }, - ], -}; + name: '--fds-component-mode-height-large', + attributes: {}, + path: ['component-mode-height', 'large'], + lastName: 'large', + }, +]; -export const borderWidth = { - border_width: [ - { - value: '1px', +export const borderWidth = [ + { + value: '1px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_width.1}', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_width.1}', - type: 'borderWidth', - }, - name: '--fds-border_width-default', - attributes: {}, - path: ['border_width', 'default'], - lastName: 'default', }, - { - value: '2px', + name: '--fds-border_width-default', + attributes: {}, + path: ['border_width', 'default'], + lastName: 'default', + }, + { + value: '2px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_width.2}', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_width.2}', - type: 'borderWidth', - }, - name: '--fds-border_width-active', - attributes: {}, - path: ['border_width', 'active'], - lastName: 'active', }, - { + name: '--fds-border_width-active', + attributes: {}, + path: ['border_width', 'active'], + lastName: 'active', + }, + { + value: '2px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '2px', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '2px', - type: 'borderWidth', - }, - name: '--fds-border_width-tab_focus', - attributes: {}, - path: ['border_width', 'tab_focus'], - lastName: 'tab_focus', }, - ], -}; + name: '--fds-border_width-tab_focus', + attributes: {}, + path: ['border_width', 'tab_focus'], + lastName: 'tab_focus', + }, +]; -export const boxShadow = { - shadow: [ - { - value: '0 1px 2px 0 #0000001f', +export const boxShadow = [ + { + value: '0 1px 2px 0 #0000001f', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.100}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.100}', - type: 'boxShadow', - }, - name: '--fds-shadow-xsmall', - attributes: {}, - path: ['shadow', 'xsmall'], - lastName: 'xsmall', }, - { - value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a', + name: '--fds-shadow-xsmall', + attributes: {}, + path: ['shadow', 'xsmall'], + lastName: 'xsmall', + }, + { + value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.200}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.200}', - type: 'boxShadow', - }, - name: '--fds-shadow-small', - attributes: {}, - path: ['shadow', 'small'], - lastName: 'small', }, - { - value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a', + name: '--fds-shadow-small', + attributes: {}, + path: ['shadow', 'small'], + lastName: 'small', + }, + { + value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.300}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.300}', - type: 'boxShadow', - }, - name: '--fds-shadow-medium', - attributes: {}, - path: ['shadow', 'medium'], - lastName: 'medium', }, - { - value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a', + name: '--fds-shadow-medium', + attributes: {}, + path: ['shadow', 'medium'], + lastName: 'medium', + }, + { + value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.400}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.400}', - type: 'boxShadow', - }, - name: '--fds-shadow-large', - attributes: {}, - path: ['shadow', 'large'], - lastName: 'large', }, - { - value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a', + name: '--fds-shadow-large', + attributes: {}, + path: ['shadow', 'large'], + lastName: 'large', + }, + { + value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.500}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.500}', - type: 'boxShadow', - }, - name: '--fds-shadow-xlarge', - attributes: {}, - path: ['shadow', 'xlarge'], - lastName: 'xlarge', }, - ], -}; + name: '--fds-shadow-xlarge', + attributes: {}, + path: ['shadow', 'xlarge'], + lastName: 'xlarge', + }, +]; diff --git a/storefront/tokens/digdir.ts b/storefront/tokens/digdir.ts index 19d1847982..d111d2eeb6 100644 --- a/storefront/tokens/digdir.ts +++ b/storefront/tokens/digdir.ts @@ -3,4152 +3,3998 @@ * These files are generated from design tokens defined in Figma using Token Studio */ -export const color = { - semantic: { - background: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-background-default', - attributes: {}, - path: ['semantic', 'background', 'default'], - lastName: 'default', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-background-subtle', - attributes: {}, - path: ['semantic', 'background', 'subtle'], - lastName: 'subtle', - }, - ], - surface: { - neutral: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-default', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-selected', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'selected'], - lastName: 'selected', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-subtle', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.600}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-dark', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'dark'], - lastName: 'dark', - }, - { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.700}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-dark-hover', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'dark-hover'], - lastName: 'dark-hover', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-inverted', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'inverted'], - lastName: 'inverted', - }, - ], - action: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-active'], - lastName: 'no_fill-active', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-checked', - attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], - lastName: 'checked', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-primary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], - lastName: 'no_fill-active', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: 'rgba(#00315d, 0.9)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: 'rgba(#00315d, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-secondary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: 'rgba(#00315d, 0.1)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: 'rgba(#00315d, 0.2)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - success: [ - { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.200}', - type: 'color', - }, - name: '--fds-semantic-surface-success-subtle', - attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle'], - lastName: 'subtle', - }, - { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.300}', - type: 'color', - }, - name: '--fds-semantic-surface-success-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.700}', - type: 'color', - }, - name: '--fds-semantic-surface-success-default', - attributes: {}, - path: ['semantic', 'surface', 'success', 'default'], - lastName: 'default', - }, - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-surface-success-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.900}', - type: 'color', - }, - name: '--fds-semantic-surface-success-active', - attributes: {}, - path: ['semantic', 'surface', 'success', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.200}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.300}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - warning: [ - { - value: '#fffbe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.100}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-subtle', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle'], - lastName: 'subtle', - }, - { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.200}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#ff8c06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.500}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-default', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'default'], - lastName: 'default', - }, - ], - danger: [ - { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.100}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-subtle', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle'], - lastName: 'subtle', - }, - { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.200}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.500}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-default', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.700}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-active', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.100}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.200}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - info: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-info-subtle', - attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-info-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle-hover'], - lastName: 'subtle-hover', - }, - ], - on_inverted: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-default', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'default'], - lastName: 'default', - }, - { - value: '#ffffffe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffe6', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'hover'], - lastName: 'hover', - }, - { - value: '#ffffffcc', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffcc', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'active'], - lastName: 'active', - }, - { - value: '#ffffff00', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff00', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#ffffff1a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff1a', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#ffffff33', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff33', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - primary: [ - { - value: '#fddfe0', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.primary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light'], - lastName: 'light', - }, - { - value: '#fbbfc1', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.primary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#f89fa1', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.primary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#c34c4f', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-dark', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], - lastName: 'dark', - }, - ], - secondary: [ - { - value: '#faeec2', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.secondary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], - lastName: 'light', - }, - { - value: '#f5dda6', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.secondary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#efcc79', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.secondary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#A17717', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.secondary.900}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-dark', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], - lastName: 'dark', - }, - ], - tertiary: [ - { - value: '#d2eafd', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.tertiary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], - lastName: 'light', - }, - { - value: '#a5d6fb', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.tertiary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#78c1f9', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.tertiary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#156aac', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.tertiary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-dark', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], - lastName: 'dark', - }, - ], - }, - border: { - info: [ - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-info-default', - attributes: {}, - path: ['semantic', 'border', 'info', 'default'], - lastName: 'default', - }, - ], - action: [ - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'default'], - lastName: 'default', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'active'], - lastName: 'active', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-dark', - attributes: {}, - path: ['semantic', 'border', 'action', 'dark'], - lastName: 'dark', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-dark-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'dark-hover'], - lastName: 'dark-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], - lastName: 'active', - }, - ], - neutral: [ - { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.600}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-default', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-subtle', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-strong', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'strong'], - lastName: 'strong', - }, - { - value: '#bcbfc5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.400}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-divider', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'divider'], - lastName: 'divider', - }, - ], - success: [ - { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.700}', - type: 'color', - }, - name: '--fds-semantic-border-success-default', - attributes: {}, - path: ['semantic', 'border', 'success', 'default'], - lastName: 'default', - }, - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-border-success-hover', - attributes: {}, - path: ['semantic', 'border', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.900}', - type: 'color', - }, - name: '--fds-semantic-border-success-active', - attributes: {}, - path: ['semantic', 'border', 'success', 'active'], - lastName: 'active', - }, - ], - warning: [ - { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.600}', - type: 'color', - }, - name: '--fds-semantic-border-warning-default', - attributes: {}, - path: ['semantic', 'border', 'warning', 'default'], - lastName: 'default', - }, - { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.700}', - type: 'color', - }, - name: '--fds-semantic-border-warning-hover', - attributes: {}, - path: ['semantic', 'border', 'warning', 'hover'], - lastName: 'hover', - }, - { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.800}', - type: 'color', - }, - name: '--fds-semantic-border-warning-active', - attributes: {}, - path: ['semantic', 'border', 'warning', 'active'], - lastName: 'active', - }, - ], - danger: [ - { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.500}', - type: 'color', - }, - name: '--fds-semantic-border-danger-default', - attributes: {}, - path: ['semantic', 'border', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-border-danger-hover', - attributes: {}, - path: ['semantic', 'border', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.700}', - type: 'color', - }, - name: '--fds-semantic-border-danger-active', - attributes: {}, - path: ['semantic', 'border', 'danger', 'active'], - lastName: 'active', - }, - ], - focus: [ - { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.500}', - type: 'color', - }, - name: '--fds-semantic-border-focus-outline', - attributes: {}, - path: ['semantic', 'border', 'focus', 'outline'], - lastName: 'outline', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{semantic.border.neutral.strong}', - type: 'color', - }, - name: '--fds-semantic-border-focus-boxshadow', - attributes: {}, - path: ['semantic', 'border', 'focus', 'boxshadow'], - lastName: 'boxshadow', - }, - ], - on_inverted: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff', - type: 'color', - }, - name: '--fds-semantic-border-on_inverted-default', - attributes: {}, - path: ['semantic', 'border', 'on_inverted', 'default'], - lastName: 'default', - }, - ], - input: [ - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-border-input-default', - attributes: {}, - path: ['semantic', 'border', 'input', 'default'], - lastName: 'default', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#0062ba', - type: 'color', - }, - name: '--fds-semantic-border-input-hover', - attributes: {}, - path: ['semantic', 'border', 'input', 'hover'], - lastName: 'hover', - }, - ], - primary: [ - { - value: '#f45f63', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.primary.600}', - type: 'color', - }, - name: '--fds-semantic-border-primary-default', - attributes: {}, - path: ['semantic', 'border', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#dc5659', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.primary.700}', - type: 'color', - }, - name: '--fds-semantic-border-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#c34c4f', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-border-primary-active', - attributes: {}, - path: ['semantic', 'border', 'primary', 'active'], - lastName: 'active', - }, - ], - secondary: [ - { - value: '#e5aa20', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.secondary.600}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#ce991d', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.secondary.700}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#b7881a', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.secondary.800}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'active'], - lastName: 'active', - }, - ], - tertiary: [ - { - value: '#1e98f5', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.tertiary.600}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-default', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'default'], - lastName: 'default', - }, - { - value: '#1b88dd', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.tertiary.700}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-hover', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'hover'], - lastName: 'hover', - }, - { - value: '#156aac', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '{brand.tertiary.800}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-active', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'active'], - lastName: 'active', - }, - ], - }, - text: { - success: [ - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-text-success-default', - attributes: {}, - path: ['semantic', 'text', 'success', 'default'], - lastName: 'default', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#084826', - type: 'color', - }, - name: '--fds-semantic-text-success-hover', - attributes: {}, - path: ['semantic', 'text', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#084826', - type: 'color', - }, - name: '--fds-semantic-text-success-active', - attributes: {}, - path: ['semantic', 'text', 'success', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-success-on_success', - attributes: {}, - path: ['semantic', 'text', 'success', 'on_success'], - lastName: 'on_success', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#1e2b3c', - type: 'color', - }, - name: '--fds-semantic-text-success-on_success_subtle', - attributes: {}, - path: ['semantic', 'text', 'success', 'on_success_subtle'], - lastName: 'on_success_subtle', - }, - ], - neutral: [ - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-default', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.700}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-subtle', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-on_inverted', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'on_inverted'], - lastName: 'on_inverted', - }, - ], - action: [ - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'on_action'], - lastName: 'on_action', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], - lastName: 'on_action', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], - lastName: 'on_action', - }, - ], - warning: [ - { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.700}', - type: 'color', - }, - name: '--fds-semantic-text-warning-default', - attributes: {}, - path: ['semantic', 'text', 'warning', 'default'], - lastName: 'default', - }, - { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.600}', - type: 'color', - }, - name: '--fds-semantic-text-warning-icon_warning', - attributes: {}, - path: ['semantic', 'text', 'warning', 'icon_warning'], - lastName: 'icon_warning', - }, - { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.800}', - type: 'color', - }, - name: '--fds-semantic-text-warning-on_warning', - attributes: {}, - path: ['semantic', 'text', 'warning', 'on_warning'], - lastName: 'on_warning', - }, - ], - danger: [ - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-text-danger-default', - attributes: {}, - path: ['semantic', 'text', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#861c2c', - type: 'color', - }, - name: '--fds-semantic-text-danger-hover', - attributes: {}, - path: ['semantic', 'text', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#5a121d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#5a121d', - type: 'color', - }, - name: '--fds-semantic-text-danger-active', - attributes: {}, - path: ['semantic', 'text', 'danger', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-danger-on_danger', - attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger'], - lastName: 'on_danger', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#1e2b3c', - type: 'color', - }, - name: '--fds-semantic-text-danger-on_danger_subtle', - attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger_subtle'], - lastName: 'on_danger_subtle', - }, - ], - visited: [ - { - value: '#7a1265', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.purple.700}', - type: 'color', - }, - name: '--fds-semantic-text-visited-default', - attributes: {}, - path: ['semantic', 'text', 'visited', 'default'], - lastName: 'default', - }, - ], - }, - }, - brand: { - primary: [ - { - value: '#feefef', - type: 'color', - description: - 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#feefef', - type: 'color', - description: - 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', - }, - name: '--fds-brand-primary-100', - attributes: {}, - path: ['brand', 'primary', '100'], - lastName: '100', - }, - { - value: '#fddfe0', - type: 'color', - description: - 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#fddfe0', - type: 'color', - description: - 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', - }, - name: '--fds-brand-primary-200', - attributes: {}, - path: ['brand', 'primary', '200'], - lastName: '200', - }, - { - value: '#fbbfc1', - type: 'color', - description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#fbbfc1', - type: 'color', - description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', - }, - name: '--fds-brand-primary-300', - attributes: {}, - path: ['brand', 'primary', '300'], - lastName: '300', - }, - { - value: '#f89fa1', - type: 'color', - description: - 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#f89fa1', - type: 'color', - description: - 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', - }, - name: '--fds-brand-primary-400', - attributes: {}, - path: ['brand', 'primary', '400'], - lastName: '400', - }, - { - value: '#f67f82', - type: 'color', - description: 'AA 5.6 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#f67f82', - type: 'color', - description: 'AA 5.6 on grey 800', - }, - name: '--fds-brand-primary-500', - attributes: {}, - path: ['brand', 'primary', '500'], - lastName: '500', - }, - { - value: '#f45f63', - type: 'color', - description: 'AA 4.5 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#f45f63', - type: 'color', - description: 'AA 4.5 on grey 800', - }, - name: '--fds-brand-primary-600', - attributes: {}, - path: ['brand', 'primary', '600'], - lastName: '600', - }, - { - value: '#dc5659', - type: 'color', - description: 'AA18 3.7 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#dc5659', - type: 'color', - description: 'AA18 3.7 on grey 800', - }, - name: '--fds-brand-primary-700', - attributes: {}, - path: ['brand', 'primary', '700'], - lastName: '700', - }, - { - value: '#c34c4f', - type: 'color', - description: 'AA 4.7 on white', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#c34c4f', - type: 'color', - description: 'AA 4.7 on white', - }, - name: '--fds-brand-primary-800', - attributes: {}, - path: ['brand', 'primary', '800'], - lastName: '800', - }, - { - value: '#B83D41', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#B83D41', - type: 'color', - }, - name: '--fds-brand-primary-900', - attributes: {}, - path: ['brand', 'primary', '900'], - lastName: '900', - }, - ], - secondary: [ - { - value: '#fcf7e9', - type: 'color', - description: - 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#fcf7e9', - type: 'color', - description: - 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-100', - attributes: {}, - path: ['brand', 'secondary', '100'], - lastName: '100', - }, - { - value: '#faeec2', - type: 'color', - description: - 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#faeec2', - type: 'color', - description: - 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-200', - attributes: {}, - path: ['brand', 'secondary', '200'], - lastName: '200', - }, - { - value: '#f5dda6', - type: 'color', - description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#f5dda6', - type: 'color', - description: - 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-300', - attributes: {}, - path: ['brand', 'secondary', '300'], - lastName: '300', - }, - { - value: '#efcc79', - type: 'color', - description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#efcc79', - type: 'color', - description: - 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-400', - attributes: {}, - path: ['brand', 'secondary', '400'], - lastName: '400', - }, - { - value: '#eabb4d', - type: 'color', - description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#eabb4d', - type: 'color', - description: - 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-500', - attributes: {}, - path: ['brand', 'secondary', '500'], - lastName: '500', - }, - { - value: '#e5aa20', - type: 'color', - description: - 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#e5aa20', - type: 'color', - description: - 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', - }, - name: '--fds-brand-secondary-600', - attributes: {}, - path: ['brand', 'secondary', '600'], - lastName: '600', - }, - { - value: '#ce991d', - type: 'color', - description: 'AA 5.5 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#ce991d', - type: 'color', - description: 'AA 5.5 on grey 800', - }, - name: '--fds-brand-secondary-700', - attributes: {}, - path: ['brand', 'secondary', '700'], - lastName: '700', - }, - { - value: '#b7881a', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#b7881a', - type: 'color', - description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', - }, - name: '--fds-brand-secondary-800', - attributes: {}, - path: ['brand', 'secondary', '800'], - lastName: '800', - }, - { - value: '#A17717', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#A17717', - type: 'color', - }, - name: '--fds-brand-secondary-900', - attributes: {}, - path: ['brand', 'secondary', '900'], - lastName: '900', - }, - ], - tertiary: [ - { - value: '#e9f5ff', - type: 'color', - description: - 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#e9f5ff', - type: 'color', - description: - 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', - }, - name: '--fds-brand-tertiary-100', - attributes: {}, - path: ['brand', 'tertiary', '100'], - lastName: '100', - }, - { - value: '#d2eafd', - type: 'color', - description: - 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#d2eafd', - type: 'color', - description: - 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', - }, - name: '--fds-brand-tertiary-200', - attributes: {}, - path: ['brand', 'tertiary', '200'], - lastName: '200', - }, - { - value: '#a5d6fb', - type: 'color', - description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#a5d6fb', - type: 'color', - description: - 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', - }, - name: '--fds-brand-tertiary-300', - attributes: {}, - path: ['brand', 'tertiary', '300'], - lastName: '300', - }, - { - value: '#78c1f9', - type: 'color', - description: - 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#78c1f9', - type: 'color', - description: - 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', - }, - name: '--fds-brand-tertiary-400', - attributes: {}, - path: ['brand', 'tertiary', '400'], - lastName: '400', - }, - { - value: '#4badf7', - type: 'color', - description: 'AA 5.8 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#4badf7', - type: 'color', - description: 'AA 5.8 on grey 800', - }, - name: '--fds-brand-tertiary-500', - attributes: {}, - path: ['brand', 'tertiary', '500'], - lastName: '500', - }, - { - value: '#1e98f5', - type: 'color', - description: 'AA 4.6 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#1e98f5', - type: 'color', - description: 'AA 4.6 on grey 800', - }, - name: '--fds-brand-tertiary-600', - attributes: {}, - path: ['brand', 'tertiary', '600'], - lastName: '600', - }, - { - value: '#1b88dd', - type: 'color', - description: 'AA18 3.8 on grey 800', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#1b88dd', - type: 'color', - description: 'AA18 3.8 on grey 800', - }, - name: '--fds-brand-tertiary-700', - attributes: {}, - path: ['brand', 'tertiary', '700'], - lastName: '700', - }, - { - value: '#156aac', - type: 'color', - description: 'AA 5.6 on white', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#156aac', - type: 'color', - description: 'AA 5.6 on white', - }, - name: '--fds-brand-tertiary-800', - attributes: {}, - path: ['brand', 'tertiary', '800'], - lastName: '800', - }, - { - value: '#125A91', - type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', - isSource: false, - original: { - value: '#125A91', - type: 'color', - }, - name: '--fds-brand-tertiary-900', - attributes: {}, - path: ['brand', 'tertiary', '900'], - lastName: '900', - }, - ], +export const color = [ + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-background-default', + attributes: {}, + path: ['semantic', 'background', 'default'], + lastName: 'default', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-background-subtle', + attributes: {}, + path: ['semantic', 'background', 'subtle'], + lastName: 'subtle', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-default', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-selected', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'selected'], + lastName: 'selected', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-subtle', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#68707c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.600}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-dark', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'dark'], + lastName: 'dark', + }, + { + value: '#4b5563', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.700}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-dark-hover', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'dark-hover'], + lastName: 'dark-hover', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-inverted', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'inverted'], + lastName: 'inverted', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-checked', + attributes: {}, + path: ['semantic', 'surface', 'action', 'checked'], + lastName: 'checked', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-primary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: 'rgba(#00315d, 0.9)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.9)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: 'rgba(#00315d, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-secondary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: 'rgba(#00315d, 0.1)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.1)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: 'rgba(#00315d, 0.2)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.2)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#d1f4e1', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.200}', + type: 'color', + }, + name: '--fds-semantic-surface-success-subtle', + attributes: {}, + path: ['semantic', 'surface', 'success', 'subtle'], + lastName: 'subtle', + }, + { + value: '#8be4b5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.300}', + type: 'color', + }, + name: '--fds-semantic-surface-success-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#118849', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.700}', + type: 'color', + }, + name: '--fds-semantic-surface-success-default', + attributes: {}, + path: ['semantic', 'surface', 'success', 'default'], + lastName: 'default', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-surface-success-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.900}', + type: 'color', + }, + name: '--fds-semantic-surface-success-active', + attributes: {}, + path: ['semantic', 'surface', 'success', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#d1f4e1', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.200}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#8be4b5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.300}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#fffbe6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.100}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-subtle', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'subtle'], + lastName: 'subtle', + }, + { + value: '#fff4b4', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.200}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#ff8c06', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.500}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-default', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#f9d5db', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.100}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-subtle', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'subtle'], + lastName: 'subtle', + }, + { + value: '#f3abb6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.200}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#e02e49', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.500}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-default', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.700}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-active', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#f9d5db', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.100}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#f3abb6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.200}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-info-subtle', + attributes: {}, + path: ['semantic', 'surface', 'info', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-info-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'info', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-default', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'default'], + lastName: 'default', + }, + { + value: '#ffffffe6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffffe6', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-hover', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'hover'], + lastName: 'hover', + }, + { + value: '#ffffffcc', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffffcc', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-active', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'active'], + lastName: 'active', + }, + { + value: '#ffffff00', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff00', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#ffffff1a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff1a', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#ffffff33', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff33', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#fddfe0', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light'], + lastName: 'light', + }, + { + value: '#fbbfc1', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#f89fa1', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#c34c4f', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-dark', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'dark'], + lastName: 'dark', + }, + { + value: '#faeec2', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light'], + lastName: 'light', + }, + { + value: '#f5dda6', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#efcc79', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#A17717', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.900}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-dark', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'dark'], + lastName: 'dark', + }, + { + value: '#d2eafd', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light'], + lastName: 'light', + }, + { + value: '#a5d6fb', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#78c1f9', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#156aac', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-dark', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'dark'], + lastName: 'dark', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-info-default', + attributes: {}, + path: ['semantic', 'border', 'info', 'default'], + lastName: 'default', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'active'], + lastName: 'active', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark'], + lastName: 'dark', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark-hover'], + lastName: 'dark-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#d2d5d8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.300}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#68707c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.600}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-default', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#d2d5d8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.300}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-subtle', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-strong', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'strong'], + lastName: 'strong', + }, + { + value: '#bcbfc5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.400}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-divider', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'divider'], + lastName: 'divider', + }, + { + value: '#118849', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.700}', + type: 'color', + }, + name: '--fds-semantic-border-success-default', + attributes: {}, + path: ['semantic', 'border', 'success', 'default'], + lastName: 'default', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-border-success-hover', + attributes: {}, + path: ['semantic', 'border', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.900}', + type: 'color', + }, + name: '--fds-semantic-border-success-active', + attributes: {}, + path: ['semantic', 'border', 'success', 'active'], + lastName: 'active', + }, + { + value: '#cc7005', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.600}', + type: 'color', + }, + name: '--fds-semantic-border-warning-default', + attributes: {}, + path: ['semantic', 'border', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#995404', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.700}', + type: 'color', + }, + name: '--fds-semantic-border-warning-hover', + attributes: {}, + path: ['semantic', 'border', 'warning', 'hover'], + lastName: 'hover', + }, + { + value: '#663802', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.800}', + type: 'color', + }, + name: '--fds-semantic-border-warning-active', + attributes: {}, + path: ['semantic', 'border', 'warning', 'active'], + lastName: 'active', + }, + { + value: '#e02e49', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.500}', + type: 'color', + }, + name: '--fds-semantic-border-danger-default', + attributes: {}, + path: ['semantic', 'border', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-border-danger-hover', + attributes: {}, + path: ['semantic', 'border', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.700}', + type: 'color', + }, + name: '--fds-semantic-border-danger-active', + attributes: {}, + path: ['semantic', 'border', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffda06', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.500}', + type: 'color', + }, + name: '--fds-semantic-border-focus-outline', + attributes: {}, + path: ['semantic', 'border', 'focus', 'outline'], + lastName: 'outline', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{semantic.border.neutral.strong}', + type: 'color', + }, + name: '--fds-semantic-border-focus-boxshadow', + attributes: {}, + path: ['semantic', 'border', 'focus', 'boxshadow'], + lastName: 'boxshadow', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff', + type: 'color', + }, + name: '--fds-semantic-border-on_inverted-default', + attributes: {}, + path: ['semantic', 'border', 'on_inverted', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-border-input-default', + attributes: {}, + path: ['semantic', 'border', 'input', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#0062ba', + type: 'color', + }, + name: '--fds-semantic-border-input-hover', + attributes: {}, + path: ['semantic', 'border', 'input', 'hover'], + lastName: 'hover', + }, + { + value: '#f45f63', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.600}', + type: 'color', + }, + name: '--fds-semantic-border-primary-default', + attributes: {}, + path: ['semantic', 'border', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#dc5659', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.700}', + type: 'color', + }, + name: '--fds-semantic-border-primary-hover', + attributes: {}, + path: ['semantic', 'border', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#c34c4f', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-border-primary-active', + attributes: {}, + path: ['semantic', 'border', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#e5aa20', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.600}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-default', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#ce991d', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.700}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-hover', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#b7881a', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.800}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-active', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#1e98f5', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.600}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-default', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'default'], + lastName: 'default', + }, + { + value: '#1b88dd', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.700}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-hover', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'hover'], + lastName: 'hover', + }, + { + value: '#156aac', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-active', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'active'], + lastName: 'active', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-text-success-default', + attributes: {}, + path: ['semantic', 'text', 'success', 'default'], + lastName: 'default', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#084826', + type: 'color', + }, + name: '--fds-semantic-text-success-hover', + attributes: {}, + path: ['semantic', 'text', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#084826', + type: 'color', + }, + name: '--fds-semantic-text-success-active', + attributes: {}, + path: ['semantic', 'text', 'success', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-success-on_success', + attributes: {}, + path: ['semantic', 'text', 'success', 'on_success'], + lastName: 'on_success', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#1e2b3c', + type: 'color', + }, + name: '--fds-semantic-text-success-on_success_subtle', + attributes: {}, + path: ['semantic', 'text', 'success', 'on_success_subtle'], + lastName: 'on_success_subtle', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-default', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#4b5563', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.700}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-subtle', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-on_inverted', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'on_inverted'], + lastName: 'on_inverted', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-text-action-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', + type: 'color', + }, + name: '--fds-semantic-text-action-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-text-action-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'on_action'], + lastName: 'on_action', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#995404', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.700}', + type: 'color', + }, + name: '--fds-semantic-text-warning-default', + attributes: {}, + path: ['semantic', 'text', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#cc7005', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.600}', + type: 'color', + }, + name: '--fds-semantic-text-warning-icon_warning', + attributes: {}, + path: ['semantic', 'text', 'warning', 'icon_warning'], + lastName: 'icon_warning', + }, + { + value: '#663802', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.800}', + type: 'color', + }, + name: '--fds-semantic-text-warning-on_warning', + attributes: {}, + path: ['semantic', 'text', 'warning', 'on_warning'], + lastName: 'on_warning', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-text-danger-default', + attributes: {}, + path: ['semantic', 'text', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#861c2c', + type: 'color', + }, + name: '--fds-semantic-text-danger-hover', + attributes: {}, + path: ['semantic', 'text', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#5a121d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#5a121d', + type: 'color', + }, + name: '--fds-semantic-text-danger-active', + attributes: {}, + path: ['semantic', 'text', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-danger-on_danger', + attributes: {}, + path: ['semantic', 'text', 'danger', 'on_danger'], + lastName: 'on_danger', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#1e2b3c', + type: 'color', + }, + name: '--fds-semantic-text-danger-on_danger_subtle', + attributes: {}, + path: ['semantic', 'text', 'danger', 'on_danger_subtle'], + lastName: 'on_danger_subtle', + }, + { + value: '#7a1265', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.purple.700}', + type: 'color', + }, + name: '--fds-semantic-text-visited-default', + attributes: {}, + path: ['semantic', 'text', 'visited', 'default'], + lastName: 'default', + }, + { + value: '#feefef', + type: 'color', + description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#feefef', + type: 'color', + description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue', + }, + name: '--fds-brand-primary-100', + attributes: {}, + path: ['brand', 'primary', '100'], + lastName: '100', + }, + { + value: '#fddfe0', + type: 'color', + description: + 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#fddfe0', + type: 'color', + description: + 'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue', + }, + name: '--fds-brand-primary-200', + attributes: {}, + path: ['brand', 'primary', '200'], + lastName: '200', + }, + { + value: '#fbbfc1', + type: 'color', + description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#fbbfc1', + type: 'color', + description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue', + }, + name: '--fds-brand-primary-300', + attributes: {}, + path: ['brand', 'primary', '300'], + lastName: '300', + }, + { + value: '#f89fa1', + type: 'color', + description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#f89fa1', + type: 'color', + description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue', + }, + name: '--fds-brand-primary-400', + attributes: {}, + path: ['brand', 'primary', '400'], + lastName: '400', + }, + { + value: '#f67f82', + type: 'color', + description: 'AA 5.6 on grey 800', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#f67f82', + type: 'color', + description: 'AA 5.6 on grey 800', + }, + name: '--fds-brand-primary-500', + attributes: {}, + path: ['brand', 'primary', '500'], + lastName: '500', + }, + { + value: '#f45f63', + type: 'color', + description: 'AA 4.5 on grey 800', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#f45f63', + type: 'color', + description: 'AA 4.5 on grey 800', + }, + name: '--fds-brand-primary-600', + attributes: {}, + path: ['brand', 'primary', '600'], + lastName: '600', + }, + { + value: '#dc5659', + type: 'color', + description: 'AA18 3.7 on grey 800', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#dc5659', + type: 'color', + description: 'AA18 3.7 on grey 800', + }, + name: '--fds-brand-primary-700', + attributes: {}, + path: ['brand', 'primary', '700'], + lastName: '700', + }, + { + value: '#c34c4f', + type: 'color', + description: 'AA 4.7 on white', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#c34c4f', + type: 'color', + description: 'AA 4.7 on white', + }, + name: '--fds-brand-primary-800', + attributes: {}, + path: ['brand', 'primary', '800'], + lastName: '800', + }, + { + value: '#B83D41', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#B83D41', + type: 'color', + }, + name: '--fds-brand-primary-900', + attributes: {}, + path: ['brand', 'primary', '900'], + lastName: '900', + }, + { + value: '#fcf7e9', + type: 'color', + description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#fcf7e9', + type: 'color', + description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-100', + attributes: {}, + path: ['brand', 'secondary', '100'], + lastName: '100', + }, + { + value: '#faeec2', + type: 'color', + description: + 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#faeec2', + type: 'color', + description: + 'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-200', + attributes: {}, + path: ['brand', 'secondary', '200'], + lastName: '200', + }, + { + value: '#f5dda6', + type: 'color', + description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#f5dda6', + type: 'color', + description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-300', + attributes: {}, + path: ['brand', 'secondary', '300'], + lastName: '300', + }, + { + value: '#efcc79', + type: 'color', + description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#efcc79', + type: 'color', + description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-400', + attributes: {}, + path: ['brand', 'secondary', '400'], + lastName: '400', + }, + { + value: '#eabb4d', + type: 'color', + description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#eabb4d', + type: 'color', + description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-500', + attributes: {}, + path: ['brand', 'secondary', '500'], + lastName: '500', + }, + { + value: '#e5aa20', + type: 'color', + description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#e5aa20', + type: 'color', + description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue', + }, + name: '--fds-brand-secondary-600', + attributes: {}, + path: ['brand', 'secondary', '600'], + lastName: '600', + }, + { + value: '#ce991d', + type: 'color', + description: 'AA 5.5 on grey 800', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#ce991d', + type: 'color', + description: 'AA 5.5 on grey 800', + }, + name: '--fds-brand-secondary-700', + attributes: {}, + path: ['brand', 'secondary', '700'], + lastName: '700', + }, + { + value: '#b7881a', + type: 'color', + description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#b7881a', + type: 'color', + description: 'AA18 4.4 on grey 800\nAA18 3.2 on white', + }, + name: '--fds-brand-secondary-800', + attributes: {}, + path: ['brand', 'secondary', '800'], + lastName: '800', + }, + { + value: '#A17717', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#A17717', + type: 'color', + }, + name: '--fds-brand-secondary-900', + attributes: {}, + path: ['brand', 'secondary', '900'], + lastName: '900', + }, + { + value: '#e9f5ff', + type: 'color', + description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#e9f5ff', + type: 'color', + description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue', + }, + name: '--fds-brand-tertiary-100', + attributes: {}, + path: ['brand', 'tertiary', '100'], + lastName: '100', + }, + { + value: '#d2eafd', + type: 'color', + description: + 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#d2eafd', + type: 'color', + description: + 'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue', + }, + name: '--fds-brand-tertiary-200', + attributes: {}, + path: ['brand', 'tertiary', '200'], + lastName: '200', + }, + { + value: '#a5d6fb', + type: 'color', + description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#a5d6fb', + type: 'color', + description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue', + }, + name: '--fds-brand-tertiary-300', + attributes: {}, + path: ['brand', 'tertiary', '300'], + lastName: '300', + }, + { + value: '#78c1f9', + type: 'color', + description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#78c1f9', + type: 'color', + description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue', + }, + name: '--fds-brand-tertiary-400', + attributes: {}, + path: ['brand', 'tertiary', '400'], + lastName: '400', + }, + { + value: '#4badf7', + type: 'color', + description: 'AA 5.8 on grey 800', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#4badf7', + type: 'color', + description: 'AA 5.8 on grey 800', + }, + name: '--fds-brand-tertiary-500', + attributes: {}, + path: ['brand', 'tertiary', '500'], + lastName: '500', + }, + { + value: '#1e98f5', + type: 'color', + description: 'AA 4.6 on grey 800', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#1e98f5', + type: 'color', + description: 'AA 4.6 on grey 800', + }, + name: '--fds-brand-tertiary-600', + attributes: {}, + path: ['brand', 'tertiary', '600'], + lastName: '600', + }, + { + value: '#1b88dd', + type: 'color', + description: 'AA18 3.8 on grey 800', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#1b88dd', + type: 'color', + description: 'AA18 3.8 on grey 800', + }, + name: '--fds-brand-tertiary-700', + attributes: {}, + path: ['brand', 'tertiary', '700'], + lastName: '700', + }, + { + value: '#156aac', + type: 'color', + description: 'AA 5.6 on white', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#156aac', + type: 'color', + description: 'AA 5.6 on white', + }, + name: '--fds-brand-tertiary-800', + attributes: {}, + path: ['brand', 'tertiary', '800'], + lastName: '800', + }, + { + value: '#125A91', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '#125A91', + type: 'color', + }, + name: '--fds-brand-tertiary-900', + attributes: {}, + path: ['brand', 'tertiary', '900'], + lastName: '900', }, -}; +]; -export const typography = { - typography: { - heading: [ - { - value: - "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'", - type: 'typography', - description: 'H1', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f5}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H1', - }, - name: '--fds-typography-heading-xlarge', - attributes: {}, - path: ['typography', 'heading', 'xlarge'], - lastName: 'xlarge', - }, - { - value: - "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'", - type: 'typography', - description: 'H2', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f4}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H2', - }, - name: '--fds-typography-heading-large', - attributes: {}, - path: ['typography', 'heading', 'large'], - lastName: 'large', - }, - { - value: - "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'", - type: 'typography', - description: 'H3', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f3}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H3', - }, - name: '--fds-typography-heading-medium', - attributes: {}, - path: ['typography', 'heading', 'medium'], - lastName: 'medium', - }, - { - value: - "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'", - type: 'typography', - description: 'H4', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H4', - }, - name: '--fds-typography-heading-small', - attributes: {}, - path: ['typography', 'heading', 'small'], - lastName: 'small', - }, - { - value: - "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - description: 'H5', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H5', - }, - name: '--fds-typography-heading-xsmall', - attributes: {}, - path: ['typography', 'heading', 'xsmall'], - lastName: 'xsmall', - }, - { - value: - "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - description: 'H6', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H6', - }, - name: '--fds-typography-heading-xxsmall', - attributes: {}, - path: ['typography', 'heading', 'xxsmall'], - lastName: 'xxsmall', - }, - ], - ingress: [ - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.600}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-ingress-medium', - attributes: {}, - path: ['typography', 'ingress', 'medium'], - lastName: 'medium', - }, - ], - paragraph: [ - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-large', - attributes: {}, - path: ['typography', 'paragraph', 'large'], - lastName: 'large', - }, - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-medium', - attributes: {}, - path: ['typography', 'paragraph', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-small', - attributes: {}, - path: ['typography', 'paragraph', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-xsmall', - attributes: {}, - path: ['typography', 'paragraph', 'xsmall'], - lastName: 'xsmall', - }, - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-large', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'large'], - lastName: 'large', - }, - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-medium', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-small', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-xsmall', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'xsmall'], - lastName: 'xsmall', - }, - ], - label: [ - { - value: - "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-large', - attributes: {}, - path: ['typography', 'label', 'large'], - lastName: 'large', - }, - { - value: - "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-medium', - attributes: {}, - path: ['typography', 'label', 'medium'], - lastName: 'medium', - }, - { - value: - "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-small', - attributes: {}, - path: ['typography', 'label', 'small'], - lastName: 'small', - }, - { - value: - "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-xsmall', - attributes: {}, - path: ['typography', 'label', 'xsmall'], - lastName: 'xsmall', - }, - ], - error_message: [ - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-medium', - attributes: {}, - path: ['typography', 'error_message', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-small', - attributes: {}, - path: ['typography', 'error_message', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-xsmall', - attributes: {}, - path: ['typography', 'error_message', 'xsmall'], - lastName: 'xsmall', - }, - ], - interactive: [ - { - value: "400 1.5rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.large}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-large', - attributes: {}, - path: ['typography', 'interactive', 'large'], - lastName: 'large', - }, - { - value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.medium}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-medium', - attributes: {}, - path: ['typography', 'interactive', 'medium'], - lastName: 'medium', - }, - { - value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.small}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-small', - attributes: {}, - path: ['typography', 'interactive', 'small'], - lastName: 'small', - }, - ], +export const typography = [ + { + value: "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'", + type: 'typography', + description: 'H1', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f5}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H1', + }, + name: '--fds-typography-heading-xlarge', + attributes: {}, + path: ['typography', 'heading', 'xlarge'], + lastName: 'xlarge', + }, + { + value: "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'", + type: 'typography', + description: 'H2', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f4}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H2', + }, + name: '--fds-typography-heading-large', + attributes: {}, + path: ['typography', 'heading', 'large'], + lastName: 'large', + }, + { + value: "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'", + type: 'typography', + description: 'H3', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f3}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H3', + }, + name: '--fds-typography-heading-medium', + attributes: {}, + path: ['typography', 'heading', 'medium'], + lastName: 'medium', + }, + { + value: "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'", + type: 'typography', + description: 'H4', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H4', + }, + name: '--fds-typography-heading-small', + attributes: {}, + path: ['typography', 'heading', 'small'], + lastName: 'small', + }, + { + value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + description: 'H5', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H5', + }, + name: '--fds-typography-heading-xsmall', + attributes: {}, + path: ['typography', 'heading', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + description: 'H6', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H6', + }, + name: '--fds-typography-heading-xxsmall', + attributes: {}, + path: ['typography', 'heading', 'xxsmall'], + lastName: 'xxsmall', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.600}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-ingress-medium', + attributes: {}, + path: ['typography', 'ingress', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-large', + attributes: {}, + path: ['typography', 'paragraph', 'large'], + lastName: 'large', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-medium', + attributes: {}, + path: ['typography', 'paragraph', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-small', + attributes: {}, + path: ['typography', 'paragraph', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-xsmall', + attributes: {}, + path: ['typography', 'paragraph', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-large', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'large'], + lastName: 'large', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-medium', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-small', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-xsmall', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-large', + attributes: {}, + path: ['typography', 'label', 'large'], + lastName: 'large', + }, + { + value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-medium', + attributes: {}, + path: ['typography', 'label', 'medium'], + lastName: 'medium', + }, + { + value: "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-small', + attributes: {}, + path: ['typography', 'label', 'small'], + lastName: 'small', + }, + { + value: "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-xsmall', + attributes: {}, + path: ['typography', 'label', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-medium', + attributes: {}, + path: ['typography', 'error_message', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-small', + attributes: {}, + path: ['typography', 'error_message', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-xsmall', + attributes: {}, + path: ['typography', 'error_message', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 1.5rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.large}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-large', + attributes: {}, + path: ['typography', 'interactive', 'large'], + lastName: 'large', + }, + { + value: "400 1.125rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.medium}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-medium', + attributes: {}, + path: ['typography', 'interactive', 'medium'], + lastName: 'medium', + }, + { + value: "400 1rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.small}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-small', + attributes: {}, + path: ['typography', 'interactive', 'small'], + lastName: 'small', }, -}; +]; -export const opacity = { - opacity: [ - { +export const opacity = [ + { + value: '30%', + type: 'opacity', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '30%', type: 'opacity', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '30%', - type: 'opacity', - }, - name: '--fds-opacity-disabled', - attributes: {}, - path: ['opacity', 'disabled'], - lastName: 'disabled', }, - ], -}; + name: '--fds-opacity-disabled', + attributes: {}, + path: ['opacity', 'disabled'], + lastName: 'disabled', + }, +]; -export const borderRadius = { - border_radius: [ - { - value: '4px', +export const borderRadius = [ + { + value: '4px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_radius.medium}', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_radius.medium}', - type: 'borderRadius', - }, - name: '--fds-border_radius-interactive', - attributes: {}, - path: ['border_radius', 'interactive'], - lastName: 'interactive', }, - { + name: '--fds-border_radius-interactive', + attributes: {}, + path: ['border_radius', 'interactive'], + lastName: 'interactive', + }, + { + value: '2px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '2px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '2px', - type: 'borderRadius', - }, - name: '--fds-border_radius-small', - attributes: {}, - path: ['border_radius', 'small'], - lastName: 'small', }, - { + name: '--fds-border_radius-small', + attributes: {}, + path: ['border_radius', 'small'], + lastName: 'small', + }, + { + value: '4px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4px', - type: 'borderRadius', - }, - name: '--fds-border_radius-medium', - attributes: {}, - path: ['border_radius', 'medium'], - lastName: 'medium', }, - { + name: '--fds-border_radius-medium', + attributes: {}, + path: ['border_radius', 'medium'], + lastName: 'medium', + }, + { + value: '8px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '8px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '8px', - type: 'borderRadius', - }, - name: '--fds-border_radius-large', - attributes: {}, - path: ['border_radius', 'large'], - lastName: 'large', }, - { + name: '--fds-border_radius-large', + attributes: {}, + path: ['border_radius', 'large'], + lastName: 'large', + }, + { + value: '12px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '12px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '12px', - type: 'borderRadius', - }, - name: '--fds-border_radius-xlarge', - attributes: {}, - path: ['border_radius', 'xlarge'], - lastName: 'xlarge', }, - { + name: '--fds-border_radius-xlarge', + attributes: {}, + path: ['border_radius', 'xlarge'], + lastName: 'xlarge', + }, + { + value: '9999px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '9999px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '9999px', - type: 'borderRadius', - }, - name: '--fds-border_radius-full', - attributes: {}, - path: ['border_radius', 'full'], - lastName: 'full', }, - ], -}; + name: '--fds-border_radius-full', + attributes: {}, + path: ['border_radius', 'full'], + lastName: 'full', + }, +]; -export const spacing = { - spacing: [ - { - value: 'calc(0)', +export const spacing = [ + { + value: 'calc(0)', + type: 'spacing', + description: '0', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '0', type: 'spacing', description: '0', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '0', - type: 'spacing', - description: '0', - }, - name: '--fds-spacing-0', - attributes: {}, - path: ['spacing', '0'], - lastName: '0', }, - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-0', + attributes: {}, + path: ['spacing', '0'], + lastName: '0', + }, + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '4px - 4.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}/16*{font-size.f0}', type: 'spacing', description: '4px - 4.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}/16*{font-size.f0}', - type: 'spacing', - description: '4px - 4.5px', - }, - name: '--fds-spacing-1', - attributes: {}, - path: ['spacing', '1'], - lastName: '1', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-1', + attributes: {}, + path: ['spacing', '1'], + lastName: '1', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '8px - 9px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*2/16*{font-size.f0}', type: 'spacing', description: '8px - 9px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*2/16*{font-size.f0}', - type: 'spacing', - description: '8px - 9px', - }, - name: '--fds-spacing-2', - attributes: {}, - path: ['spacing', '2'], - lastName: '2', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-2', + attributes: {}, + path: ['spacing', '2'], + lastName: '2', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '12px - 13.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*3/16*{font-size.f0}', type: 'spacing', description: '12px - 13.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*3/16*{font-size.f0}', - type: 'spacing', - description: '12px - 13.5px', - }, - name: '--fds-spacing-3', - attributes: {}, - path: ['spacing', '3'], - lastName: '3', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-3', + attributes: {}, + path: ['spacing', '3'], + lastName: '3', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '16px - 18px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*4/16*{font-size.f0}', type: 'spacing', description: '16px - 18px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*4/16*{font-size.f0}', - type: 'spacing', - description: '16px - 18px', - }, - name: '--fds-spacing-4', - attributes: {}, - path: ['spacing', '4'], - lastName: '4', }, - { - value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-4', + attributes: {}, + path: ['spacing', '4'], + lastName: '4', + }, + { + value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '20px - 22.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*5/16*{font-size.f0}', type: 'spacing', description: '20px - 22.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*5/16*{font-size.f0}', - type: 'spacing', - description: '20px - 22.5px', - }, - name: '--fds-spacing-5', - attributes: {}, - path: ['spacing', '5'], - lastName: '5', }, - { - value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-5', + attributes: {}, + path: ['spacing', '5'], + lastName: '5', + }, + { + value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '24px - 27px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*6/16*{font-size.f0}', type: 'spacing', description: '24px - 27px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*6/16*{font-size.f0}', - type: 'spacing', - description: '24px - 27px', - }, - name: '--fds-spacing-6', - attributes: {}, - path: ['spacing', '6'], - lastName: '6', }, - { - value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-6', + attributes: {}, + path: ['spacing', '6'], + lastName: '6', + }, + { + value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '28px - 31.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*7/16*{font-size.f0}', type: 'spacing', description: '28px - 31.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*7/16*{font-size.f0}', - type: 'spacing', - description: '28px - 31.5px', - }, - name: '--fds-spacing-7', - attributes: {}, - path: ['spacing', '7'], - lastName: '7', }, - { - value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-7', + attributes: {}, + path: ['spacing', '7'], + lastName: '7', + }, + { + value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '32px - 36px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*8/16)*{font-size.f0}', type: 'spacing', description: '32px - 36px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*8/16)*{font-size.f0}', - type: 'spacing', - description: '32px - 36px', - }, - name: '--fds-spacing-8', - attributes: {}, - path: ['spacing', '8'], - lastName: '8', }, - { - value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-8', + attributes: {}, + path: ['spacing', '8'], + lastName: '8', + }, + { + value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '40px - 45px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*10/16)*{font-size.f0}', type: 'spacing', description: '40px - 45px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*10/16)*{font-size.f0}', - type: 'spacing', - description: '40px - 45px', - }, - name: '--fds-spacing-10', - attributes: {}, - path: ['spacing', '10'], - lastName: '10', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-10', + attributes: {}, + path: ['spacing', '10'], + lastName: '10', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '48px - 54px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*12/16)*{font-size.f0}', type: 'spacing', description: '48px - 54px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*12/16)*{font-size.f0}', - type: 'spacing', - description: '48px - 54px', - }, - name: '--fds-spacing-12', - attributes: {}, - path: ['spacing', '12'], - lastName: '12', }, - { - value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-12', + attributes: {}, + path: ['spacing', '12'], + lastName: '12', + }, + { + value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '56px - 63px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*14/16)*{font-size.f0}', type: 'spacing', description: '56px - 63px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*14/16)*{font-size.f0}', - type: 'spacing', - description: '56px - 63px', - }, - name: '--fds-spacing-14', - attributes: {}, - path: ['spacing', '14'], - lastName: '14', }, - { - value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-14', + attributes: {}, + path: ['spacing', '14'], + lastName: '14', + }, + { + value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '72px - 81px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*18/16)*{font-size.f0}', type: 'spacing', description: '72px - 81px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*18/16)*{font-size.f0}', - type: 'spacing', - description: '72px - 81px', - }, - name: '--fds-spacing-18', - attributes: {}, - path: ['spacing', '18'], - lastName: '18', }, - { - value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-18', + attributes: {}, + path: ['spacing', '18'], + lastName: '18', + }, + { + value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '88px - 99px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*22/16)*{font-size.f0}', type: 'spacing', description: '88px - 99px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*22/16)*{font-size.f0}', - type: 'spacing', - description: '88px - 99px', - }, - name: '--fds-spacing-22', - attributes: {}, - path: ['spacing', '22'], - lastName: '22', }, - { - value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-22', + attributes: {}, + path: ['spacing', '22'], + lastName: '22', + }, + { + value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '104px - 117px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*26/16)*{font-size.f0}', type: 'spacing', description: '104px - 117px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*26/16)*{font-size.f0}', - type: 'spacing', - description: '104px - 117px', - }, - name: '--fds-spacing-26', - attributes: {}, - path: ['spacing', '26'], - lastName: '26', }, - { - value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-26', + attributes: {}, + path: ['spacing', '26'], + lastName: '26', + }, + { + value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '120px - 135px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*30/16)*{font-size.f0}', type: 'spacing', description: '120px - 135px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*30/16)*{font-size.f0}', - type: 'spacing', - description: '120px - 135px', - }, - name: '--fds-spacing-30', - attributes: {}, - path: ['spacing', '30'], - lastName: '30', - }, - ], - base_spacing: [ - { + }, + name: '--fds-spacing-30', + attributes: {}, + path: ['spacing', '30'], + lastName: '30', + }, + { + value: '4', + type: 'spacing', + description: '4px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4', type: 'spacing', description: '4px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4', - type: 'spacing', - description: '4px', - }, - name: '--fds-base_spacing', - attributes: {}, - path: ['base_spacing'], - lastName: 'base_spacing', - }, - ], - 'component-mode-spacing': [ - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + }, + name: '--fds-base_spacing', + attributes: {}, + path: ['base_spacing'], + lastName: 'base_spacing', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.2}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.2}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-small', - attributes: {}, - path: ['component-mode-spacing', 'small'], - lastName: 'small', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-spacing-small', + attributes: {}, + path: ['component-mode-spacing', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.3}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.3}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-medium', - attributes: {}, - path: ['component-mode-spacing', 'medium'], - lastName: 'medium', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-spacing-medium', + attributes: {}, + path: ['component-mode-spacing', 'medium'], + lastName: 'medium', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.4}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.4}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-large', - attributes: {}, - path: ['component-mode-spacing', 'large'], - lastName: 'large', - }, - ], - 'component-mode-gap': [ - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + }, + name: '--fds-component-mode-spacing-large', + attributes: {}, + path: ['component-mode-spacing', 'large'], + lastName: 'large', + }, + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.1}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.1}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-small', - attributes: {}, - path: ['component-mode-gap', 'small'], - lastName: 'small', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-gap-small', + attributes: {}, + path: ['component-mode-gap', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.2}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.2}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-medium', - attributes: {}, - path: ['component-mode-gap', 'medium'], - lastName: 'medium', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-gap-medium', + attributes: {}, + path: ['component-mode-gap', 'medium'], + lastName: 'medium', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.3}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.3}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-large', - attributes: {}, - path: ['component-mode-gap', 'large'], - lastName: 'large', }, - ], -}; + name: '--fds-component-mode-gap-large', + attributes: {}, + path: ['component-mode-gap', 'large'], + lastName: 'large', + }, +]; -export const sizing = { - sizing: [ - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', +export const sizing = [ + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '4px - 4.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}/16*{font-size.f0}', type: 'sizing', description: '4px - 4.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}/16*{font-size.f0}', - type: 'sizing', - description: '4px - 4.5px', - }, - name: '--fds-sizing-1', - attributes: {}, - path: ['sizing', '1'], - lastName: '1', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-1', + attributes: {}, + path: ['sizing', '1'], + lastName: '1', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '8px - 9px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*2/16*{font-size.f0}', type: 'sizing', description: '8px - 9px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*2/16*{font-size.f0}', - type: 'sizing', - description: '8px - 9px', - }, - name: '--fds-sizing-2', - attributes: {}, - path: ['sizing', '2'], - lastName: '2', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-2', + attributes: {}, + path: ['sizing', '2'], + lastName: '2', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '12px - 13.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*3/16*{font-size.f0}', type: 'sizing', description: '12px - 13.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*3/16*{font-size.f0}', - type: 'sizing', - description: '12px - 13.5px', - }, - name: '--fds-sizing-3', - attributes: {}, - path: ['sizing', '3'], - lastName: '3', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-3', + attributes: {}, + path: ['sizing', '3'], + lastName: '3', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '16px - 18px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*4/16*{font-size.f0}', type: 'sizing', description: '16px - 18px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*4/16*{font-size.f0}', - type: 'sizing', - description: '16px - 18px', - }, - name: '--fds-sizing-4', - attributes: {}, - path: ['sizing', '4'], - lastName: '4', }, - { - value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-4', + attributes: {}, + path: ['sizing', '4'], + lastName: '4', + }, + { + value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '20px - 22.5', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*5/16*{font-size.f0}', type: 'sizing', description: '20px - 22.5', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*5/16*{font-size.f0}', - type: 'sizing', - description: '20px - 22.5', - }, - name: '--fds-sizing-5', - attributes: {}, - path: ['sizing', '5'], - lastName: '5', }, - { - value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-5', + attributes: {}, + path: ['sizing', '5'], + lastName: '5', + }, + { + value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '24px - 27px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*6/16*{font-size.f0}', type: 'sizing', description: '24px - 27px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*6/16*{font-size.f0}', - type: 'sizing', - description: '24px - 27px', - }, - name: '--fds-sizing-6', - attributes: {}, - path: ['sizing', '6'], - lastName: '6', }, - { - value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-6', + attributes: {}, + path: ['sizing', '6'], + lastName: '6', + }, + { + value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '28px - 31.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*7/16*{font-size.f0}', type: 'sizing', description: '28px - 31.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*7/16*{font-size.f0}', - type: 'sizing', - description: '28px - 31.5px', - }, - name: '--fds-sizing-7', - attributes: {}, - path: ['sizing', '7'], - lastName: '7', }, - { - value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-7', + attributes: {}, + path: ['sizing', '7'], + lastName: '7', + }, + { + value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '32px - 36px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*8/16*{font-size.f0}', type: 'sizing', description: '32px - 36px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*8/16*{font-size.f0}', - type: 'sizing', - description: '32px - 36px', - }, - name: '--fds-sizing-8', - attributes: {}, - path: ['sizing', '8'], - lastName: '8', }, - { - value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-8', + attributes: {}, + path: ['sizing', '8'], + lastName: '8', + }, + { + value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '40px - 45px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*10/16*{font-size.f0}', type: 'sizing', description: '40px - 45px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*10/16*{font-size.f0}', - type: 'sizing', - description: '40px - 45px', - }, - name: '--fds-sizing-10', - attributes: {}, - path: ['sizing', '10'], - lastName: '10', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-10', + attributes: {}, + path: ['sizing', '10'], + lastName: '10', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '48px - 54px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*12/16)*{font-size.f0}', type: 'sizing', description: '48px - 54px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*12/16)*{font-size.f0}', - type: 'sizing', - description: '48px - 54px', - }, - name: '--fds-sizing-12', - attributes: {}, - path: ['sizing', '12'], - lastName: '12', }, - { - value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-12', + attributes: {}, + path: ['sizing', '12'], + lastName: '12', + }, + { + value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '56px - 63px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*14/16)*{font-size.f0}', type: 'sizing', description: '56px - 63px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*14/16)*{font-size.f0}', - type: 'sizing', - description: '56px - 63px', - }, - name: '--fds-sizing-14', - attributes: {}, - path: ['sizing', '14'], - lastName: '14', }, - { - value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-14', + attributes: {}, + path: ['sizing', '14'], + lastName: '14', + }, + { + value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '72px - 81px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*18/16)*{font-size.f0}', type: 'sizing', description: '72px - 81px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*18/16)*{font-size.f0}', - type: 'sizing', - description: '72px - 81px', - }, - name: '--fds-sizing-18', - attributes: {}, - path: ['sizing', '18'], - lastName: '18', }, - { - value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-18', + attributes: {}, + path: ['sizing', '18'], + lastName: '18', + }, + { + value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '88px - 99px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*22/16)*{font-size.f0}', type: 'sizing', description: '88px - 99px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*22/16)*{font-size.f0}', - type: 'sizing', - description: '88px - 99px', - }, - name: '--fds-sizing-22', - attributes: {}, - path: ['sizing', '22'], - lastName: '22', }, - { - value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-22', + attributes: {}, + path: ['sizing', '22'], + lastName: '22', + }, + { + value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '104px - 117px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*26/16)*{font-size.f0}', type: 'sizing', description: '104px - 117px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*26/16)*{font-size.f0}', - type: 'sizing', - description: '104px - 117px', - }, - name: '--fds-sizing-26', - attributes: {}, - path: ['sizing', '26'], - lastName: '26', }, - { - value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-26', + attributes: {}, + path: ['sizing', '26'], + lastName: '26', + }, + { + value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '120px - 135px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*30/16)*{font-size.f0}', type: 'sizing', description: '120px - 135px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*30/16)*{font-size.f0}', - type: 'sizing', - description: '120px - 135px', - }, - name: '--fds-sizing-30', - attributes: {}, - path: ['sizing', '30'], - lastName: '30', - }, - ], - base_sizing: [ - { + }, + name: '--fds-sizing-30', + attributes: {}, + path: ['sizing', '30'], + lastName: '30', + }, + { + value: '4', + type: 'sizing', + description: '4px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4', type: 'sizing', description: '4px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4', - type: 'sizing', - description: '4px', - }, - name: '--fds-base_sizing', - attributes: {}, - path: ['base_sizing'], - lastName: 'base_sizing', - }, - ], - 'component-mode-height': [ - { - value: '36px', + }, + name: '--fds-base_sizing', + attributes: {}, + path: ['base_sizing'], + lastName: 'base_sizing', + }, + { + value: '36px', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '36', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '36', - type: 'sizing', - }, - name: '--fds-component-mode-height-small', - attributes: {}, - path: ['component-mode-height', 'small'], - lastName: 'small', }, - { - value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-height-small', + attributes: {}, + path: ['component-mode-height', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{sizing.10}', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{sizing.10}', - type: 'sizing', - }, - name: '--fds-component-mode-height-medium', - attributes: {}, - path: ['component-mode-height', 'medium'], - lastName: 'medium', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-height-medium', + attributes: {}, + path: ['component-mode-height', 'medium'], + lastName: 'medium', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{sizing.12}', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{sizing.12}', - type: 'sizing', - }, - name: '--fds-component-mode-height-large', - attributes: {}, - path: ['component-mode-height', 'large'], - lastName: 'large', }, - ], -}; + name: '--fds-component-mode-height-large', + attributes: {}, + path: ['component-mode-height', 'large'], + lastName: 'large', + }, +]; -export const borderWidth = { - border_width: [ - { - value: '1px', +export const borderWidth = [ + { + value: '1px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_width.1}', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_width.1}', - type: 'borderWidth', - }, - name: '--fds-border_width-default', - attributes: {}, - path: ['border_width', 'default'], - lastName: 'default', }, - { - value: '2px', + name: '--fds-border_width-default', + attributes: {}, + path: ['border_width', 'default'], + lastName: 'default', + }, + { + value: '2px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_width.2}', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_width.2}', - type: 'borderWidth', - }, - name: '--fds-border_width-active', - attributes: {}, - path: ['border_width', 'active'], - lastName: 'active', }, - { + name: '--fds-border_width-active', + attributes: {}, + path: ['border_width', 'active'], + lastName: 'active', + }, + { + value: '2px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '2px', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '2px', - type: 'borderWidth', - }, - name: '--fds-border_width-tab_focus', - attributes: {}, - path: ['border_width', 'tab_focus'], - lastName: 'tab_focus', }, - ], -}; + name: '--fds-border_width-tab_focus', + attributes: {}, + path: ['border_width', 'tab_focus'], + lastName: 'tab_focus', + }, +]; -export const boxShadow = { - shadow: [ - { - value: '0 1px 2px 0 #0000001f', +export const boxShadow = [ + { + value: '0 1px 2px 0 #0000001f', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.100}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.100}', - type: 'boxShadow', - }, - name: '--fds-shadow-xsmall', - attributes: {}, - path: ['shadow', 'xsmall'], - lastName: 'xsmall', }, - { - value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a', + name: '--fds-shadow-xsmall', + attributes: {}, + path: ['shadow', 'xsmall'], + lastName: 'xsmall', + }, + { + value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.200}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.200}', - type: 'boxShadow', - }, - name: '--fds-shadow-small', - attributes: {}, - path: ['shadow', 'small'], - lastName: 'small', }, - { - value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a', + name: '--fds-shadow-small', + attributes: {}, + path: ['shadow', 'small'], + lastName: 'small', + }, + { + value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.300}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.300}', - type: 'boxShadow', - }, - name: '--fds-shadow-medium', - attributes: {}, - path: ['shadow', 'medium'], - lastName: 'medium', }, - { - value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a', + name: '--fds-shadow-medium', + attributes: {}, + path: ['shadow', 'medium'], + lastName: 'medium', + }, + { + value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.400}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.400}', - type: 'boxShadow', - }, - name: '--fds-shadow-large', - attributes: {}, - path: ['shadow', 'large'], - lastName: 'large', }, - { - value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a', + name: '--fds-shadow-large', + attributes: {}, + path: ['shadow', 'large'], + lastName: 'large', + }, + { + value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.500}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.500}', - type: 'boxShadow', - }, - name: '--fds-shadow-xlarge', - attributes: {}, - path: ['shadow', 'xlarge'], - lastName: 'xlarge', }, - ], -}; + name: '--fds-shadow-xlarge', + attributes: {}, + path: ['shadow', 'xlarge'], + lastName: 'xlarge', + }, +]; diff --git a/storefront/tokens/tilsynet.ts b/storefront/tokens/tilsynet.ts index 568bf0005e..e39386c88c 100644 --- a/storefront/tokens/tilsynet.ts +++ b/storefront/tokens/tilsynet.ts @@ -3,4082 +3,3944 @@ * These files are generated from design tokens defined in Figma using Token Studio */ -export const color = { - semantic: { - background: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-background-default', - attributes: {}, - path: ['semantic', 'background', 'default'], - lastName: 'default', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-background-subtle', - attributes: {}, - path: ['semantic', 'background', 'subtle'], - lastName: 'subtle', - }, - ], - surface: { - neutral: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-default', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-selected', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'selected'], - lastName: 'selected', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-subtle', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.600}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-dark', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'dark'], - lastName: 'dark', - }, - { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.700}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-dark-hover', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'dark-hover'], - lastName: 'dark-hover', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-surface-neutral-inverted', - attributes: {}, - path: ['semantic', 'surface', 'neutral', 'inverted'], - lastName: 'inverted', - }, - ], - action: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'no_fill-active'], - lastName: 'no_fill-active', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-checked', - attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], - lastName: 'checked', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#3339c6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#0008b8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00078F', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-primary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], - lastName: 'no_fill-active', - }, - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#407d6d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#376C5E', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.900}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#376C5E', - type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-secondary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: 'rgba(#00315d, 0.1)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: 'rgba(#00315d, 0.2)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - success: [ - { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.200}', - type: 'color', - }, - name: '--fds-semantic-surface-success-subtle', - attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle'], - lastName: 'subtle', - }, - { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.300}', - type: 'color', - }, - name: '--fds-semantic-surface-success-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.700}', - type: 'color', - }, - name: '--fds-semantic-surface-success-default', - attributes: {}, - path: ['semantic', 'surface', 'success', 'default'], - lastName: 'default', - }, - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-surface-success-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.900}', - type: 'color', - }, - name: '--fds-semantic-surface-success-active', - attributes: {}, - path: ['semantic', 'surface', 'success', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#d1f4e1', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.200}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#8be4b5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.300}', - type: 'color', - }, - name: '--fds-semantic-surface-success-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'success', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - warning: [ - { - value: '#fffbe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.100}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-subtle', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle'], - lastName: 'subtle', - }, - { - value: '#fff4b4', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.200}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#ff8c06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.500}', - type: 'color', - }, - name: '--fds-semantic-surface-warning-default', - attributes: {}, - path: ['semantic', 'surface', 'warning', 'default'], - lastName: 'default', - }, - ], - danger: [ - { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.100}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-subtle', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle'], - lastName: 'subtle', - }, - { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.200}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.500}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-default', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.700}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-active', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#f9d5db', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.100}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#f3abb6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.200}', - type: 'color', - }, - name: '--fds-semantic-surface-danger-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'danger', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - info: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-info-subtle', - attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-info-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'info', 'subtle-hover'], - lastName: 'subtle-hover', - }, - ], - on_inverted: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-default', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'default'], - lastName: 'default', - }, - { - value: '#ffffffe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffe6', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'hover'], - lastName: 'hover', - }, - { - value: '#ffffffcc', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffcc', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'active'], - lastName: 'active', - }, - { - value: '#ffffff00', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff00', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#ffffff1a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff1a', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#ffffff33', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff33', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], - lastName: 'no_fill-active', - }, - ], - primary: [ - { - value: '#dedff6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light'], - lastName: 'light', - }, - { - value: '#bec0ed', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#9da0e4', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#0008b8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-primary-dark', - attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], - lastName: 'dark', - }, - ], - secondary: [ - { - value: '#ffdcc3', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.secondary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], - lastName: 'light', - }, - { - value: '#fdd4b7', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.secondary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#ffc296', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.secondary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#9F6841', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.secondary.900}', - type: 'color', - }, - name: '--fds-semantic-surface-secondary-dark', - attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], - lastName: 'dark', - }, - ], - tertiary: [ - { - value: '#deece9', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.200}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], - lastName: 'light', - }, - { - value: '#bedad2', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.300}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light-hover', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], - lastName: 'light-hover', - }, - { - value: '#9dc7bc', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.400}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-light-active', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], - lastName: 'light-active', - }, - { - value: '#407d6d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-tertiary-dark', - attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], - lastName: 'dark', - }, - ], - }, - border: { - info: [ - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-info-default', - attributes: {}, - path: ['semantic', 'border', 'info', 'default'], - lastName: 'default', - }, - ], - action: [ - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'default'], - lastName: 'default', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'active'], - lastName: 'active', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-dark', - attributes: {}, - path: ['semantic', 'border', 'action', 'dark'], - lastName: 'dark', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-dark-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'dark-hover'], - lastName: 'dark-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], - lastName: 'active', - }, - ], - neutral: [ - { - value: '#68707c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.600}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-default', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-subtle', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-strong', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'strong'], - lastName: 'strong', - }, - { - value: '#bcbfc5', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.400}', - type: 'color', - }, - name: '--fds-semantic-border-neutral-divider', - attributes: {}, - path: ['semantic', 'border', 'neutral', 'divider'], - lastName: 'divider', - }, - ], - success: [ - { - value: '#118849', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.700}', - type: 'color', - }, - name: '--fds-semantic-border-success-default', - attributes: {}, - path: ['semantic', 'border', 'success', 'default'], - lastName: 'default', - }, - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-border-success-hover', - attributes: {}, - path: ['semantic', 'border', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.900}', - type: 'color', - }, - name: '--fds-semantic-border-success-active', - attributes: {}, - path: ['semantic', 'border', 'success', 'active'], - lastName: 'active', - }, - ], - warning: [ - { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.600}', - type: 'color', - }, - name: '--fds-semantic-border-warning-default', - attributes: {}, - path: ['semantic', 'border', 'warning', 'default'], - lastName: 'default', - }, - { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.700}', - type: 'color', - }, - name: '--fds-semantic-border-warning-hover', - attributes: {}, - path: ['semantic', 'border', 'warning', 'hover'], - lastName: 'hover', - }, - { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.800}', - type: 'color', - }, - name: '--fds-semantic-border-warning-active', - attributes: {}, - path: ['semantic', 'border', 'warning', 'active'], - lastName: 'active', - }, - ], - danger: [ - { - value: '#e02e49', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.500}', - type: 'color', - }, - name: '--fds-semantic-border-danger-default', - attributes: {}, - path: ['semantic', 'border', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-border-danger-hover', - attributes: {}, - path: ['semantic', 'border', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.700}', - type: 'color', - }, - name: '--fds-semantic-border-danger-active', - attributes: {}, - path: ['semantic', 'border', 'danger', 'active'], - lastName: 'active', - }, - ], - focus: [ - { - value: '#ffda06', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.yellow.500}', - type: 'color', - }, - name: '--fds-semantic-border-focus-outline', - attributes: {}, - path: ['semantic', 'border', 'focus', 'outline'], - lastName: 'outline', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{semantic.border.neutral.strong}', - type: 'color', - }, - name: '--fds-semantic-border-focus-boxshadow', - attributes: {}, - path: ['semantic', 'border', 'focus', 'boxshadow'], - lastName: 'boxshadow', - }, - ], - on_inverted: [ - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff', - type: 'color', - }, - name: '--fds-semantic-border-on_inverted-default', - attributes: {}, - path: ['semantic', 'border', 'on_inverted', 'default'], - lastName: 'default', - }, - ], - input: [ - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-border-input-default', - attributes: {}, - path: ['semantic', 'border', 'input', 'default'], - lastName: 'default', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#0062ba', - type: 'color', - }, - name: '--fds-semantic-border-input-hover', - attributes: {}, - path: ['semantic', 'border', 'input', 'hover'], - lastName: 'hover', - }, - ], - primary: [ - { - value: '#5c61d2', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.600}', - type: 'color', - }, - name: '--fds-semantic-border-primary-default', - attributes: {}, - path: ['semantic', 'border', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#3339c6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.700}', - type: 'color', - }, - name: '--fds-semantic-border-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#0008b8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-border-primary-active', - attributes: {}, - path: ['semantic', 'border', 'primary', 'active'], - lastName: 'active', - }, - ], - secondary: [ - { - value: '#ffa869', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.secondary.600}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#e6975f', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.secondary.700}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#b3764a', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.secondary.800}', - type: 'color', - }, - name: '--fds-semantic-border-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'secondary', 'active'], - lastName: 'active', - }, - ], - tertiary: [ - { - value: '#5ca28f', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.600}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-default', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'default'], - lastName: 'default', - }, - { - value: '#4c907e', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.700}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-hover', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'hover'], - lastName: 'hover', - }, - { - value: '#407d6d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.800}', - type: 'color', - }, - name: '--fds-semantic-border-tertiary-active', - attributes: {}, - path: ['semantic', 'border', 'tertiary', 'active'], - lastName: 'active', - }, - ], - }, - text: { - success: [ - { - value: '#0c6536', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.green.800}', - type: 'color', - }, - name: '--fds-semantic-text-success-default', - attributes: {}, - path: ['semantic', 'text', 'success', 'default'], - lastName: 'default', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#084826', - type: 'color', - }, - name: '--fds-semantic-text-success-hover', - attributes: {}, - path: ['semantic', 'text', 'success', 'hover'], - lastName: 'hover', - }, - { - value: '#084826', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#084826', - type: 'color', - }, - name: '--fds-semantic-text-success-active', - attributes: {}, - path: ['semantic', 'text', 'success', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-success-on_success', - attributes: {}, - path: ['semantic', 'text', 'success', 'on_success'], - lastName: 'on_success', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#1e2b3c', - type: 'color', - }, - name: '--fds-semantic-text-success-on_success_subtle', - attributes: {}, - path: ['semantic', 'text', 'success', 'on_success_subtle'], - lastName: 'on_success_subtle', - }, - ], - neutral: [ - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.800}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-default', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'default'], - lastName: 'default', - }, - { - value: '#4b5563', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.700}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-subtle', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'subtle'], - lastName: 'subtle', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-neutral-on_inverted', - attributes: {}, - path: ['semantic', 'text', 'neutral', 'on_inverted'], - lastName: 'on_inverted', - }, - ], - action: [ - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'on_action'], - lastName: 'on_action', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], - lastName: 'on_action', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], - lastName: 'on_action', - }, - ], - warning: [ - { - value: '#995404', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.700}', - type: 'color', - }, - name: '--fds-semantic-text-warning-default', - attributes: {}, - path: ['semantic', 'text', 'warning', 'default'], - lastName: 'default', - }, - { - value: '#cc7005', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.600}', - type: 'color', - }, - name: '--fds-semantic-text-warning-icon_warning', - attributes: {}, - path: ['semantic', 'text', 'warning', 'icon_warning'], - lastName: 'icon_warning', - }, - { - value: '#663802', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.orange.800}', - type: 'color', - }, - name: '--fds-semantic-text-warning-on_warning', - attributes: {}, - path: ['semantic', 'text', 'warning', 'on_warning'], - lastName: 'on_warning', - }, - ], - danger: [ - { - value: '#b3253a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.red.600}', - type: 'color', - }, - name: '--fds-semantic-text-danger-default', - attributes: {}, - path: ['semantic', 'text', 'danger', 'default'], - lastName: 'default', - }, - { - value: '#861c2c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#861c2c', - type: 'color', - }, - name: '--fds-semantic-text-danger-hover', - attributes: {}, - path: ['semantic', 'text', 'danger', 'hover'], - lastName: 'hover', - }, - { - value: '#5a121d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#5a121d', - type: 'color', - }, - name: '--fds-semantic-text-danger-active', - attributes: {}, - path: ['semantic', 'text', 'danger', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-danger-on_danger', - attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger'], - lastName: 'on_danger', - }, - { - value: '#1e2b3c', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#1e2b3c', - type: 'color', - }, - name: '--fds-semantic-text-danger-on_danger_subtle', - attributes: {}, - path: ['semantic', 'text', 'danger', 'on_danger_subtle'], - lastName: 'on_danger_subtle', - }, - ], - visited: [ - { - value: '#7a1265', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.purple.700}', - type: 'color', - }, - name: '--fds-semantic-text-visited-default', - attributes: {}, - path: ['semantic', 'text', 'visited', 'default'], - lastName: 'default', - }, - ], - }, - }, - brand: { - primary: [ - { - value: '#efeffb', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#efeffb', - type: 'color', - }, - name: '--fds-brand-primary-100', - attributes: {}, - path: ['brand', 'primary', '100'], - lastName: '100', - }, - { - value: '#dedff6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#dedff6', - type: 'color', - }, - name: '--fds-brand-primary-200', - attributes: {}, - path: ['brand', 'primary', '200'], - lastName: '200', - }, - { - value: '#bec0ed', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#bec0ed', - type: 'color', - }, - name: '--fds-brand-primary-300', - attributes: {}, - path: ['brand', 'primary', '300'], - lastName: '300', - }, - { - value: '#9da0e4', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#9da0e4', - type: 'color', - }, - name: '--fds-brand-primary-400', - attributes: {}, - path: ['brand', 'primary', '400'], - lastName: '400', - }, - { - value: '#7d81db', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#7d81db', - type: 'color', - }, - name: '--fds-brand-primary-500', - attributes: {}, - path: ['brand', 'primary', '500'], - lastName: '500', - }, - { - value: '#5c61d2', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#5c61d2', - type: 'color', - }, - name: '--fds-brand-primary-600', - attributes: {}, - path: ['brand', 'primary', '600'], - lastName: '600', - }, - { - value: '#3339c6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#3339c6', - type: 'color', - }, - name: '--fds-brand-primary-700', - attributes: {}, - path: ['brand', 'primary', '700'], - lastName: '700', - }, - { - value: '#0008b8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#0008b8', - type: 'color', - }, - name: '--fds-brand-primary-800', - attributes: {}, - path: ['brand', 'primary', '800'], - lastName: '800', - }, - { - value: '#00078F', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#00078F', - type: 'color', - }, - name: '--fds-brand-primary-900', - attributes: {}, - path: ['brand', 'primary', '900'], - lastName: '900', - }, - ], - secondary: [ - { - value: '#ffeee1', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#ffeee1', - type: 'color', - }, - name: '--fds-brand-secondary-100', - attributes: {}, - path: ['brand', 'secondary', '100'], - lastName: '100', - }, - { - value: '#ffdcc3', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#ffdcc3', - type: 'color', - }, - name: '--fds-brand-secondary-200', - attributes: {}, - path: ['brand', 'secondary', '200'], - lastName: '200', - }, - { - value: '#fdd4b7', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#fdd4b7', - type: 'color', - }, - name: '--fds-brand-secondary-300', - attributes: {}, - path: ['brand', 'secondary', '300'], - lastName: '300', - }, - { - value: '#ffc296', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#ffc296', - type: 'color', - }, - name: '--fds-brand-secondary-400', - attributes: {}, - path: ['brand', 'secondary', '400'], - lastName: '400', - }, - { - value: '#ffb178', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#ffb178', - type: 'color', - }, - name: '--fds-brand-secondary-500', - attributes: {}, - path: ['brand', 'secondary', '500'], - lastName: '500', - }, - { - value: '#ffa869', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#ffa869', - type: 'color', - }, - name: '--fds-brand-secondary-600', - attributes: {}, - path: ['brand', 'secondary', '600'], - lastName: '600', - }, - { - value: '#e6975f', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#e6975f', - type: 'color', - }, - name: '--fds-brand-secondary-700', - attributes: {}, - path: ['brand', 'secondary', '700'], - lastName: '700', - }, - { - value: '#b3764a', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#b3764a', - type: 'color', - }, - name: '--fds-brand-secondary-800', - attributes: {}, - path: ['brand', 'secondary', '800'], - lastName: '800', - }, - { - value: '#9F6841', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#9F6841', - type: 'color', - }, - name: '--fds-brand-secondary-900', - attributes: {}, - path: ['brand', 'secondary', '900'], - lastName: '900', - }, - ], - tertiary: [ - { - value: '#eff6f4', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#eff6f4', - type: 'color', - }, - name: '--fds-brand-tertiary-100', - attributes: {}, - path: ['brand', 'tertiary', '100'], - lastName: '100', - }, - { - value: '#deece9', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#deece9', - type: 'color', - }, - name: '--fds-brand-tertiary-200', - attributes: {}, - path: ['brand', 'tertiary', '200'], - lastName: '200', - }, - { - value: '#bedad2', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#bedad2', - type: 'color', - }, - name: '--fds-brand-tertiary-300', - attributes: {}, - path: ['brand', 'tertiary', '300'], - lastName: '300', - }, - { - value: '#9dc7bc', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#9dc7bc', - type: 'color', - }, - name: '--fds-brand-tertiary-400', - attributes: {}, - path: ['brand', 'tertiary', '400'], - lastName: '400', - }, - { - value: '#7db5a5', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#7db5a5', - type: 'color', - }, - name: '--fds-brand-tertiary-500', - attributes: {}, - path: ['brand', 'tertiary', '500'], - lastName: '500', - }, - { - value: '#5ca28f', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#5ca28f', - type: 'color', - }, - name: '--fds-brand-tertiary-600', - attributes: {}, - path: ['brand', 'tertiary', '600'], - lastName: '600', - }, - { - value: '#4c907e', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#4c907e', - type: 'color', - }, - name: '--fds-brand-tertiary-700', - attributes: {}, - path: ['brand', 'tertiary', '700'], - lastName: '700', - }, - { - value: '#407d6d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#407d6d', - type: 'color', - }, - name: '--fds-brand-tertiary-800', - attributes: {}, - path: ['brand', 'tertiary', '800'], - lastName: '800', - }, - { - value: '#376C5E', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '#376C5E', - type: 'color', - }, - name: '--fds-brand-tertiary-900', - attributes: {}, - path: ['brand', 'tertiary', '900'], - lastName: '900', - }, - ], +export const color = [ + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-background-default', + attributes: {}, + path: ['semantic', 'background', 'default'], + lastName: 'default', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-background-subtle', + attributes: {}, + path: ['semantic', 'background', 'subtle'], + lastName: 'subtle', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-default', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-selected', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'selected'], + lastName: 'selected', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-subtle', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#68707c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.600}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-dark', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'dark'], + lastName: 'dark', + }, + { + value: '#4b5563', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.700}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-dark-hover', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'dark-hover'], + lastName: 'dark-hover', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-surface-neutral-inverted', + attributes: {}, + path: ['semantic', 'surface', 'neutral', 'inverted'], + lastName: 'inverted', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-checked', + attributes: {}, + path: ['semantic', 'surface', 'action', 'checked'], + lastName: 'checked', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#3339c6', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#0008b8', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00078F', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-primary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#407d6d', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#376C5E', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.900}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#376C5E', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-secondary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: 'rgba(#00315d, 0.1)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.1)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: 'rgba(#00315d, 0.2)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.2)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#d1f4e1', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.200}', + type: 'color', + }, + name: '--fds-semantic-surface-success-subtle', + attributes: {}, + path: ['semantic', 'surface', 'success', 'subtle'], + lastName: 'subtle', + }, + { + value: '#8be4b5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.300}', + type: 'color', + }, + name: '--fds-semantic-surface-success-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#118849', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.700}', + type: 'color', + }, + name: '--fds-semantic-surface-success-default', + attributes: {}, + path: ['semantic', 'surface', 'success', 'default'], + lastName: 'default', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-surface-success-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.900}', + type: 'color', + }, + name: '--fds-semantic-surface-success-active', + attributes: {}, + path: ['semantic', 'surface', 'success', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#d1f4e1', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.200}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#8be4b5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.300}', + type: 'color', + }, + name: '--fds-semantic-surface-success-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'success', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#fffbe6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.100}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-subtle', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'subtle'], + lastName: 'subtle', + }, + { + value: '#fff4b4', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.200}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#ff8c06', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.500}', + type: 'color', + }, + name: '--fds-semantic-surface-warning-default', + attributes: {}, + path: ['semantic', 'surface', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#f9d5db', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.100}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-subtle', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'subtle'], + lastName: 'subtle', + }, + { + value: '#f3abb6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.200}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#e02e49', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.500}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-default', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.700}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-active', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#f9d5db', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.100}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#f3abb6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.200}', + type: 'color', + }, + name: '--fds-semantic-surface-danger-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'danger', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-info-subtle', + attributes: {}, + path: ['semantic', 'surface', 'info', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-info-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'info', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-default', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'default'], + lastName: 'default', + }, + { + value: '#ffffffe6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffffe6', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-hover', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'hover'], + lastName: 'hover', + }, + { + value: '#ffffffcc', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffffcc', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-active', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'active'], + lastName: 'active', + }, + { + value: '#ffffff00', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff00', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#ffffff1a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff1a', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#ffffff33', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff33', + type: 'color', + }, + name: '--fds-semantic-surface-on_inverted-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#dedff6', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light'], + lastName: 'light', + }, + { + value: '#bec0ed', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#9da0e4', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#0008b8', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-dark', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'dark'], + lastName: 'dark', + }, + { + value: '#ffdcc3', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light'], + lastName: 'light', + }, + { + value: '#fdd4b7', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#ffc296', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#9F6841', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.900}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-dark', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'dark'], + lastName: 'dark', + }, + { + value: '#deece9', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light'], + lastName: 'light', + }, + { + value: '#bedad2', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#9dc7bc', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#407d6d', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-dark', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'dark'], + lastName: 'dark', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-info-default', + attributes: {}, + path: ['semantic', 'border', 'info', 'default'], + lastName: 'default', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'active'], + lastName: 'active', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark'], + lastName: 'dark', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark-hover'], + lastName: 'dark-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-primary-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#d2d5d8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.300}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-secondary-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#68707c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.600}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-default', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#d2d5d8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.300}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-subtle', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-strong', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'strong'], + lastName: 'strong', + }, + { + value: '#bcbfc5', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.400}', + type: 'color', + }, + name: '--fds-semantic-border-neutral-divider', + attributes: {}, + path: ['semantic', 'border', 'neutral', 'divider'], + lastName: 'divider', + }, + { + value: '#118849', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.700}', + type: 'color', + }, + name: '--fds-semantic-border-success-default', + attributes: {}, + path: ['semantic', 'border', 'success', 'default'], + lastName: 'default', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-border-success-hover', + attributes: {}, + path: ['semantic', 'border', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.900}', + type: 'color', + }, + name: '--fds-semantic-border-success-active', + attributes: {}, + path: ['semantic', 'border', 'success', 'active'], + lastName: 'active', + }, + { + value: '#cc7005', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.600}', + type: 'color', + }, + name: '--fds-semantic-border-warning-default', + attributes: {}, + path: ['semantic', 'border', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#995404', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.700}', + type: 'color', + }, + name: '--fds-semantic-border-warning-hover', + attributes: {}, + path: ['semantic', 'border', 'warning', 'hover'], + lastName: 'hover', + }, + { + value: '#663802', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.800}', + type: 'color', + }, + name: '--fds-semantic-border-warning-active', + attributes: {}, + path: ['semantic', 'border', 'warning', 'active'], + lastName: 'active', + }, + { + value: '#e02e49', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.500}', + type: 'color', + }, + name: '--fds-semantic-border-danger-default', + attributes: {}, + path: ['semantic', 'border', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-border-danger-hover', + attributes: {}, + path: ['semantic', 'border', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.700}', + type: 'color', + }, + name: '--fds-semantic-border-danger-active', + attributes: {}, + path: ['semantic', 'border', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffda06', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.yellow.500}', + type: 'color', + }, + name: '--fds-semantic-border-focus-outline', + attributes: {}, + path: ['semantic', 'border', 'focus', 'outline'], + lastName: 'outline', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{semantic.border.neutral.strong}', + type: 'color', + }, + name: '--fds-semantic-border-focus-boxshadow', + attributes: {}, + path: ['semantic', 'border', 'focus', 'boxshadow'], + lastName: 'boxshadow', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#ffffff', + type: 'color', + }, + name: '--fds-semantic-border-on_inverted-default', + attributes: {}, + path: ['semantic', 'border', 'on_inverted', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-border-input-default', + attributes: {}, + path: ['semantic', 'border', 'input', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#0062ba', + type: 'color', + }, + name: '--fds-semantic-border-input-hover', + attributes: {}, + path: ['semantic', 'border', 'input', 'hover'], + lastName: 'hover', + }, + { + value: '#5c61d2', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.600}', + type: 'color', + }, + name: '--fds-semantic-border-primary-default', + attributes: {}, + path: ['semantic', 'border', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#3339c6', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.700}', + type: 'color', + }, + name: '--fds-semantic-border-primary-hover', + attributes: {}, + path: ['semantic', 'border', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#0008b8', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-border-primary-active', + attributes: {}, + path: ['semantic', 'border', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffa869', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.600}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-default', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#e6975f', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.700}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-hover', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#b3764a', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.800}', + type: 'color', + }, + name: '--fds-semantic-border-secondary-active', + attributes: {}, + path: ['semantic', 'border', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#5ca28f', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.600}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-default', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'default'], + lastName: 'default', + }, + { + value: '#4c907e', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.700}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-hover', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'hover'], + lastName: 'hover', + }, + { + value: '#407d6d', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-border-tertiary-active', + attributes: {}, + path: ['semantic', 'border', 'tertiary', 'active'], + lastName: 'active', + }, + { + value: '#0c6536', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.green.800}', + type: 'color', + }, + name: '--fds-semantic-text-success-default', + attributes: {}, + path: ['semantic', 'text', 'success', 'default'], + lastName: 'default', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#084826', + type: 'color', + }, + name: '--fds-semantic-text-success-hover', + attributes: {}, + path: ['semantic', 'text', 'success', 'hover'], + lastName: 'hover', + }, + { + value: '#084826', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#084826', + type: 'color', + }, + name: '--fds-semantic-text-success-active', + attributes: {}, + path: ['semantic', 'text', 'success', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-success-on_success', + attributes: {}, + path: ['semantic', 'text', 'success', 'on_success'], + lastName: 'on_success', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#1e2b3c', + type: 'color', + }, + name: '--fds-semantic-text-success-on_success_subtle', + attributes: {}, + path: ['semantic', 'text', 'success', 'on_success_subtle'], + lastName: 'on_success_subtle', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.800}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-default', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'default'], + lastName: 'default', + }, + { + value: '#4b5563', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.700}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-subtle', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'subtle'], + lastName: 'subtle', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-neutral-on_inverted', + attributes: {}, + path: ['semantic', 'text', 'neutral', 'on_inverted'], + lastName: 'on_inverted', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-text-action-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', + type: 'color', + }, + name: '--fds-semantic-text-action-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-text-action-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'on_action'], + lastName: 'on_action', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#00315d', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-primary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#995404', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.700}', + type: 'color', + }, + name: '--fds-semantic-text-warning-default', + attributes: {}, + path: ['semantic', 'text', 'warning', 'default'], + lastName: 'default', + }, + { + value: '#cc7005', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.600}', + type: 'color', + }, + name: '--fds-semantic-text-warning-icon_warning', + attributes: {}, + path: ['semantic', 'text', 'warning', 'icon_warning'], + lastName: 'icon_warning', + }, + { + value: '#663802', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.orange.800}', + type: 'color', + }, + name: '--fds-semantic-text-warning-on_warning', + attributes: {}, + path: ['semantic', 'text', 'warning', 'on_warning'], + lastName: 'on_warning', + }, + { + value: '#b3253a', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.red.600}', + type: 'color', + }, + name: '--fds-semantic-text-danger-default', + attributes: {}, + path: ['semantic', 'text', 'danger', 'default'], + lastName: 'default', + }, + { + value: '#861c2c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#861c2c', + type: 'color', + }, + name: '--fds-semantic-text-danger-hover', + attributes: {}, + path: ['semantic', 'text', 'danger', 'hover'], + lastName: 'hover', + }, + { + value: '#5a121d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#5a121d', + type: 'color', + }, + name: '--fds-semantic-text-danger-active', + attributes: {}, + path: ['semantic', 'text', 'danger', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-danger-on_danger', + attributes: {}, + path: ['semantic', 'text', 'danger', 'on_danger'], + lastName: 'on_danger', + }, + { + value: '#1e2b3c', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#1e2b3c', + type: 'color', + }, + name: '--fds-semantic-text-danger-on_danger_subtle', + attributes: {}, + path: ['semantic', 'text', 'danger', 'on_danger_subtle'], + lastName: 'on_danger_subtle', + }, + { + value: '#7a1265', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.purple.700}', + type: 'color', + }, + name: '--fds-semantic-text-visited-default', + attributes: {}, + path: ['semantic', 'text', 'visited', 'default'], + lastName: 'default', + }, + { + value: '#efeffb', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#efeffb', + type: 'color', + }, + name: '--fds-brand-primary-100', + attributes: {}, + path: ['brand', 'primary', '100'], + lastName: '100', + }, + { + value: '#dedff6', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#dedff6', + type: 'color', + }, + name: '--fds-brand-primary-200', + attributes: {}, + path: ['brand', 'primary', '200'], + lastName: '200', + }, + { + value: '#bec0ed', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#bec0ed', + type: 'color', + }, + name: '--fds-brand-primary-300', + attributes: {}, + path: ['brand', 'primary', '300'], + lastName: '300', + }, + { + value: '#9da0e4', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#9da0e4', + type: 'color', + }, + name: '--fds-brand-primary-400', + attributes: {}, + path: ['brand', 'primary', '400'], + lastName: '400', + }, + { + value: '#7d81db', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#7d81db', + type: 'color', + }, + name: '--fds-brand-primary-500', + attributes: {}, + path: ['brand', 'primary', '500'], + lastName: '500', + }, + { + value: '#5c61d2', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#5c61d2', + type: 'color', + }, + name: '--fds-brand-primary-600', + attributes: {}, + path: ['brand', 'primary', '600'], + lastName: '600', + }, + { + value: '#3339c6', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#3339c6', + type: 'color', + }, + name: '--fds-brand-primary-700', + attributes: {}, + path: ['brand', 'primary', '700'], + lastName: '700', + }, + { + value: '#0008b8', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#0008b8', + type: 'color', + }, + name: '--fds-brand-primary-800', + attributes: {}, + path: ['brand', 'primary', '800'], + lastName: '800', + }, + { + value: '#00078F', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#00078F', + type: 'color', + }, + name: '--fds-brand-primary-900', + attributes: {}, + path: ['brand', 'primary', '900'], + lastName: '900', + }, + { + value: '#ffeee1', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#ffeee1', + type: 'color', + }, + name: '--fds-brand-secondary-100', + attributes: {}, + path: ['brand', 'secondary', '100'], + lastName: '100', + }, + { + value: '#ffdcc3', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#ffdcc3', + type: 'color', + }, + name: '--fds-brand-secondary-200', + attributes: {}, + path: ['brand', 'secondary', '200'], + lastName: '200', + }, + { + value: '#fdd4b7', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#fdd4b7', + type: 'color', + }, + name: '--fds-brand-secondary-300', + attributes: {}, + path: ['brand', 'secondary', '300'], + lastName: '300', + }, + { + value: '#ffc296', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#ffc296', + type: 'color', + }, + name: '--fds-brand-secondary-400', + attributes: {}, + path: ['brand', 'secondary', '400'], + lastName: '400', + }, + { + value: '#ffb178', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#ffb178', + type: 'color', + }, + name: '--fds-brand-secondary-500', + attributes: {}, + path: ['brand', 'secondary', '500'], + lastName: '500', + }, + { + value: '#ffa869', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#ffa869', + type: 'color', + }, + name: '--fds-brand-secondary-600', + attributes: {}, + path: ['brand', 'secondary', '600'], + lastName: '600', + }, + { + value: '#e6975f', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#e6975f', + type: 'color', + }, + name: '--fds-brand-secondary-700', + attributes: {}, + path: ['brand', 'secondary', '700'], + lastName: '700', + }, + { + value: '#b3764a', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#b3764a', + type: 'color', + }, + name: '--fds-brand-secondary-800', + attributes: {}, + path: ['brand', 'secondary', '800'], + lastName: '800', + }, + { + value: '#9F6841', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#9F6841', + type: 'color', + }, + name: '--fds-brand-secondary-900', + attributes: {}, + path: ['brand', 'secondary', '900'], + lastName: '900', + }, + { + value: '#eff6f4', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#eff6f4', + type: 'color', + }, + name: '--fds-brand-tertiary-100', + attributes: {}, + path: ['brand', 'tertiary', '100'], + lastName: '100', + }, + { + value: '#deece9', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#deece9', + type: 'color', + }, + name: '--fds-brand-tertiary-200', + attributes: {}, + path: ['brand', 'tertiary', '200'], + lastName: '200', + }, + { + value: '#bedad2', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#bedad2', + type: 'color', + }, + name: '--fds-brand-tertiary-300', + attributes: {}, + path: ['brand', 'tertiary', '300'], + lastName: '300', + }, + { + value: '#9dc7bc', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#9dc7bc', + type: 'color', + }, + name: '--fds-brand-tertiary-400', + attributes: {}, + path: ['brand', 'tertiary', '400'], + lastName: '400', + }, + { + value: '#7db5a5', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#7db5a5', + type: 'color', + }, + name: '--fds-brand-tertiary-500', + attributes: {}, + path: ['brand', 'tertiary', '500'], + lastName: '500', + }, + { + value: '#5ca28f', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#5ca28f', + type: 'color', + }, + name: '--fds-brand-tertiary-600', + attributes: {}, + path: ['brand', 'tertiary', '600'], + lastName: '600', + }, + { + value: '#4c907e', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#4c907e', + type: 'color', + }, + name: '--fds-brand-tertiary-700', + attributes: {}, + path: ['brand', 'tertiary', '700'], + lastName: '700', + }, + { + value: '#407d6d', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#407d6d', + type: 'color', + }, + name: '--fds-brand-tertiary-800', + attributes: {}, + path: ['brand', 'tertiary', '800'], + lastName: '800', + }, + { + value: '#376C5E', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '#376C5E', + type: 'color', + }, + name: '--fds-brand-tertiary-900', + attributes: {}, + path: ['brand', 'tertiary', '900'], + lastName: '900', }, -}; +]; -export const typography = { - typography: { - heading: [ - { - value: - "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'", - type: 'typography', - description: 'H1', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f5}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H1', - }, - name: '--fds-typography-heading-xlarge', - attributes: {}, - path: ['typography', 'heading', 'xlarge'], - lastName: 'xlarge', - }, - { - value: - "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'", - type: 'typography', - description: 'H2', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f4}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H2', - }, - name: '--fds-typography-heading-large', - attributes: {}, - path: ['typography', 'heading', 'large'], - lastName: 'large', - }, - { - value: - "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'", - type: 'typography', - description: 'H3', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f3}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H3', - }, - name: '--fds-typography-heading-medium', - attributes: {}, - path: ['typography', 'heading', 'medium'], - lastName: 'medium', - }, - { - value: - "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'", - type: 'typography', - description: 'H4', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H4', - }, - name: '--fds-typography-heading-small', - attributes: {}, - path: ['typography', 'heading', 'small'], - lastName: 'small', - }, - { - value: - "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - description: 'H5', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H5', - }, - name: '--fds-typography-heading-xsmall', - attributes: {}, - path: ['typography', 'heading', 'xsmall'], - lastName: 'xsmall', - }, - { - value: - "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - description: 'H6', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - description: 'H6', - }, - name: '--fds-typography-heading-xxsmall', - attributes: {}, - path: ['typography', 'heading', 'xxsmall'], - lastName: 'xxsmall', - }, - ], - ingress: [ - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.600}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-ingress-medium', - attributes: {}, - path: ['typography', 'ingress', 'medium'], - lastName: 'medium', - }, - ], - paragraph: [ - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-large', - attributes: {}, - path: ['typography', 'paragraph', 'large'], - lastName: 'large', - }, - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-medium', - attributes: {}, - path: ['typography', 'paragraph', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-small', - attributes: {}, - path: ['typography', 'paragraph', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.500}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-xsmall', - attributes: {}, - path: ['typography', 'paragraph', 'xsmall'], - lastName: 'xsmall', - }, - { - value: - "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-large', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'large'], - lastName: 'large', - }, - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-medium', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-small', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-paragraph-short-xsmall', - attributes: {}, - path: ['typography', 'paragraph', 'short', 'xsmall'], - lastName: 'xsmall', - }, - ], - label: [ - { - value: - "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-large', - attributes: {}, - path: ['typography', 'label', 'large'], - lastName: 'large', - }, - { - value: - "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-medium', - attributes: {}, - path: ['typography', 'label', 'medium'], - lastName: 'medium', - }, - { - value: - "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-small', - attributes: {}, - path: ['typography', 'label', 'small'], - lastName: 'small', - }, - { - value: - "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.medium}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-label-xsmall', - attributes: {}, - path: ['typography', 'label', 'xsmall'], - lastName: 'xsmall', - }, - ], - error_message: [ - { - value: - "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f0}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-medium', - attributes: {}, - path: ['typography', 'error_message', 'medium'], - lastName: 'medium', - }, - { - value: - "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-1}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-small', - attributes: {}, - path: ['typography', 'error_message', 'small'], - lastName: 'small', - }, - { - value: - "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-size.f-2}', - letterSpacing: '{letterSpacing.1}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-error_message-xsmall', - attributes: {}, - path: ['typography', 'error_message', 'xsmall'], - lastName: 'xsmall', - }, - ], - interactive: [ - { - value: "400 1.5rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.large}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-large', - attributes: {}, - path: ['typography', 'interactive', 'large'], - lastName: 'large', - }, - { - value: "400 1.125rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.medium}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-medium', - attributes: {}, - path: ['typography', 'interactive', 'medium'], - lastName: 'medium', - }, - { - value: "400 1rem/1.3 'Inter'", - type: 'typography', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: { - fontFamily: '{fontFamilies.inter}', - fontWeight: '{fontWeights.regular}', - lineHeight: '{lineHeights.300}', - fontSize: '{font-static.small}', - letterSpacing: '{letterSpacing.0}', - paragraphSpacing: '{paragraphSpacing.0}', - paragraphIndent: '{paragraphIndent.0}', - textCase: '{textCase.none}', - textDecoration: '{textDecoration.none}', - }, - type: 'typography', - }, - name: '--fds-typography-interactive-small', - attributes: {}, - path: ['typography', 'interactive', 'small'], - lastName: 'small', - }, - ], +export const typography = [ + { + value: "500 clamp(1.59rem, calc(1.15vw + 1.36rem), 2.34rem)/1.3 'Inter'", + type: 'typography', + description: 'H1', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f5}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H1', + }, + name: '--fds-typography-heading-xlarge', + attributes: {}, + path: ['typography', 'heading', 'xlarge'], + lastName: 'xlarge', + }, + { + value: "500 clamp(1.47rem, calc(0.86vw + 1.30rem), 2.03rem)/1.3 'Inter'", + type: 'typography', + description: 'H2', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f4}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H2', + }, + name: '--fds-typography-heading-large', + attributes: {}, + path: ['typography', 'heading', 'large'], + lastName: 'large', + }, + { + value: "500 clamp(1.34rem, calc(0.63vw + 1.22rem), 1.75rem)/1.3 'Inter'", + type: 'typography', + description: 'H3', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f3}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H3', + }, + name: '--fds-typography-heading-medium', + attributes: {}, + path: ['typography', 'heading', 'medium'], + lastName: 'medium', + }, + { + value: "500 clamp(1.22rem, calc(0.43vw + 1.13rem), 1.50rem)/1.3 'Inter'", + type: 'typography', + description: 'H4', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H4', + }, + name: '--fds-typography-heading-small', + attributes: {}, + path: ['typography', 'heading', 'small'], + lastName: 'small', + }, + { + value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + description: 'H5', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H5', + }, + name: '--fds-typography-heading-xsmall', + attributes: {}, + path: ['typography', 'heading', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + description: 'H6', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + description: 'H6', + }, + name: '--fds-typography-heading-xxsmall', + attributes: {}, + path: ['typography', 'heading', 'xxsmall'], + lastName: 'xxsmall', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.6 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.600}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-ingress-medium', + attributes: {}, + path: ['typography', 'ingress', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-large', + attributes: {}, + path: ['typography', 'paragraph', 'large'], + lastName: 'large', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-medium', + attributes: {}, + path: ['typography', 'paragraph', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-small', + attributes: {}, + path: ['typography', 'paragraph', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.5 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.500}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-xsmall', + attributes: {}, + path: ['typography', 'paragraph', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-large', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'large'], + lastName: 'large', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-medium', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-small', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-paragraph-short-xsmall', + attributes: {}, + path: ['typography', 'paragraph', 'short', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "500 clamp(1.09rem, calc(0.34vw + 1.03rem), 1.31rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-large', + attributes: {}, + path: ['typography', 'label', 'large'], + lastName: 'large', + }, + { + value: "500 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-medium', + attributes: {}, + path: ['typography', 'label', 'medium'], + lastName: 'medium', + }, + { + value: "500 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-small', + attributes: {}, + path: ['typography', 'label', 'small'], + lastName: 'small', + }, + { + value: "500 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.medium}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-label-xsmall', + attributes: {}, + path: ['typography', 'label', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f0}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-medium', + attributes: {}, + path: ['typography', 'error_message', 'medium'], + lastName: 'medium', + }, + { + value: "400 clamp(0.91rem, calc(0.10vw + 0.89rem), 0.97rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-1}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-small', + attributes: {}, + path: ['typography', 'error_message', 'small'], + lastName: 'small', + }, + { + value: "400 clamp(0.81rem, calc(0.05vw + 0.80rem), 0.84rem)/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-size.f-2}', + letterSpacing: '{letterSpacing.1}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-error_message-xsmall', + attributes: {}, + path: ['typography', 'error_message', 'xsmall'], + lastName: 'xsmall', + }, + { + value: "400 1.5rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.large}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-large', + attributes: {}, + path: ['typography', 'interactive', 'large'], + lastName: 'large', + }, + { + value: "400 1.125rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.medium}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-medium', + attributes: {}, + path: ['typography', 'interactive', 'medium'], + lastName: 'medium', + }, + { + value: "400 1rem/1.3 'Inter'", + type: 'typography', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: { + fontFamily: '{fontFamilies.inter}', + fontWeight: '{fontWeights.regular}', + lineHeight: '{lineHeights.300}', + fontSize: '{font-static.small}', + letterSpacing: '{letterSpacing.0}', + paragraphSpacing: '{paragraphSpacing.0}', + paragraphIndent: '{paragraphIndent.0}', + textCase: '{textCase.none}', + textDecoration: '{textDecoration.none}', + }, + type: 'typography', + }, + name: '--fds-typography-interactive-small', + attributes: {}, + path: ['typography', 'interactive', 'small'], + lastName: 'small', }, -}; +]; -export const opacity = { - opacity: [ - { +export const opacity = [ + { + value: '30%', + type: 'opacity', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '30%', type: 'opacity', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '30%', - type: 'opacity', - }, - name: '--fds-opacity-disabled', - attributes: {}, - path: ['opacity', 'disabled'], - lastName: 'disabled', }, - ], -}; + name: '--fds-opacity-disabled', + attributes: {}, + path: ['opacity', 'disabled'], + lastName: 'disabled', + }, +]; -export const borderRadius = { - border_radius: [ - { - value: '4px', +export const borderRadius = [ + { + value: '4px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_radius.medium}', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_radius.medium}', - type: 'borderRadius', - }, - name: '--fds-border_radius-interactive', - attributes: {}, - path: ['border_radius', 'interactive'], - lastName: 'interactive', }, - { + name: '--fds-border_radius-interactive', + attributes: {}, + path: ['border_radius', 'interactive'], + lastName: 'interactive', + }, + { + value: '2px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '2px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '2px', - type: 'borderRadius', - }, - name: '--fds-border_radius-small', - attributes: {}, - path: ['border_radius', 'small'], - lastName: 'small', }, - { + name: '--fds-border_radius-small', + attributes: {}, + path: ['border_radius', 'small'], + lastName: 'small', + }, + { + value: '4px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4px', - type: 'borderRadius', - }, - name: '--fds-border_radius-medium', - attributes: {}, - path: ['border_radius', 'medium'], - lastName: 'medium', }, - { + name: '--fds-border_radius-medium', + attributes: {}, + path: ['border_radius', 'medium'], + lastName: 'medium', + }, + { + value: '8px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '8px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '8px', - type: 'borderRadius', - }, - name: '--fds-border_radius-large', - attributes: {}, - path: ['border_radius', 'large'], - lastName: 'large', }, - { + name: '--fds-border_radius-large', + attributes: {}, + path: ['border_radius', 'large'], + lastName: 'large', + }, + { + value: '12px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '12px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '12px', - type: 'borderRadius', - }, - name: '--fds-border_radius-xlarge', - attributes: {}, - path: ['border_radius', 'xlarge'], - lastName: 'xlarge', }, - { + name: '--fds-border_radius-xlarge', + attributes: {}, + path: ['border_radius', 'xlarge'], + lastName: 'xlarge', + }, + { + value: '9999px', + type: 'borderRadius', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '9999px', type: 'borderRadius', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '9999px', - type: 'borderRadius', - }, - name: '--fds-border_radius-full', - attributes: {}, - path: ['border_radius', 'full'], - lastName: 'full', }, - ], -}; + name: '--fds-border_radius-full', + attributes: {}, + path: ['border_radius', 'full'], + lastName: 'full', + }, +]; -export const spacing = { - spacing: [ - { - value: 'calc(0)', +export const spacing = [ + { + value: 'calc(0)', + type: 'spacing', + description: '0', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '0', type: 'spacing', description: '0', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '0', - type: 'spacing', - description: '0', - }, - name: '--fds-spacing-0', - attributes: {}, - path: ['spacing', '0'], - lastName: '0', }, - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-0', + attributes: {}, + path: ['spacing', '0'], + lastName: '0', + }, + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '4px - 4.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}/16*{font-size.f0}', type: 'spacing', description: '4px - 4.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}/16*{font-size.f0}', - type: 'spacing', - description: '4px - 4.5px', - }, - name: '--fds-spacing-1', - attributes: {}, - path: ['spacing', '1'], - lastName: '1', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-1', + attributes: {}, + path: ['spacing', '1'], + lastName: '1', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '8px - 9px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*2/16*{font-size.f0}', type: 'spacing', description: '8px - 9px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*2/16*{font-size.f0}', - type: 'spacing', - description: '8px - 9px', - }, - name: '--fds-spacing-2', - attributes: {}, - path: ['spacing', '2'], - lastName: '2', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-2', + attributes: {}, + path: ['spacing', '2'], + lastName: '2', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '12px - 13.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*3/16*{font-size.f0}', type: 'spacing', description: '12px - 13.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*3/16*{font-size.f0}', - type: 'spacing', - description: '12px - 13.5px', - }, - name: '--fds-spacing-3', - attributes: {}, - path: ['spacing', '3'], - lastName: '3', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-3', + attributes: {}, + path: ['spacing', '3'], + lastName: '3', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '16px - 18px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*4/16*{font-size.f0}', type: 'spacing', description: '16px - 18px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*4/16*{font-size.f0}', - type: 'spacing', - description: '16px - 18px', - }, - name: '--fds-spacing-4', - attributes: {}, - path: ['spacing', '4'], - lastName: '4', }, - { - value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-4', + attributes: {}, + path: ['spacing', '4'], + lastName: '4', + }, + { + value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '20px - 22.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*5/16*{font-size.f0}', type: 'spacing', description: '20px - 22.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*5/16*{font-size.f0}', - type: 'spacing', - description: '20px - 22.5px', - }, - name: '--fds-spacing-5', - attributes: {}, - path: ['spacing', '5'], - lastName: '5', }, - { - value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-5', + attributes: {}, + path: ['spacing', '5'], + lastName: '5', + }, + { + value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '24px - 27px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*6/16*{font-size.f0}', type: 'spacing', description: '24px - 27px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*6/16*{font-size.f0}', - type: 'spacing', - description: '24px - 27px', - }, - name: '--fds-spacing-6', - attributes: {}, - path: ['spacing', '6'], - lastName: '6', }, - { - value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-6', + attributes: {}, + path: ['spacing', '6'], + lastName: '6', + }, + { + value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '28px - 31.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_spacing}*7/16*{font-size.f0}', type: 'spacing', description: '28px - 31.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_spacing}*7/16*{font-size.f0}', - type: 'spacing', - description: '28px - 31.5px', - }, - name: '--fds-spacing-7', - attributes: {}, - path: ['spacing', '7'], - lastName: '7', }, - { - value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-7', + attributes: {}, + path: ['spacing', '7'], + lastName: '7', + }, + { + value: 'calc((4*8/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '32px - 36px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*8/16)*{font-size.f0}', type: 'spacing', description: '32px - 36px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*8/16)*{font-size.f0}', - type: 'spacing', - description: '32px - 36px', - }, - name: '--fds-spacing-8', - attributes: {}, - path: ['spacing', '8'], - lastName: '8', }, - { - value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-8', + attributes: {}, + path: ['spacing', '8'], + lastName: '8', + }, + { + value: 'calc((4*10/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '40px - 45px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*10/16)*{font-size.f0}', type: 'spacing', description: '40px - 45px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*10/16)*{font-size.f0}', - type: 'spacing', - description: '40px - 45px', - }, - name: '--fds-spacing-10', - attributes: {}, - path: ['spacing', '10'], - lastName: '10', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-10', + attributes: {}, + path: ['spacing', '10'], + lastName: '10', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '48px - 54px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*12/16)*{font-size.f0}', type: 'spacing', description: '48px - 54px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*12/16)*{font-size.f0}', - type: 'spacing', - description: '48px - 54px', - }, - name: '--fds-spacing-12', - attributes: {}, - path: ['spacing', '12'], - lastName: '12', }, - { - value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-12', + attributes: {}, + path: ['spacing', '12'], + lastName: '12', + }, + { + value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '56px - 63px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*14/16)*{font-size.f0}', type: 'spacing', description: '56px - 63px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*14/16)*{font-size.f0}', - type: 'spacing', - description: '56px - 63px', - }, - name: '--fds-spacing-14', - attributes: {}, - path: ['spacing', '14'], - lastName: '14', }, - { - value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-14', + attributes: {}, + path: ['spacing', '14'], + lastName: '14', + }, + { + value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '72px - 81px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*18/16)*{font-size.f0}', type: 'spacing', description: '72px - 81px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*18/16)*{font-size.f0}', - type: 'spacing', - description: '72px - 81px', - }, - name: '--fds-spacing-18', - attributes: {}, - path: ['spacing', '18'], - lastName: '18', }, - { - value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-18', + attributes: {}, + path: ['spacing', '18'], + lastName: '18', + }, + { + value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '88px - 99px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*22/16)*{font-size.f0}', type: 'spacing', description: '88px - 99px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*22/16)*{font-size.f0}', - type: 'spacing', - description: '88px - 99px', - }, - name: '--fds-spacing-22', - attributes: {}, - path: ['spacing', '22'], - lastName: '22', }, - { - value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-22', + attributes: {}, + path: ['spacing', '22'], + lastName: '22', + }, + { + value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '104px - 117px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*26/16)*{font-size.f0}', type: 'spacing', description: '104px - 117px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*26/16)*{font-size.f0}', - type: 'spacing', - description: '104px - 117px', - }, - name: '--fds-spacing-26', - attributes: {}, - path: ['spacing', '26'], - lastName: '26', }, - { - value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-spacing-26', + attributes: {}, + path: ['spacing', '26'], + lastName: '26', + }, + { + value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + description: '120px - 135px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_spacing}*30/16)*{font-size.f0}', type: 'spacing', description: '120px - 135px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_spacing}*30/16)*{font-size.f0}', - type: 'spacing', - description: '120px - 135px', - }, - name: '--fds-spacing-30', - attributes: {}, - path: ['spacing', '30'], - lastName: '30', - }, - ], - base_spacing: [ - { + }, + name: '--fds-spacing-30', + attributes: {}, + path: ['spacing', '30'], + lastName: '30', + }, + { + value: '4', + type: 'spacing', + description: '4px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4', type: 'spacing', description: '4px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4', - type: 'spacing', - description: '4px', - }, - name: '--fds-base_spacing', - attributes: {}, - path: ['base_spacing'], - lastName: 'base_spacing', - }, - ], - 'component-mode-spacing': [ - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + }, + name: '--fds-base_spacing', + attributes: {}, + path: ['base_spacing'], + lastName: 'base_spacing', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.2}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.2}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-small', - attributes: {}, - path: ['component-mode-spacing', 'small'], - lastName: 'small', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-spacing-small', + attributes: {}, + path: ['component-mode-spacing', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.3}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.3}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-medium', - attributes: {}, - path: ['component-mode-spacing', 'medium'], - lastName: 'medium', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-spacing-medium', + attributes: {}, + path: ['component-mode-spacing', 'medium'], + lastName: 'medium', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.4}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.4}', - type: 'spacing', - }, - name: '--fds-component-mode-spacing-large', - attributes: {}, - path: ['component-mode-spacing', 'large'], - lastName: 'large', - }, - ], - 'component-mode-gap': [ - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + }, + name: '--fds-component-mode-spacing-large', + attributes: {}, + path: ['component-mode-spacing', 'large'], + lastName: 'large', + }, + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.1}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.1}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-small', - attributes: {}, - path: ['component-mode-gap', 'small'], - lastName: 'small', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-gap-small', + attributes: {}, + path: ['component-mode-gap', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.2}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.2}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-medium', - attributes: {}, - path: ['component-mode-gap', 'medium'], - lastName: 'medium', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-gap-medium', + attributes: {}, + path: ['component-mode-gap', 'medium'], + lastName: 'medium', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'spacing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{spacing.3}', type: 'spacing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{spacing.3}', - type: 'spacing', - }, - name: '--fds-component-mode-gap-large', - attributes: {}, - path: ['component-mode-gap', 'large'], - lastName: 'large', }, - ], -}; + name: '--fds-component-mode-gap-large', + attributes: {}, + path: ['component-mode-gap', 'large'], + lastName: 'large', + }, +]; -export const sizing = { - sizing: [ - { - value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', +export const sizing = [ + { + value: 'calc(4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '4px - 4.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}/16*{font-size.f0}', type: 'sizing', description: '4px - 4.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}/16*{font-size.f0}', - type: 'sizing', - description: '4px - 4.5px', - }, - name: '--fds-sizing-1', - attributes: {}, - path: ['sizing', '1'], - lastName: '1', }, - { - value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-1', + attributes: {}, + path: ['sizing', '1'], + lastName: '1', + }, + { + value: 'calc(4*2/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '8px - 9px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*2/16*{font-size.f0}', type: 'sizing', description: '8px - 9px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*2/16*{font-size.f0}', - type: 'sizing', - description: '8px - 9px', - }, - name: '--fds-sizing-2', - attributes: {}, - path: ['sizing', '2'], - lastName: '2', }, - { - value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-2', + attributes: {}, + path: ['sizing', '2'], + lastName: '2', + }, + { + value: 'calc(4*3/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '12px - 13.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*3/16*{font-size.f0}', type: 'sizing', description: '12px - 13.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*3/16*{font-size.f0}', - type: 'sizing', - description: '12px - 13.5px', - }, - name: '--fds-sizing-3', - attributes: {}, - path: ['sizing', '3'], - lastName: '3', }, - { - value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-3', + attributes: {}, + path: ['sizing', '3'], + lastName: '3', + }, + { + value: 'calc(4*4/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '16px - 18px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*4/16*{font-size.f0}', type: 'sizing', description: '16px - 18px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*4/16*{font-size.f0}', - type: 'sizing', - description: '16px - 18px', - }, - name: '--fds-sizing-4', - attributes: {}, - path: ['sizing', '4'], - lastName: '4', }, - { - value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-4', + attributes: {}, + path: ['sizing', '4'], + lastName: '4', + }, + { + value: 'calc(4*5/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '20px - 22.5', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*5/16*{font-size.f0}', type: 'sizing', description: '20px - 22.5', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*5/16*{font-size.f0}', - type: 'sizing', - description: '20px - 22.5', - }, - name: '--fds-sizing-5', - attributes: {}, - path: ['sizing', '5'], - lastName: '5', }, - { - value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-5', + attributes: {}, + path: ['sizing', '5'], + lastName: '5', + }, + { + value: 'calc(4*6/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '24px - 27px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*6/16*{font-size.f0}', type: 'sizing', description: '24px - 27px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*6/16*{font-size.f0}', - type: 'sizing', - description: '24px - 27px', - }, - name: '--fds-sizing-6', - attributes: {}, - path: ['sizing', '6'], - lastName: '6', }, - { - value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-6', + attributes: {}, + path: ['sizing', '6'], + lastName: '6', + }, + { + value: 'calc(4*7/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '28px - 31.5px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*7/16*{font-size.f0}', type: 'sizing', description: '28px - 31.5px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*7/16*{font-size.f0}', - type: 'sizing', - description: '28px - 31.5px', - }, - name: '--fds-sizing-7', - attributes: {}, - path: ['sizing', '7'], - lastName: '7', }, - { - value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-7', + attributes: {}, + path: ['sizing', '7'], + lastName: '7', + }, + { + value: 'calc(4*8/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '32px - 36px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*8/16*{font-size.f0}', type: 'sizing', description: '32px - 36px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*8/16*{font-size.f0}', - type: 'sizing', - description: '32px - 36px', - }, - name: '--fds-sizing-8', - attributes: {}, - path: ['sizing', '8'], - lastName: '8', }, - { - value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-8', + attributes: {}, + path: ['sizing', '8'], + lastName: '8', + }, + { + value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '40px - 45px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{base_sizing}*10/16*{font-size.f0}', type: 'sizing', description: '40px - 45px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{base_sizing}*10/16*{font-size.f0}', - type: 'sizing', - description: '40px - 45px', - }, - name: '--fds-sizing-10', - attributes: {}, - path: ['sizing', '10'], - lastName: '10', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-10', + attributes: {}, + path: ['sizing', '10'], + lastName: '10', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '48px - 54px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*12/16)*{font-size.f0}', type: 'sizing', description: '48px - 54px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*12/16)*{font-size.f0}', - type: 'sizing', - description: '48px - 54px', - }, - name: '--fds-sizing-12', - attributes: {}, - path: ['sizing', '12'], - lastName: '12', }, - { - value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-12', + attributes: {}, + path: ['sizing', '12'], + lastName: '12', + }, + { + value: 'calc((4*14/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '56px - 63px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*14/16)*{font-size.f0}', type: 'sizing', description: '56px - 63px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*14/16)*{font-size.f0}', - type: 'sizing', - description: '56px - 63px', - }, - name: '--fds-sizing-14', - attributes: {}, - path: ['sizing', '14'], - lastName: '14', }, - { - value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-14', + attributes: {}, + path: ['sizing', '14'], + lastName: '14', + }, + { + value: 'calc((4*18/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '72px - 81px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*18/16)*{font-size.f0}', type: 'sizing', description: '72px - 81px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*18/16)*{font-size.f0}', - type: 'sizing', - description: '72px - 81px', - }, - name: '--fds-sizing-18', - attributes: {}, - path: ['sizing', '18'], - lastName: '18', }, - { - value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-18', + attributes: {}, + path: ['sizing', '18'], + lastName: '18', + }, + { + value: 'calc((4*22/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '88px - 99px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*22/16)*{font-size.f0}', type: 'sizing', description: '88px - 99px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*22/16)*{font-size.f0}', - type: 'sizing', - description: '88px - 99px', - }, - name: '--fds-sizing-22', - attributes: {}, - path: ['sizing', '22'], - lastName: '22', }, - { - value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-22', + attributes: {}, + path: ['sizing', '22'], + lastName: '22', + }, + { + value: 'calc((4*26/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '104px - 117px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*26/16)*{font-size.f0}', type: 'sizing', description: '104px - 117px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*26/16)*{font-size.f0}', - type: 'sizing', - description: '104px - 117px', - }, - name: '--fds-sizing-26', - attributes: {}, - path: ['sizing', '26'], - lastName: '26', }, - { - value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-sizing-26', + attributes: {}, + path: ['sizing', '26'], + lastName: '26', + }, + { + value: 'calc((4*30/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + description: '120px - 135px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '({base_sizing}*30/16)*{font-size.f0}', type: 'sizing', description: '120px - 135px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '({base_sizing}*30/16)*{font-size.f0}', - type: 'sizing', - description: '120px - 135px', - }, - name: '--fds-sizing-30', - attributes: {}, - path: ['sizing', '30'], - lastName: '30', - }, - ], - base_sizing: [ - { + }, + name: '--fds-sizing-30', + attributes: {}, + path: ['sizing', '30'], + lastName: '30', + }, + { + value: '4', + type: 'sizing', + description: '4px', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '4', type: 'sizing', description: '4px', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '4', - type: 'sizing', - description: '4px', - }, - name: '--fds-base_sizing', - attributes: {}, - path: ['base_sizing'], - lastName: 'base_sizing', - }, - ], - 'component-mode-height': [ - { - value: '36px', + }, + name: '--fds-base_sizing', + attributes: {}, + path: ['base_sizing'], + lastName: 'base_sizing', + }, + { + value: '36px', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '36', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '36', - type: 'sizing', - }, - name: '--fds-component-mode-height-small', - attributes: {}, - path: ['component-mode-height', 'small'], - lastName: 'small', }, - { - value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-height-small', + attributes: {}, + path: ['component-mode-height', 'small'], + lastName: 'small', + }, + { + value: 'calc(4*10/16*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{sizing.10}', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{sizing.10}', - type: 'sizing', - }, - name: '--fds-component-mode-height-medium', - attributes: {}, - path: ['component-mode-height', 'medium'], - lastName: 'medium', }, - { - value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + name: '--fds-component-mode-height-medium', + attributes: {}, + path: ['component-mode-height', 'medium'], + lastName: 'medium', + }, + { + value: 'calc((4*12/16)*clamp(1.00rem, calc(0.19vw + 0.96rem), 1.13rem))', + type: 'sizing', + filePath: '../../design-tokens/Density/Default.json', + isSource: false, + original: { + value: '{sizing.12}', type: 'sizing', - filePath: '../../design-tokens/Density/Default.json', - isSource: false, - original: { - value: '{sizing.12}', - type: 'sizing', - }, - name: '--fds-component-mode-height-large', - attributes: {}, - path: ['component-mode-height', 'large'], - lastName: 'large', }, - ], -}; + name: '--fds-component-mode-height-large', + attributes: {}, + path: ['component-mode-height', 'large'], + lastName: 'large', + }, +]; -export const borderWidth = { - border_width: [ - { - value: '1px', +export const borderWidth = [ + { + value: '1px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_width.1}', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_width.1}', - type: 'borderWidth', - }, - name: '--fds-border_width-default', - attributes: {}, - path: ['border_width', 'default'], - lastName: 'default', }, - { - value: '2px', + name: '--fds-border_width-default', + attributes: {}, + path: ['border_width', 'default'], + lastName: 'default', + }, + { + value: '2px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{border_width.2}', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{border_width.2}', - type: 'borderWidth', - }, - name: '--fds-border_width-active', - attributes: {}, - path: ['border_width', 'active'], - lastName: 'active', }, - { + name: '--fds-border_width-active', + attributes: {}, + path: ['border_width', 'active'], + lastName: 'active', + }, + { + value: '2px', + type: 'borderWidth', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '2px', type: 'borderWidth', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '2px', - type: 'borderWidth', - }, - name: '--fds-border_width-tab_focus', - attributes: {}, - path: ['border_width', 'tab_focus'], - lastName: 'tab_focus', }, - ], -}; + name: '--fds-border_width-tab_focus', + attributes: {}, + path: ['border_width', 'tab_focus'], + lastName: 'tab_focus', + }, +]; -export const boxShadow = { - shadow: [ - { - value: '0 1px 2px 0 #0000001f', +export const boxShadow = [ + { + value: '0 1px 2px 0 #0000001f', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.100}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.100}', - type: 'boxShadow', - }, - name: '--fds-shadow-xsmall', - attributes: {}, - path: ['shadow', 'xsmall'], - lastName: 'xsmall', }, - { - value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a', + name: '--fds-shadow-xsmall', + attributes: {}, + path: ['shadow', 'xsmall'], + lastName: 'xsmall', + }, + { + value: '0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.200}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.200}', - type: 'boxShadow', - }, - name: '--fds-shadow-small', - attributes: {}, - path: ['shadow', 'small'], - lastName: 'small', }, - { - value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a', + name: '--fds-shadow-small', + attributes: {}, + path: ['shadow', 'small'], + lastName: 'small', + }, + { + value: '0 2px 4px -2px #0000001a, 0 4px 5px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.300}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.300}', - type: 'boxShadow', - }, - name: '--fds-shadow-medium', - attributes: {}, - path: ['shadow', 'medium'], - lastName: 'medium', }, - { - value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a', + name: '--fds-shadow-medium', + attributes: {}, + path: ['shadow', 'medium'], + lastName: 'medium', + }, + { + value: '0 4px 6px -4px #0000001a, 0 10px 12px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.400}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.400}', - type: 'boxShadow', - }, - name: '--fds-shadow-large', - attributes: {}, - path: ['shadow', 'large'], - lastName: 'large', }, - { - value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a', + name: '--fds-shadow-large', + attributes: {}, + path: ['shadow', 'large'], + lastName: 'large', + }, + { + value: '0 8px 10px -6px #0000001a, 0 25px 45px #0000001a', + type: 'boxShadow', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{shadow.500}', type: 'boxShadow', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{shadow.500}', - type: 'boxShadow', - }, - name: '--fds-shadow-xlarge', - attributes: {}, - path: ['shadow', 'xlarge'], - lastName: 'xlarge', }, - ], -}; + name: '--fds-shadow-xlarge', + attributes: {}, + path: ['shadow', 'xlarge'], + lastName: 'xlarge', + }, +];