diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 774153a4d..8f18499c0 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -68,6 +68,7 @@
"@nl-design-system-unstable/zevenaar-design-tokens": "workspace:*",
"@nl-design-system-unstable/zwolle-design-tokens": "workspace:*",
"@open-formulieren/design-tokens": "0.52.1",
+ "@rijkshuisstijl-community/design-tokens": "1.0.0-alpha.24",
"@storybook/addon-a11y": "8.2.7",
"@storybook/addon-actions": "8.2.7",
"@storybook/addon-backgrounds": "8.2.7",
diff --git a/packages/storybook/src/theme-builder/ThemeBuilder.tsx b/packages/storybook/src/theme-builder/ThemeBuilder.tsx
index 70a005c4c..f5b7d15dc 100644
--- a/packages/storybook/src/theme-builder/ThemeBuilder.tsx
+++ b/packages/storybook/src/theme-builder/ThemeBuilder.tsx
@@ -5,6 +5,8 @@ import { useState, useEffect } from 'react';
import { ThemeBuilderStepObject } from './steps';
import { DesignTokenTree } from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens';
import { treeToArray } from '@nl-design-system-unstable/theme-toolkit/dist/ExampleTokensCSS';
+import { CustomStory } from '@nl-design-system-unstable/theme-toolkit/dist/CustomStory';
+import { merge } from 'lodash';
import './ThemeBuilder.css';
import './property.css';
@@ -76,6 +78,7 @@ export interface ThemeBuilderProps {
step: number;
steps: ThemeBuilderStepObject[];
theme: DesignTokenTree;
+ themeExtension?: DesignTokenTree;
basis: DesignTokenTree;
example?: () => ReactNode;
allTokens?: boolean;
@@ -84,6 +87,7 @@ export interface ThemeBuilderProps {
export const ThemeBuilder = ({
steps,
theme,
+ themeExtension,
basis,
step,
example,
@@ -94,6 +98,12 @@ export const ThemeBuilder = ({
const Example = example || stepData?.example;
const Description = stepData?.description;
+ const currentStepTokens = [...(stepData?.tokens || []), ...(stepData?.commonTokens || [])];
+
+ let previousTokens = steps
+ .slice(0, step)
+ .reduce((arr, step) => [...arr, ...step.tokens, ...(step.commonTokens || [])], []);
+
let relevantTokens = steps
.slice(0, step + 1)
.reduce((arr, step) => [...arr, ...step.tokens, ...(step.commonTokens || [])], []);
@@ -121,7 +131,20 @@ export const ThemeBuilder = ({
['voorbeeld', 'groningen', 'rods'].includes(token.path[0]) ||
(token.path[0] === 'utrecht' && (token.path[1] === 'color' || token.path[1] === 'typography')) ||
(token.path[0] === 'denhaag' &&
- (token.path[1] === 'color' || token.path[1] === 'typography' || token.path[1] === 'size'))
+ (token.path[1] === 'color' || token.path[1] === 'typography' || token.path[1] === 'size')) ||
+ (token.path[0] === 'ams' && ['border', 'color', 'proportion', 'space', 'text'].includes(token.path[1])) ||
+ (token.path[0] === 'rhc' &&
+ [
+ 'border-width',
+ 'color',
+ 'font-family',
+ 'font-weight',
+ 'space',
+ 'size',
+ 'line-height',
+ 'font-size',
+ 'border-radius',
+ ].includes(token.path[1]))
);
}).then(({ css }) => {
setBrandCss(css);
@@ -129,26 +152,38 @@ export const ThemeBuilder = ({
}, [theme]);
useEffect(() => {
- styleDictionaryConversion(theme, '.step-theme', (token) => {
+ styleDictionaryConversion(merge(theme, themeExtension), '.step-theme', (token) => {
return relevantTokenSet.has((token.path || []).join('.'));
}).then(({ css, json }) => {
console.log(json);
setCustomThemeCss(css);
}, console.error);
- }, [step, theme]);
+ }, [step, theme, themeExtension]);
return (
-
{Example && }
+
+ {Example && }
+
{stepData?.name || `Stap ${step}`}
{Description &&
}
- {relevantTokens.length} tokens up until this step
+ {currentStepTokens.length} tokens for this step
+
+ {currentStepTokens.map((token, index) => (
+ -
+
{token}
+
+ ))}
+
+
+
+ {previousTokens.length} tokens before this step
- {relevantTokens.map((token, index) => (
+ {previousTokens.map((token, index) => (
-
{token}
diff --git a/packages/storybook/src/theme-builder/ThemeBuilderAmsterdam.stories.tsx b/packages/storybook/src/theme-builder/ThemeBuilderAmsterdam.stories.tsx
new file mode 100644
index 000000000..8b411c064
--- /dev/null
+++ b/packages/storybook/src/theme-builder/ThemeBuilderAmsterdam.stories.tsx
@@ -0,0 +1,226 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { steps } from './steps';
+import basisTheme from '@nl-design-system-unstable/basis-design-tokens/dist/tokens.json';
+import voorbeeldTheme from '@nl-design-system-unstable/voorbeeld-design-tokens/dist/tokens.json';
+import groningenTheme from '@nl-design-system-unstable/groningen-design-tokens/dist/tokens.json';
+import utrechtTheme from '@utrecht/design-tokens/dist/tokens.cjs';
+import denhaagTheme from '@gemeente-denhaag/design-tokens-components/dist/index.json';
+import rijkshuisstijlCommunityTheme from '@rijkshuisstijl-community/design-tokens/dist/tokens.js';
+import rotterdamTheme from '@gemeente-rotterdam/design-tokens/dist/tokens.cjs';
+import { ThemeBuilder } from './ThemeBuilder';
+import { examples } from './examples';
+import amsterdamValueTree from '@amsterdam/design-system-tokens/dist/index.json';
+import {
+ convertValueTreeToDesignTokenTree,
+ DesignTokenTree,
+} from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens';
+import { addPath } from '@nl-design-system-unstable/theme-toolkit/dist/ExampleTokensCSS';
+
+export const amsterdamTheme = addPath(convertValueTreeToDesignTokenTree(amsterdamValueTree)) as DesignTokenTree;
+
+const meta = {
+ title: 'Theme Builder/Amsterdam',
+ id: 'theme-builder-ams',
+ component: ThemeBuilder,
+ args: {
+ step: 0,
+ steps,
+ basis: basisTheme,
+ theme: amsterdamTheme,
+ themeExtension: {
+ basis: {
+ typography: {
+ 'font-family': {
+ default: { value: '{ams.text.font-family}' },
+ },
+ 'font-size': {
+ small: { value: '{ams.text.level.6.font-size}' },
+ medium: { value: '{ams.text.level.5.font-size}' },
+ large: { value: '{ams.text.level.4.font-size}' },
+ 'x-large': { value: '{ams.text.level.3.font-size}' },
+ 'xx-large': { value: '{ams.text.level.2.font-size}' },
+ 'xxx-large': { value: '{ams.text.level.1.font-size}' },
+ },
+ },
+ },
+ },
+ },
+ argTypes: {
+ example: {
+ control: 'select',
+ options: Object.keys(examples),
+ },
+ theme: {
+ control: 'select',
+ options: ['voorbeeld', 'groningen', 'denhaag', 'rotterdam', 'utrecht', 'rijkshuisstijl-community'],
+ mapping: {
+ voorbeeld: voorbeeldTheme,
+ groningen: groningenTheme,
+ rotterdam: rotterdamTheme,
+ utrecht: utrechtTheme,
+ denhaag: denhaagTheme,
+ rijkshuisstijlCommunity: rijkshuisstijlCommunityTheme,
+ },
+ },
+ },
+} satisfies Meta;
+
+export default meta;
+
+type Story = StoryObj;
+
+export const Step0: Story = {
+ args: {
+ step: 0,
+ },
+};
+
+export const Step1: Story = {
+ args: {
+ step: 1,
+ },
+};
+
+export const Step2: Story = {
+ args: {
+ step: 2,
+ },
+};
+
+export const Step3: Story = {
+ args: {
+ step: 3,
+ },
+};
+
+export const Step4: Story = {
+ args: {
+ step: 4,
+ },
+};
+
+export const Step5: Story = {
+ args: {
+ step: 5,
+ },
+};
+
+export const Step6: Story = {
+ args: {
+ step: 6,
+ },
+};
+
+export const Step7: Story = {
+ args: {
+ step: 7,
+ },
+};
+
+export const Step8: Story = {
+ args: {
+ step: 8,
+ },
+};
+
+export const Step9: Story = {
+ args: {
+ step: 9,
+ },
+};
+
+export const Step10: Story = {
+ args: {
+ step: 10,
+ },
+};
+
+export const Step11: Story = {
+ args: {
+ step: 11,
+ },
+};
+
+export const Step12: Story = {
+ args: {
+ step: 12,
+ },
+};
+
+export const Step13: Story = {
+ args: {
+ step: 13,
+ },
+};
+
+export const Step14: Story = {
+ args: {
+ step: 14,
+ },
+};
+
+export const Step15: Story = {
+ args: {
+ step: 15,
+ },
+};
+
+export const Step16: Story = {
+ args: {
+ step: 16,
+ },
+};
+
+export const Step17: Story = {
+ args: {
+ step: 17,
+ },
+};
+
+export const Step18: Story = {
+ args: {
+ step: 18,
+ },
+};
+
+export const Step19: Story = {
+ args: {
+ step: 19,
+ },
+};
+
+export const Step20: Story = {
+ args: {
+ step: 20,
+ },
+};
+
+export const Step21: Story = {
+ args: {
+ step: 21,
+ },
+};
+
+export const Step22: Story = {
+ args: {
+ step: 22,
+ },
+};
+
+export const Step23: Story = {
+ args: {
+ step: 23,
+ },
+};
+
+export const Step24: Story = {
+ args: {
+ step: 24,
+ },
+};
+
+export const Step25: Story = {
+ args: {
+ step: 25,
+ },
+};
diff --git a/packages/storybook/src/theme-builder/ThemeBuilderRijkshuisstijlCommunity.stories.tsx b/packages/storybook/src/theme-builder/ThemeBuilderRijkshuisstijlCommunity.stories.tsx
new file mode 100644
index 000000000..df4b26033
--- /dev/null
+++ b/packages/storybook/src/theme-builder/ThemeBuilderRijkshuisstijlCommunity.stories.tsx
@@ -0,0 +1,221 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { steps } from './steps';
+import basisTheme from '@nl-design-system-unstable/basis-design-tokens/dist/tokens.json';
+import voorbeeldTheme from '@nl-design-system-unstable/voorbeeld-design-tokens/dist/tokens.json';
+import groningenTheme from '@nl-design-system-unstable/groningen-design-tokens/dist/tokens.json';
+import utrechtTheme from '@utrecht/design-tokens/dist/tokens.cjs';
+import denhaagTheme from '@gemeente-denhaag/design-tokens-components/dist/index.json';
+// import rijkshuisstijlCommunityTheme from '@rijkshuisstijl-community/design-tokens/dist/tokens.js';
+import { theme as rijkshuisstijlCommunityTheme } from './rhcTheme.mjs';
+import rotterdamTheme from '@gemeente-rotterdam/design-tokens/dist/tokens.cjs';
+import { ThemeBuilder } from './ThemeBuilder';
+import { examples } from './examples';
+
+const meta = {
+ title: 'Theme Builder/Rijkshuisstijl Community',
+ id: 'theme-builder-rhc',
+ component: ThemeBuilder,
+ args: {
+ step: 0,
+ steps,
+ basis: basisTheme,
+ theme: rijkshuisstijlCommunityTheme,
+ themeExtension: {
+ basis: {
+ common: {
+ typography: {
+ 'font-family': {
+ default: {
+ value: '{rhc.font-family.primary}',
+ },
+ serif: {
+ value: '{rhc.font-family.secondary}',
+ },
+ 'sans-serif': {
+ value: '{rhc.font-family.primary}',
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ argTypes: {
+ example: {
+ control: 'select',
+ options: Object.keys(examples),
+ },
+ theme: {
+ control: 'select',
+ options: ['voorbeeld', 'groningen', 'denhaag', 'rotterdam', 'utrecht', 'rijkshuisstijl-community'],
+ mapping: {
+ voorbeeld: voorbeeldTheme,
+ groningen: groningenTheme,
+ rotterdam: rotterdamTheme,
+ utrecht: utrechtTheme,
+ denhaag: denhaagTheme,
+ rijkshuisstijlCommunity: rijkshuisstijlCommunityTheme,
+ },
+ },
+ },
+} satisfies Meta;
+
+export default meta;
+
+type Story = StoryObj;
+
+export const Step0: Story = {
+ args: {
+ step: 0,
+ },
+};
+
+export const Step1: Story = {
+ args: {
+ step: 1,
+ },
+};
+
+export const Step2: Story = {
+ args: {
+ step: 2,
+ },
+};
+
+export const Step3: Story = {
+ args: {
+ step: 3,
+ },
+};
+
+export const Step4: Story = {
+ args: {
+ step: 4,
+ },
+};
+
+export const Step5: Story = {
+ args: {
+ step: 5,
+ },
+};
+
+export const Step6: Story = {
+ args: {
+ step: 6,
+ },
+};
+
+export const Step7: Story = {
+ args: {
+ step: 7,
+ },
+};
+
+export const Step8: Story = {
+ args: {
+ step: 8,
+ },
+};
+
+export const Step9: Story = {
+ args: {
+ step: 9,
+ },
+};
+
+export const Step10: Story = {
+ args: {
+ step: 10,
+ },
+};
+
+export const Step11: Story = {
+ args: {
+ step: 11,
+ },
+};
+
+export const Step12: Story = {
+ args: {
+ step: 12,
+ },
+};
+
+export const Step13: Story = {
+ args: {
+ step: 13,
+ },
+};
+
+export const Step14: Story = {
+ args: {
+ step: 14,
+ },
+};
+
+export const Step15: Story = {
+ args: {
+ step: 15,
+ },
+};
+
+export const Step16: Story = {
+ args: {
+ step: 16,
+ },
+};
+
+export const Step17: Story = {
+ args: {
+ step: 17,
+ },
+};
+
+export const Step18: Story = {
+ args: {
+ step: 18,
+ },
+};
+
+export const Step19: Story = {
+ args: {
+ step: 19,
+ },
+};
+
+export const Step20: Story = {
+ args: {
+ step: 20,
+ },
+};
+
+export const Step21: Story = {
+ args: {
+ step: 21,
+ },
+};
+
+export const Step22: Story = {
+ args: {
+ step: 22,
+ },
+};
+
+export const Step23: Story = {
+ args: {
+ step: 23,
+ },
+};
+
+export const Step24: Story = {
+ args: {
+ step: 24,
+ },
+};
+
+export const Step25: Story = {
+ args: {
+ step: 25,
+ },
+};
diff --git a/packages/storybook/src/theme-builder/examples.tsx b/packages/storybook/src/theme-builder/examples.tsx
index 08098fed2..b0fe078b2 100644
--- a/packages/storybook/src/theme-builder/examples.tsx
+++ b/packages/storybook/src/theme-builder/examples.tsx
@@ -347,6 +347,69 @@ export const Collage = () => (
);
+export const FontSizeScale = () => (
+
+
+
+ Heading 1 |
+
+ Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod
+ |
+
+
+ Heading 2 |
+
+ Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod
+ |
+
+
+ Heading 3 |
+
+ Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod
+ |
+
+
+ Heading 4 |
+
+ Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod
+ |
+
+
+ Heading 5 |
+
+ Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod
+ |
+
+
+ Heading 6 |
+
+ Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod
+ |
+
+
+ Lead paragraph |
+
+ Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod
+ |
+
+
+ Paragraph |
+
+ Lorem ipsum dolor sit amet, consectetur ad isicing elit, sed do eiusmod
+ |
+
+
+
+);
+
+export const InlineSpaceExample = () => TODO: Inline space example;
+
+export const BlockSpaceExample = () => TODO: Block space example;
+
+export const ColumnSpaceExample = () => TODO: Column space example;
+
+export const RowSpaceExample = () => TODO: Row space example;
+
type RenderFn = () => ReactNode;
export const examples: { [index: string]: RenderFn } = {
@@ -355,4 +418,5 @@ export const examples: { [index: string]: RenderFn } = {
link: LinkExample,
collage: Collage,
'focus-visible': FocusVisibleExample,
+ 'font-size-scale': FontSizeScale,
};
diff --git a/packages/storybook/src/theme-builder/rhcTheme.mjs b/packages/storybook/src/theme-builder/rhcTheme.mjs
new file mode 100644
index 000000000..4c8733e69
--- /dev/null
+++ b/packages/storybook/src/theme-builder/rhcTheme.mjs
@@ -0,0 +1,19220 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 04 Oct 2024 12:50:58 GMT
+ */
+
+export const theme = {
+ utrecht: {
+ action: {
+ activate: {
+ cursor: {
+ value: 'pointer',
+ filePath: 'src/common/utrecht/action.tokens.json',
+ isSource: true,
+ original: {
+ value: 'pointer',
+ },
+ name: 'utrechtActionActivateCursor',
+ attributes: {
+ category: 'utrecht',
+ type: 'action',
+ item: 'activate',
+ subitem: 'cursor',
+ },
+ path: ['utrecht', 'action', 'activate', 'cursor'],
+ },
+ },
+ busy: {
+ cursor: {
+ value: 'wait',
+ filePath: 'src/common/utrecht/action.tokens.json',
+ isSource: true,
+ original: {
+ value: 'wait',
+ },
+ name: 'utrechtActionBusyCursor',
+ attributes: {
+ category: 'utrecht',
+ type: 'action',
+ item: 'busy',
+ subitem: 'cursor',
+ },
+ path: ['utrecht', 'action', 'busy', 'cursor'],
+ },
+ },
+ disabled: {
+ cursor: {
+ value: 'not-allowed',
+ filePath: 'src/common/utrecht/action.tokens.json',
+ isSource: true,
+ original: {
+ value: 'not-allowed',
+ },
+ name: 'utrechtActionDisabledCursor',
+ attributes: {
+ category: 'utrecht',
+ type: 'action',
+ item: 'disabled',
+ subitem: 'cursor',
+ },
+ path: ['utrecht', 'action', 'disabled', 'cursor'],
+ },
+ },
+ submit: {
+ cursor: {
+ value: 'pointer',
+ filePath: 'src/common/utrecht/action.tokens.json',
+ isSource: true,
+ original: {
+ value: 'pointer',
+ },
+ name: 'utrechtActionSubmitCursor',
+ attributes: {
+ category: 'utrecht',
+ type: 'action',
+ item: 'submit',
+ subitem: 'cursor',
+ },
+ path: ['utrecht', 'action', 'submit', 'cursor'],
+ },
+ },
+ },
+ focus: {
+ 'background-color': {},
+ 'outline-color': {
+ value: '#000',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ type: 'color',
+ original: {
+ value: '#000',
+ type: 'color',
+ },
+ name: 'utrechtFocusOutlineColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'focus',
+ item: 'outline-color',
+ },
+ path: ['utrecht', 'focus', 'outline-color'],
+ },
+ 'outline-offset': {
+ value: '0.125rem',
+ comment: 'This is only for buttons. Form fields (input, select and textarea) and links do not have an offset',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ type: 'spacing',
+ original: {
+ value: '0.125rem',
+ comment: 'This is only for buttons. Form fields (input, select and textarea) and links do not have an offset',
+ type: 'spacing',
+ },
+ name: 'utrechtFocusOutlineOffset',
+ attributes: {
+ category: 'utrecht',
+ type: 'focus',
+ item: 'outline-offset',
+ },
+ path: ['utrecht', 'focus', 'outline-offset'],
+ },
+ 'outline-style': {
+ value: 'solid',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ type: 'other',
+ original: {
+ value: 'solid',
+ type: 'other',
+ },
+ name: 'utrechtFocusOutlineStyle',
+ attributes: {
+ category: 'utrecht',
+ type: 'focus',
+ item: 'outline-style',
+ },
+ path: ['utrecht', 'focus', 'outline-style'],
+ },
+ 'outline-width': {
+ value: '2px',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ type: 'borderWidth',
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtFocusOutlineWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'focus',
+ item: 'outline-width',
+ },
+ path: ['utrecht', 'focus', 'outline-width'],
+ },
+ inverse: {
+ 'outline-color': {
+ value: 'transparant',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ type: 'color',
+ original: {
+ value: 'transparant',
+ type: 'color',
+ },
+ name: 'utrechtFocusInverseOutlineColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'focus',
+ item: 'inverse',
+ subitem: 'outline-color',
+ },
+ path: ['utrecht', 'focus', 'inverse', 'outline-color'],
+ },
+ },
+ },
+ icon: {
+ color: {
+ value: 'inherit',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'inherit',
+ type: 'color',
+ },
+ name: 'utrechtIconColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'icon',
+ item: 'color',
+ },
+ path: ['utrecht', 'icon', 'color'],
+ },
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'icon',
+ item: 'size',
+ },
+ path: ['utrecht', 'icon', 'size'],
+ },
+ 'inset-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtIconInsetBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'icon',
+ item: 'inset-block-start',
+ },
+ path: ['utrecht', 'icon', 'inset-block-start'],
+ },
+ },
+ 'unordered-list': {
+ 'padding-inline-start': {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtUnorderedListPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'unordered-list', 'padding-inline-start'],
+ },
+ 'margin-block-end': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtUnorderedListMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'unordered-list', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtUnorderedListMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'unordered-list', 'margin-block-start'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtUnorderedListColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'color',
+ },
+ path: ['utrecht', 'unordered-list', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtUnorderedListFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'unordered-list', 'font-family'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtUnorderedListFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'unordered-list', 'font-weight'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtUnorderedListFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'unordered-list', 'font-size'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtUnorderedListLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'unordered-list', 'line-height'],
+ },
+ item: {
+ 'padding-inline-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtUnorderedListItemPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'item',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'unordered-list', 'item', 'padding-inline-start'],
+ },
+ 'margin-block-end': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtUnorderedListItemMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'item',
+ subitem: 'margin-block-end',
+ },
+ path: ['utrecht', 'unordered-list', 'item', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtUnorderedListItemMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'item',
+ subitem: 'margin-block-start',
+ },
+ path: ['utrecht', 'unordered-list', 'item', 'margin-block-start'],
+ },
+ },
+ marker: {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtUnorderedListMarkerColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'marker',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'unordered-list', 'marker', 'color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtUnorderedListMarkerBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'unordered-list',
+ item: 'marker',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'unordered-list', 'marker', 'border-color'],
+ },
+ },
+ },
+ textbox: {
+ 'border-radius': {
+ value: '2.5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5px',
+ type: 'borderRadius',
+ },
+ name: 'utrechtTextboxBorderRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'border-radius',
+ },
+ path: ['utrecht', 'textbox', 'border-radius'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtTextboxFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'textbox', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtTextboxFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'textbox', 'font-size'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtTextboxFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'textbox', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtTextboxLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'textbox', 'line-height'],
+ },
+ 'max-inline-size': {
+ value: '400px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '400px',
+ type: 'sizing',
+ },
+ name: 'utrechtTextboxMaxInlineSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'max-inline-size',
+ },
+ path: ['utrecht', 'textbox', 'max-inline-size'],
+ },
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTextboxPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'textbox', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTextboxPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'padding-block-start',
+ },
+ path: ['utrecht', 'textbox', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTextboxPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'padding-inline-end',
+ },
+ path: ['utrecht', 'textbox', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTextboxPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'textbox', 'padding-inline-start'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtTextboxBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'textbox', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextboxBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'textbox', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextboxColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'color',
+ },
+ path: ['utrecht', 'textbox', 'color'],
+ },
+ invalid: {
+ 'background-color': {
+ value: '#f9dfdd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#f9dfdd',
+ type: 'color',
+ },
+ name: 'utrechtTextboxInvalidBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'invalid',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textbox', 'invalid', 'background-color'],
+ },
+ 'border-color': {
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'utrechtTextboxInvalidBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'invalid',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textbox', 'invalid', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextboxInvalidColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'invalid',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textbox', 'invalid', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextboxInvalidBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'invalid',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'textbox', 'invalid', 'border-width'],
+ },
+ },
+ placeholder: {
+ color: {
+ value: '#64748B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#64748B',
+ type: 'color',
+ },
+ name: 'utrechtTextboxPlaceholderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'placeholder',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textbox', 'placeholder', 'color'],
+ },
+ },
+ 'border-block-end-width': {
+ value: 'auto',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'auto',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextboxBorderBlockEndWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'border-block-end-width',
+ },
+ path: ['utrecht', 'textbox', 'border-block-end-width'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextboxBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'textbox', 'border-width'],
+ },
+ focus: {
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextboxFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'focus',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'textbox', 'focus', 'border-width'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtTextboxFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textbox', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextboxFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'focus',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textbox', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextboxFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'focus',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textbox', 'focus', 'color'],
+ },
+ },
+ disabled: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtTextboxDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'disabled',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textbox', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtTextboxDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'disabled',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textbox', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#475569',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#475569',
+ type: 'color',
+ },
+ name: 'utrechtTextboxDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'disabled',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textbox', 'disabled', 'color'],
+ },
+ },
+ 'read-only': {
+ 'background-color': {
+ value: '#F1F5F9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F1F5F9',
+ type: 'color',
+ },
+ name: 'utrechtTextboxReadOnlyBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'read-only',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textbox', 'read-only', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtTextboxReadOnlyBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'read-only',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textbox', 'read-only', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextboxReadOnlyColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'read-only',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textbox', 'read-only', 'color'],
+ },
+ },
+ hover: {
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextboxHoverBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'hover',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'textbox', 'hover', 'border-width'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtTextboxHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'hover',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textbox', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtTextboxHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'hover',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textbox', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextboxHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textbox',
+ item: 'hover',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textbox', 'hover', 'color'],
+ },
+ },
+ },
+ textarea: {
+ 'max-inline-size': {
+ value: '400px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '400px',
+ type: 'sizing',
+ },
+ name: 'utrechtTextareaMaxInlineSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'max-inline-size',
+ },
+ path: ['utrecht', 'textarea', 'max-inline-size'],
+ },
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTextareaPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'textarea', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTextareaPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'padding-block-start',
+ },
+ path: ['utrecht', 'textarea', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTextareaPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'padding-inline-end',
+ },
+ path: ['utrecht', 'textarea', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTextareaPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'textarea', 'padding-inline-start'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtTextareaBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'textarea', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextareaBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'textarea', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextareaColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'color',
+ },
+ path: ['utrecht', 'textarea', 'color'],
+ },
+ invalid: {
+ 'background-color': {
+ value: '#f9dfdd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#f9dfdd',
+ type: 'color',
+ },
+ name: 'utrechtTextareaInvalidBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'invalid',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textarea', 'invalid', 'background-color'],
+ },
+ 'border-color': {
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'utrechtTextareaInvalidBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'invalid',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textarea', 'invalid', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextareaInvalidColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'invalid',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textarea', 'invalid', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextareaInvalidBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'invalid',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'textarea', 'invalid', 'border-width'],
+ },
+ },
+ placeholder: {
+ color: {
+ value: '#64748B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#64748B',
+ type: 'color',
+ },
+ name: 'utrechtTextareaPlaceholderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'placeholder',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textarea', 'placeholder', 'color'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtTextareaFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textarea', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextareaFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'focus',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textarea', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextareaFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'focus',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textarea', 'focus', 'color'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextareaFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'focus',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'textarea', 'focus', 'border-width'],
+ },
+ },
+ disabled: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtTextareaDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'disabled',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textarea', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtTextareaDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'disabled',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textarea', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#475569',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#475569',
+ type: 'color',
+ },
+ name: 'utrechtTextareaDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'disabled',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textarea', 'disabled', 'color'],
+ },
+ },
+ 'read-only': {
+ 'background-color': {
+ value: '#F1F5F9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F1F5F9',
+ type: 'color',
+ },
+ name: 'utrechtTextareaReadOnlyBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'read-only',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textarea', 'read-only', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtTextareaReadOnlyBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'read-only',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textarea', 'read-only', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextareaReadOnlyColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'read-only',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textarea', 'read-only', 'color'],
+ },
+ },
+ hover: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtTextareaHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'hover',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'textarea', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtTextareaHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'hover',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'textarea', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTextareaHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'hover',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'textarea', 'hover', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextareaHoverBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'hover',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'textarea', 'hover', 'border-width'],
+ },
+ },
+ 'border-radius': {
+ value: '2.5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5px',
+ type: 'borderRadius',
+ },
+ name: 'utrechtTextareaBorderRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'border-radius',
+ },
+ path: ['utrecht', 'textarea', 'border-radius'],
+ },
+ 'border-bottom-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextareaBorderBottomWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'border-bottom-width',
+ },
+ path: ['utrecht', 'textarea', 'border-bottom-width'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTextareaBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'textarea', 'border-width'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtTextareaFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'textarea', 'font-family'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtTextareaFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'textarea', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtTextareaLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'textarea', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtTextareaFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'textarea',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'textarea', 'font-size'],
+ },
+ },
+ table: {
+ 'header-cell': {
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtTableHeaderCellLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'header-cell',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'table', 'header-cell', 'line-height'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTableHeaderCellColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'header-cell',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'table', 'header-cell', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtTableHeaderCellFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'header-cell',
+ subitem: 'font-family',
+ },
+ path: ['utrecht', 'table', 'header-cell', 'font-family'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtTableHeaderCellFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'header-cell',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'table', 'header-cell', 'font-weight'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtTableHeaderCellFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'header-cell',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'table', 'header-cell', 'font-size'],
+ },
+ },
+ caption: {
+ 'line-height': {
+ value: '125%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '125%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtTableCaptionLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'caption',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'table', 'caption', 'line-height'],
+ },
+ 'margin-block-end': {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTableCaptionMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'caption',
+ subitem: 'margin-block-end',
+ },
+ path: ['utrecht', 'table', 'caption', 'margin-block-end'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTableCaptionColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'caption',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'table', 'caption', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtTableCaptionFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'caption',
+ subitem: 'font-family',
+ },
+ path: ['utrecht', 'table', 'caption', 'font-family'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtTableCaptionFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'caption',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'table', 'caption', 'font-weight'],
+ },
+ 'font-size': {
+ value: '1.875rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.875rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtTableCaptionFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'caption',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'table', 'caption', 'font-size'],
+ },
+ },
+ cell: {
+ 'padding-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTableCellPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'cell',
+ subitem: 'padding-block-end',
+ },
+ path: ['utrecht', 'table', 'cell', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTableCellPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'cell',
+ subitem: 'padding-block-start',
+ },
+ path: ['utrecht', 'table', 'cell', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTableCellPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'cell',
+ subitem: 'padding-inline-end',
+ },
+ path: ['utrecht', 'table', 'cell', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtTableCellPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'cell',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'table', 'cell', 'padding-inline-start'],
+ },
+ },
+ 'data-cell': {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTableDataCellColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'data-cell',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'table', 'data-cell', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtTableDataCellFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'data-cell',
+ subitem: 'font-family',
+ },
+ path: ['utrecht', 'table', 'data-cell', 'font-family'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtTableDataCellFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'data-cell',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'table', 'data-cell', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtTableDataCellLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'data-cell',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'table', 'data-cell', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtTableDataCellFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'data-cell',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'table', 'data-cell', 'font-size'],
+ },
+ },
+ header: {
+ 'border-block-end-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTableHeaderBorderBlockEndWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'header',
+ subitem: 'border-block-end-width',
+ },
+ path: ['utrecht', 'table', 'header', 'border-block-end-width'],
+ },
+ 'border-block-end-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtTableHeaderBorderBlockEndColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'header',
+ subitem: 'border-block-end-color',
+ },
+ path: ['utrecht', 'table', 'header', 'border-block-end-color'],
+ },
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtTableHeaderBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'header',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'table', 'header', 'background-color'],
+ },
+ },
+ footer: {
+ 'border-block-end-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTableFooterBorderBlockEndWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'footer',
+ subitem: 'border-block-end-width',
+ },
+ path: ['utrecht', 'table', 'footer', 'border-block-end-width'],
+ },
+ 'border-block-end-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtTableFooterBorderBlockEndColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'footer',
+ subitem: 'border-block-end-color',
+ },
+ path: ['utrecht', 'table', 'footer', 'border-block-end-color'],
+ },
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtTableFooterBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'footer',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'table', 'footer', 'background-color'],
+ },
+ },
+ row: {
+ 'border-block-end-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtTableRowBorderBlockEndWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'row',
+ subitem: 'border-block-end-width',
+ },
+ path: ['utrecht', 'table', 'row', 'border-block-end-width'],
+ },
+ 'border-block-end-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtTableRowBorderBlockEndColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'row',
+ subitem: 'border-block-end-color',
+ },
+ path: ['utrecht', 'table', 'row', 'border-block-end-color'],
+ },
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtTableRowBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'row',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'table', 'row', 'background-color'],
+ },
+ },
+ 'footer-cell': {
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtTableFooterCellFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'footer-cell',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'table', 'footer-cell', 'font-weight'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtTableFooterCellFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'footer-cell',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'table', 'footer-cell', 'font-size'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtTableFooterCellColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'footer-cell',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'table', 'footer-cell', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtTableFooterCellFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'footer-cell',
+ subitem: 'font-family',
+ },
+ path: ['utrecht', 'table', 'footer-cell', 'font-family'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtTableFooterCellLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'footer-cell',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'table', 'footer-cell', 'line-height'],
+ },
+ },
+ container: {
+ 'box-inline-end-shadow': {
+ x: {
+ value: 0,
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'other',
+ },
+ name: 'utrechtTableContainerBoxInlineEndShadowX',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-end-shadow',
+ state: 'x',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'x'],
+ },
+ y: {
+ value: '16px',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '16px',
+ type: 'other',
+ },
+ name: 'utrechtTableContainerBoxInlineEndShadowY',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-end-shadow',
+ state: 'y',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'y'],
+ },
+ blur: {
+ value: '48px',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'other',
+ },
+ name: 'utrechtTableContainerBoxInlineEndShadowBlur',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-end-shadow',
+ state: 'blur',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'blur'],
+ },
+ spread: {
+ value: 0,
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'other',
+ },
+ name: 'utrechtTableContainerBoxInlineEndShadowSpread',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-end-shadow',
+ state: 'spread',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'spread'],
+ },
+ color: {
+ value: '#0000001a',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#0000001a',
+ type: 'color',
+ },
+ name: 'utrechtTableContainerBoxInlineEndShadowColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-end-shadow',
+ state: 'color',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-end-shadow', 'color'],
+ },
+ },
+ 'box-inline-start-shadow': {
+ x: {
+ value: 0,
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'other',
+ },
+ name: 'utrechtTableContainerBoxInlineStartShadowX',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-start-shadow',
+ state: 'x',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'x'],
+ },
+ y: {
+ value: '16px',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '16px',
+ type: 'other',
+ },
+ name: 'utrechtTableContainerBoxInlineStartShadowY',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-start-shadow',
+ state: 'y',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'y'],
+ },
+ blur: {
+ value: '48px',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'other',
+ },
+ name: 'utrechtTableContainerBoxInlineStartShadowBlur',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-start-shadow',
+ state: 'blur',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'blur'],
+ },
+ spread: {
+ value: 0,
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'other',
+ },
+ name: 'utrechtTableContainerBoxInlineStartShadowSpread',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-start-shadow',
+ state: 'spread',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'spread'],
+ },
+ color: {
+ value: '#0000001a',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#0000001a',
+ type: 'color',
+ },
+ name: 'utrechtTableContainerBoxInlineStartShadowColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'table',
+ item: 'container',
+ subitem: 'box-inline-start-shadow',
+ state: 'color',
+ },
+ path: ['utrecht', 'table', 'container', 'box-inline-start-shadow', 'color'],
+ },
+ },
+ },
+ },
+ 'skip-link': {
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtSkipLinkFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'skip-link', 'font-weight'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtSkipLinkFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'skip-link', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtSkipLinkFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'skip-link', 'font-size'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtSkipLinkLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'skip-link', 'line-height'],
+ },
+ 'min-block-size': {
+ value: '48px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'sizing',
+ },
+ name: 'utrechtSkipLinkMinBlockSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'min-block-size',
+ },
+ path: ['utrecht', 'skip-link', 'min-block-size'],
+ },
+ 'min-inline-size': {
+ value: '48px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'sizing',
+ },
+ name: 'utrechtSkipLinkMinInlineSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'min-inline-size',
+ },
+ path: ['utrecht', 'skip-link', 'min-inline-size'],
+ },
+ 'padding-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSkipLinkPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'skip-link', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSkipLinkPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'padding-block-start',
+ },
+ path: ['utrecht', 'skip-link', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSkipLinkPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'padding-inline-end',
+ },
+ path: ['utrecht', 'skip-link', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSkipLinkPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'skip-link', 'padding-inline-start'],
+ },
+ focus: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtSkipLinkFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'skip-link', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSkipLinkFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'focus',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'skip-link', 'focus', 'border-color'],
+ },
+ 'border-style': {
+ value: 'solid',
+ type: 'borderStyle',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'solid',
+ type: 'borderStyle',
+ },
+ name: 'utrechtSkipLinkFocusBorderStyle',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'focus',
+ subitem: 'border-style',
+ },
+ path: ['utrecht', 'skip-link', 'focus', 'border-style'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtSkipLinkFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'focus',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'skip-link', 'focus', 'border-width'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSkipLinkFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'focus',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'skip-link', 'focus', 'color'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'utrechtSkipLinkFocusTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'focus',
+ subitem: 'text-decoration',
+ },
+ path: ['utrecht', 'skip-link', 'focus', 'text-decoration'],
+ },
+ },
+ 'focus-visible': {
+ 'outline-color': {
+ value: '#000',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#000',
+ type: 'color',
+ },
+ name: 'utrechtSkipLinkFocusVisibleOutlineColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'focus-visible',
+ subitem: 'outline-color',
+ },
+ path: ['utrecht', 'skip-link', 'focus-visible', 'outline-color'],
+ },
+ },
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSkipLinkBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'skip-link', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtSkipLinkBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'skip-link', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtSkipLinkColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'color',
+ },
+ path: ['utrecht', 'skip-link', 'color'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtSkipLinkBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'skip-link', 'border-width'],
+ },
+ 'box-block-end-shadow': {
+ 'offset-x': {
+ value: 0,
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'other',
+ },
+ name: 'utrechtSkipLinkBoxBlockEndShadowOffsetX',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'box-block-end-shadow',
+ subitem: 'offset-x',
+ },
+ path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'offset-x'],
+ },
+ 'offset-y': {
+ value: '16px',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '16px',
+ type: 'other',
+ },
+ name: 'utrechtSkipLinkBoxBlockEndShadowOffsetY',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'box-block-end-shadow',
+ subitem: 'offset-y',
+ },
+ path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'offset-y'],
+ },
+ 'blur-radius': {
+ value: '48px',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'other',
+ },
+ name: 'utrechtSkipLinkBoxBlockEndShadowBlurRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'box-block-end-shadow',
+ subitem: 'blur-radius',
+ },
+ path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'blur-radius'],
+ },
+ 'spread-radius': {
+ value: 0,
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'other',
+ },
+ name: 'utrechtSkipLinkBoxBlockEndShadowSpreadRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'box-block-end-shadow',
+ subitem: 'spread-radius',
+ },
+ path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'spread-radius'],
+ },
+ color: {
+ value: '#0000001a',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#0000001a',
+ type: 'color',
+ },
+ name: 'utrechtSkipLinkBoxBlockEndShadowColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'box-block-end-shadow',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'skip-link', 'box-block-end-shadow', 'color'],
+ },
+ },
+ 'text-decoration': {
+ value: 'underline',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'underline',
+ type: 'textDecoration',
+ },
+ name: 'utrechtSkipLinkTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'text-decoration',
+ },
+ path: ['utrecht', 'skip-link', 'text-decoration'],
+ },
+ 'text-underline-offset': {
+ value: '0.125rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.125rem',
+ type: 'other',
+ },
+ name: 'utrechtSkipLinkTextUnderlineOffset',
+ attributes: {
+ category: 'utrecht',
+ type: 'skip-link',
+ item: 'text-underline-offset',
+ },
+ path: ['utrecht', 'skip-link', 'text-underline-offset'],
+ },
+ },
+ separator: {
+ color: {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtSeparatorColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'separator',
+ item: 'color',
+ },
+ path: ['utrecht', 'separator', 'color'],
+ },
+ 'block-size': {
+ value: '2px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'sizing',
+ },
+ name: 'utrechtSeparatorBlockSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'separator',
+ item: 'block-size',
+ },
+ path: ['utrecht', 'separator', 'block-size'],
+ },
+ 'margin-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSeparatorMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'separator',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'separator', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSeparatorMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'separator',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'separator', 'margin-block-start'],
+ },
+ },
+ select: {
+ 'image-background-position': {
+ value: 'right 0.5rem center',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'right 0.5rem center',
+ type: 'other',
+ },
+ name: 'utrechtSelectImageBackgroundPosition',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'image-background-position',
+ },
+ path: ['utrecht', 'select', 'image-background-position'],
+ },
+ icon: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtSelectIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'select', 'icon', 'size'],
+ },
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtSelectBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'select', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSelectBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'select', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSelectColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'color',
+ },
+ path: ['utrecht', 'select', 'color'],
+ },
+ invalid: {
+ 'background-color': {
+ value: '#f9dfdd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#f9dfdd',
+ type: 'color',
+ },
+ name: 'utrechtSelectInvalidBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'invalid',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'select', 'invalid', 'background-color'],
+ },
+ 'border-color': {
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'utrechtSelectInvalidBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'invalid',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'select', 'invalid', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSelectInvalidColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'invalid',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'select', 'invalid', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtSelectInvalidBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'invalid',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'select', 'invalid', 'border-width'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtSelectFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'select', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSelectFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'focus',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'select', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSelectFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'focus',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'select', 'focus', 'color'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtSelectFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'focus',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'select', 'focus', 'border-width'],
+ },
+ },
+ disabled: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtSelectDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'disabled',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'select', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtSelectDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'disabled',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'select', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#475569',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#475569',
+ type: 'color',
+ },
+ name: 'utrechtSelectDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'disabled',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'select', 'disabled', 'color'],
+ },
+ },
+ hover: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtSelectHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'hover',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'select', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtSelectHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'hover',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'select', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtSelectHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'hover',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'select', 'hover', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtSelectHoverBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'hover',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'select', 'hover', 'border-width'],
+ },
+ },
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSelectPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'select', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSelectPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'padding-block-start',
+ },
+ path: ['utrecht', 'select', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSelectPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'padding-inline-end',
+ },
+ path: ['utrecht', 'select', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtSelectPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'select', 'padding-inline-start'],
+ },
+ 'border-radius': {
+ value: '2.5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5px',
+ type: 'borderRadius',
+ },
+ name: 'utrechtSelectBorderRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'border-radius',
+ },
+ path: ['utrecht', 'select', 'border-radius'],
+ },
+ 'border-bottom-width': {
+ value: 'auto',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'auto',
+ type: 'borderWidth',
+ },
+ name: 'utrechtSelectBorderBottomWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'border-bottom-width',
+ },
+ path: ['utrecht', 'select', 'border-bottom-width'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtSelectBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'select', 'border-width'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtSelectFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'select', 'font-family'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtSelectFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'select', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtSelectLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'select', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtSelectFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'select', 'font-size'],
+ },
+ 'max-inline-size': {
+ value: '400px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '400px',
+ type: 'sizing',
+ },
+ name: 'utrechtSelectMaxInlineSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'select',
+ item: 'max-inline-size',
+ },
+ path: ['utrecht', 'select', 'max-inline-size'],
+ },
+ },
+ 'radio-button': {
+ active: {
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonActiveBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'active',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'active', 'border-width'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'active',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: '#4f7196',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#4f7196',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'active',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'active', 'border-color'],
+ },
+ },
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtRadioButtonSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'size',
+ },
+ path: ['utrecht', 'radio-button', 'size'],
+ },
+ dot: {
+ size: {
+ value: '12px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '12px',
+ type: 'sizing',
+ },
+ name: 'utrechtRadioButtonDotSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'dot',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'radio-button', 'dot', 'size'],
+ },
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'border-color'],
+ },
+ invalid: {
+ 'background-color': {
+ value: '#f9dfdd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#f9dfdd',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonInvalidBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'invalid',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'invalid', 'background-color'],
+ },
+ 'border-color': {
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonInvalidBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'invalid',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'invalid', 'border-color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonInvalidBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'invalid',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'invalid', 'border-width'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'focus',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'focus', 'border-color'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'focus',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'focus', 'border-width'],
+ },
+ },
+ disabled: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'disabled',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'disabled',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#475569',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#475569',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'disabled',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'radio-button', 'disabled', 'color'],
+ },
+ },
+ checked: {
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'color'],
+ },
+ hover: {
+ 'background-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'hover',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'hover',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'hover', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonCheckedHoverBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'hover',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'hover', 'border-width'],
+ },
+ },
+ active: {
+ 'background-color': {
+ value: '#4f7196',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#4f7196',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'active',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'active',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'active', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'active', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonCheckedActiveBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'active',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'active', 'border-width'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'focus',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'focus', 'color'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonCheckedFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'focus',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'focus', 'border-width'],
+ },
+ },
+ disabled: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'disabled',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'disabled',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#475569',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#475569',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonCheckedDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'disabled',
+ state: 'color',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'disabled', 'color'],
+ },
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonCheckedBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'checked',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'checked', 'border-width'],
+ },
+ },
+ hover: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'hover',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'radio-button', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtRadioButtonHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'hover',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'radio-button', 'hover', 'border-color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonHoverBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'hover',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'hover', 'border-width'],
+ },
+ },
+ 'border-radius': {
+ value: '999px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '999px',
+ type: 'borderRadius',
+ },
+ name: 'utrechtRadioButtonBorderRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'border-radius',
+ },
+ path: ['utrecht', 'radio-button', 'border-radius'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtRadioButtonBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'radio-button',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'radio-button', 'border-width'],
+ },
+ },
+ paragraph: {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtParagraphColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'color',
+ },
+ path: ['utrecht', 'paragraph', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtParagraphFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'paragraph', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtParagraphFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'paragraph', 'font-size'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtParagraphFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'paragraph', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtParagraphLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'paragraph', 'line-height'],
+ },
+ 'margin-block-end': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtParagraphMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'paragraph', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtParagraphMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'paragraph', 'margin-block-start'],
+ },
+ lead: {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtParagraphLeadColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'lead',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'paragraph', 'lead', 'color'],
+ },
+ 'font-size': {
+ value: '1.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtParagraphLeadFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'lead',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'paragraph', 'lead', 'font-size'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtParagraphLeadFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'lead',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'paragraph', 'lead', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtParagraphLeadLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'lead',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'paragraph', 'lead', 'line-height'],
+ },
+ },
+ small: {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtParagraphSmallColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'small',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'paragraph', 'small', 'color'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtParagraphSmallFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'small',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'paragraph', 'small', 'font-size'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtParagraphSmallFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'small',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'paragraph', 'small', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtParagraphSmallLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'paragraph',
+ item: 'small',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'paragraph', 'small', 'line-height'],
+ },
+ },
+ },
+ 'ordered-list': {
+ 'padding-inline-start': {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtOrderedListPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'ordered-list', 'padding-inline-start'],
+ },
+ 'margin-block-end': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtOrderedListMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'ordered-list', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtOrderedListMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'ordered-list', 'margin-block-start'],
+ },
+ 'margin-inline-start': {
+ value: '0.625rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.625rem',
+ type: 'spacing',
+ },
+ name: 'utrechtOrderedListMarginInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'margin-inline-start',
+ },
+ path: ['utrecht', 'ordered-list', 'margin-inline-start'],
+ },
+ item: {
+ 'padding-inline-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtOrderedListItemPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'item',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'ordered-list', 'item', 'padding-inline-start'],
+ },
+ 'margin-block-end': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtOrderedListItemMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'item',
+ subitem: 'margin-block-end',
+ },
+ path: ['utrecht', 'ordered-list', 'item', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtOrderedListItemMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'item',
+ subitem: 'margin-block-start',
+ },
+ path: ['utrecht', 'ordered-list', 'item', 'margin-block-start'],
+ },
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtOrderedListColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'color',
+ },
+ path: ['utrecht', 'ordered-list', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtOrderedListFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'ordered-list', 'font-family'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtOrderedListFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'ordered-list', 'font-weight'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtOrderedListFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'ordered-list', 'font-size'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtOrderedListLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'ordered-list',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'ordered-list', 'line-height'],
+ },
+ },
+ 'link-list': {
+ 'margin-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtLinkListMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'link-list',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'link-list', 'margin-block-start'],
+ },
+ 'row-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtLinkListRowGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'link-list',
+ item: 'row-gap',
+ },
+ path: ['utrecht', 'link-list', 'row-gap'],
+ },
+ 'margin-block-end': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtLinkListMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'link-list',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'link-list', 'margin-block-end'],
+ },
+ item: {
+ 'column-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtLinkListItemColumnGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'link-list',
+ item: 'item',
+ subitem: 'column-gap',
+ },
+ path: ['utrecht', 'link-list', 'item', 'column-gap'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'utrechtLinkListItemTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'link-list',
+ item: 'item',
+ subitem: 'text-decoration',
+ },
+ path: ['utrecht', 'link-list', 'item', 'text-decoration'],
+ },
+ },
+ icon: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtLinkListIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'link-list',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'link-list', 'icon', 'size'],
+ },
+ 'inset-block-start': {
+ value: '0.188rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.188rem',
+ type: 'spacing',
+ },
+ name: 'utrechtLinkListIconInsetBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'link-list',
+ item: 'icon',
+ subitem: 'inset-block-start',
+ },
+ path: ['utrecht', 'link-list', 'icon', 'inset-block-start'],
+ },
+ },
+ },
+ link: {
+ color: {
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'utrechtLinkColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'color',
+ },
+ path: ['utrecht', 'link', 'color'],
+ },
+ 'text-decoration-color': {
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'utrechtLinkTextDecorationColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'text-decoration-color',
+ },
+ path: ['utrecht', 'link', 'text-decoration-color'],
+ },
+ active: {
+ color: {
+ value: '#42145f',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#42145f',
+ type: 'color',
+ },
+ name: 'utrechtLinkActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'active',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'link', 'active', 'color'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'utrechtLinkActiveTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'active',
+ subitem: 'text-decoration',
+ },
+ path: ['utrecht', 'link', 'active', 'text-decoration'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtLinkFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'link', 'focus', 'background-color'],
+ },
+ color: {
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'utrechtLinkFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'focus',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'link', 'focus', 'color'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'utrechtLinkFocusTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'focus',
+ subitem: 'text-decoration',
+ },
+ path: ['utrecht', 'link', 'focus', 'text-decoration'],
+ },
+ 'text-decoration-thickness': {
+ value: 'auto',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'auto',
+ type: 'other',
+ },
+ name: 'utrechtLinkFocusTextDecorationThickness',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'focus',
+ subitem: 'text-decoration-thickness',
+ },
+ path: ['utrecht', 'link', 'focus', 'text-decoration-thickness'],
+ },
+ },
+ hover: {
+ color: {
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.3',
+ space: 'srgb',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ value: '#01496c',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.3',
+ space: 'srgb',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ value: '#01496c',
+ type: 'color',
+ },
+ name: 'utrechtLinkHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'hover',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'link', 'hover', 'color'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'utrechtLinkHoverTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'hover',
+ subitem: 'text-decoration',
+ },
+ path: ['utrecht', 'link', 'hover', 'text-decoration'],
+ },
+ 'text-decoration-thickness': {
+ value: 'auto',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'auto',
+ type: 'other',
+ },
+ name: 'utrechtLinkHoverTextDecorationThickness',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'hover',
+ subitem: 'text-decoration-thickness',
+ },
+ path: ['utrecht', 'link', 'hover', 'text-decoration-thickness'],
+ },
+ },
+ visited: {
+ color: {
+ value: '#42145f',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#42145f',
+ type: 'color',
+ },
+ name: 'utrechtLinkVisitedColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'visited',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'link', 'visited', 'color'],
+ },
+ },
+ 'text-decoration': {
+ value: 'underline',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'underline',
+ type: 'textDecoration',
+ },
+ name: 'utrechtLinkTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'text-decoration',
+ },
+ path: ['utrecht', 'link', 'text-decoration'],
+ },
+ icon: {
+ 'inset-block-start': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtLinkIconInsetBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'icon',
+ subitem: 'inset-block-start',
+ },
+ path: ['utrecht', 'link', 'icon', 'inset-block-start'],
+ },
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtLinkIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'link', 'icon', 'size'],
+ },
+ },
+ 'column-gap': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtLinkColumnGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'column-gap',
+ },
+ path: ['utrecht', 'link', 'column-gap'],
+ },
+ 'text-decoration-thickness': {
+ value: 'auto',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'auto',
+ type: 'other',
+ },
+ name: 'utrechtLinkTextDecorationThickness',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'text-decoration-thickness',
+ },
+ path: ['utrecht', 'link', 'text-decoration-thickness'],
+ },
+ 'text-underline-offset': {
+ value: '0.125rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.125rem',
+ type: 'other',
+ },
+ name: 'utrechtLinkTextUnderlineOffset',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'text-underline-offset',
+ },
+ path: ['utrecht', 'link', 'text-underline-offset'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtLinkFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'link', 'font-family'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtLinkFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'link', 'font-weight'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtLinkFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'link', 'font-size'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtLinkLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'link',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'link', 'line-height'],
+ },
+ },
+ 'heading-1': {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtHeading1Color',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-1',
+ item: 'color',
+ },
+ path: ['utrecht', 'heading-1', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtHeading1FontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-1',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'heading-1', 'font-family'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtHeading1FontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-1',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'heading-1', 'font-weight'],
+ },
+ 'line-height': {
+ value: '125%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '125%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtHeading1LineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-1',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'heading-1', 'line-height'],
+ },
+ 'font-size': {
+ value: '3.125rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3.125rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtHeading1FontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-1',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'heading-1', 'font-size'],
+ },
+ 'margin-block-end': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading1MarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-1',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'heading-1', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading1MarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-1',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'heading-1', 'margin-block-start'],
+ },
+ },
+ 'heading-2': {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtHeading2Color',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-2',
+ item: 'color',
+ },
+ path: ['utrecht', 'heading-2', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtHeading2FontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-2',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'heading-2', 'font-family'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtHeading2FontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-2',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'heading-2', 'font-weight'],
+ },
+ 'line-height': {
+ value: '125%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '125%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtHeading2LineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-2',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'heading-2', 'line-height'],
+ },
+ 'font-size': {
+ value: '2.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtHeading2FontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-2',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'heading-2', 'font-size'],
+ },
+ 'margin-block-end': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading2MarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-2',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'heading-2', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading2MarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-2',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'heading-2', 'margin-block-start'],
+ },
+ },
+ 'heading-3': {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtHeading3Color',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-3',
+ item: 'color',
+ },
+ path: ['utrecht', 'heading-3', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtHeading3FontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-3',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'heading-3', 'font-family'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtHeading3FontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-3',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'heading-3', 'font-weight'],
+ },
+ 'line-height': {
+ value: '125%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '125%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtHeading3LineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-3',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'heading-3', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.875rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.875rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtHeading3FontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-3',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'heading-3', 'font-size'],
+ },
+ 'margin-block-end': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading3MarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-3',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'heading-3', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading3MarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-3',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'heading-3', 'margin-block-start'],
+ },
+ },
+ 'heading-4': {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtHeading4Color',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-4',
+ item: 'color',
+ },
+ path: ['utrecht', 'heading-4', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtHeading4FontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-4',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'heading-4', 'font-family'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtHeading4FontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-4',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'heading-4', 'font-weight'],
+ },
+ 'line-height': {
+ value: '125%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '125%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtHeading4LineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-4',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'heading-4', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtHeading4FontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-4',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'heading-4', 'font-size'],
+ },
+ 'margin-block-end': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading4MarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-4',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'heading-4', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading4MarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-4',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'heading-4', 'margin-block-start'],
+ },
+ },
+ 'heading-5': {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtHeading5Color',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-5',
+ item: 'color',
+ },
+ path: ['utrecht', 'heading-5', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtHeading5FontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-5',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'heading-5', 'font-family'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtHeading5FontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-5',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'heading-5', 'font-weight'],
+ },
+ 'line-height': {
+ value: '125%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '125%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtHeading5LineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-5',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'heading-5', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtHeading5FontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-5',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'heading-5', 'font-size'],
+ },
+ 'margin-block-end': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading5MarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-5',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'heading-5', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtHeading5MarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'heading-5',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'heading-5', 'margin-block-start'],
+ },
+ },
+ 'form-label': {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtFormLabelColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-label',
+ item: 'color',
+ },
+ path: ['utrecht', 'form-label', 'color'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtFormLabelFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-label',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'form-label', 'font-size'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtFormLabelFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-label',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'form-label', 'font-weight'],
+ },
+ },
+ 'form-field-label': {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtFormFieldLabelColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-label',
+ item: 'color',
+ },
+ path: ['utrecht', 'form-field-label', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtFormFieldLabelFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-label',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'form-field-label', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtFormFieldLabelFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-label',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'form-field-label', 'font-size'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtFormFieldLabelFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-label',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'form-field-label', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtFormFieldLabelLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-label',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'form-field-label', 'line-height'],
+ },
+ },
+ 'form-field-error-message': {
+ icon: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtFormFieldErrorMessageIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-error-message',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'form-field-error-message', 'icon', 'size'],
+ },
+ 'margin-inline-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldErrorMessageIconMarginInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-error-message',
+ item: 'icon',
+ subitem: 'margin-inline-end',
+ },
+ path: ['utrecht', 'form-field-error-message', 'icon', 'margin-inline-end'],
+ },
+ },
+ color: {
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'utrechtFormFieldErrorMessageColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-error-message',
+ item: 'color',
+ },
+ path: ['utrecht', 'form-field-error-message', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtFormFieldErrorMessageFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-error-message',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'form-field-error-message', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtFormFieldErrorMessageFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-error-message',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'form-field-error-message', 'font-size'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtFormFieldErrorMessageFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-error-message',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'form-field-error-message', 'font-weight'],
+ },
+ 'margin-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldErrorMessageMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-error-message',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'form-field-error-message', 'margin-block-end'],
+ },
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldErrorMessagePaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-error-message',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'form-field-error-message', 'padding-block-end'],
+ },
+ },
+ 'form-field-description': {
+ color: {
+ value: '#334155',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#334155',
+ type: 'color',
+ },
+ name: 'utrechtFormFieldDescriptionColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-description',
+ item: 'color',
+ },
+ path: ['utrecht', 'form-field-description', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtFormFieldDescriptionFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-description',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'form-field-description', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtFormFieldDescriptionFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-description',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'form-field-description', 'font-size'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtFormFieldDescriptionLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-description',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'form-field-description', 'line-height'],
+ },
+ 'margin-block-start': {
+ value: '-0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '-0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldDescriptionMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-description',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'form-field-description', 'margin-block-start'],
+ },
+ 'margin-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldDescriptionMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-description',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'form-field-description', 'margin-block-end'],
+ },
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldDescriptionPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field-description',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'form-field-description', 'padding-block-end'],
+ },
+ },
+ 'form-field': {
+ 'margin-block-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'form-field', 'margin-block-start'],
+ },
+ 'margin-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'form-field', 'margin-block-end'],
+ },
+ invalid: {
+ 'border-inline-start-color': {
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'utrechtFormFieldInvalidBorderInlineStartColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field',
+ item: 'invalid',
+ subitem: 'border-inline-start-color',
+ },
+ path: ['utrecht', 'form-field', 'invalid', 'border-inline-start-color'],
+ },
+ 'border-inline-start-width': {
+ value: '0px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtFormFieldInvalidBorderInlineStartWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field',
+ item: 'invalid',
+ subitem: 'border-inline-start-width',
+ },
+ path: ['utrecht', 'form-field', 'invalid', 'border-inline-start-width'],
+ },
+ 'padding-inline-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldInvalidPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field',
+ item: 'invalid',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'form-field', 'invalid', 'padding-inline-start'],
+ },
+ },
+ label: {
+ 'margin-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFormFieldLabelMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'form-field',
+ item: 'label',
+ subitem: 'margin-block-end',
+ },
+ path: ['utrecht', 'form-field', 'label', 'margin-block-end'],
+ },
+ },
+ },
+ page: {
+ footer: {
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtPageFooterBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'page',
+ item: 'footer',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'page', 'footer', 'background-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtPageFooterColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'page',
+ item: 'footer',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'page', 'footer', 'color'],
+ },
+ 'padding-block-start': {
+ value: '3rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3rem',
+ type: 'spacing',
+ },
+ name: 'utrechtPageFooterPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'page',
+ item: 'footer',
+ subitem: 'padding-block-start',
+ },
+ path: ['utrecht', 'page', 'footer', 'padding-block-start'],
+ },
+ 'padding-block-end': {
+ value: '3rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3rem',
+ type: 'spacing',
+ },
+ name: 'utrechtPageFooterPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'page',
+ item: 'footer',
+ subitem: 'padding-block-end',
+ },
+ path: ['utrecht', 'page', 'footer', 'padding-block-end'],
+ },
+ 'padding-inline-start': {
+ value: '80px',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '80px',
+ type: 'spacing',
+ },
+ name: 'utrechtPageFooterPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'page',
+ item: 'footer',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'page', 'footer', 'padding-inline-start'],
+ },
+ 'padding-inline-end': {
+ value: '80px',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '80px',
+ type: 'spacing',
+ },
+ name: 'utrechtPageFooterPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'page',
+ item: 'footer',
+ subitem: 'padding-inline-end',
+ },
+ path: ['utrecht', 'page', 'footer', 'padding-inline-end'],
+ },
+ gap: {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtPageFooterGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'page',
+ item: 'footer',
+ subitem: 'gap',
+ },
+ path: ['utrecht', 'page', 'footer', 'gap'],
+ },
+ column: {
+ title: {
+ 'margin-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtPageFooterColumnTitleMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'page',
+ item: 'footer',
+ subitem: 'column',
+ state: 'title',
+ },
+ path: ['utrecht', 'page', 'footer', 'column', 'title', 'margin-block-end'],
+ },
+ },
+ },
+ },
+ },
+ figure: {
+ caption: {
+ 'border-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtFigureCaptionBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'caption',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'figure', 'caption', 'border-color'],
+ },
+ 'border-width': {
+ value: '4px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '4px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtFigureCaptionBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'caption',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'figure', 'caption', 'border-width'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtFigureCaptionColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'caption',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'figure', 'caption', 'color'],
+ },
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFigureCaptionPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'caption',
+ subitem: 'padding-block-end',
+ },
+ path: ['utrecht', 'figure', 'caption', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFigureCaptionPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'caption',
+ subitem: 'padding-block-start',
+ },
+ path: ['utrecht', 'figure', 'caption', 'padding-block-start'],
+ },
+ 'padding-inline-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtFigureCaptionPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'caption',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'figure', 'caption', 'padding-inline-start'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtFigureCaptionLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'caption',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'figure', 'caption', 'line-height'],
+ },
+ },
+ img: {
+ 'border-end-end-radius': {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'utrechtFigureImgBorderEndEndRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'img',
+ subitem: 'border-end-end-radius',
+ },
+ path: ['utrecht', 'figure', 'img', 'border-end-end-radius'],
+ },
+ 'border-end-start-radius': {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'utrechtFigureImgBorderEndStartRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'img',
+ subitem: 'border-end-start-radius',
+ },
+ path: ['utrecht', 'figure', 'img', 'border-end-start-radius'],
+ },
+ 'border-start-end-radius': {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'utrechtFigureImgBorderStartEndRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'img',
+ subitem: 'border-start-end-radius',
+ },
+ path: ['utrecht', 'figure', 'img', 'border-start-end-radius'],
+ },
+ 'border-start-start-radius': {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'utrechtFigureImgBorderStartStartRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'figure',
+ item: 'img',
+ subitem: 'border-start-start-radius',
+ },
+ path: ['utrecht', 'figure', 'img', 'border-start-start-radius'],
+ },
+ },
+ },
+ 'badge-counter': {
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtBadgeCounterFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'badge-counter', 'font-size'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtBadgeCounterLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'badge-counter', 'line-height'],
+ },
+ 'min-block-size': {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtBadgeCounterMinBlockSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'min-block-size',
+ },
+ path: ['utrecht', 'badge-counter', 'min-block-size'],
+ },
+ 'min-inline-size': {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtBadgeCounterMinInlineSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'min-inline-size',
+ },
+ path: ['utrecht', 'badge-counter', 'min-inline-size'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtBadgeCounterFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'badge-counter', 'font-weight'],
+ },
+ 'border-width': {
+ value: '0px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtBadgeCounterBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'badge-counter', 'border-width'],
+ },
+ 'border-radius': {
+ value: '999px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '999px',
+ type: 'borderRadius',
+ },
+ name: 'utrechtBadgeCounterBorderRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'border-radius',
+ },
+ path: ['utrecht', 'badge-counter', 'border-radius'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtBadgeCounterFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'badge-counter', 'font-family'],
+ },
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtBadgeCounterBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'badge-counter', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtBadgeCounterBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'badge-counter', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtBadgeCounterColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'color',
+ },
+ path: ['utrecht', 'badge-counter', 'color'],
+ },
+ 'padding-inline': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBadgeCounterPaddingInline',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'padding-inline',
+ },
+ path: ['utrecht', 'badge-counter', 'padding-inline'],
+ },
+ 'padding-block': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBadgeCounterPaddingBlock',
+ attributes: {
+ category: 'utrecht',
+ type: 'badge-counter',
+ item: 'padding-block',
+ },
+ path: ['utrecht', 'badge-counter', 'padding-block'],
+ },
+ },
+ checkbox: {
+ 'border-radius': {
+ value: '2.5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5px',
+ type: 'borderRadius',
+ },
+ name: 'utrechtCheckboxBorderRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'border-radius',
+ },
+ path: ['utrecht', 'checkbox', 'border-radius'],
+ },
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtCheckboxSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'size',
+ },
+ path: ['utrecht', 'checkbox', 'size'],
+ },
+ icon: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtCheckboxIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'checkbox', 'icon', 'size'],
+ },
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'border-color'],
+ },
+ invalid: {
+ 'background-color': {
+ value: '#f9dfdd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#f9dfdd',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxInvalidBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'invalid',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'invalid', 'background-color'],
+ },
+ 'border-color': {
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxInvalidBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'invalid',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'invalid', 'border-color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxInvalidBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'invalid',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'invalid', 'border-width'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'focus',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'focus', 'border-color'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'focus',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'focus', 'border-width'],
+ },
+ },
+ disabled: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'disabled',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'disabled',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'disabled', 'border-color'],
+ },
+ },
+ checked: {
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxCheckedBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'border-width'],
+ },
+ disabled: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'disabled',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'disabled',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#475569',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#475569',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'disabled',
+ state: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'disabled', 'color'],
+ },
+ },
+ focus: {
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxCheckedFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'focus',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'focus', 'border-width'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'focus',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'focus', 'color'],
+ },
+ },
+ hover: {
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxCheckedHoverBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'hover',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'hover', 'border-width'],
+ },
+ 'background-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'hover',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'hover',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'hover', 'color'],
+ },
+ },
+ active: {
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxCheckedActiveBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'active',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'active', 'border-width'],
+ },
+ 'background-color': {
+ value: '#4f7196',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#4f7196',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'active',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'active',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'active', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxCheckedActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'checked',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'checked', 'active', 'color'],
+ },
+ },
+ },
+ indeterminate: {
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxIndeterminateBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'border-width'],
+ },
+ disabled: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'disabled',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'disabled',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#475569',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#475569',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'disabled',
+ state: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'disabled', 'color'],
+ },
+ },
+ active: {
+ 'background-color': {
+ value: '#4f7196',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#4f7196',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'active',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'active',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'active', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'active', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxIndeterminateActiveBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'active',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'active', 'border-width'],
+ },
+ },
+ hover: {
+ 'background-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'hover',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'hover',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'hover', 'color'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxIndeterminateHoverBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'hover',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'hover', 'border-width'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'focus',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxIndeterminateFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'focus', 'color'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxIndeterminateFocusBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'indeterminate',
+ subitem: 'focus',
+ state: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'indeterminate', 'focus', 'border-width'],
+ },
+ },
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'border-width'],
+ },
+ hover: {
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxHoverBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'hover',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'hover', 'border-width'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'hover',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'hover',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'hover', 'border-color'],
+ },
+ },
+ active: {
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtCheckboxActiveBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'active',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'checkbox', 'active', 'border-width'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'active',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'checkbox', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: '#4f7196',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#4f7196',
+ type: 'color',
+ },
+ name: 'utrechtCheckboxActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'checkbox',
+ item: 'active',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'checkbox', 'active', 'border-color'],
+ },
+ },
+ },
+ 'button-group': {
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonGroupBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button-group',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'button-group', 'background-color'],
+ },
+ 'column-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonGroupColumnGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'button-group',
+ item: 'column-gap',
+ },
+ path: ['utrecht', 'button-group', 'column-gap'],
+ },
+ 'margin-block-end': {
+ value: '0px',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0px',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonGroupMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'button-group',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'button-group', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: '0px',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0px',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonGroupMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'button-group',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'button-group', 'margin-block-start'],
+ },
+ 'padding-block-end': {
+ value: '0px',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0px',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonGroupPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'button-group',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'button-group', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0px',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0px',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonGroupPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'button-group',
+ item: 'padding-block-start',
+ },
+ path: ['utrecht', 'button-group', 'padding-block-start'],
+ },
+ 'row-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonGroupRowGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'button-group',
+ item: 'row-gap',
+ },
+ path: ['utrecht', 'button-group', 'row-gap'],
+ },
+ },
+ button: {
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'button', 'background-color'],
+ },
+ 'border-color': {
+ value: '#334155',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#334155',
+ type: 'color',
+ },
+ name: 'utrechtButtonBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'button', 'border-color'],
+ },
+ color: {
+ value: '#334155',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#334155',
+ type: 'color',
+ },
+ name: 'utrechtButtonColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'color',
+ },
+ path: ['utrecht', 'button', 'color'],
+ },
+ 'border-radius': {
+ value: '5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '5px',
+ type: 'borderRadius',
+ },
+ name: 'utrechtButtonBorderRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'border-radius',
+ },
+ path: ['utrecht', 'button', 'border-radius'],
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtButtonBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'button', 'border-width'],
+ },
+ icon: {
+ gap: {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonIconGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'icon',
+ subitem: 'gap',
+ },
+ path: ['utrecht', 'button', 'icon', 'gap'],
+ },
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtButtonIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'button', 'icon', 'size'],
+ },
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtButtonFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'button', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtButtonFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'button', 'font-size'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtButtonFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'button', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtButtonLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'button', 'line-height'],
+ },
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'button', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'padding-block-start',
+ },
+ path: ['utrecht', 'button', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'padding-inline-end',
+ },
+ path: ['utrecht', 'button', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'button', 'padding-inline-start'],
+ },
+ disabled: {
+ 'background-color': {
+ value: '#F8FAFC',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F8FAFC',
+ type: 'color',
+ },
+ name: 'utrechtButtonDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'disabled',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'button', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'disabled',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'button', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#64748B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#64748B',
+ type: 'color',
+ },
+ name: 'utrechtButtonDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'disabled',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'button', 'disabled', 'color'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#FDDE94',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#FDDE94',
+ type: 'color',
+ },
+ name: 'utrechtButtonFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'button', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'focus',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'button', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#1E293B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#1E293B',
+ type: 'color',
+ },
+ name: 'utrechtButtonFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'focus',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'button', 'focus', 'color'],
+ },
+ },
+ hover: {
+ 'background-color': {
+ value: '#F8FAFC',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F8FAFC',
+ type: 'color',
+ },
+ name: 'utrechtButtonHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'hover',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'button', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: '#1E293B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#1E293B',
+ type: 'color',
+ },
+ name: 'utrechtButtonHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'hover',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'button', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#1E293B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#1E293B',
+ type: 'color',
+ },
+ name: 'utrechtButtonHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'hover',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'button', 'hover', 'color'],
+ },
+ },
+ active: {
+ 'background-color': {
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'utrechtButtonActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'active',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'button', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: '#0F172A',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#0F172A',
+ type: 'color',
+ },
+ name: 'utrechtButtonActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'active',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'button', 'active', 'border-color'],
+ },
+ color: {
+ value: '#0F172A',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#0F172A',
+ type: 'color',
+ },
+ name: 'utrechtButtonActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'active',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'button', 'active', 'color'],
+ },
+ },
+ 'min-block-size': {
+ value: '48px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'sizing',
+ },
+ name: 'utrechtButtonMinBlockSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'min-block-size',
+ },
+ path: ['utrecht', 'button', 'min-block-size'],
+ },
+ 'min-inline-size': {
+ value: '48px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'sizing',
+ },
+ name: 'utrechtButtonMinInlineSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'min-inline-size',
+ },
+ path: ['utrecht', 'button', 'min-inline-size'],
+ },
+ 'column-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtButtonColumnGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'column-gap',
+ },
+ path: ['utrecht', 'button', 'column-gap'],
+ },
+ 'primary-action': {
+ hover: {
+ 'background-color': {
+ value: '#162f50',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#162f50',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'hover',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'hover',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'hover', 'color'],
+ },
+ },
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'color'],
+ },
+ disabled: {
+ 'background-color': {
+ value: '#b8c6d5',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#b8c6d5',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'disabled',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#95a9c0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#95a9c0',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'disabled',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#4f7196',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#4f7196',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'disabled',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'disabled', 'color'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'focus',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'focus', 'color'],
+ },
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtButtonPrimaryActionFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'font-weight'],
+ },
+ active: {
+ 'background-color': {
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.4',
+ space: 'srgb',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ value: '#0d2845',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.4',
+ space: 'srgb',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ value: '#0d2845',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'active',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'active',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'active', 'border-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtButtonPrimaryActionActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'active', 'color'],
+ },
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtButtonPrimaryActionFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'font-size'],
+ },
+ 'line-height': {
+ value: '1.875rem',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.875rem',
+ type: 'lineHeights',
+ },
+ name: 'utrechtButtonPrimaryActionLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'primary-action',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'button', 'primary-action', 'line-height'],
+ },
+ },
+ 'secondary-action': {
+ hover: {
+ 'background-color': {
+ value: '#b8c6d5',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#b8c6d5',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'hover',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'hover',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'hover', 'color'],
+ },
+ },
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'color'],
+ },
+ disabled: {
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'disabled',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'disabled',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'disabled',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'disabled', 'color'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#b8c6d5',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#b8c6d5',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'focus',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'focus', 'color'],
+ },
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtButtonSecondaryActionFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'font-weight'],
+ },
+ active: {
+ 'background-color': {
+ value: '#95a9c0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#95a9c0',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'active',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'active',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'active', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonSecondaryActionActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'active', 'color'],
+ },
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtButtonSecondaryActionFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'font-size'],
+ },
+ 'line-height': {
+ value: '1.875rem',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.875rem',
+ type: 'lineHeights',
+ },
+ name: 'utrechtButtonSecondaryActionLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'secondary-action',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'button', 'secondary-action', 'line-height'],
+ },
+ },
+ subtle: {
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtButtonSubtleFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'button', 'subtle', 'font-size'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtButtonSubtleFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'button', 'subtle', 'font-weight'],
+ },
+ hover: {
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'hover',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'hover',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#162f50',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#162f50',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'hover', 'color'],
+ },
+ },
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'color'],
+ },
+ disabled: {
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleDisabledBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'disabled',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'disabled', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleDisabledBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'disabled',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'disabled', 'border-color'],
+ },
+ color: {
+ value: '#b8c6d5',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#b8c6d5',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleDisabledColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'disabled',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'disabled', 'color'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: '#dce3ea',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#dce3ea',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'focus',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'focus', 'color'],
+ },
+ },
+ active: {
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'active',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'active',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'active', 'border-color'],
+ },
+ color: {
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.4',
+ space: 'srgb',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ value: '#0d2845',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.4',
+ space: 'srgb',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ value: '#0d2845',
+ type: 'color',
+ },
+ name: 'utrechtButtonSubtleActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['utrecht', 'button', 'subtle', 'active', 'color'],
+ },
+ },
+ 'line-height': {
+ value: '1.875rem',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.875rem',
+ type: 'lineHeights',
+ },
+ name: 'utrechtButtonSubtleLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'button',
+ item: 'subtle',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'button', 'subtle', 'line-height'],
+ },
+ },
+ },
+ 'breadcrumb-nav': {
+ 'line-height': {
+ value: 1.4,
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 1.4,
+ type: 'lineHeights',
+ },
+ name: 'utrechtBreadcrumbNavLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtBreadcrumbNavFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'font-size'],
+ },
+ link: {
+ icon: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtBreadcrumbNavLinkIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'icon',
+ state: 'size',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'icon', 'size'],
+ },
+ 'margin-inline': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBreadcrumbNavLinkIconMarginInline',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'icon',
+ state: 'margin-inline',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'icon', 'margin-inline'],
+ },
+ 'inset-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtBreadcrumbNavLinkIconInsetBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'icon',
+ state: 'inset-block-start',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'icon', 'inset-block-start'],
+ },
+ },
+ 'padding-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBreadcrumbNavLinkPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'padding-block-end',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBreadcrumbNavLinkPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'padding-block-start',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtBreadcrumbNavLinkPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'padding-inline-end',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtBreadcrumbNavLinkPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'padding-inline-start'],
+ },
+ color: {
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'utrechtBreadcrumbNavLinkColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'color'],
+ },
+ active: {
+ color: {
+ value: '#42145f',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#42145f',
+ type: 'color',
+ },
+ name: 'utrechtBreadcrumbNavLinkActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'active', 'color'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'utrechtBreadcrumbNavLinkActiveTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'active',
+ state: 'text-decoration',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'active', 'text-decoration'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtBreadcrumbNavLinkFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'focus', 'background-color'],
+ },
+ color: {
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'utrechtBreadcrumbNavLinkFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'focus', 'color'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'utrechtBreadcrumbNavLinkFocusTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'focus',
+ state: 'text-decoration',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'focus', 'text-decoration'],
+ },
+ },
+ hover: {
+ color: {
+ value: '#01496c',
+ type: 'color',
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.3',
+ space: 'srgb',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01496c',
+ type: 'color',
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.3',
+ space: 'srgb',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ },
+ name: 'utrechtBreadcrumbNavLinkHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'hover', 'color'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'utrechtBreadcrumbNavLinkHoverTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'hover',
+ state: 'text-decoration',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'hover', 'text-decoration'],
+ },
+ },
+ current: {
+ color: {
+ value: '#334155',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#334155',
+ type: 'color',
+ },
+ name: 'utrechtBreadcrumbNavLinkCurrentColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'current',
+ state: 'color',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'current', 'color'],
+ },
+ },
+ 'text-decoration': {
+ value: 'underline',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'underline',
+ type: 'textDecoration',
+ },
+ name: 'utrechtBreadcrumbNavLinkTextDecoration',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'link',
+ subitem: 'text-decoration',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'link', 'text-decoration'],
+ },
+ },
+ divider: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtBreadcrumbNavDividerSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'divider',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'divider', 'size'],
+ },
+ color: {
+ value: '#334155',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#334155',
+ type: 'color',
+ },
+ name: 'utrechtBreadcrumbNavDividerColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'divider',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'divider', 'color'],
+ },
+ 'inset-block-start': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtBreadcrumbNavDividerInsetBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'divider',
+ subitem: 'inset-block-start',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'divider', 'inset-block-start'],
+ },
+ },
+ 'margin-inline': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBreadcrumbNavMarginInline',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'margin-inline',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'margin-inline'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtBreadcrumbNavFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'font-family'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtBreadcrumbNavFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'breadcrumb-nav',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'breadcrumb-nav', 'font-weight'],
+ },
+ },
+ blockquote: {
+ attribution: {
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtBlockquoteAttributionFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'attribution',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'blockquote', 'attribution', 'font-size'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtBlockquoteAttributionFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'attribution',
+ subitem: 'font-family',
+ },
+ path: ['utrecht', 'blockquote', 'attribution', 'font-family'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtBlockquoteAttributionLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'attribution',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'blockquote', 'attribution', 'line-height'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtBlockquoteAttributionFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'attribution',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'blockquote', 'attribution', 'font-weight'],
+ },
+ 'padding-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBlockquoteAttributionPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'attribution',
+ subitem: 'padding-block-start',
+ },
+ path: ['utrecht', 'blockquote', 'attribution', 'padding-block-start'],
+ },
+ color: {
+ value: '#334155',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#334155',
+ type: 'color',
+ },
+ name: 'utrechtBlockquoteAttributionColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'attribution',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'blockquote', 'attribution', 'color'],
+ },
+ },
+ content: {
+ 'font-family': {
+ value: "RijksoverheidSerifWeb, 'Times New Roman', serif",
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: "RijksoverheidSerifWeb, 'Times New Roman', serif",
+ type: 'fontFamilies',
+ },
+ name: 'utrechtBlockquoteContentFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'content',
+ subitem: 'font-family',
+ },
+ path: ['utrecht', 'blockquote', 'content', 'font-family'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtBlockquoteContentLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'content',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'blockquote', 'content', 'line-height'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtBlockquoteContentFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'content',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'blockquote', 'content', 'font-weight'],
+ },
+ 'font-size': {
+ value: '1.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtBlockquoteContentFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'content',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'blockquote', 'content', 'font-size'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtBlockquoteContentColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'content',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'blockquote', 'content', 'color'],
+ },
+ },
+ 'padding-block-end': {
+ value: '2rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBlockquotePaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'blockquote', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '2rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBlockquotePaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'padding-block-start',
+ },
+ path: ['utrecht', 'blockquote', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '2rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBlockquotePaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'padding-inline-end',
+ },
+ path: ['utrecht', 'blockquote', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '2rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBlockquotePaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'blockquote', 'padding-inline-start'],
+ },
+ 'row-gap': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtBlockquoteRowGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'row-gap',
+ },
+ path: ['utrecht', 'blockquote', 'row-gap'],
+ },
+ 'background-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtBlockquoteBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'blockquote', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtBlockquoteBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'blockquote', 'border-color'],
+ },
+ 'border-block-start-width': {
+ value: 0,
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderWidth',
+ },
+ name: 'utrechtBlockquoteBorderBlockStartWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-block-start-width',
+ },
+ path: ['utrecht', 'blockquote', 'border-block-start-width'],
+ },
+ 'border-block-end-width': {
+ value: 0,
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderWidth',
+ },
+ name: 'utrechtBlockquoteBorderBlockEndWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-block-end-width',
+ },
+ path: ['utrecht', 'blockquote', 'border-block-end-width'],
+ },
+ 'border-inline-start-width': {
+ value: 0,
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderWidth',
+ },
+ name: 'utrechtBlockquoteBorderInlineStartWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-inline-start-width',
+ },
+ path: ['utrecht', 'blockquote', 'border-inline-start-width'],
+ },
+ 'border-inline-end-width': {
+ value: 0,
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderWidth',
+ },
+ name: 'utrechtBlockquoteBorderInlineEndWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-inline-end-width',
+ },
+ path: ['utrecht', 'blockquote', 'border-inline-end-width'],
+ },
+ 'border-start-start-radius': {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'utrechtBlockquoteBorderStartStartRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-start-start-radius',
+ },
+ path: ['utrecht', 'blockquote', 'border-start-start-radius'],
+ },
+ 'border-start-end-radius': {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'utrechtBlockquoteBorderStartEndRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-start-end-radius',
+ },
+ path: ['utrecht', 'blockquote', 'border-start-end-radius'],
+ },
+ 'border-end-start-radius': {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'utrechtBlockquoteBorderEndStartRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-end-start-radius',
+ },
+ path: ['utrecht', 'blockquote', 'border-end-start-radius'],
+ },
+ 'border-end-end-radius': {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'utrechtBlockquoteBorderEndEndRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-end-end-radius',
+ },
+ path: ['utrecht', 'blockquote', 'border-end-end-radius'],
+ },
+ 'border-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtBlockquoteBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'blockquote', 'border-width'],
+ },
+ 'blue-corner-border-variation': {
+ 'border-color': {
+ value: '#154273',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'other',
+ },
+ name: 'utrechtBlockquoteBlueCornerBorderVariationBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'blue-corner-border-variation',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'blockquote', 'blue-corner-border-variation', 'border-color'],
+ },
+ 'border-block-end-width': {
+ value: '2px',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'other',
+ },
+ name: 'utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'blue-corner-border-variation',
+ subitem: 'border-block-end-width',
+ },
+ path: ['utrecht', 'blockquote', 'blue-corner-border-variation', 'border-block-end-width'],
+ },
+ 'border-inline-end-width': {
+ value: '2px',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'other',
+ },
+ name: 'utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'blue-corner-border-variation',
+ subitem: 'border-inline-end-width',
+ },
+ path: ['utrecht', 'blockquote', 'blue-corner-border-variation', 'border-inline-end-width'],
+ },
+ 'border-end-end-radius': {
+ value: '3rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'blue-corner-border-variation',
+ subitem: 'border-end-end-radius',
+ },
+ path: ['utrecht', 'blockquote', 'blue-corner-border-variation', 'border-end-end-radius'],
+ },
+ },
+ 'pink-background-variation': {
+ 'background-color': {
+ value: '#F6BDE1',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F6BDE1',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkBackgroundVariationBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-background-variation',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'blockquote', 'pink-background-variation', 'background-color'],
+ },
+ 'border-end-start-radius': {
+ value: '3rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-background-variation',
+ subitem: 'border-end-start-radius',
+ },
+ path: ['utrecht', 'blockquote', 'pink-background-variation', 'border-end-start-radius'],
+ },
+ padding: {
+ value: '2.5rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkBackgroundVariationPadding',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-background-variation',
+ subitem: 'padding',
+ },
+ path: ['utrecht', 'blockquote', 'pink-background-variation', 'padding'],
+ },
+ },
+ 'pink-left-border-variation': {
+ 'border-color': {
+ value: '#F6BDE1',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F6BDE1',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkLeftBorderVariationBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-left-border-variation',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'border-color'],
+ },
+ 'border-inline-start-width': {
+ value: '0.75rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-left-border-variation',
+ subitem: 'border-inline-start-width',
+ },
+ path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'border-inline-start-width'],
+ },
+ 'padding-inline-start': {
+ value: '2.5rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-left-border-variation',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'padding-inline-start'],
+ },
+ 'padding-inline-end': {
+ value: '2.5rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-left-border-variation',
+ subitem: 'padding-inline-end',
+ },
+ path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'padding-inline-end'],
+ },
+ 'padding-block-start': {
+ value: '1.5rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-left-border-variation',
+ subitem: 'padding-block-start',
+ },
+ path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'padding-block-start'],
+ },
+ 'padding-block-end': {
+ value: '1.5rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-left-border-variation',
+ subitem: 'padding-block-end',
+ },
+ path: ['utrecht', 'blockquote', 'pink-left-border-variation', 'padding-block-end'],
+ },
+ },
+ 'pink-corner-border-variation': {
+ 'border-color': {
+ value: '#F6BDE1',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F6BDE1',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkCornerBorderVariationBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-corner-border-variation',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'border-color'],
+ },
+ 'border-block-start-width': {
+ value: '0.25rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-corner-border-variation',
+ subitem: 'border-block-start-width',
+ },
+ path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'border-block-start-width'],
+ },
+ 'border-inline-start-width': {
+ value: '0.25rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-corner-border-variation',
+ subitem: 'border-inline-start-width',
+ },
+ path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'border-inline-start-width'],
+ },
+ 'border-start-start-radius': {
+ value: '3rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-corner-border-variation',
+ subitem: 'border-start-start-radius',
+ },
+ path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'border-start-start-radius'],
+ },
+ padding: {
+ value: '2.5rem',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5rem',
+ type: 'other',
+ },
+ name: 'utrechtBlockquotePinkCornerBorderVariationPadding',
+ attributes: {
+ category: 'utrecht',
+ type: 'blockquote',
+ item: 'pink-corner-border-variation',
+ subitem: 'padding',
+ },
+ path: ['utrecht', 'blockquote', 'pink-corner-border-variation', 'padding'],
+ },
+ },
+ },
+ article: {
+ 'max-inline-size': {
+ value: '75ch',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '75ch',
+ type: 'spacing',
+ },
+ name: 'utrechtArticleMaxInlineSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'article',
+ item: 'max-inline-size',
+ },
+ path: ['utrecht', 'article', 'max-inline-size'],
+ },
+ },
+ alert: {
+ heading: {
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtAlertHeadingFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'heading',
+ subitem: 'font-family',
+ },
+ path: ['utrecht', 'alert', 'heading', 'font-family'],
+ },
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'utrechtAlertHeadingFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'heading',
+ subitem: 'font-weight',
+ },
+ path: ['utrecht', 'alert', 'heading', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtAlertHeadingLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'heading',
+ subitem: 'line-height',
+ },
+ path: ['utrecht', 'alert', 'heading', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtAlertHeadingFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'heading',
+ subitem: 'font-size',
+ },
+ path: ['utrecht', 'alert', 'heading', 'font-size'],
+ },
+ },
+ 'column-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAlertColumnGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'column-gap',
+ },
+ path: ['utrecht', 'alert', 'column-gap'],
+ },
+ 'border-width': {
+ value: '0px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0px',
+ type: 'borderWidth',
+ },
+ name: 'utrechtAlertBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'border-width',
+ },
+ path: ['utrecht', 'alert', 'border-width'],
+ },
+ 'margin-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAlertMarginBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'margin-block-end',
+ },
+ path: ['utrecht', 'alert', 'margin-block-end'],
+ },
+ 'margin-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAlertMarginBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'margin-block-start',
+ },
+ path: ['utrecht', 'alert', 'margin-block-start'],
+ },
+ 'padding-block-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAlertPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'padding-block-end',
+ },
+ path: ['utrecht', 'alert', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAlertPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'padding-block-start',
+ },
+ path: ['utrecht', 'alert', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAlertPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'padding-inline-end',
+ },
+ path: ['utrecht', 'alert', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAlertPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'padding-inline-start',
+ },
+ path: ['utrecht', 'alert', 'padding-inline-start'],
+ },
+ 'background-color': {
+ value: '#d9ebf7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d9ebf7',
+ type: 'color',
+ },
+ name: 'utrechtAlertBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'alert', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtAlertBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'border-color',
+ },
+ path: ['utrecht', 'alert', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAlertColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'color',
+ },
+ path: ['utrecht', 'alert', 'color'],
+ },
+ info: {
+ 'background-color': {
+ value: '#d9ebf7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d9ebf7',
+ type: 'color',
+ },
+ name: 'utrechtAlertInfoBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'info',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'alert', 'info', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtAlertInfoBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'info',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'alert', 'info', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAlertInfoColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'info',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'alert', 'info', 'color'],
+ },
+ },
+ error: {
+ 'background-color': {
+ value: '#f9dfdd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#f9dfdd',
+ type: 'color',
+ },
+ name: 'utrechtAlertErrorBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'error',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'alert', 'error', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtAlertErrorBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'error',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'alert', 'error', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAlertErrorColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'error',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'alert', 'error', 'color'],
+ },
+ },
+ ok: {
+ 'background-color': {
+ value: '#e1eddb',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#e1eddb',
+ type: 'color',
+ },
+ name: 'utrechtAlertOkBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'ok',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'alert', 'ok', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtAlertOkBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'ok',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'alert', 'ok', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAlertOkColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'ok',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'alert', 'ok', 'color'],
+ },
+ },
+ warning: {
+ 'background-color': {
+ value: '#fff4db',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff4db',
+ type: 'color',
+ },
+ name: 'utrechtAlertWarningBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'warning',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'alert', 'warning', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'utrechtAlertWarningBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'warning',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'alert', 'warning', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAlertWarningColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'warning',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'alert', 'warning', 'color'],
+ },
+ },
+ icon: {
+ 'inset-block-start': {
+ value: '3px',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3px',
+ type: 'spacing',
+ },
+ name: 'utrechtAlertIconInsetBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'icon',
+ subitem: 'inset-block-start',
+ },
+ path: ['utrecht', 'alert', 'icon', 'inset-block-start'],
+ },
+ info: {
+ color: {
+ value: '#007bc7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#007bc7',
+ type: 'color',
+ },
+ name: 'utrechtAlertIconInfoColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'icon',
+ subitem: 'info',
+ state: 'color',
+ },
+ path: ['utrecht', 'alert', 'icon', 'info', 'color'],
+ },
+ },
+ error: {
+ color: {
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'utrechtAlertIconErrorColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'icon',
+ subitem: 'error',
+ state: 'color',
+ },
+ path: ['utrecht', 'alert', 'icon', 'error', 'color'],
+ },
+ },
+ ok: {
+ color: {
+ value: '#39870c',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#39870c',
+ type: 'color',
+ },
+ name: 'utrechtAlertIconOkColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'icon',
+ subitem: 'ok',
+ state: 'color',
+ },
+ path: ['utrecht', 'alert', 'icon', 'ok', 'color'],
+ },
+ },
+ warning: {
+ color: {
+ value: '#ffb612',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#ffb612',
+ type: 'color',
+ },
+ name: 'utrechtAlertIconWarningColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'icon',
+ subitem: 'warning',
+ state: 'color',
+ },
+ path: ['utrecht', 'alert', 'icon', 'warning', 'color'],
+ },
+ },
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtAlertIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['utrecht', 'alert', 'icon', 'size'],
+ },
+ },
+ message: {
+ 'row-gap': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtAlertMessageRowGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'message',
+ subitem: 'row-gap',
+ },
+ path: ['utrecht', 'alert', 'message', 'row-gap'],
+ },
+ },
+ 'border-radius': {
+ value: '5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '5px',
+ type: 'borderRadius',
+ },
+ name: 'utrechtAlertBorderRadius',
+ attributes: {
+ category: 'utrecht',
+ type: 'alert',
+ item: 'border-radius',
+ },
+ path: ['utrecht', 'alert', 'border-radius'],
+ },
+ },
+ accordion: {
+ panel: {
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtAccordionPanelBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'panel',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'accordion', 'panel', 'border-color'],
+ },
+ 'border-width': {
+ value: 0,
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderWidth',
+ },
+ name: 'utrechtAccordionPanelBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'panel',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'accordion', 'panel', 'border-width'],
+ },
+ 'padding-block-end': {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAccordionPanelPaddingBlockEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'panel',
+ subitem: 'padding-block-end',
+ },
+ path: ['utrecht', 'accordion', 'panel', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAccordionPanelPaddingBlockStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'panel',
+ subitem: 'padding-block-start',
+ },
+ path: ['utrecht', 'accordion', 'panel', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAccordionPanelPaddingInlineEnd',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'panel',
+ subitem: 'padding-inline-end',
+ },
+ path: ['utrecht', 'accordion', 'panel', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAccordionPanelPaddingInlineStart',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'panel',
+ subitem: 'padding-inline-start',
+ },
+ path: ['utrecht', 'accordion', 'panel', 'padding-inline-start'],
+ },
+ },
+ button: {
+ gap: {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'utrechtAccordionButtonGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'gap',
+ },
+ path: ['utrecht', 'accordion', 'button', 'gap'],
+ },
+ icon: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'utrechtAccordionButtonIconSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'icon',
+ state: 'size',
+ },
+ path: ['utrecht', 'accordion', 'button', 'icon', 'size'],
+ },
+ },
+ hover: {
+ 'background-color': {
+ value: '#F8FAFC',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F8FAFC',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonHoverBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'hover',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'hover', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonHoverBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'hover',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'hover', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonHoverColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'hover', 'color'],
+ },
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'background-color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'border-color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'border-color'],
+ },
+ 'border-width': {
+ value: 0,
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderWidth',
+ },
+ name: 'utrechtAccordionButtonBorderWidth',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'border-width',
+ },
+ path: ['utrecht', 'accordion', 'button', 'border-width'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'color'],
+ },
+ focus: {
+ 'background-color': {
+ value: '#dce3ea',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#dce3ea',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonFocusBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'focus', 'background-color'],
+ },
+ 'border-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonFocusBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'focus',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'focus', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonFocusColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'focus', 'color'],
+ },
+ },
+ active: {
+ 'background-color': {
+ value: '#F1F5F9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F1F5F9',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonActiveBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'active',
+ state: 'background-color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonActiveBorderColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'active',
+ state: 'border-color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'active', 'border-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'utrechtAccordionButtonActiveColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['utrecht', 'accordion', 'button', 'active', 'color'],
+ },
+ 'row-gap': {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'utrechtAccordionButtonActiveRowGap',
+ attributes: {
+ category: 'utrecht',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'active',
+ state: 'row-gap',
+ },
+ path: ['utrecht', 'accordion', 'button', 'active', 'row-gap'],
+ },
+ },
+ },
+ },
+ document: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'utrechtDocumentBackgroundColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'document',
+ item: 'background-color',
+ },
+ path: ['utrecht', 'document', 'background-color'],
+ },
+ color: {
+ value: '#000',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#000',
+ type: 'color',
+ },
+ name: 'utrechtDocumentColor',
+ attributes: {
+ category: 'utrecht',
+ type: 'document',
+ item: 'color',
+ },
+ path: ['utrecht', 'document', 'color'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'utrechtDocumentFontFamily',
+ attributes: {
+ category: 'utrecht',
+ type: 'document',
+ item: 'font-family',
+ },
+ path: ['utrecht', 'document', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'utrechtDocumentFontSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'document',
+ item: 'font-size',
+ },
+ path: ['utrecht', 'document', 'font-size'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'utrechtDocumentLineHeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'document',
+ item: 'line-height',
+ },
+ path: ['utrecht', 'document', 'line-height'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'utrechtDocumentFontWeight',
+ attributes: {
+ category: 'utrecht',
+ type: 'document',
+ item: 'font-weight',
+ },
+ path: ['utrecht', 'document', 'font-weight'],
+ },
+ },
+ 'pointer-target': {
+ 'min-size': {
+ value: '48px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'sizing',
+ },
+ name: 'utrechtPointerTargetMinSize',
+ attributes: {
+ category: 'utrecht',
+ type: 'pointer-target',
+ item: 'min-size',
+ },
+ path: ['utrecht', 'pointer-target', 'min-size'],
+ },
+ },
+ },
+ todo: {
+ toggletip: {
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'todoToggletipColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'color',
+ },
+ path: ['todo', 'toggletip', 'color'],
+ },
+ 'background-color': {
+ value: '#007bc7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#007bc7',
+ type: 'color',
+ },
+ name: 'todoToggletipBackgroundColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'background-color',
+ },
+ path: ['todo', 'toggletip', 'background-color'],
+ },
+ 'border-color': {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'todoToggletipBorderColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'border-color',
+ },
+ path: ['todo', 'toggletip', 'border-color'],
+ },
+ 'border-radius': {
+ value: '5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '5px',
+ type: 'borderRadius',
+ },
+ name: 'todoToggletipBorderRadius',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'border-radius',
+ },
+ path: ['todo', 'toggletip', 'border-radius'],
+ },
+ icon: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'todoToggletipIconSize',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['todo', 'toggletip', 'icon', 'size'],
+ },
+ },
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'todoToggletipSize',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'size',
+ },
+ path: ['todo', 'toggletip', 'size'],
+ },
+ active: {
+ color: {
+ value: '#007bc7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#007bc7',
+ type: 'color',
+ },
+ name: 'todoToggletipActiveColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'active',
+ subitem: 'color',
+ },
+ path: ['todo', 'toggletip', 'active', 'color'],
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'todoToggletipActiveBackgroundColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'active',
+ subitem: 'background-color',
+ },
+ path: ['todo', 'toggletip', 'active', 'background-color'],
+ },
+ 'border-color': {
+ value: '#007bc7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#007bc7',
+ type: 'color',
+ },
+ name: 'todoToggletipActiveBorderColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'active',
+ subitem: 'border-color',
+ },
+ path: ['todo', 'toggletip', 'active', 'border-color'],
+ },
+ },
+ hover: {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'todoToggletipHoverColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'hover',
+ subitem: 'color',
+ },
+ path: ['todo', 'toggletip', 'hover', 'color'],
+ },
+ 'background-color': {
+ value: '#66AFDD',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#66AFDD',
+ type: 'color',
+ },
+ name: 'todoToggletipHoverBackgroundColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'hover',
+ subitem: 'background-color',
+ },
+ path: ['todo', 'toggletip', 'hover', 'background-color'],
+ },
+ },
+ focus: {
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'todoToggletipFocusColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'focus',
+ subitem: 'color',
+ },
+ path: ['todo', 'toggletip', 'focus', 'color'],
+ },
+ 'background-color': {
+ value: '#007bc7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#007bc7',
+ type: 'color',
+ },
+ name: 'todoToggletipFocusBackgroundColor',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'focus',
+ subitem: 'background-color',
+ },
+ path: ['todo', 'toggletip', 'focus', 'background-color'],
+ },
+ },
+ 'border-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'todoToggletipBorderWidth',
+ attributes: {
+ category: 'todo',
+ type: 'toggletip',
+ item: 'border-width',
+ },
+ path: ['todo', 'toggletip', 'border-width'],
+ },
+ },
+ 'link-list-card': {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'todoLinkListCardBackgroundColor',
+ attributes: {
+ category: 'todo',
+ type: 'link-list-card',
+ item: 'background-color',
+ },
+ path: ['todo', 'link-list-card', 'background-color'],
+ },
+ 'padding-block-start': {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'todoLinkListCardPaddingBlockStart',
+ attributes: {
+ category: 'todo',
+ type: 'link-list-card',
+ item: 'padding-block-start',
+ },
+ path: ['todo', 'link-list-card', 'padding-block-start'],
+ },
+ 'padding-block-end': {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'todoLinkListCardPaddingBlockEnd',
+ attributes: {
+ category: 'todo',
+ type: 'link-list-card',
+ item: 'padding-block-end',
+ },
+ path: ['todo', 'link-list-card', 'padding-block-end'],
+ },
+ 'padding-inline-start': {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'todoLinkListCardPaddingInlineStart',
+ attributes: {
+ category: 'todo',
+ type: 'link-list-card',
+ item: 'padding-inline-start',
+ },
+ path: ['todo', 'link-list-card', 'padding-inline-start'],
+ },
+ 'padding-inline-end': {
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'todoLinkListCardPaddingInlineEnd',
+ attributes: {
+ category: 'todo',
+ type: 'link-list-card',
+ item: 'padding-inline-end',
+ },
+ path: ['todo', 'link-list-card', 'padding-inline-end'],
+ },
+ },
+ },
+ rhc: {
+ sidenav: {
+ link: {
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'rhcSidenavLinkLineHeight',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'line-height',
+ },
+ path: ['rhc', 'sidenav', 'link', 'line-height'],
+ },
+ icon: {
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'rhcSidenavLinkIconSize',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'icon',
+ state: 'size',
+ },
+ path: ['rhc', 'sidenav', 'link', 'icon', 'size'],
+ },
+ 'margin-inline': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcSidenavLinkIconMarginInline',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'icon',
+ state: 'margin-inline',
+ },
+ path: ['rhc', 'sidenav', 'link', 'icon', 'margin-inline'],
+ },
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcSidenavLinkFontSize',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'font-size',
+ },
+ path: ['rhc', 'sidenav', 'link', 'font-size'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'rhcSidenavLinkFontFamily',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'font-family',
+ },
+ path: ['rhc', 'sidenav', 'link', 'font-family'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'rhcSidenavLinkFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'font-weight',
+ },
+ path: ['rhc', 'sidenav', 'link', 'font-weight'],
+ },
+ current: {
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'rhcSidenavLinkCurrentFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'current',
+ state: 'font-weight',
+ },
+ path: ['rhc', 'sidenav', 'link', 'current', 'font-weight'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcSidenavLinkCurrentColor',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'current',
+ state: 'color',
+ },
+ path: ['rhc', 'sidenav', 'link', 'current', 'color'],
+ },
+ },
+ color: {
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'rhcSidenavLinkColor',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'color',
+ },
+ path: ['rhc', 'sidenav', 'link', 'color'],
+ },
+ active: {
+ color: {
+ value: '#42145f',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#42145f',
+ type: 'color',
+ },
+ name: 'rhcSidenavLinkActiveColor',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['rhc', 'sidenav', 'link', 'active', 'color'],
+ },
+ 'text-decoration': {
+ value: 'underline',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'underline',
+ type: 'textDecoration',
+ },
+ name: 'rhcSidenavLinkActiveTextDecoration',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'active',
+ state: 'text-decoration',
+ },
+ path: ['rhc', 'sidenav', 'link', 'active', 'text-decoration'],
+ },
+ },
+ focus: {
+ 'background-color': {
+ value: 'none',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'none',
+ type: 'color',
+ },
+ name: 'rhcSidenavLinkFocusBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['rhc', 'sidenav', 'link', 'focus', 'background-color'],
+ },
+ color: {
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'rhcSidenavLinkFocusColor',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['rhc', 'sidenav', 'link', 'focus', 'color'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'rhcSidenavLinkFocusTextDecoration',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'focus',
+ state: 'text-decoration',
+ },
+ path: ['rhc', 'sidenav', 'link', 'focus', 'text-decoration'],
+ },
+ },
+ hover: {
+ color: {
+ value: '#15496a',
+ type: 'color',
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.3',
+ space: 'lch',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#15496a',
+ type: 'color',
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.3',
+ space: 'lch',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ },
+ name: 'rhcSidenavLinkHoverColor',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['rhc', 'sidenav', 'link', 'hover', 'color'],
+ },
+ 'text-decoration': {
+ value: 'underline',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'underline',
+ type: 'textDecoration',
+ },
+ name: 'rhcSidenavLinkHoverTextDecoration',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'hover',
+ state: 'text-decoration',
+ },
+ path: ['rhc', 'sidenav', 'link', 'hover', 'text-decoration'],
+ },
+ },
+ 'padding-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcSidenavLinkPaddingBlockStart',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'padding-block-start',
+ },
+ path: ['rhc', 'sidenav', 'link', 'padding-block-start'],
+ },
+ 'padding-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcSidenavLinkPaddingBlockEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'padding-block-end',
+ },
+ path: ['rhc', 'sidenav', 'link', 'padding-block-end'],
+ },
+ 'text-decoration': {
+ value: 'None',
+ type: 'textDecoration',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'None',
+ type: 'textDecoration',
+ },
+ name: 'rhcSidenavLinkTextDecoration',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'text-decoration',
+ },
+ path: ['rhc', 'sidenav', 'link', 'text-decoration'],
+ },
+ 'column-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcSidenavLinkColumnGap',
+ attributes: {
+ category: 'rhc',
+ type: 'sidenav',
+ item: 'link',
+ subitem: 'column-gap',
+ },
+ path: ['rhc', 'sidenav', 'link', 'column-gap'],
+ },
+ },
+ },
+ 'radio-group': {
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcRadioGroupPaddingBlockEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'radio-group',
+ item: 'padding-block-end',
+ },
+ path: ['rhc', 'radio-group', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcRadioGroupPaddingBlockStart',
+ attributes: {
+ category: 'rhc',
+ type: 'radio-group',
+ item: 'padding-block-start',
+ },
+ path: ['rhc', 'radio-group', 'padding-block-start'],
+ },
+ 'row-gap': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcRadioGroupRowGap',
+ attributes: {
+ category: 'rhc',
+ type: 'radio-group',
+ item: 'row-gap',
+ },
+ path: ['rhc', 'radio-group', 'row-gap'],
+ },
+ },
+ 'nav-bar': {
+ 'border-block-end-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'rhcNavBarBorderBlockEndWidth',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'border-block-end-width',
+ },
+ path: ['rhc', 'nav-bar', 'border-block-end-width'],
+ },
+ 'padding-inline': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcNavBarPaddingInline',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'padding-inline',
+ },
+ path: ['rhc', 'nav-bar', 'padding-inline'],
+ },
+ content: {
+ 'column-gap': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcNavBarContentColumnGap',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'content',
+ subitem: 'column-gap',
+ },
+ path: ['rhc', 'nav-bar', 'content', 'column-gap'],
+ },
+ },
+ icon: {
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcNavBarIconColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'icon',
+ subitem: 'color',
+ },
+ path: ['rhc', 'nav-bar', 'icon', 'color'],
+ },
+ active: {
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'rhcNavBarIconActiveColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'icon',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['rhc', 'nav-bar', 'icon', 'active', 'color'],
+ },
+ },
+ size: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'rhcNavBarIconSize',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'icon',
+ subitem: 'size',
+ },
+ path: ['rhc', 'nav-bar', 'icon', 'size'],
+ },
+ },
+ link: {
+ active: {
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcNavBarLinkActiveBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'active',
+ state: 'background-color',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'active', 'background-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'rhcNavBarLinkActiveColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'active',
+ state: 'color',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'active', 'color'],
+ },
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'rhcNavBarLinkBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'background-color',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'background-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcNavBarLinkColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'color',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'color'],
+ },
+ focus: {
+ 'background-color': {
+ value: '#dce3ea',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#dce3ea',
+ type: 'color',
+ },
+ name: 'rhcNavBarLinkFocusBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'focus',
+ state: 'background-color',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'focus', 'background-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcNavBarLinkFocusColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'focus',
+ state: 'color',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'focus', 'color'],
+ },
+ },
+ hover: {
+ 'background-color': {
+ value: '#F8FAFC',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F8FAFC',
+ type: 'color',
+ },
+ name: 'rhcNavBarLinkHoverBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'hover',
+ state: 'background-color',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'hover', 'background-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcNavBarLinkHoverColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'hover',
+ state: 'color',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'hover', 'color'],
+ },
+ },
+ 'padding-block-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcNavBarLinkPaddingBlockEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'padding-block-end',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcNavBarLinkPaddingBlockStart',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'padding-block-start',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcNavBarLinkPaddingInlineEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'padding-inline-end',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcNavBarLinkPaddingInlineStart',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'padding-inline-start',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'padding-inline-start'],
+ },
+ 'column-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcNavBarLinkColumnGap',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'link',
+ subitem: 'column-gap',
+ },
+ path: ['rhc', 'nav-bar', 'link', 'column-gap'],
+ },
+ },
+ heading: {
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'rhcNavBarHeadingFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'heading',
+ subitem: 'font-weight',
+ },
+ path: ['rhc', 'nav-bar', 'heading', 'font-weight'],
+ },
+ },
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'rhcNavBarBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'background-color',
+ },
+ path: ['rhc', 'nav-bar', 'background-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcNavBarColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'color',
+ },
+ path: ['rhc', 'nav-bar', 'color'],
+ },
+ 'border-color': {
+ value: '#64748B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#64748B',
+ type: 'color',
+ },
+ name: 'rhcNavBarBorderColor',
+ attributes: {
+ category: 'rhc',
+ type: 'nav-bar',
+ item: 'border-color',
+ },
+ path: ['rhc', 'nav-bar', 'border-color'],
+ },
+ },
+ logo: {
+ img: {
+ 'background-color': {
+ value: '#F1F5F9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F1F5F9',
+ type: 'color',
+ },
+ name: 'rhcLogoImgBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'img',
+ subitem: 'background-color',
+ },
+ path: ['rhc', 'logo', 'img', 'background-color'],
+ },
+ 'inline-size': {
+ value: '48px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'sizing',
+ },
+ name: 'rhcLogoImgInlineSize',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'img',
+ subitem: 'inline-size',
+ },
+ path: ['rhc', 'logo', 'img', 'inline-size'],
+ },
+ 'block-size': {
+ value: '96px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '96px',
+ type: 'sizing',
+ },
+ name: 'rhcLogoImgBlockSize',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'img',
+ subitem: 'block-size',
+ },
+ path: ['rhc', 'logo', 'img', 'block-size'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcLogoImgColor',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'img',
+ subitem: 'color',
+ },
+ path: ['rhc', 'logo', 'img', 'color'],
+ },
+ },
+ title: {
+ 'font-weight': {
+ value: 600,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 600,
+ type: 'fontWeights',
+ },
+ name: 'rhcLogoTitleFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'title',
+ subitem: 'font-weight',
+ },
+ path: ['rhc', 'logo', 'title', 'font-weight'],
+ },
+ 'line-height': {
+ value: '1.063rem',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.063rem',
+ type: 'lineHeights',
+ },
+ name: 'rhcLogoTitleLineHeight',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'title',
+ subitem: 'line-height',
+ },
+ path: ['rhc', 'logo', 'title', 'line-height'],
+ },
+ 'font-size': {
+ value: '0.913rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.913rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcLogoTitleFontSize',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'title',
+ subitem: 'font-size',
+ },
+ path: ['rhc', 'logo', 'title', 'font-size'],
+ },
+ 'padding-block-start': {
+ value: '3.125rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3.125rem',
+ type: 'spacing',
+ },
+ name: 'rhcLogoTitlePaddingBlockStart',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'title',
+ subitem: 'padding-block-start',
+ },
+ path: ['rhc', 'logo', 'title', 'padding-block-start'],
+ },
+ },
+ subtitle: {
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'rhcLogoSubtitleFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'subtitle',
+ subitem: 'font-weight',
+ },
+ path: ['rhc', 'logo', 'subtitle', 'font-weight'],
+ },
+ 'line-height': {
+ value: '1rem',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'lineHeights',
+ },
+ name: 'rhcLogoSubtitleLineHeight',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'subtitle',
+ subitem: 'line-height',
+ },
+ path: ['rhc', 'logo', 'subtitle', 'line-height'],
+ },
+ 'font-size': {
+ value: '0.775rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.775rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcLogoSubtitleFontSize',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'subtitle',
+ subitem: 'font-size',
+ },
+ path: ['rhc', 'logo', 'subtitle', 'font-size'],
+ },
+ },
+ 'column-gap': {
+ value: '12px',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '12px',
+ type: 'spacing',
+ },
+ name: 'rhcLogoColumnGap',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'column-gap',
+ },
+ path: ['rhc', 'logo', 'column-gap'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'rhcLogoFontFamily',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'font-family',
+ },
+ path: ['rhc', 'logo', 'font-family'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcLogoColor',
+ attributes: {
+ category: 'rhc',
+ type: 'logo',
+ item: 'color',
+ },
+ path: ['rhc', 'logo', 'color'],
+ },
+ },
+ 'icon-only-button': {
+ 'padding-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcIconOnlyButtonPaddingBlockEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'icon-only-button',
+ item: 'padding-block-end',
+ },
+ path: ['rhc', 'icon-only-button', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcIconOnlyButtonPaddingBlockStart',
+ attributes: {
+ category: 'rhc',
+ type: 'icon-only-button',
+ item: 'padding-block-start',
+ },
+ path: ['rhc', 'icon-only-button', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcIconOnlyButtonPaddingInlineEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'icon-only-button',
+ item: 'padding-inline-end',
+ },
+ path: ['rhc', 'icon-only-button', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcIconOnlyButtonPaddingInlineStart',
+ attributes: {
+ category: 'rhc',
+ type: 'icon-only-button',
+ item: 'padding-inline-start',
+ },
+ path: ['rhc', 'icon-only-button', 'padding-inline-start'],
+ },
+ },
+ hero: {
+ heading: {
+ 'font-weight': {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'rhcHeroHeadingFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'heading',
+ subitem: 'font-weight',
+ },
+ path: ['rhc', 'hero', 'heading', 'font-weight'],
+ },
+ 'line-height': {
+ value: '125%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '125%',
+ type: 'lineHeights',
+ },
+ name: 'rhcHeroHeadingLineHeight',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'heading',
+ subitem: 'line-height',
+ },
+ path: ['rhc', 'hero', 'heading', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.875rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.875rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcHeroHeadingFontSize',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'heading',
+ subitem: 'font-size',
+ },
+ path: ['rhc', 'hero', 'heading', 'font-size'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'rhcHeroHeadingFontFamily',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'heading',
+ subitem: 'font-family',
+ },
+ path: ['rhc', 'hero', 'heading', 'font-family'],
+ },
+ },
+ 'sub-heading': {
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'rhcHeroSubHeadingFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'sub-heading',
+ subitem: 'font-weight',
+ },
+ path: ['rhc', 'hero', 'sub-heading', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'rhcHeroSubHeadingLineHeight',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'sub-heading',
+ subitem: 'line-height',
+ },
+ path: ['rhc', 'hero', 'sub-heading', 'line-height'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcHeroSubHeadingFontSize',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'sub-heading',
+ subitem: 'font-size',
+ },
+ path: ['rhc', 'hero', 'sub-heading', 'font-size'],
+ },
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'rhcHeroSubHeadingFontFamily',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'sub-heading',
+ subitem: 'font-family',
+ },
+ path: ['rhc', 'hero', 'sub-heading', 'font-family'],
+ },
+ },
+ message: {
+ 'background-color': {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcHeroMessageBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'background-color',
+ },
+ path: ['rhc', 'hero', 'message', 'background-color'],
+ },
+ color: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'rhcHeroMessageColor',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'color',
+ },
+ path: ['rhc', 'hero', 'message', 'color'],
+ },
+ 'row-gap': {
+ value: '0.125rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.125rem',
+ type: 'spacing',
+ },
+ name: 'rhcHeroMessageRowGap',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'row-gap',
+ },
+ path: ['rhc', 'hero', 'message', 'row-gap'],
+ },
+ 'padding-block-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcHeroMessagePaddingBlockEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'padding-block-end',
+ },
+ path: ['rhc', 'hero', 'message', 'padding-block-end'],
+ },
+ 'padding-inline-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcHeroMessagePaddingInlineEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'padding-inline-end',
+ },
+ path: ['rhc', 'hero', 'message', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcHeroMessagePaddingInlineStart',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'padding-inline-start',
+ },
+ path: ['rhc', 'hero', 'message', 'padding-inline-start'],
+ },
+ 'padding-block-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcHeroMessagePaddingBlockStart',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'padding-block-start',
+ },
+ path: ['rhc', 'hero', 'message', 'padding-block-start'],
+ },
+ 'border-radius': {
+ value: '20px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '20px',
+ type: 'borderRadius',
+ },
+ name: 'rhcHeroMessageBorderRadius',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'border-radius',
+ },
+ path: ['rhc', 'hero', 'message', 'border-radius'],
+ },
+ 'inline-size': {
+ value: '90%',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '90%',
+ type: 'sizing',
+ },
+ name: 'rhcHeroMessageInlineSize',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'message',
+ subitem: 'inline-size',
+ },
+ path: ['rhc', 'hero', 'message', 'inline-size'],
+ },
+ },
+ 'border-radius': {
+ value: '40px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '40px',
+ type: 'borderRadius',
+ },
+ name: 'rhcHeroBorderRadius',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'border-radius',
+ },
+ path: ['rhc', 'hero', 'border-radius'],
+ },
+ 'inline-size': {
+ value: '100%',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '100%',
+ type: 'sizing',
+ },
+ name: 'rhcHeroInlineSize',
+ attributes: {
+ category: 'rhc',
+ type: 'hero',
+ item: 'inline-size',
+ },
+ path: ['rhc', 'hero', 'inline-size'],
+ },
+ },
+ 'form-field-radio-option': {
+ 'column-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcFormFieldRadioOptionColumnGap',
+ attributes: {
+ category: 'rhc',
+ type: 'form-field-radio-option',
+ item: 'column-gap',
+ },
+ path: ['rhc', 'form-field-radio-option', 'column-gap'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'rhcFormFieldRadioOptionFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'form-field-radio-option',
+ item: 'font-weight',
+ },
+ path: ['rhc', 'form-field-radio-option', 'font-weight'],
+ },
+ 'row-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcFormFieldRadioOptionRowGap',
+ attributes: {
+ category: 'rhc',
+ type: 'form-field-radio-option',
+ item: 'row-gap',
+ },
+ path: ['rhc', 'form-field-radio-option', 'row-gap'],
+ },
+ },
+ 'form-field-checkbox-option': {
+ 'column-gap': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcFormFieldCheckboxOptionColumnGap',
+ attributes: {
+ category: 'rhc',
+ type: 'form-field-checkbox-option',
+ item: 'column-gap',
+ },
+ path: ['rhc', 'form-field-checkbox-option', 'column-gap'],
+ },
+ },
+ 'checkbox-group': {
+ 'padding-block-end': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcCheckboxGroupPaddingBlockEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'checkbox-group',
+ item: 'padding-block-end',
+ },
+ path: ['rhc', 'checkbox-group', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcCheckboxGroupPaddingBlockStart',
+ attributes: {
+ category: 'rhc',
+ type: 'checkbox-group',
+ item: 'padding-block-start',
+ },
+ path: ['rhc', 'checkbox-group', 'padding-block-start'],
+ },
+ 'row-gap': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcCheckboxGroupRowGap',
+ attributes: {
+ category: 'rhc',
+ type: 'checkbox-group',
+ item: 'row-gap',
+ },
+ path: ['rhc', 'checkbox-group', 'row-gap'],
+ },
+ },
+ accordion: {
+ button: {
+ 'font-family': {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'rhcAccordionButtonFontFamily',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'font-family',
+ },
+ path: ['rhc', 'accordion', 'button', 'font-family'],
+ },
+ 'font-size': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcAccordionButtonFontSize',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'font-size',
+ },
+ path: ['rhc', 'accordion', 'button', 'font-size'],
+ },
+ 'font-weight': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'rhcAccordionButtonFontWeight',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'font-weight',
+ },
+ path: ['rhc', 'accordion', 'button', 'font-weight'],
+ },
+ 'line-height': {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'rhcAccordionButtonLineHeight',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'line-height',
+ },
+ path: ['rhc', 'accordion', 'button', 'line-height'],
+ },
+ icon: {
+ 'margin-block': {
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'rhcAccordionButtonIconMarginBlock',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'icon',
+ state: 'margin-block',
+ },
+ path: ['rhc', 'accordion', 'button', 'icon', 'margin-block'],
+ },
+ },
+ 'padding-block-end': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcAccordionButtonPaddingBlockEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'padding-block-end',
+ },
+ path: ['rhc', 'accordion', 'button', 'padding-block-end'],
+ },
+ 'padding-block-start': {
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcAccordionButtonPaddingBlockStart',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'padding-block-start',
+ },
+ path: ['rhc', 'accordion', 'button', 'padding-block-start'],
+ },
+ 'padding-inline-end': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcAccordionButtonPaddingInlineEnd',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'padding-inline-end',
+ },
+ path: ['rhc', 'accordion', 'button', 'padding-inline-end'],
+ },
+ 'padding-inline-start': {
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcAccordionButtonPaddingInlineStart',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'padding-inline-start',
+ },
+ path: ['rhc', 'accordion', 'button', 'padding-inline-start'],
+ },
+ expanded: {
+ 'background-color': {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'rhcAccordionButtonExpandedBackgroundColor',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'expanded',
+ state: 'background-color',
+ },
+ path: ['rhc', 'accordion', 'button', 'expanded', 'background-color'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcAccordionButtonExpandedColor',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'button',
+ subitem: 'expanded',
+ state: 'color',
+ },
+ path: ['rhc', 'accordion', 'button', 'expanded', 'color'],
+ },
+ },
+ },
+ section: {
+ 'border-block-end-width': {
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'rhcAccordionSectionBorderBlockEndWidth',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'section',
+ subitem: 'border-block-end-width',
+ },
+ path: ['rhc', 'accordion', 'section', 'border-block-end-width'],
+ },
+ 'border-width': {
+ value: 0,
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderWidth',
+ },
+ name: 'rhcAccordionSectionBorderWidth',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'section',
+ subitem: 'border-width',
+ },
+ path: ['rhc', 'accordion', 'section', 'border-width'],
+ },
+ 'border-color': {
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'rhcAccordionSectionBorderColor',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'section',
+ subitem: 'border-color',
+ },
+ path: ['rhc', 'accordion', 'section', 'border-color'],
+ },
+ },
+ header: {
+ margin: {
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'rhcAccordionHeaderMargin',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'header',
+ subitem: 'margin',
+ },
+ path: ['rhc', 'accordion', 'header', 'margin'],
+ },
+ },
+ 'border-radius': {
+ value: '0px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0px',
+ type: 'borderRadius',
+ },
+ name: 'rhcAccordionBorderRadius',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'border-radius',
+ },
+ path: ['rhc', 'accordion', 'border-radius'],
+ },
+ color: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcAccordionColor',
+ attributes: {
+ category: 'rhc',
+ type: 'accordion',
+ item: 'color',
+ },
+ path: ['rhc', 'accordion', 'color'],
+ },
+ },
+ keep: {
+ 'top-left': {
+ borderRadiusTopLeft: {
+ value: '48px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepTopLeftBorderRadiusTopLeft',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'top-left',
+ subitem: 'borderRadiusTopLeft',
+ },
+ path: ['rhc', 'keep', 'top-left', 'borderRadiusTopLeft'],
+ },
+ borderRadiusTopRight: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepTopLeftBorderRadiusTopRight',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'top-left',
+ subitem: 'borderRadiusTopRight',
+ },
+ path: ['rhc', 'keep', 'top-left', 'borderRadiusTopRight'],
+ },
+ borderRadiusBottomRight: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepTopLeftBorderRadiusBottomRight',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'top-left',
+ subitem: 'borderRadiusBottomRight',
+ },
+ path: ['rhc', 'keep', 'top-left', 'borderRadiusBottomRight'],
+ },
+ borderRadiusBottomLeft: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepTopLeftBorderRadiusBottomLeft',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'top-left',
+ subitem: 'borderRadiusBottomLeft',
+ },
+ path: ['rhc', 'keep', 'top-left', 'borderRadiusBottomLeft'],
+ },
+ },
+ 'top-right': {
+ borderRadiusTopRight: {
+ value: '48px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepTopRightBorderRadiusTopRight',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'top-right',
+ subitem: 'borderRadiusTopRight',
+ },
+ path: ['rhc', 'keep', 'top-right', 'borderRadiusTopRight'],
+ },
+ borderRadiusTopLeft: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepTopRightBorderRadiusTopLeft',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'top-right',
+ subitem: 'borderRadiusTopLeft',
+ },
+ path: ['rhc', 'keep', 'top-right', 'borderRadiusTopLeft'],
+ },
+ borderRadiusBottomRight: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepTopRightBorderRadiusBottomRight',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'top-right',
+ subitem: 'borderRadiusBottomRight',
+ },
+ path: ['rhc', 'keep', 'top-right', 'borderRadiusBottomRight'],
+ },
+ borderRadiusBottomLeft: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepTopRightBorderRadiusBottomLeft',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'top-right',
+ subitem: 'borderRadiusBottomLeft',
+ },
+ path: ['rhc', 'keep', 'top-right', 'borderRadiusBottomLeft'],
+ },
+ },
+ 'bottom-right': {
+ borderRadiusTopLeft: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepBottomRightBorderRadiusTopLeft',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'bottom-right',
+ subitem: 'borderRadiusTopLeft',
+ },
+ path: ['rhc', 'keep', 'bottom-right', 'borderRadiusTopLeft'],
+ },
+ borderRadiusTopRight: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepBottomRightBorderRadiusTopRight',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'bottom-right',
+ subitem: 'borderRadiusTopRight',
+ },
+ path: ['rhc', 'keep', 'bottom-right', 'borderRadiusTopRight'],
+ },
+ borderRadiusBottomRight: {
+ value: '48px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepBottomRightBorderRadiusBottomRight',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'bottom-right',
+ subitem: 'borderRadiusBottomRight',
+ },
+ path: ['rhc', 'keep', 'bottom-right', 'borderRadiusBottomRight'],
+ },
+ borderRadiusBottomLeft: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepBottomRightBorderRadiusBottomLeft',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'bottom-right',
+ subitem: 'borderRadiusBottomLeft',
+ },
+ path: ['rhc', 'keep', 'bottom-right', 'borderRadiusBottomLeft'],
+ },
+ },
+ 'bottom-left': {
+ borderRadiusTopLeft: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepBottomLeftBorderRadiusTopLeft',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'bottom-left',
+ subitem: 'borderRadiusTopLeft',
+ },
+ path: ['rhc', 'keep', 'bottom-left', 'borderRadiusTopLeft'],
+ },
+ borderRadiusTopRight: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepBottomLeftBorderRadiusTopRight',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'bottom-left',
+ subitem: 'borderRadiusTopRight',
+ },
+ path: ['rhc', 'keep', 'bottom-left', 'borderRadiusTopRight'],
+ },
+ borderRadiusBottomRight: {
+ value: 0,
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 0,
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepBottomLeftBorderRadiusBottomRight',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'bottom-left',
+ subitem: 'borderRadiusBottomRight',
+ },
+ path: ['rhc', 'keep', 'bottom-left', 'borderRadiusBottomRight'],
+ },
+ borderRadiusBottomLeft: {
+ value: '48px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'borderRadius',
+ },
+ name: 'rhcKeepBottomLeftBorderRadiusBottomLeft',
+ attributes: {
+ category: 'rhc',
+ type: 'keep',
+ item: 'bottom-left',
+ subitem: 'borderRadiusBottomLeft',
+ },
+ path: ['rhc', 'keep', 'bottom-left', 'borderRadiusBottomLeft'],
+ },
+ },
+ },
+ 'border-radius': {
+ sm: {
+ value: '2.5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5px',
+ type: 'borderRadius',
+ },
+ name: 'rhcBorderRadiusSm',
+ attributes: {
+ category: 'rhc',
+ type: 'border-radius',
+ item: 'sm',
+ },
+ path: ['rhc', 'border-radius', 'sm'],
+ },
+ md: {
+ value: '5px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '5px',
+ type: 'borderRadius',
+ },
+ name: 'rhcBorderRadiusMd',
+ attributes: {
+ category: 'rhc',
+ type: 'border-radius',
+ item: 'md',
+ },
+ path: ['rhc', 'border-radius', 'md'],
+ },
+ keep: {
+ value: '48px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'borderRadius',
+ },
+ name: 'rhcBorderRadiusKeep',
+ attributes: {
+ category: 'rhc',
+ type: 'border-radius',
+ item: 'keep',
+ },
+ path: ['rhc', 'border-radius', 'keep'],
+ },
+ circle: {
+ parent: 'core/default',
+ value: '999px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '999px',
+ type: 'borderRadius',
+ },
+ name: 'rhcBorderRadiusCircle',
+ attributes: {
+ category: 'rhc',
+ type: 'border-radius',
+ item: 'circle',
+ },
+ path: ['rhc', 'border-radius', 'circle'],
+ },
+ none: {
+ parent: 'core/default',
+ value: '0px',
+ type: 'borderRadius',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '0px',
+ type: 'borderRadius',
+ },
+ name: 'rhcBorderRadiusNone',
+ attributes: {
+ category: 'rhc',
+ type: 'border-radius',
+ item: 'none',
+ },
+ path: ['rhc', 'border-radius', 'none'],
+ },
+ },
+ color: {
+ focus: {
+ outline: {
+ value: '#000',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#000',
+ type: 'color',
+ },
+ name: 'rhcColorFocusOutline',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'focus',
+ subitem: 'outline',
+ },
+ path: ['rhc', 'color', 'focus', 'outline'],
+ },
+ },
+ foreground: {
+ default: {
+ parent: 'mode/light',
+ value: '#000',
+ type: 'color',
+ description: 'Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#000',
+ type: 'color',
+ description: 'Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels.',
+ },
+ name: 'rhcColorForegroundDefault',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'foreground',
+ subitem: 'default',
+ },
+ path: ['rhc', 'color', 'foreground', 'default'],
+ },
+ lint: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcColorForegroundLint',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'foreground',
+ subitem: 'lint',
+ },
+ path: ['rhc', 'color', 'foreground', 'lint'],
+ },
+ subdued: {
+ parent: 'mode/light',
+ value: '#334155',
+ type: 'color',
+ description:
+ 'Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#334155',
+ type: 'color',
+ description:
+ 'Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen.',
+ },
+ name: 'rhcColorForegroundSubdued',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'foreground',
+ subitem: 'subdued',
+ },
+ path: ['rhc', 'color', 'foreground', 'subdued'],
+ },
+ onEmphasis: {
+ parent: 'mode/light',
+ value: '#fff',
+ type: 'color',
+ description:
+ 'Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#fff',
+ type: 'color',
+ description:
+ 'Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer.',
+ },
+ name: 'rhcColorForegroundOnEmphasis',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'foreground',
+ subitem: 'onEmphasis',
+ },
+ path: ['rhc', 'color', 'foreground', 'onEmphasis'],
+ },
+ link: {
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'rhcColorForegroundLink',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'foreground',
+ subitem: 'link',
+ },
+ path: ['rhc', 'color', 'foreground', 'link'],
+ },
+ },
+ border: {
+ default: {
+ parent: 'mode/light',
+ value: '#64748B',
+ type: 'color',
+ description: 'Border kleur',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#64748B',
+ type: 'color',
+ description: 'Border kleur',
+ },
+ name: 'rhcColorBorderDefault',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'border',
+ subitem: 'default',
+ },
+ path: ['rhc', 'color', 'border', 'default'],
+ },
+ subdued: {
+ parent: 'mode/light',
+ value: '#94A3B8',
+ type: 'color',
+ description: 'Subtiele border',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#94A3B8',
+ type: 'color',
+ description: 'Subtiele border',
+ },
+ name: 'rhcColorBorderSubdued',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'border',
+ subitem: 'subdued',
+ },
+ path: ['rhc', 'color', 'border', 'subdued'],
+ },
+ strong: {
+ parent: 'mode/light',
+ value: '#000',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#000',
+ type: 'color',
+ },
+ name: 'rhcColorBorderStrong',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'border',
+ subitem: 'strong',
+ },
+ path: ['rhc', 'color', 'border', 'strong'],
+ },
+ },
+ canvas: {
+ parent: 'mode/light',
+ value: '#fff',
+ type: 'color',
+ description: 'Gebruik deze kleur voor de achtergrond van de website, hierbovenop komen de background kleuren.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#fff',
+ type: 'color',
+ description:
+ 'Gebruik deze kleur voor de achtergrond van de website, hierbovenop komen de background kleuren.',
+ },
+ name: 'rhcColorCanvas',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'canvas',
+ },
+ path: ['rhc', 'color', 'canvas'],
+ },
+ feedback: {
+ success: {
+ default: {
+ parent: 'mode/light',
+ value: '#39870c',
+ type: 'color',
+ description: 'Gebruik deze kleur om een positieve boodschap te benadrukken.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#39870c',
+ type: 'color',
+ description: 'Gebruik deze kleur om een positieve boodschap te benadrukken.',
+ },
+ name: 'rhcColorFeedbackSuccessDefault',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'feedback',
+ subitem: 'success',
+ state: 'default',
+ },
+ path: ['rhc', 'color', 'feedback', 'success', 'default'],
+ },
+ subdued: {
+ parent: 'mode/light',
+ value: '#e1eddb',
+ type: 'color',
+ description: 'Gebruik deze kleur om een positieve boodschap te highlighten.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#e1eddb',
+ type: 'color',
+ description: 'Gebruik deze kleur om een positieve boodschap te highlighten.',
+ },
+ name: 'rhcColorFeedbackSuccessSubdued',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'feedback',
+ subitem: 'success',
+ state: 'subdued',
+ },
+ path: ['rhc', 'color', 'feedback', 'success', 'subdued'],
+ },
+ },
+ info: {
+ default: {
+ parent: 'mode/light',
+ value: '#007bc7',
+ type: 'color',
+ description: 'Gebruik deze kleur om een informatieve boodschap te benadrukken.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#007bc7',
+ type: 'color',
+ description: 'Gebruik deze kleur om een informatieve boodschap te benadrukken.',
+ },
+ name: 'rhcColorFeedbackInfoDefault',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'feedback',
+ subitem: 'info',
+ state: 'default',
+ },
+ path: ['rhc', 'color', 'feedback', 'info', 'default'],
+ },
+ subdued: {
+ parent: 'mode/light',
+ value: '#d9ebf7',
+ type: 'color',
+ description: 'Gebruik deze kleur om een informatieve boodschap te highlighten.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#d9ebf7',
+ type: 'color',
+ description: 'Gebruik deze kleur om een informatieve boodschap te highlighten.',
+ },
+ name: 'rhcColorFeedbackInfoSubdued',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'feedback',
+ subitem: 'info',
+ state: 'subdued',
+ },
+ path: ['rhc', 'color', 'feedback', 'info', 'subdued'],
+ },
+ },
+ error: {
+ default: {
+ parent: 'mode/light',
+ value: '#d52b1e',
+ type: 'color',
+ description: 'Gebruik deze kleur om een negatieve boodschap te benadrukken.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#d52b1e',
+ type: 'color',
+ description: 'Gebruik deze kleur om een negatieve boodschap te benadrukken.',
+ },
+ name: 'rhcColorFeedbackErrorDefault',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'feedback',
+ subitem: 'error',
+ state: 'default',
+ },
+ path: ['rhc', 'color', 'feedback', 'error', 'default'],
+ },
+ subdued: {
+ parent: 'mode/light',
+ value: '#f9dfdd',
+ type: 'color',
+ description: 'Gebruik deze kleur om een negatieve boodschap te highlighten.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#f9dfdd',
+ type: 'color',
+ description: 'Gebruik deze kleur om een negatieve boodschap te highlighten.',
+ },
+ name: 'rhcColorFeedbackErrorSubdued',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'feedback',
+ subitem: 'error',
+ state: 'subdued',
+ },
+ path: ['rhc', 'color', 'feedback', 'error', 'subdued'],
+ },
+ },
+ warning: {
+ default: {
+ parent: 'mode/light',
+ value: '#ffb612',
+ type: 'color',
+ description: 'Gebruik deze kleur om een waarschuwing te benadrukken.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#ffb612',
+ type: 'color',
+ description: 'Gebruik deze kleur om een waarschuwing te benadrukken.',
+ },
+ name: 'rhcColorFeedbackWarningDefault',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'feedback',
+ subitem: 'warning',
+ state: 'default',
+ },
+ path: ['rhc', 'color', 'feedback', 'warning', 'default'],
+ },
+ subdued: {
+ parent: 'mode/light',
+ value: '#fff4db',
+ type: 'color',
+ description: 'Gebruik deze kleur om een waarschuwing te highlighten.',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'mode/light',
+ value: '#fff4db',
+ type: 'color',
+ description: 'Gebruik deze kleur om een waarschuwing te highlighten.',
+ },
+ name: 'rhcColorFeedbackWarningSubdued',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'feedback',
+ subitem: 'warning',
+ state: 'subdued',
+ },
+ path: ['rhc', 'color', 'feedback', 'warning', 'subdued'],
+ },
+ },
+ },
+ accent: {
+ 500: {
+ value: '#8fcae7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#8fcae7',
+ type: 'color',
+ },
+ name: 'rhcColorAccent500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'accent',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'accent', '500'],
+ },
+ },
+ primary: {
+ 50: {
+ value: '#dce3ea',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#dce3ea',
+ type: 'color',
+ },
+ name: 'rhcColorPrimary50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'primary',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'primary', '50'],
+ },
+ 100: {
+ value: '#b8c6d5',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#b8c6d5',
+ type: 'color',
+ },
+ name: 'rhcColorPrimary100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'primary',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'primary', '100'],
+ },
+ 200: {
+ value: '#95a9c0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#95a9c0',
+ type: 'color',
+ },
+ name: 'rhcColorPrimary200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'primary',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'primary', '200'],
+ },
+ 300: {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'rhcColorPrimary300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'primary',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'primary', '300'],
+ },
+ 400: {
+ value: '#4f7196',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#4f7196',
+ type: 'color',
+ },
+ name: 'rhcColorPrimary400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'primary',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'primary', '400'],
+ },
+ 500: {
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcColorPrimary500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'primary',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'primary', '500'],
+ },
+ hover: {
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.3',
+ space: 'lch',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ value: '#162f50',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ $extensions: {
+ 'studio.tokens': {
+ modify: {
+ type: 'darken',
+ value: '0.3',
+ space: 'lch',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ },
+ },
+ },
+ value: '#162f50',
+ type: 'color',
+ },
+ name: 'rhcColorPrimaryHover',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'primary',
+ subitem: 'hover',
+ },
+ path: ['rhc', 'color', 'primary', 'hover'],
+ },
+ },
+ grijs: {
+ 50: {
+ value: '#F8FAFC',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F8FAFC',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'grijs', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#F1F5F9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#F1F5F9',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'grijs', '100'],
+ },
+ 200: {
+ parent: 'core/default',
+ value: '#E2E8F0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#E2E8F0',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'grijs', '200'],
+ },
+ 300: {
+ parent: 'core/default',
+ value: '#CBD5E1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#CBD5E1',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'grijs', '300'],
+ },
+ 400: {
+ parent: 'core/default',
+ value: '#94A3B8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#94A3B8',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'grijs', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#64748B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#64748B',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'grijs', '500'],
+ },
+ 600: {
+ parent: 'core/default',
+ value: '#475569',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#475569',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs600',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '600',
+ },
+ path: ['rhc', 'color', 'grijs', '600'],
+ },
+ 700: {
+ parent: 'core/default',
+ value: '#334155',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#334155',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs700',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '700',
+ },
+ path: ['rhc', 'color', 'grijs', '700'],
+ },
+ 800: {
+ parent: 'core/default',
+ value: '#1E293B',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#1E293B',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs800',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '800',
+ },
+ path: ['rhc', 'color', 'grijs', '800'],
+ },
+ 900: {
+ parent: 'core/default',
+ value: '#0F172A',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#0F172A',
+ type: 'color',
+ },
+ name: 'rhcColorGrijs900',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'grijs',
+ subitem: '900',
+ },
+ path: ['rhc', 'color', 'grijs', '900'],
+ },
+ },
+ lichtblauw: {
+ 50: {
+ parent: 'core/default',
+ value: '#eef7fb',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#eef7fb',
+ type: 'color',
+ },
+ name: 'rhcColorLichtblauw50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lichtblauw',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'lichtblauw', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#ddeff8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#ddeff8',
+ type: 'color',
+ },
+ name: 'rhcColorLichtblauw100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lichtblauw',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'lichtblauw', '100'],
+ },
+ 200: {
+ value: '#CCE7F4',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CCE7F4',
+ type: 'color',
+ },
+ name: 'rhcColorLichtblauw200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lichtblauw',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'lichtblauw', '200'],
+ },
+ 300: {
+ value: '#BCDFF0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#BCDFF0',
+ type: 'color',
+ },
+ name: 'rhcColorLichtblauw300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lichtblauw',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'lichtblauw', '300'],
+ },
+ 400: {
+ value: '#ABD7ED',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#ABD7ED',
+ type: 'color',
+ },
+ name: 'rhcColorLichtblauw400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lichtblauw',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'lichtblauw', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#8fcae7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#8fcae7',
+ type: 'color',
+ },
+ name: 'rhcColorLichtblauw500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lichtblauw',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'lichtblauw', '500'],
+ },
+ },
+ violet: {
+ 50: {
+ parent: 'core/default',
+ value: '#f2d9e7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#f2d9e7',
+ type: 'color',
+ },
+ name: 'rhcColorViolet50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'violet',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'violet', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#e5b3d0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#e5b3d0',
+ type: 'color',
+ },
+ name: 'rhcColorViolet100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'violet',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'violet', '100'],
+ },
+ 200: {
+ value: '#D88CB7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#D88CB7',
+ type: 'color',
+ },
+ name: 'rhcColorViolet200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'violet',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'violet', '200'],
+ },
+ 300: {
+ value: '#CB66A0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CB66A0',
+ type: 'color',
+ },
+ name: 'rhcColorViolet300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'violet',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'violet', '300'],
+ },
+ 400: {
+ value: '#BE4088',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#BE4088',
+ type: 'color',
+ },
+ name: 'rhcColorViolet400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'violet',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'violet', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#a90061',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#a90061',
+ type: 'color',
+ },
+ name: 'rhcColorViolet500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'violet',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'violet', '500'],
+ },
+ },
+ paars: {
+ 50: {
+ parent: 'core/default',
+ value: '#e3dce7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#e3dce7',
+ type: 'color',
+ },
+ name: 'rhcColorPaars50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'paars',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'paars', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#c6b9cf',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#c6b9cf',
+ type: 'color',
+ },
+ name: 'rhcColorPaars100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'paars',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'paars', '100'],
+ },
+ 200: {
+ value: '#A995B7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#A995B7',
+ type: 'color',
+ },
+ name: 'rhcColorPaars200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'paars',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'paars', '200'],
+ },
+ 300: {
+ value: '#8D729F',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#8D729F',
+ type: 'color',
+ },
+ name: 'rhcColorPaars300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'paars',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'paars', '300'],
+ },
+ 400: {
+ parent: 'core/default',
+ value: '#714f87',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#714f87',
+ type: 'color',
+ },
+ name: 'rhcColorPaars400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'paars',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'paars', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#42145f',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#42145f',
+ type: 'color',
+ },
+ name: 'rhcColorPaars500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'paars',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'paars', '500'],
+ },
+ },
+ hemelblauw: {
+ 50: {
+ parent: 'core/default',
+ value: '#d9ebf7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#d9ebf7',
+ type: 'color',
+ },
+ name: 'rhcColorHemelblauw50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'hemelblauw',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'hemelblauw', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#b3d7ee',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#b3d7ee',
+ type: 'color',
+ },
+ name: 'rhcColorHemelblauw100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'hemelblauw',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'hemelblauw', '100'],
+ },
+ 200: {
+ value: '#8CC3E6',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#8CC3E6',
+ type: 'color',
+ },
+ name: 'rhcColorHemelblauw200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'hemelblauw',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'hemelblauw', '200'],
+ },
+ 300: {
+ value: '#66AFDD',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#66AFDD',
+ type: 'color',
+ },
+ name: 'rhcColorHemelblauw300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'hemelblauw',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'hemelblauw', '300'],
+ },
+ 400: {
+ value: '#409CD5',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#409CD5',
+ type: 'color',
+ },
+ name: 'rhcColorHemelblauw400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'hemelblauw',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'hemelblauw', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#007bc7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#007bc7',
+ type: 'color',
+ },
+ name: 'rhcColorHemelblauw500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'hemelblauw',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'hemelblauw', '500'],
+ },
+ },
+ donkerblauw: {
+ 50: {
+ parent: 'core/default',
+ value: '#d9e8f0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#d9e8f0',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerblauw50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerblauw',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'donkerblauw', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#b3d2e1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#b3d2e1',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerblauw100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerblauw',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'donkerblauw', '100'],
+ },
+ 200: {
+ value: '#8CBBD2',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#8CBBD2',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerblauw200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerblauw',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'donkerblauw', '200'],
+ },
+ 300: {
+ value: '#66A4C3',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#66A4C3',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerblauw300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerblauw',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'donkerblauw', '300'],
+ },
+ 400: {
+ value: '#408EB4',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#408EB4',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerblauw400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerblauw',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'donkerblauw', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#01689b',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#01689b',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerblauw500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerblauw',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'donkerblauw', '500'],
+ },
+ },
+ mintgroen: {
+ 50: {
+ parent: 'core/default',
+ value: '#eaf8f4',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#eaf8f4',
+ type: 'color',
+ },
+ name: 'rhcColorMintgroen50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mintgroen',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'mintgroen', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#d6f2e9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#d6f2e9',
+ type: 'color',
+ },
+ name: 'rhcColorMintgroen100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mintgroen',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'mintgroen', '100'],
+ },
+ 200: {
+ value: '#C1EBDE',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#C1EBDE',
+ type: 'color',
+ },
+ name: 'rhcColorMintgroen200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mintgroen',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'mintgroen', '200'],
+ },
+ 300: {
+ value: '#ACE4D3',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#ACE4D3',
+ type: 'color',
+ },
+ name: 'rhcColorMintgroen300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mintgroen',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'mintgroen', '300'],
+ },
+ 400: {
+ value: '#98DDC8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#98DDC8',
+ type: 'color',
+ },
+ name: 'rhcColorMintgroen400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mintgroen',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'mintgroen', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#76d2b6',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#76d2b6',
+ type: 'color',
+ },
+ name: 'rhcColorMintgroen500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mintgroen',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'mintgroen', '500'],
+ },
+ },
+ mosgroen: {
+ 50: {
+ parent: 'core/default',
+ value: '#ebebd9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#ebebd9',
+ type: 'color',
+ },
+ name: 'rhcColorMosgroen50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mosgroen',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'mosgroen', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#d6d7b3',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#d6d7b3',
+ type: 'color',
+ },
+ name: 'rhcColorMosgroen100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mosgroen',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'mosgroen', '100'],
+ },
+ 200: {
+ value: '#C1C38C',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#C1C38C',
+ type: 'color',
+ },
+ name: 'rhcColorMosgroen200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mosgroen',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'mosgroen', '200'],
+ },
+ 300: {
+ value: '#ADAF66',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#ADAF66',
+ type: 'color',
+ },
+ name: 'rhcColorMosgroen300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mosgroen',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'mosgroen', '300'],
+ },
+ 400: {
+ value: '#999C40',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#999C40',
+ type: 'color',
+ },
+ name: 'rhcColorMosgroen400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mosgroen',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'mosgroen', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#777b00',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#777b00',
+ type: 'color',
+ },
+ name: 'rhcColorMosgroen500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'mosgroen',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'mosgroen', '500'],
+ },
+ },
+ groen: {
+ 50: {
+ parent: 'core/default',
+ value: '#e1eddb',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#e1eddb',
+ type: 'color',
+ },
+ name: 'rhcColorGroen50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'groen',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'groen', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#c4dbb6',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#c4dbb6',
+ type: 'color',
+ },
+ name: 'rhcColorGroen100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'groen',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'groen', '100'],
+ },
+ 200: {
+ value: '#A5C991',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#A5C991',
+ type: 'color',
+ },
+ name: 'rhcColorGroen200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'groen',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'groen', '200'],
+ },
+ 300: {
+ value: '#88B76D',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#88B76D',
+ type: 'color',
+ },
+ name: 'rhcColorGroen300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'groen',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'groen', '300'],
+ },
+ 400: {
+ value: '#6AA549',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#6AA549',
+ type: 'color',
+ },
+ name: 'rhcColorGroen400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'groen',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'groen', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#39870c',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#39870c',
+ type: 'color',
+ },
+ name: 'rhcColorGroen500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'groen',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'groen', '500'],
+ },
+ },
+ donkergroen: {
+ 50: {
+ parent: 'core/default',
+ value: '#dfe6e1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#dfe6e1',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergroen50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergroen',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'donkergroen', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#becdc3',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#becdc3',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergroen100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergroen',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'donkergroen', '100'],
+ },
+ 200: {
+ value: '#9DB4A4',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#9DB4A4',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergroen200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergroen',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'donkergroen', '200'],
+ },
+ 300: {
+ value: '#7D9B87',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#7D9B87',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergroen300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergroen',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'donkergroen', '300'],
+ },
+ 400: {
+ value: '#5D8269',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#5D8269',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergroen400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergroen',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'donkergroen', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#275937',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#275937',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergroen500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergroen',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'donkergroen', '500'],
+ },
+ },
+ bruin: {
+ 50: {
+ parent: 'core/default',
+ value: '#efeada',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#efeada',
+ type: 'color',
+ },
+ name: 'rhcColorBruin50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'bruin',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'bruin', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#dfd4b6',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#dfd4b6',
+ type: 'color',
+ },
+ name: 'rhcColorBruin100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'bruin',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'bruin', '100'],
+ },
+ 200: {
+ value: '#CFBF90',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#CFBF90',
+ type: 'color',
+ },
+ name: 'rhcColorBruin200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'bruin',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'bruin', '200'],
+ },
+ 300: {
+ value: '#BFA96C',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#BFA96C',
+ type: 'color',
+ },
+ name: 'rhcColorBruin300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'bruin',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'bruin', '300'],
+ },
+ 400: {
+ value: '#AF9447',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#AF9447',
+ type: 'color',
+ },
+ name: 'rhcColorBruin400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'bruin',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'bruin', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#94710a',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#94710a',
+ type: 'color',
+ },
+ name: 'rhcColorBruin500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'bruin',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'bruin', '500'],
+ },
+ },
+ donkerbruin: {
+ 50: {
+ parent: 'core/default',
+ value: '#e8e0df',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#e8e0df',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerbruin50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerbruin',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'donkerbruin', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#d1c2be',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#d1c2be',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerbruin100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerbruin',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'donkerbruin', '100'],
+ },
+ 200: {
+ value: '#BAA39D',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#BAA39D',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerbruin200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerbruin',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'donkerbruin', '200'],
+ },
+ 300: {
+ value: '#A3847D',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#A3847D',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerbruin300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerbruin',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'donkerbruin', '300'],
+ },
+ 400: {
+ value: '#8D665D',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#8D665D',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerbruin400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerbruin',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'donkerbruin', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#673327',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#673327',
+ type: 'color',
+ },
+ name: 'rhcColorDonkerbruin500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkerbruin',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'donkerbruin', '500'],
+ },
+ },
+ geel: {
+ 50: {
+ parent: 'core/default',
+ value: '#fefbdd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#fefbdd',
+ type: 'color',
+ },
+ name: 'rhcColorGeel50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'geel',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'geel', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#fdf6bc',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#fdf6bc',
+ type: 'color',
+ },
+ name: 'rhcColorGeel100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'geel',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'geel', '100'],
+ },
+ 200: {
+ value: '#FCF199',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#FCF199',
+ type: 'color',
+ },
+ name: 'rhcColorGeel200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'geel',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'geel', '200'],
+ },
+ 300: {
+ value: '#FBED78',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#FBED78',
+ type: 'color',
+ },
+ name: 'rhcColorGeel300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'geel',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'geel', '300'],
+ },
+ 400: {
+ value: '#FAE856',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#FAE856',
+ type: 'color',
+ },
+ name: 'rhcColorGeel400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'geel',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'geel', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#f9e11e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#f9e11e',
+ type: 'color',
+ },
+ name: 'rhcColorGeel500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'geel',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'geel', '500'],
+ },
+ },
+ donkergeel: {
+ 50: {
+ parent: 'core/default',
+ value: '#fff4db',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#fff4db',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergeel50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergeel',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'donkergeel', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#ffe9b8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#ffe9b8',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergeel100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergeel',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'donkergeel', '100'],
+ },
+ 200: {
+ value: '#FDDE94',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#FDDE94',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergeel200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergeel',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'donkergeel', '200'],
+ },
+ 300: {
+ value: '#FDD370',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#FDD370',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergeel300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergeel',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'donkergeel', '300'],
+ },
+ 400: {
+ value: '#FDC84D',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#FDC84D',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergeel400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergeel',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'donkergeel', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#ffb612',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#ffb612',
+ type: 'color',
+ },
+ name: 'rhcColorDonkergeel500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'donkergeel',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'donkergeel', '500'],
+ },
+ },
+ oranje: {
+ 50: {
+ parent: 'core/default',
+ value: '#fbead9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#fbead9',
+ type: 'color',
+ },
+ name: 'rhcColorOranje50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'oranje',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'oranje', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#f6d4b3',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#f6d4b3',
+ type: 'color',
+ },
+ name: 'rhcColorOranje100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'oranje',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'oranje', '100'],
+ },
+ 200: {
+ value: '#F1BE8C',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F1BE8C',
+ type: 'color',
+ },
+ name: 'rhcColorOranje200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'oranje',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'oranje', '200'],
+ },
+ 300: {
+ value: '#EDA966',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#EDA966',
+ type: 'color',
+ },
+ name: 'rhcColorOranje300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'oranje',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'oranje', '300'],
+ },
+ 400: {
+ value: '#E89440',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#E89440',
+ type: 'color',
+ },
+ name: 'rhcColorOranje400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'oranje',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'oranje', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#e17000',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#e17000',
+ type: 'color',
+ },
+ name: 'rhcColorOranje500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'oranje',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'oranje', '500'],
+ },
+ },
+ rood: {
+ 50: {
+ parent: 'core/default',
+ value: '#f9dfdd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#f9dfdd',
+ type: 'color',
+ },
+ name: 'rhcColorRood50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'rood',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'rood', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#f2bfbc',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#f2bfbc',
+ type: 'color',
+ },
+ name: 'rhcColorRood100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'rood',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'rood', '100'],
+ },
+ 200: {
+ value: '#EC9F99',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#EC9F99',
+ type: 'color',
+ },
+ name: 'rhcColorRood200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'rood',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'rood', '200'],
+ },
+ 300: {
+ value: '#E67F78',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#E67F78',
+ type: 'color',
+ },
+ name: 'rhcColorRood300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'rood',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'rood', '300'],
+ },
+ 400: {
+ value: '#DF6056',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#DF6056',
+ type: 'color',
+ },
+ name: 'rhcColorRood400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'rood',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'rood', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#d52b1e',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#d52b1e',
+ type: 'color',
+ },
+ name: 'rhcColorRood500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'rood',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'rood', '500'],
+ },
+ },
+ roze: {
+ 50: {
+ parent: 'core/default',
+ value: '#fdeff8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#fdeff8',
+ type: 'color',
+ },
+ name: 'rhcColorRoze50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'roze',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'roze', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#fbdef0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#fbdef0',
+ type: 'color',
+ },
+ name: 'rhcColorRoze100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'roze',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'roze', '100'],
+ },
+ 200: {
+ value: '#F8CEE8',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F8CEE8',
+ type: 'color',
+ },
+ name: 'rhcColorRoze200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'roze',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'roze', '200'],
+ },
+ 300: {
+ value: '#F6BDE1',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F6BDE1',
+ type: 'color',
+ },
+ name: 'rhcColorRoze300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'roze',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'roze', '300'],
+ },
+ 400: {
+ value: '#F4ADD9',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#F4ADD9',
+ type: 'color',
+ },
+ name: 'rhcColorRoze400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'roze',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'roze', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#f092cd',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#f092cd',
+ type: 'color',
+ },
+ name: 'rhcColorRoze500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'roze',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'roze', '500'],
+ },
+ },
+ robijnrood: {
+ 50: {
+ parent: 'core/default',
+ value: '#f7d9e7',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#f7d9e7',
+ type: 'color',
+ },
+ name: 'rhcColorRobijnrood50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'robijnrood',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'robijnrood', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '#efb3ce',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#efb3ce',
+ type: 'color',
+ },
+ name: 'rhcColorRobijnrood100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'robijnrood',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'robijnrood', '100'],
+ },
+ 200: {
+ value: '#E78CB6',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#E78CB6',
+ type: 'color',
+ },
+ name: 'rhcColorRobijnrood200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'robijnrood',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'robijnrood', '200'],
+ },
+ 300: {
+ value: '#DF669D',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#DF669D',
+ type: 'color',
+ },
+ name: 'rhcColorRobijnrood300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'robijnrood',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'robijnrood', '300'],
+ },
+ 400: {
+ value: '#D74085',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#D74085',
+ type: 'color',
+ },
+ name: 'rhcColorRobijnrood400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'robijnrood',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'robijnrood', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#ca005d',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#ca005d',
+ type: 'color',
+ },
+ name: 'rhcColorRobijnrood500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'robijnrood',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'robijnrood', '500'],
+ },
+ },
+ lintblauw: {
+ 50: {
+ value: '#dce3ea',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#dce3ea',
+ type: 'color',
+ },
+ name: 'rhcColorLintblauw50',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lintblauw',
+ subitem: '50',
+ },
+ path: ['rhc', 'color', 'lintblauw', '50'],
+ },
+ 100: {
+ value: '#b8c6d5',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#b8c6d5',
+ type: 'color',
+ },
+ name: 'rhcColorLintblauw100',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lintblauw',
+ subitem: '100',
+ },
+ path: ['rhc', 'color', 'lintblauw', '100'],
+ },
+ 200: {
+ value: '#95a9c0',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#95a9c0',
+ type: 'color',
+ },
+ name: 'rhcColorLintblauw200',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lintblauw',
+ subitem: '200',
+ },
+ path: ['rhc', 'color', 'lintblauw', '200'],
+ },
+ 300: {
+ value: '#738eab',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#738eab',
+ type: 'color',
+ },
+ name: 'rhcColorLintblauw300',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lintblauw',
+ subitem: '300',
+ },
+ path: ['rhc', 'color', 'lintblauw', '300'],
+ },
+ 400: {
+ value: '#4f7196',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#4f7196',
+ type: 'color',
+ },
+ name: 'rhcColorLintblauw400',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lintblauw',
+ subitem: '400',
+ },
+ path: ['rhc', 'color', 'lintblauw', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '#154273',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '#154273',
+ type: 'color',
+ },
+ name: 'rhcColorLintblauw500',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'lintblauw',
+ subitem: '500',
+ },
+ path: ['rhc', 'color', 'lintblauw', '500'],
+ },
+ },
+ wit: {
+ value: '#fff',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#fff',
+ type: 'color',
+ },
+ name: 'rhcColorWit',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'wit',
+ },
+ path: ['rhc', 'color', 'wit'],
+ },
+ zwart: {
+ value: '#000',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '#000',
+ type: 'color',
+ },
+ name: 'rhcColorZwart',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'zwart',
+ },
+ path: ['rhc', 'color', 'zwart'],
+ },
+ none: {
+ value: 'transparent',
+ type: 'color',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'transparent',
+ type: 'color',
+ },
+ name: 'rhcColorNone',
+ attributes: {
+ category: 'rhc',
+ type: 'color',
+ item: 'none',
+ },
+ path: ['rhc', 'color', 'none'],
+ },
+ },
+ focus: {
+ 'outline-offset': {
+ value: '0.125rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '0.125rem',
+ type: 'spacing',
+ },
+ name: 'rhcFocusOutlineOffset',
+ attributes: {
+ category: 'rhc',
+ type: 'focus',
+ item: 'outline-offset',
+ },
+ path: ['rhc', 'focus', 'outline-offset'],
+ },
+ 'outline-style': {
+ value: 'solid',
+ type: 'other',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'solid',
+ type: 'other',
+ },
+ name: 'rhcFocusOutlineStyle',
+ attributes: {
+ category: 'rhc',
+ type: 'focus',
+ item: 'outline-style',
+ },
+ path: ['rhc', 'focus', 'outline-style'],
+ },
+ 'outline-width': {
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'rhcFocusOutlineWidth',
+ attributes: {
+ category: 'rhc',
+ type: 'focus',
+ item: 'outline-width',
+ },
+ path: ['rhc', 'focus', 'outline-width'],
+ },
+ },
+ 'font-size': {
+ heading: {
+ 'level-1': {
+ value: '3.125rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3.125rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeHeadingLevel1',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'heading',
+ subitem: 'level-1',
+ },
+ path: ['rhc', 'font-size', 'heading', 'level-1'],
+ },
+ 'level-2': {
+ value: '2.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeHeadingLevel2',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'heading',
+ subitem: 'level-2',
+ },
+ path: ['rhc', 'font-size', 'heading', 'level-2'],
+ },
+ 'level-3': {
+ value: '1.875rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.875rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeHeadingLevel3',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'heading',
+ subitem: 'level-3',
+ },
+ path: ['rhc', 'font-size', 'heading', 'level-3'],
+ },
+ 'level-4': {
+ value: '1.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeHeadingLevel4',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'heading',
+ subitem: 'level-4',
+ },
+ path: ['rhc', 'font-size', 'heading', 'level-4'],
+ },
+ 'level-5': {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeHeadingLevel5',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'heading',
+ subitem: 'level-5',
+ },
+ path: ['rhc', 'font-size', 'heading', 'level-5'],
+ },
+ },
+ paragraph: {
+ intro: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeParagraphIntro',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'paragraph',
+ subitem: 'intro',
+ },
+ path: ['rhc', 'font-size', 'paragraph', 'intro'],
+ },
+ default: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeParagraphDefault',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'paragraph',
+ subitem: 'default',
+ },
+ path: ['rhc', 'font-size', 'paragraph', 'default'],
+ },
+ },
+ xs: {
+ desktop: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.25rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeXsDesktop',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'xs',
+ subitem: 'desktop',
+ },
+ path: ['rhc', 'font-size', 'xs', 'desktop'],
+ },
+ tablet: {
+ value: '1.125rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.125rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeXsTablet',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'xs',
+ subitem: 'tablet',
+ },
+ path: ['rhc', 'font-size', 'xs', 'tablet'],
+ },
+ mobile: {
+ value: '1rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeXsMobile',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'xs',
+ subitem: 'mobile',
+ },
+ path: ['rhc', 'font-size', 'xs', 'mobile'],
+ },
+ },
+ sm: {
+ desktop: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeSmDesktop',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'sm',
+ subitem: 'desktop',
+ },
+ path: ['rhc', 'font-size', 'sm', 'desktop'],
+ },
+ tablet: {
+ value: '1.35rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.35rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeSmTablet',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'sm',
+ subitem: 'tablet',
+ },
+ path: ['rhc', 'font-size', 'sm', 'tablet'],
+ },
+ mobile: {
+ value: '1.2rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.2rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeSmMobile',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'sm',
+ subitem: 'mobile',
+ },
+ path: ['rhc', 'font-size', 'sm', 'mobile'],
+ },
+ },
+ md: {
+ desktop: {
+ value: '1.875rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.875rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeMdDesktop',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'md',
+ subitem: 'desktop',
+ },
+ path: ['rhc', 'font-size', 'md', 'desktop'],
+ },
+ tablet: {
+ value: '1.688rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.688rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeMdTablet',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'md',
+ subitem: 'tablet',
+ },
+ path: ['rhc', 'font-size', 'md', 'tablet'],
+ },
+ mobile: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1.5rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeMdMobile',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'md',
+ subitem: 'mobile',
+ },
+ path: ['rhc', 'font-size', 'md', 'mobile'],
+ },
+ },
+ lg: {
+ desktop: {
+ value: '2.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeLgDesktop',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'lg',
+ subitem: 'desktop',
+ },
+ path: ['rhc', 'font-size', 'lg', 'desktop'],
+ },
+ tablet: {
+ value: '2.25rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.25rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeLgTablet',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'lg',
+ subitem: 'tablet',
+ },
+ path: ['rhc', 'font-size', 'lg', 'tablet'],
+ },
+ mobile: {
+ value: '2rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeLgMobile',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'lg',
+ subitem: 'mobile',
+ },
+ path: ['rhc', 'font-size', 'lg', 'mobile'],
+ },
+ },
+ xl: {
+ desktop: {
+ value: '3.125rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '3.125rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeXlDesktop',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'xl',
+ subitem: 'desktop',
+ },
+ path: ['rhc', 'font-size', 'xl', 'desktop'],
+ },
+ tablet: {
+ value: '2.813rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.813rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeXlTablet',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'xl',
+ subitem: 'tablet',
+ },
+ path: ['rhc', 'font-size', 'xl', 'tablet'],
+ },
+ mobile: {
+ value: '2.5rem',
+ type: 'fontSizes',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '2.5rem',
+ type: 'fontSizes',
+ },
+ name: 'rhcFontSizeXlMobile',
+ attributes: {
+ category: 'rhc',
+ type: 'font-size',
+ item: 'xl',
+ subitem: 'mobile',
+ },
+ path: ['rhc', 'font-size', 'xl', 'mobile'],
+ },
+ },
+ },
+ 'line-height': {
+ paragraph: {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'rhcLineHeightParagraph',
+ attributes: {
+ category: 'rhc',
+ type: 'line-height',
+ item: 'paragraph',
+ },
+ path: ['rhc', 'line-height', 'paragraph'],
+ },
+ sm: {
+ value: '125%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '125%',
+ type: 'lineHeights',
+ },
+ name: 'rhcLineHeightSm',
+ attributes: {
+ category: 'rhc',
+ type: 'line-height',
+ item: 'sm',
+ },
+ path: ['rhc', 'line-height', 'sm'],
+ },
+ md: {
+ value: '150%',
+ type: 'lineHeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '150%',
+ type: 'lineHeights',
+ },
+ name: 'rhcLineHeightMd',
+ attributes: {
+ category: 'rhc',
+ type: 'line-height',
+ item: 'md',
+ },
+ path: ['rhc', 'line-height', 'md'],
+ },
+ },
+ size: {
+ target: {
+ value: '48px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'sizing',
+ },
+ name: 'rhcSizeTarget',
+ attributes: {
+ category: 'rhc',
+ type: 'size',
+ item: 'target',
+ },
+ path: ['rhc', 'size', 'target'],
+ },
+ icon: {
+ functional: {
+ value: '24px',
+ type: 'sizing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'sizing',
+ },
+ name: 'rhcSizeIconFunctional',
+ attributes: {
+ category: 'rhc',
+ type: 'size',
+ item: 'icon',
+ subitem: 'functional',
+ },
+ path: ['rhc', 'size', 'icon', 'functional'],
+ },
+ },
+ 'quarter-lint': {
+ value: '12px',
+ type: 'dimension',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '12px',
+ type: 'dimension',
+ },
+ name: 'rhcSizeQuarterLint',
+ attributes: {
+ category: 'rhc',
+ type: 'size',
+ item: 'quarter-lint',
+ },
+ path: ['rhc', 'size', 'quarter-lint'],
+ },
+ 'half-lint': {
+ value: '24px',
+ type: 'dimension',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '24px',
+ type: 'dimension',
+ },
+ name: 'rhcSizeHalfLint',
+ attributes: {
+ category: 'rhc',
+ type: 'size',
+ item: 'half-lint',
+ },
+ path: ['rhc', 'size', 'half-lint'],
+ },
+ lint: {
+ value: '48px',
+ type: 'dimension',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '48px',
+ type: 'dimension',
+ },
+ name: 'rhcSizeLint',
+ attributes: {
+ category: 'rhc',
+ type: 'size',
+ item: 'lint',
+ },
+ path: ['rhc', 'size', 'lint'],
+ },
+ '2-lint': {
+ value: '96px',
+ type: 'dimension',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '96px',
+ type: 'dimension',
+ },
+ name: 'rhcSize2Lint',
+ attributes: {
+ category: 'rhc',
+ type: 'size',
+ item: '2-lint',
+ },
+ path: ['rhc', 'size', '2-lint'],
+ },
+ '3-lint': {
+ value: '1440px',
+ type: 'dimension',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: '1440px',
+ type: 'dimension',
+ },
+ name: 'rhcSize3Lint',
+ attributes: {
+ category: 'rhc',
+ type: 'size',
+ item: '3-lint',
+ },
+ path: ['rhc', 'size', '3-lint'],
+ },
+ },
+ 'font-weight': {
+ 'extra-bold': {
+ value: 800,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 800,
+ type: 'fontWeights',
+ },
+ name: 'rhcFontWeightExtraBold',
+ attributes: {
+ category: 'rhc',
+ type: 'font-weight',
+ item: 'extra-bold',
+ },
+ path: ['rhc', 'font-weight', 'extra-bold'],
+ },
+ bold: {
+ value: 700,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 700,
+ type: 'fontWeights',
+ },
+ name: 'rhcFontWeightBold',
+ attributes: {
+ category: 'rhc',
+ type: 'font-weight',
+ item: 'bold',
+ },
+ path: ['rhc', 'font-weight', 'bold'],
+ },
+ 'semi-bold': {
+ value: 550,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 550,
+ type: 'fontWeights',
+ },
+ name: 'rhcFontWeightSemiBold',
+ attributes: {
+ category: 'rhc',
+ type: 'font-weight',
+ item: 'semi-bold',
+ },
+ path: ['rhc', 'font-weight', 'semi-bold'],
+ },
+ regular: {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'rhcFontWeightRegular',
+ attributes: {
+ category: 'rhc',
+ type: 'font-weight',
+ item: 'regular',
+ },
+ path: ['rhc', 'font-weight', 'regular'],
+ },
+ 'chosen-regular': {
+ value: 400,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 400,
+ type: 'fontWeights',
+ },
+ name: 'rhcFontWeightChosenRegular',
+ attributes: {
+ category: 'rhc',
+ type: 'font-weight',
+ item: 'chosen-regular',
+ },
+ path: ['rhc', 'font-weight', 'chosen-regular'],
+ },
+ light: {
+ value: 300,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 300,
+ type: 'fontWeights',
+ },
+ name: 'rhcFontWeightLight',
+ attributes: {
+ category: 'rhc',
+ type: 'font-weight',
+ item: 'light',
+ },
+ path: ['rhc', 'font-weight', 'light'],
+ },
+ thin: {
+ value: 200,
+ type: 'fontWeights',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 200,
+ type: 'fontWeights',
+ },
+ name: 'rhcFontWeightThin',
+ attributes: {
+ category: 'rhc',
+ type: 'font-weight',
+ item: 'thin',
+ },
+ path: ['rhc', 'font-weight', 'thin'],
+ },
+ },
+ 'font-family': {
+ primary: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: 'Fira Sans, Arial, Verdana, sans-serif',
+ type: 'fontFamilies',
+ },
+ name: 'rhcFontFamilyPrimary',
+ attributes: {
+ category: 'rhc',
+ type: 'font-family',
+ item: 'primary',
+ },
+ path: ['rhc', 'font-family', 'primary'],
+ },
+ secondary: {
+ value: "RijksoverheidSerifWeb, 'Times New Roman', serif",
+ type: 'fontFamilies',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ value: "RijksoverheidSerifWeb, 'Times New Roman', serif",
+ type: 'fontFamilies',
+ },
+ name: 'rhcFontFamilySecondary',
+ attributes: {
+ category: 'rhc',
+ type: 'font-family',
+ item: 'secondary',
+ },
+ path: ['rhc', 'font-family', 'secondary'],
+ },
+ },
+ 'border-width': {
+ default: {
+ parent: 'core/default',
+ value: '1px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '1px',
+ type: 'borderWidth',
+ },
+ name: 'rhcBorderWidthDefault',
+ attributes: {
+ category: 'rhc',
+ type: 'border-width',
+ item: 'default',
+ },
+ path: ['rhc', 'border-width', 'default'],
+ },
+ m: {
+ parent: 'core/default',
+ value: '2px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '2px',
+ type: 'borderWidth',
+ },
+ name: 'rhcBorderWidthM',
+ attributes: {
+ category: 'rhc',
+ type: 'border-width',
+ item: 'm',
+ },
+ path: ['rhc', 'border-width', 'm'],
+ },
+ none: {
+ parent: 'core/default',
+ value: '0px',
+ type: 'borderWidth',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '0px',
+ type: 'borderWidth',
+ },
+ name: 'rhcBorderWidthNone',
+ attributes: {
+ category: 'rhc',
+ type: 'border-width',
+ item: 'none',
+ },
+ path: ['rhc', 'border-width', 'none'],
+ },
+ },
+ space: {
+ 0: {
+ parent: 'core/default',
+ value: 0,
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: 0,
+ type: 'spacing',
+ },
+ name: 'rhcSpace0',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '0',
+ },
+ path: ['rhc', 'space', '0'],
+ },
+ 25: {
+ parent: 'core/default',
+ value: '0.125rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '0.125rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace25',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '25',
+ },
+ path: ['rhc', 'space', '25'],
+ },
+ 50: {
+ parent: 'core/default',
+ value: '0.25rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '0.25rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace50',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '50',
+ },
+ path: ['rhc', 'space', '50'],
+ },
+ 100: {
+ parent: 'core/default',
+ value: '0.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '0.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace100',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '100',
+ },
+ path: ['rhc', 'space', '100'],
+ },
+ 150: {
+ parent: 'core/default',
+ value: '0.75rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '0.75rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace150',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '150',
+ },
+ path: ['rhc', 'space', '150'],
+ },
+ 200: {
+ parent: 'core/default',
+ value: '1rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '1rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace200',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '200',
+ },
+ path: ['rhc', 'space', '200'],
+ },
+ 300: {
+ parent: 'core/default',
+ value: '1.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '1.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace300',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '300',
+ },
+ path: ['rhc', 'space', '300'],
+ },
+ 400: {
+ parent: 'core/default',
+ value: '2rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '2rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace400',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '400',
+ },
+ path: ['rhc', 'space', '400'],
+ },
+ 500: {
+ parent: 'core/default',
+ value: '2.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '2.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace500',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '500',
+ },
+ path: ['rhc', 'space', '500'],
+ },
+ 600: {
+ parent: 'core/default',
+ value: '3rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '3rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace600',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '600',
+ },
+ path: ['rhc', 'space', '600'],
+ },
+ 700: {
+ parent: 'core/default',
+ value: '3.5rem',
+ type: 'spacing',
+ filePath: 'src/generated/figma.tokens.json',
+ isSource: true,
+ original: {
+ parent: 'core/default',
+ value: '3.5rem',
+ type: 'spacing',
+ },
+ name: 'rhcSpace700',
+ attributes: {
+ category: 'rhc',
+ type: 'space',
+ item: '700',
+ },
+ path: ['rhc', 'space', '700'],
+ },
+ },
+ },
+};
diff --git a/packages/storybook/src/theme-builder/steps.tsx b/packages/storybook/src/theme-builder/steps.tsx
index 22b9014b0..65930755c 100644
--- a/packages/storybook/src/theme-builder/steps.tsx
+++ b/packages/storybook/src/theme-builder/steps.tsx
@@ -1,6 +1,16 @@
import type { ReactNode } from 'react';
import { Paragraph } from '@utrecht/component-library-react/dist/css-module';
-import { ButtonExample, FocusVisibleExample, HeadingsExample, LinkExample } from './examples';
+import {
+ ButtonExample,
+ FocusVisibleExample,
+ FontSizeScale,
+ HeadingsExample,
+ LinkExample,
+ InlineSpaceExample,
+ BlockSpaceExample,
+ RowSpaceExample,
+ ColumnSpaceExample,
+} from './examples';
export interface ThemeBuilderStepObject {
name: string;
@@ -28,7 +38,12 @@ export const steps: ThemeBuilderStepObject[] = [
},
{
name: 'Font families',
- tokens: [],
+ tokens: [
+ 'basis.typography.font-family.default',
+ 'basis.typography.font-family.sans-serif',
+ 'basis.typography.font-family.serif',
+ 'basis.typography.font-family.code',
+ ],
example: LinkExample,
description: () => (
<>
@@ -41,6 +56,84 @@ export const steps: ThemeBuilderStepObject[] = [
>
),
},
+ {
+ name: 'Font size scale',
+ tokens: [
+ 'basis.typography.font-size.xx-small',
+ 'basis.typography.font-size.x-small',
+ 'basis.typography.font-size.small',
+ 'basis.typography.font-size.medium',
+ 'basis.typography.font-size.large',
+ 'basis.typography.font-size.x-large',
+ 'basis.typography.font-size.xx-large',
+ 'basis.typography.font-size.xxx-large',
+ ],
+ example: FontSizeScale,
+ description: () => (
+ <>
+ {'Decide your font sizes now.'}
+ >
+ ),
+ },
+ {
+ name: 'Feedback colors: red',
+ tokens: [
+ 'basis.common.feedback.light-color-scheme.red.shade-1',
+ 'basis.common.feedback.light-color-scheme.red.shade-2',
+ 'basis.common.feedback.light-color-scheme.red.shade-3',
+ 'basis.common.feedback.light-color-scheme.red.shade-4',
+ 'basis.common.feedback.light-color-scheme.red.shade-5',
+ 'basis.common.feedback.light-color-scheme.red.shade-6',
+ 'basis.common.feedback.light-color-scheme.red.shade-7',
+ 'basis.common.feedback.light-color-scheme.red.shade-8',
+ 'basis.common.feedback.light-color-scheme.red.shade-9',
+ 'basis.common.feedback.light-color-scheme.red.shade-10',
+ 'basis.common.feedback.light-color-scheme.red.shade-11',
+ 'basis.common.feedback.light-color-scheme.red.shade-12',
+ 'basis.common.feedback.light-color-scheme.red.inverse-1',
+ 'basis.common.feedback.light-color-scheme.red.inverse-2',
+ 'basis.common.feedback.light-color-scheme.red.inverse-3',
+ 'basis.common.feedback.light-color-scheme.red.inverse-4',
+ 'basis.common.feedback.light-color-scheme.red.inverse-5',
+ 'basis.common.feedback.light-color-scheme.red.inverse-6',
+ 'basis.common.feedback.light-color-scheme.red.inverse-7',
+ 'basis.common.feedback.light-color-scheme.red.inverse-8',
+ 'basis.common.feedback.light-color-scheme.red.inverse-9',
+ 'basis.common.feedback.light-color-scheme.red.inverse-10',
+ 'basis.common.feedback.light-color-scheme.red.inverse-11',
+ 'basis.common.feedback.light-color-scheme.red.inverse-12',
+ 'basis.common.feedback.dark-color-scheme.red.shade-1',
+ 'basis.common.feedback.dark-color-scheme.red.shade-2',
+ 'basis.common.feedback.dark-color-scheme.red.shade-3',
+ 'basis.common.feedback.dark-color-scheme.red.shade-4',
+ 'basis.common.feedback.dark-color-scheme.red.shade-5',
+ 'basis.common.feedback.dark-color-scheme.red.shade-6',
+ 'basis.common.feedback.dark-color-scheme.red.shade-7',
+ 'basis.common.feedback.dark-color-scheme.red.shade-8',
+ 'basis.common.feedback.dark-color-scheme.red.shade-9',
+ 'basis.common.feedback.dark-color-scheme.red.shade-10',
+ 'basis.common.feedback.dark-color-scheme.red.shade-11',
+ 'basis.common.feedback.dark-color-scheme.red.shade-12',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-1',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-2',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-3',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-4',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-5',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-6',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-7',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-8',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-9',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-10',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-11',
+ 'basis.common.feedback.dark-color-scheme.red.inverse-12',
+ ],
+ example: FontSizeScale,
+ description: () => (
+ <>
+ {'Decide your font sizes now.'}
+ >
+ ),
+ },
{
name: 'Link color',
tokens: [
@@ -63,7 +156,67 @@ export const steps: ThemeBuilderStepObject[] = [
example: ButtonExample,
},
{
- name: 'Focus visible',
+ name: 'Focus visible: Basis',
+ commonTokens: [
+ 'basis.common.focus.outline-color',
+ 'basis.common.focus.outline-offset',
+ 'basis.common.focus.outline-width',
+ 'basis.common.focus.color',
+ 'basis.common.focus.background-color',
+ ],
+ tokens: [],
+ example: FocusVisibleExample,
+ },
+ {
+ name: 'Inline space',
+ commonTokens: [
+ 'basis.common.space.inline.x-small',
+ 'basis.common.space.inline.small',
+ 'basis.common.space.inline.medium',
+ 'basis.common.space.inline.large',
+ 'basis.common.space.inline.x-large',
+ ],
+ tokens: [],
+ example: InlineSpaceExample,
+ },
+ {
+ name: 'Block space',
+ commonTokens: [
+ 'basis.common.space.inline.x-small',
+ 'basis.common.space.inline.small',
+ 'basis.common.space.inline.medium',
+ 'basis.common.space.inline.large',
+ 'basis.common.space.inline.x-large',
+ ],
+ tokens: [],
+ example: BlockSpaceExample,
+ },
+ {
+ name: 'Column space',
+ commonTokens: [
+ 'basis.common.space.column.x-small',
+ 'basis.common.space.column.small',
+ 'basis.common.space.column.medium',
+ 'basis.common.space.column.large',
+ 'basis.common.space.column.x-large',
+ ],
+ tokens: [],
+ example: ColumnSpaceExample,
+ },
+ {
+ name: 'Row space',
+ commonTokens: [
+ 'basis.common.space.row.x-small',
+ 'basis.common.space.row.small',
+ 'basis.common.space.row.medium',
+ 'basis.common.space.row.large',
+ 'basis.common.space.row.x-large',
+ ],
+ tokens: [],
+ example: RowSpaceExample,
+ },
+ {
+ name: 'Focus visible: Utrecht',
commonTokens: [
'utrecht.focus.outline-color',
'utrecht.focus.outline-offset',
diff --git a/packages/theme-toolkit/package.json b/packages/theme-toolkit/package.json
index 8f4fa02bc..aba640ac8 100644
--- a/packages/theme-toolkit/package.json
+++ b/packages/theme-toolkit/package.json
@@ -62,87 +62,10 @@
"@types/lodash.omitby": "4.6.9",
"@types/prop-types": "15.7.12",
"@types/react": "18.3.3",
- "@utrecht/accordion-css": "1.2.0",
- "@utrecht/alert-dialog-css": "1.1.0",
- "@utrecht/alternate-lang-nav-css": "1.1.0",
- "@utrecht/article-css": "1.1.0",
- "@utrecht/backdrop-css": "1.1.0",
- "@utrecht/badge-counter-css": "1.2.0",
- "@utrecht/badge-data-css": "1.1.0",
- "@utrecht/badge-list-css": "1.1.0",
- "@utrecht/badge-status-css": "1.1.0",
- "@utrecht/blockquote-css": "1.1.0",
- "@utrecht/breadcrumb-nav-css": "1.1.0",
- "@utrecht/button-css": "1.2.0",
- "@utrecht/button-group-css": "1.1.0",
- "@utrecht/button-link-css": "1.1.0",
- "@utrecht/calendar-css": "1.1.0",
- "@utrecht/checkbox-css": "1.2.0",
- "@utrecht/code-block-css": "1.1.0",
- "@utrecht/color-sample-css": "1.1.0",
- "@utrecht/column-layout-css": "1.1.0",
- "@utrecht/combobox-css": "1.2.0",
"@utrecht/component-library-design-tokens": "1.0.0",
"@utrecht/component-library-react": "7.1.0",
- "@utrecht/currency-data-css": "1.1.0",
- "@utrecht/custom-checkbox-css": "1.1.1",
- "@utrecht/data-list-css": "1.1.0",
- "@utrecht/data-placeholder-css": "1.1.0",
"@utrecht/design-tokens": "1.1.0",
- "@utrecht/digid-button-css": "1.1.0",
- "@utrecht/document-css": "1.1.0",
- "@utrecht/drawer-css": "1.1.0",
- "@utrecht/emphasis-css": "1.1.0",
- "@utrecht/form-field-css": "1.1.0",
- "@utrecht/form-field-description-css": "1.2.0",
- "@utrecht/form-field-error-message-css": "1.2.0",
- "@utrecht/form-fieldset-css": "1.1.0",
- "@utrecht/form-label-css": "1.1.0",
- "@utrecht/form-toggle-css": "1.1.0",
- "@utrecht/heading-1-css": "1.1.0",
- "@utrecht/heading-2-css": "1.1.0",
- "@utrecht/heading-3-css": "1.1.0",
- "@utrecht/heading-4-css": "1.1.0",
- "@utrecht/heading-5-css": "1.1.0",
- "@utrecht/heading-6-css": "1.1.0",
- "@utrecht/heading-group-css": "1.1.0",
- "@utrecht/html-content-css": "1.1.0",
- "@utrecht/iban-data-css": "1.1.0",
"@utrecht/icon": "1.1.0",
- "@utrecht/index-char-nav-css": "1.1.0",
- "@utrecht/link-button-css": "1.1.0",
- "@utrecht/link-list-css": "2.0.0",
- "@utrecht/link-social-css": "1.1.0",
- "@utrecht/list-social-css": "1.1.0",
- "@utrecht/listbox-css": "1.1.0",
- "@utrecht/logo-button-css": "1.1.0",
- "@utrecht/logo-image-css": "1.1.0",
- "@utrecht/map-control-button-css": "1.1.0",
- "@utrecht/map-marker-css": "1.1.0",
- "@utrecht/multiline-data-css": "1.1.0",
- "@utrecht/nav-bar-css": "1.1.0",
- "@utrecht/nav-list-css": "1.1.0",
- "@utrecht/number-data-css": "1.1.0",
- "@utrecht/ordered-list-css": "1.1.0",
- "@utrecht/page-content-css": "1.1.0",
- "@utrecht/page-footer-css": "1.1.0",
- "@utrecht/page-header-css": "1.1.0",
- "@utrecht/pagination-css": "1.1.0",
- "@utrecht/paragraph-css": "1.1.0",
- "@utrecht/pre-heading-css": "1.1.0",
- "@utrecht/preserve-data-css": "1.1.0",
- "@utrecht/radio-button-css": "1.2.0",
- "@utrecht/search-bar-css": "1.1.0",
- "@utrecht/separator-css": "1.1.0",
- "@utrecht/skip-link-css": "1.1.0",
- "@utrecht/spotlight-section-css": "1.1.0",
- "@utrecht/surface-css": "1.1.0",
- "@utrecht/textarea-css": "1.2.0",
- "@utrecht/textbox-css": "1.2.0",
- "@utrecht/top-task-link-css": "1.1.0",
- "@utrecht/top-task-nav-css": "1.1.0",
- "@utrecht/unordered-list-css": "1.1.0",
- "@utrecht/url-data-css": "1.1.0",
"clsx": "2.1.1",
"cross-env": "7.0.3",
"jest": "29.7.0",
diff --git a/packages/theme-toolkit/src/community-tokens.ts b/packages/theme-toolkit/src/community-tokens.ts
index 0dc5899b1..69c79ecf6 100644
--- a/packages/theme-toolkit/src/community-tokens.ts
+++ b/packages/theme-toolkit/src/community-tokens.ts
@@ -1,92 +1,12 @@
import { readFile } from 'node:fs/promises';
import merge from 'lodash.merge';
-const tokenPackages = [
- '@utrecht/accordion-css',
- '@utrecht/alert-dialog-css',
- // '@utrecht/alternate-lang-nav-css',
- '@utrecht/article-css',
- '@utrecht/backdrop-css',
- '@utrecht/badge-counter-css',
- '@utrecht/badge-data-css',
- '@utrecht/badge-list-css',
- '@utrecht/badge-status-css',
- '@utrecht/blockquote-css',
- '@utrecht/breadcrumb-nav-css',
- '@utrecht/button-css',
- '@utrecht/button-group-css',
- '@utrecht/button-link-css',
- '@utrecht/calendar-css',
- '@utrecht/checkbox-css',
- '@utrecht/code-block-css',
- '@utrecht/color-sample-css',
- '@utrecht/column-layout-css',
- // '@utrecht/combobox-css',
- '@utrecht/currency-data-css',
- '@utrecht/custom-checkbox-css',
- '@utrecht/data-list-css',
- '@utrecht/data-placeholder-css',
- '@utrecht/digid-button-css',
- '@utrecht/document-css',
- '@utrecht/drawer-css',
- '@utrecht/emphasis-css',
- '@utrecht/form-field-css',
- '@utrecht/form-field-description-css',
- '@utrecht/form-field-error-message-css',
- '@utrecht/form-fieldset-css',
- '@utrecht/form-label-css',
- '@utrecht/form-toggle-css',
- '@utrecht/heading-1-css',
- '@utrecht/heading-2-css',
- '@utrecht/heading-3-css',
- '@utrecht/heading-4-css',
- '@utrecht/heading-5-css',
- '@utrecht/heading-6-css',
- '@utrecht/heading-group-css',
- // '@utrecht/html-content-css',
- '@utrecht/iban-data-css',
- // '@utrecht/icon',
- '@utrecht/index-char-nav-css',
- '@utrecht/link-button-css',
- '@utrecht/link-list-css',
- '@utrecht/link-social-css',
- '@utrecht/list-social-css',
- '@utrecht/listbox-css',
- '@utrecht/logo-button-css',
- '@utrecht/logo-image-css',
- '@utrecht/map-control-button-css',
- '@utrecht/map-marker-css',
- '@utrecht/multiline-data-css',
- '@utrecht/nav-bar-css',
- '@utrecht/nav-list-css',
- '@utrecht/number-data-css',
- '@utrecht/ordered-list-css',
- '@utrecht/page-content-css',
- '@utrecht/page-footer-css',
- '@utrecht/page-header-css',
- '@utrecht/pagination-css',
- '@utrecht/paragraph-css',
- '@utrecht/pre-heading-css',
- '@utrecht/preserve-data-css',
- '@utrecht/radio-button-css',
- '@utrecht/search-bar-css',
- '@utrecht/separator-css',
- '@utrecht/skip-link-css',
- '@utrecht/spotlight-section-css',
- '@utrecht/surface-css',
- '@utrecht/textarea-css',
- '@utrecht/textbox-css',
- '@utrecht/top-task-link-css',
- '@utrecht/top-task-nav-css',
- '@utrecht/unordered-list-css',
- // '@utrecht/url-data-css',
-];
+const tokenPackages = ['@utrecht/component-library-design-tokens/dist/index.json'];
export const getCommunityTokens = async () => {
const tokens = await Promise.all(
tokenPackages.map(async (packageName) => {
- const packagePath = import.meta.resolve(packageName);
- const tokensPath = new URL('../src/tokens.json', packagePath);
+ const tokensPath = import.meta.resolve(packageName);
try {
return JSON.parse(await readFile(tokensPath, 'utf-8'));
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cd7f4b9ad..12e702fed 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -234,6 +234,9 @@ importers:
'@open-formulieren/design-tokens':
specifier: 0.52.1
version: 0.52.1
+ '@rijkshuisstijl-community/design-tokens':
+ specifier: 1.0.0-alpha.24
+ version: 1.0.0-alpha.24
'@storybook/addon-a11y':
specifier: 8.2.7
version: 8.2.7(storybook@8.2.7(@babel/preset-env@7.24.5(@babel/core@7.24.5)))
@@ -486,249 +489,18 @@ importers:
'@types/react':
specifier: 18.3.3
version: 18.3.3
- '@utrecht/accordion-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/alert-dialog-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/alternate-lang-nav-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/article-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/backdrop-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/badge-counter-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/badge-data-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/badge-list-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/badge-status-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/blockquote-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/breadcrumb-nav-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/button-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/button-group-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/button-link-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/calendar-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/checkbox-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/code-block-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/color-sample-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/column-layout-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/combobox-css':
- specifier: 1.2.0
- version: 1.2.0
'@utrecht/component-library-design-tokens':
specifier: 1.0.0
version: 1.0.0
'@utrecht/component-library-react':
specifier: 7.1.0
version: 7.1.0(@babel/runtime@7.25.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
- '@utrecht/currency-data-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/custom-checkbox-css':
- specifier: 1.1.1
- version: 1.1.1
- '@utrecht/data-list-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/data-placeholder-css':
- specifier: 1.1.0
- version: 1.1.0
'@utrecht/design-tokens':
specifier: 1.1.0
version: 1.1.0
- '@utrecht/digid-button-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/document-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/drawer-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/emphasis-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/form-field-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/form-field-description-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/form-field-error-message-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/form-fieldset-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/form-label-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/form-toggle-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/heading-1-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/heading-2-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/heading-3-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/heading-4-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/heading-5-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/heading-6-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/heading-group-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/html-content-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/iban-data-css':
- specifier: 1.1.0
- version: 1.1.0
'@utrecht/icon':
specifier: 1.1.0
version: 1.1.0
- '@utrecht/index-char-nav-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/link-button-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/link-list-css':
- specifier: 2.0.0
- version: 2.0.0
- '@utrecht/link-social-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/list-social-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/listbox-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/logo-button-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/logo-image-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/map-control-button-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/map-marker-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/multiline-data-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/nav-bar-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/nav-list-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/number-data-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/ordered-list-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/page-content-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/page-footer-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/page-header-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/pagination-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/paragraph-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/pre-heading-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/preserve-data-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/radio-button-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/search-bar-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/separator-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/skip-link-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/spotlight-section-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/surface-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/textarea-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/textbox-css':
- specifier: 1.2.0
- version: 1.2.0
- '@utrecht/top-task-link-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/top-task-nav-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/unordered-list-css':
- specifier: 1.1.0
- version: 1.1.0
- '@utrecht/url-data-css':
- specifier: 1.1.0
- version: 1.1.0
clsx:
specifier: 2.1.1
version: 2.1.1
@@ -3195,6 +2967,9 @@ packages:
resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+ '@rijkshuisstijl-community/design-tokens@1.0.0-alpha.24':
+ resolution: {integrity: sha512-LfKKIk3CywmIwHnsgsBi1P2i14ekpIx5QYQ4sWz9CKXK8d4C3sXRS1OAGWenNaKq3L1tTjNhXU7ZghNr7qWWHA==}
+
'@rollup/plugin-babel@6.0.4':
resolution: {integrity: sha512-YF7Y52kFdFT/xVSuVdjkV5ZdX/3YtmX0QulG+x0taQOtJdHYzVU61aSSkAgVJ7NOv6qPkIYiJSgSWWN/DM5sGw==}
engines: {node: '>=14.0.0'}
@@ -3894,66 +3669,6 @@ packages:
'@ungap/structured-clone@1.2.0':
resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
- '@utrecht/accordion-css@1.2.0':
- resolution: {integrity: sha512-sQDGDizqbOWfwANNBTaPxsk7w/Awth5NlzIykoJhcZwAXTuX/WCk/85jTVlYYvELIpRJEN1Bm9TeHKVATq9+hg==}
-
- '@utrecht/alert-dialog-css@1.1.0':
- resolution: {integrity: sha512-DdHukkHzgQsw8gVcJdSwsH3htWdMHc35FJzdj2sgqmL9BMumNtq56RYxIPsEOBkWYQyAKXjnjRKLRa+IF6ATTw==}
-
- '@utrecht/alternate-lang-nav-css@1.1.0':
- resolution: {integrity: sha512-zXQuJcSAi9zMFL4WCx7JMtPq5vVjV4sWHzVwQY7oUkq6RmMVl5kQx4LMhKZjP85RfDvWm+aTcF5l1ORKcHZvYA==}
-
- '@utrecht/article-css@1.1.0':
- resolution: {integrity: sha512-C4gbfTLAyxUbXoa4yWdStMkfgVacctazz+tVdmW1OGqAvfnEGtAxqEaTD/9IoNfEXYhyREPlYnuKOjPgU3lmqw==}
-
- '@utrecht/backdrop-css@1.1.0':
- resolution: {integrity: sha512-oTGdo7OdFH4FJRqcwJp1DpxZQAR5LQWITYe1IJ7X+px9Wuu+9zSabYGn2dfIZgWaPYUAvAboiUtMpn21Z9yE3g==}
-
- '@utrecht/badge-counter-css@1.2.0':
- resolution: {integrity: sha512-JWuoj2068z3YW0z3mLXOIMzGl31heRrz5Vy/92w8Mx+diwGnt8UGX0jeYSonE/5brGfyBhg3Vu9hAuxtGmzYiA==}
-
- '@utrecht/badge-data-css@1.1.0':
- resolution: {integrity: sha512-tvFcO/4pncIKICYG8ti5hORg9W+kQFKstr0mmnmJ5QtrydFvxZs1GG/tEniHn1ayT8CbX2Ym2EUDaC5B+5l3oA==}
-
- '@utrecht/badge-list-css@1.1.0':
- resolution: {integrity: sha512-MwmOQrUNnr3u2hdHDfE/afxGujDUqn3mhznJfmxs8Q/OItpRK6tFee2rRy5+4DrBmqAWiJnGQ9DSD6ikO3rUwg==}
-
- '@utrecht/badge-status-css@1.1.0':
- resolution: {integrity: sha512-NlgFusz2zb8ULhlGSWJ7qVts7+9MsNRteMWP5isqi+XbJtC/7yECPwvzNnuUFfb8EcQUofZnWds+gCwywB8N6g==}
-
- '@utrecht/blockquote-css@1.1.0':
- resolution: {integrity: sha512-7KSf8zkyTslVqfeVhsn8jDt4/bgGT80VKH9XlbdXCVzc2dCw6C4ZgglkIgX6MR8z+WdDRjK6LhhvkSOOnxBK4g==}
-
- '@utrecht/breadcrumb-nav-css@1.1.0':
- resolution: {integrity: sha512-n7D1X/QJSU3pzJ/HvjUqxgZ4XHFPmdVLJ5RYZnlm6ygFcVQMblz35rI4Rz2iK5foddkehAFiNmXzQPDOrUb9VQ==}
-
- '@utrecht/button-css@1.2.0':
- resolution: {integrity: sha512-aYqnmuT5HOshv8Kr9IvBsJef+2KNKRNwLPQHxNC2fSGXWDFzROAeChUr0A1Ylt45aAApAD/bxxIHHBAeS1PwEA==}
-
- '@utrecht/button-group-css@1.1.0':
- resolution: {integrity: sha512-6E7DWPW6uyZ2ifS3xaCedTFLPItrjPsoDikDi4PvCl2QmUlAO/N3+SoXhqVSg4Hy9GMexabiFzf3b/wu4eFxsg==}
-
- '@utrecht/button-link-css@1.1.0':
- resolution: {integrity: sha512-XW0llqu7Tin9lGuXWHpylGHmthVYAXLkae460G34sKqlPYh7FI9ilzq9KXnuBCJjccQP0AnJNjJtyGJKaOxyBQ==}
-
- '@utrecht/calendar-css@1.1.0':
- resolution: {integrity: sha512-ZPJEWFCC0ObKHppK2f79Vuo6hnc+KcS6qRjAxUYOzjYwtYJp5lw+yjqsBLUgdcqOEMogj9cez6xGF+2gT2kkVw==}
-
- '@utrecht/checkbox-css@1.2.0':
- resolution: {integrity: sha512-vt+OhZEDn/wEayf+BYR37OMh4Dkh+WBx/huZjqDAkrFH869WGqIB4v0n3uj2j3lnvB3+O1tTr4aW7Ymkm7fqzg==}
-
- '@utrecht/code-block-css@1.1.0':
- resolution: {integrity: sha512-lH6pv5adSnxfnr032nfJRZxq5VKylTcvbdFDVoqPdFNqvJPBgV64ZXVrRMPHsOhJnvOO3im8Ytr2Wr9dedUaaQ==}
-
- '@utrecht/color-sample-css@1.1.0':
- resolution: {integrity: sha512-BdRKfVlx+CJppLmVev9qQ2C2nyOA0qhDdQTn0KI+Q68OeGz44Vlc8007JjHXNwd8tMWqLMeWeuexNxKpFhw5PQ==}
-
- '@utrecht/column-layout-css@1.1.0':
- resolution: {integrity: sha512-/umRVD5Mq3o7MLetTp164yqsNa6iLVzLsnq3XoBRYNF8uF2sVZJ/r4ZI19MuAtk9q2s87KpYfh/3qZNDqJU4sw==}
-
- '@utrecht/combobox-css@1.2.0':
- resolution: {integrity: sha512-qlsLpYq1Q0k7QD2MHh1QZxjvKjgCIdDxMQ18YLfScpx9nxUzyj8CEgkPXMk2MIfBHKY5QYIf1LR8otqechg+RA==}
-
'@utrecht/component-library-css@4.2.0':
resolution: {integrity: sha512-QvN0QEfVF9KJh8WD7gKJPhxMO1Eq8leB/x6h0JdkDrK7iRP+bceQtV74tn3JzkeP5LGZUsYulWXPhb6Hk6NKdw==}
@@ -3983,183 +3698,12 @@ packages:
'@utrecht/components@6.2.0':
resolution: {integrity: sha512-psEKA9yJenaq1KgvSwITjwI5D+PEmphGuW9HOpSEyjfydqfOyDWwbSzEWmaesWnU0uhfdnnVeRZveQ1H84Mx5Q==}
- '@utrecht/currency-data-css@1.1.0':
- resolution: {integrity: sha512-iFJFux7Yu3KqcrL2Tur5bYPRF+ty3tCvE+ZepBDqjRIlnGZnZ6jzhBSXtg9bUx13C9QqbRYNxpqoCzz6pWT+dA==}
-
- '@utrecht/custom-checkbox-css@1.1.1':
- resolution: {integrity: sha512-nU6T1eDEFSWBXmJ3eUuAlKy/0gPygXrGZhVmk7HUwyP+H0J6kAZd75t7d/ZlIjwzz5cWPF7uUbGD5637Z7KgHg==}
-
- '@utrecht/data-list-css@1.1.0':
- resolution: {integrity: sha512-VuS/4JgomaMMJ98/0BknMtNbkFxEielULLAKXVrjnV5oFGgb1s3b43R7GfYmn3jzZ1bLVpEYUSEY7ZTNrfPTsw==}
-
- '@utrecht/data-placeholder-css@1.1.0':
- resolution: {integrity: sha512-RlEbGzn7Y6NcZesI7tEeeikXhbbJ7fgelx7Kalm5Z5zuBHh2ioAsa2mVbSJiXJQZy9pcg7WtppZpGIowzZzvfg==}
-
'@utrecht/design-tokens@1.1.0':
resolution: {integrity: sha512-1P9aVSL5xlBx2sFEzm1v+obgAPvwiLj4dg0vAZnFxLF6ZLbPPu0kP+tQhW3Gj945DU3qkwL/tIuimObYulYVAg==}
- '@utrecht/digid-button-css@1.1.0':
- resolution: {integrity: sha512-y/uSBIytr6+DfxG9FDhlmVLT3QXFxWKST7XyCQyH2XKQSbSA/Ljgn5W7DFcAGvR50bzK+KSiXHCLyKDFXZr16A==}
-
- '@utrecht/document-css@1.1.0':
- resolution: {integrity: sha512-navpa20l9U2c/gMDNzZ83MF2/VfXJBXVIGw6CoZ7s3uNbR92H6MAvvSn29C/Kg9QGjDAhDd7P5dIyjQ1KrwJfg==}
-
- '@utrecht/drawer-css@1.1.0':
- resolution: {integrity: sha512-spOfqcBNCy9xv4YwaYjV6hY9wQLtYBZY2T+6ZeXwfdM+c7KrUbnI8pAyLJYoZR6/3N9QlmDFWsRnd2pIlzzm/g==}
-
- '@utrecht/emphasis-css@1.1.0':
- resolution: {integrity: sha512-j7yJ2HrLpHFquzE5wwW7qieIBjzDlVxn6NzgyPa+6a14AnKFYEXZWLZLCa+geWN8WC6wEg2bQ+iMhpw67JK8tA==}
-
- '@utrecht/form-field-css@1.1.0':
- resolution: {integrity: sha512-hrKz2vANKoO51/YgSItezODHsH2o5rdKPJgdQIWRBxqhAv/GNsNrwS9VC6Pg5veXyo/mWYJrU+ayojmDJ8nVnA==}
-
- '@utrecht/form-field-description-css@1.2.0':
- resolution: {integrity: sha512-4Kgyzr7hgVWroZELiBznGA7K2PRa0oq7lbKXwQ1ZMq5yhyDKpUknLfoFTMpc+/PgBil3VqL0J43C3e1z9WDnFg==}
-
- '@utrecht/form-field-error-message-css@1.2.0':
- resolution: {integrity: sha512-ajQw4A8IHBSpz2TSZtBGkQir5w0K3Sh1bS0Yuabqb/gz4XLIgC2aENNz+DBEYzWp4akmujWXLuBGMpbnvA+86A==}
-
- '@utrecht/form-fieldset-css@1.1.0':
- resolution: {integrity: sha512-OhPzQK65LqVoE0MFHJhmeMoiVO61zICAvQIDFtrRsErnddZL9gEhFGO10raCp16pAxUgo3UghpGcXMbh5rXVDQ==}
-
- '@utrecht/form-label-css@1.1.0':
- resolution: {integrity: sha512-6DeD2tLgSm8PiflP4jCk5D70H4RptEP6aJnHmXJCc0mbhHz0obONkrcl9pf4urRLQ+DuYa8x9fiHQHvjNCTeRg==}
-
- '@utrecht/form-toggle-css@1.1.0':
- resolution: {integrity: sha512-UgdmtVLqnkJ8UpvAwQr2FUU1Z0LtSGdB8l888hNok6ScWsKPevu+sJXkmInrALNRycPow0pnPAS16hy+WI21nw==}
-
- '@utrecht/heading-1-css@1.1.0':
- resolution: {integrity: sha512-ASpkzRzYifDlgvfvquj6hzPtIayxdPpJWN11oD1469HK2JtmBusT/P3Iz3H8YutBua7Nzm0lsHHzTfId51Cafg==}
-
- '@utrecht/heading-2-css@1.1.0':
- resolution: {integrity: sha512-pLD7DFl/rifLPb/Q2Xu7ARufTU3dLHde3bCOVnpZzNWq9hg7xkJbCcSoSSuxrlsZvIfwbRrOcRX6ES0+tejS8Q==}
-
- '@utrecht/heading-3-css@1.1.0':
- resolution: {integrity: sha512-9s8wtWR+TcQIPDSM2fsUDXXhL8ZmBGf0nZiQDlR2bvuLY0WOuFCpHWaV4JZQFkR9VOfJPIastoE9i2q5Jv7xCQ==}
-
- '@utrecht/heading-4-css@1.1.0':
- resolution: {integrity: sha512-aHTzGGGt7zAEPg7n8oxkPT1xivWQM6sZZHVrNzLgLRf6fXddp5RDFnCa9f00YR/d35OLrOxDJMgkh/BuuqZeYQ==}
-
- '@utrecht/heading-5-css@1.1.0':
- resolution: {integrity: sha512-hO8Ko16yDC7zrEoey67zQeQ0Y/gH/QTgoAOZq6E/jjymqEleO5j1xkALIrWlRXyrjh5dWk6hXCamWqIBGGLVDg==}
-
- '@utrecht/heading-6-css@1.1.0':
- resolution: {integrity: sha512-Ufzz8vrt0Jb2CnxEj1ZgweIbHXvwQqixVm8IKvO8Sl3XNnZlXJkqOWvQrczcIrUkqj7qpBY5wp4ZA/f0ytljBg==}
-
- '@utrecht/heading-group-css@1.1.0':
- resolution: {integrity: sha512-FPS2zw+vl1m6+VWuRhN7N6KBOXPEYMLx+Cpxny2DGp7j39/BEMniwjfh3IlVywkFbYhuuoEXlWtlkpGqUCNEiQ==}
-
- '@utrecht/html-content-css@1.1.0':
- resolution: {integrity: sha512-QMPLdd+NlH1i1MLNwYg8XxHpr6f0yAa12W2LEpWQQ2dLKwvNLVJAcPUuHJ6XwYfqYjupwvPwhHi5WXijjY24yw==}
-
- '@utrecht/iban-data-css@1.1.0':
- resolution: {integrity: sha512-aqnTIUkVde1l735cLAM6e9T4pGUTIh94f8PIWB4U5K558i6hCrfja3+vX6+8YNdPFREf8gfSDqhzKf6zt5QutA==}
-
'@utrecht/icon@1.1.0':
resolution: {integrity: sha512-qG9Z4axYxKkGpE5EM4tFylUhqpjFqh0hU89Rq1wFubl98/XUxPH042qsxuBmcyhN5AWyJwlBdAw+sveoxD2dJg==}
- '@utrecht/index-char-nav-css@1.1.0':
- resolution: {integrity: sha512-lDTlFLZ7M3BaWPAmIX0TEsNq2tisJnPn0yGkCQUprPb6JZ0JzKb7TXMZtHVjOsiXcRPD585Bh6ldic1zN2KhXg==}
-
- '@utrecht/link-button-css@1.1.0':
- resolution: {integrity: sha512-qGXFl0VlGhmM9qcnzMJQDBnj4tvBIkDgvojp7tsW5fOfjIWPCodvNaTlPOAx/lzwUG33rcONrT9MKRL0w60m2Q==}
-
- '@utrecht/link-list-css@2.0.0':
- resolution: {integrity: sha512-yXLnb3Q6ylXzFnjQ5qPSBiwiyKntiq71sgNUhqemUzBapE0W5opuurffkantNG2j5TFvaZ66eRVfVYHMscDTIQ==}
-
- '@utrecht/link-social-css@1.1.0':
- resolution: {integrity: sha512-l3Svj3QFC7FADIB597KqvXySTtA76Jf+StFrpK7jg9toGlW1+CiKQ3ncXWQFT33rHZK2D9hu1sCLCVKYS8kmLQ==}
-
- '@utrecht/list-social-css@1.1.0':
- resolution: {integrity: sha512-MsMC5YU/2Y+XeMHBIqTIQ2BKV6yrWAAZ5md7HXXNUQFv2NLCDbkJ3/85JguEtJZwOQ5aB2Kx2QkoQbc9vmWm/Q==}
-
- '@utrecht/listbox-css@1.1.0':
- resolution: {integrity: sha512-mX/ECg7kgWc286vK7SxlEtbuBQiEMeJVgZ9mAWtexDv9LD6zdc2RH6JR2dJ4EEtnCAHrey+JOHY2yBtuVLpOag==}
-
- '@utrecht/logo-button-css@1.1.0':
- resolution: {integrity: sha512-TukvjjrQv7J9/BzNgRmczdkRPjsBLkxoVEfQMCI5GtiU1+Ho+ZqSlEdBPqMQLzasBA21yLkqfVsLNdZHVQOPWQ==}
-
- '@utrecht/logo-image-css@1.1.0':
- resolution: {integrity: sha512-sPLnY+oCgQuT3lEy3Gj2njUjuB+vCmDGPtcTgBiKBSx5kf8qhHnAMFkCvi7vNFq96TlmdASnXgYwYOGgc6xtDg==}
-
- '@utrecht/map-control-button-css@1.1.0':
- resolution: {integrity: sha512-KUAQnjaTYrt17ufEfSa2cmbWMS2PeKz48xZ9+WS512AiGZOdWeta4tqP4y52NYZgYoVSe/EPs5bOconkUP0xUg==}
-
- '@utrecht/map-marker-css@1.1.0':
- resolution: {integrity: sha512-xV7IZ9+xn3AVwRXH6cq7Z3rviqdfgUycV8QBZaC2qLTt9pjG+Alx7KVHL0SrP5axI0n84MDPMYxIoUqEtH4gYA==}
-
- '@utrecht/multiline-data-css@1.1.0':
- resolution: {integrity: sha512-9ZqOZ6TVzA4TTAp64UWND99+8Bb6tVmO6GUrLHibs69hVT6sCMXpI0H9a0LtHHkFg5KURqGonISzzKcWXzvxIg==}
-
- '@utrecht/nav-bar-css@1.1.0':
- resolution: {integrity: sha512-hdKxR3ZJW5yhs44OMAzuPtqaAV1IVlkt3RqyCMl5oTbhI6bLrucpueVPePA5AKLcxP7a0WeT3FSznsEzJq3nNg==}
-
- '@utrecht/nav-list-css@1.1.0':
- resolution: {integrity: sha512-oYkGk2x5MHDi0YYz5MwL2tHwEBhV/h6HVLT5rRL9WYIsL5TSGwm9Q+zm+useOYH3/recv76irF5wozbj6osQlw==}
-
- '@utrecht/number-data-css@1.1.0':
- resolution: {integrity: sha512-xoXaDatsw2oTmxcOdBIfaqgNGtrsnshkYMnuLOYzv56lsiONIRhcFwV/I7uDhG+ku+HFX1IGVeIvfU6Ch4Llgg==}
-
- '@utrecht/ordered-list-css@1.1.0':
- resolution: {integrity: sha512-21Xde8zeMa/U97I/EOUjPlgxaSmdGVR65ysk4FN9pWS6sfMw9KVAJ0TBCIFl5rfSc7YB36f3Gmi/abZ7oeBkIA==}
-
- '@utrecht/page-content-css@1.1.0':
- resolution: {integrity: sha512-chGEXWuJBde1aA8T+P281s26jLbPvnmu7mKeTCMxPRArO8boRIHIzR5PDVj30Xn2DHOST2rxAJguZhY2ql3FlQ==}
-
- '@utrecht/page-footer-css@1.1.0':
- resolution: {integrity: sha512-F0xilNR7dwugEj/BVivfPq9QuSi2C8FdSkUc6GNuh8RefR0dlhj7jApMUyCwa1657hGNmCAdOGroDj9lHFx4aw==}
-
- '@utrecht/page-header-css@1.1.0':
- resolution: {integrity: sha512-rjxQKDsBhQ/9IprQ42tyANbwSoSacRs7HRhitJomngIP8tpDeSLlX0aQpMYDv0VypGvAM54W5I0+Dr8yxBlOWw==}
-
- '@utrecht/pagination-css@1.1.0':
- resolution: {integrity: sha512-S7iSch+VoQu/gI+4+RDFLZw3CaIF83KIZjX2spVkpPvUnUiHee9TSxfmMto76GSN0K8f+2AQJVkC/DubGsQ6aQ==}
-
- '@utrecht/paragraph-css@1.1.0':
- resolution: {integrity: sha512-HxkYL/W0tkHngucdBFHOK8t7OmUmlnz4uIXP4GBXdA299Hp+RGb/1vaH5A2RaIN0P7/4v6EkuV4lquOcHx0K0Q==}
-
- '@utrecht/pre-heading-css@1.1.0':
- resolution: {integrity: sha512-iDx0mSqU1d2SIJdEJCarNLecBY88+RJJlC6ruPlPSdtjZxsaOcOWFg6RWsE8e9xYA9oExxi1MWcZQynKIu4+hA==}
-
- '@utrecht/preserve-data-css@1.1.0':
- resolution: {integrity: sha512-SYdKQ28t2AEXsPohpMo5JAPvzg+4QGDVhkGPyRHMzI3EkmzZWZYqd6ufzATiEHf0bUgKSVU17iB2gN9VbKjipw==}
-
- '@utrecht/radio-button-css@1.2.0':
- resolution: {integrity: sha512-DpXttVtEA6BwjgoX2mNHZuQc8lYDsrg7k0QTp+6CDSEjhO6MRO4GAqKTOs56pEDKBghdn+3r7326Nr0VqZqsLQ==}
-
- '@utrecht/search-bar-css@1.1.0':
- resolution: {integrity: sha512-cIq0Gca8DpjlGoBUzF0Lq73tOwzhpNQhTHvUPv/+a9DHqt864A/nBG9F9juiMOqlXa+PmomLzLvAdndz4nTXAg==}
-
- '@utrecht/separator-css@1.1.0':
- resolution: {integrity: sha512-nszlcy9AlUaF1rZ7m7TfXwkB7TOuTrlOVQ2eZhSONe67y6uI+5Uushc81/pODfYDPUiqmKXpr5ifE/Lfvvirsg==}
-
- '@utrecht/skip-link-css@1.1.0':
- resolution: {integrity: sha512-hJO0me7xhK0gSFNAE1gO1mJJsfekfccay4+RtxXO+MkCj7P3hhOa7/tAt4yRfoUpLU/uIhLXRr8Stq4AaIXtKA==}
-
- '@utrecht/spotlight-section-css@1.1.0':
- resolution: {integrity: sha512-1qaG+hCwRDGWK5BZomJdhSfKtmVoGlGLFCA2wchrlPDylW6zOsPmlfPNpMyZbQShg97HPofxKdpzARLf1DwyFw==}
-
- '@utrecht/surface-css@1.1.0':
- resolution: {integrity: sha512-EA4udTSHf/0xCR/uYbRSc744Q6bu/A+KBCisBK2zBBhcLzQPc0TT5x1MO43HiJwg8ZcY3mXinyRdlavGEdXjdA==}
-
- '@utrecht/textarea-css@1.2.0':
- resolution: {integrity: sha512-zDb/fs/4T+nyaakSjaXZ3l5gsJvyyLxFsxTy6k6HKx+i6hq5lRqguNBZ89CAojUO5PtfWL4y1vSgrg+4SlDyXA==}
-
- '@utrecht/textbox-css@1.2.0':
- resolution: {integrity: sha512-b7bfn3Vo/iSepcglS1+jGyoUMpSfL0N7Dc0J8HKpAZSm8452I5s3SUHJyCiB/fsbM2F4ZFafwYT5n0rKucKZLQ==}
-
- '@utrecht/top-task-link-css@1.1.0':
- resolution: {integrity: sha512-oBzYDd5syw6sQmPlLElx0yq1dPx+4WRP4Xu6I5barqL+B36vcnUgZ2Sb5iBnceCuo8YISFzrrp4BW1cu39aSzA==}
-
- '@utrecht/top-task-nav-css@1.1.0':
- resolution: {integrity: sha512-T9AQD1W0z7JYYVDjqKqFpO90j5km6iF212TGv1L51SM3uLIqrhcxfaWjU8MqEA+SO1MZAJe53cHJ/SwyCU3KHg==}
-
- '@utrecht/unordered-list-css@1.1.0':
- resolution: {integrity: sha512-eEYgyDwhsvod7xroprjGODijErpgyVOgr09u1K0OCmosJkUNFH0HiQRfqHVWkct9wGnyZqZlanX/NpFKdrixVg==}
-
- '@utrecht/url-data-css@1.1.0':
- resolution: {integrity: sha512-YsFVcj5H9oTOuqtAZt2r17H9fhVEfoIWXXSIirTqHNxd/JvTv57iHnAuiRc661e0OHmWQbP1tBLLnQJiR8m82w==}
-
'@utrecht/web-component-library-stencil@1.4.0':
resolution: {integrity: sha512-1yoTlgjVo8LQpB5pq5T+aRgSjYgLi0lVB2OtHVPXiLN/xBi7JJSzwZBfFZuKwWUPJZCgJxxnL72GxfP+K/0uaA==}
@@ -10050,6 +9594,8 @@ snapshots:
'@pkgr/core@0.1.1': {}
+ '@rijkshuisstijl-community/design-tokens@1.0.0-alpha.24': {}
+
'@rollup/plugin-babel@6.0.4(@babel/core@7.24.5)(@types/babel__core@7.20.5)(rollup@4.19.2)':
dependencies:
'@babel/core': 7.24.5
@@ -10814,46 +10360,6 @@ snapshots:
'@ungap/structured-clone@1.2.0': {}
- '@utrecht/accordion-css@1.2.0': {}
-
- '@utrecht/alert-dialog-css@1.1.0': {}
-
- '@utrecht/alternate-lang-nav-css@1.1.0': {}
-
- '@utrecht/article-css@1.1.0': {}
-
- '@utrecht/backdrop-css@1.1.0': {}
-
- '@utrecht/badge-counter-css@1.2.0': {}
-
- '@utrecht/badge-data-css@1.1.0': {}
-
- '@utrecht/badge-list-css@1.1.0': {}
-
- '@utrecht/badge-status-css@1.1.0': {}
-
- '@utrecht/blockquote-css@1.1.0': {}
-
- '@utrecht/breadcrumb-nav-css@1.1.0': {}
-
- '@utrecht/button-css@1.2.0': {}
-
- '@utrecht/button-group-css@1.1.0': {}
-
- '@utrecht/button-link-css@1.1.0': {}
-
- '@utrecht/calendar-css@1.1.0': {}
-
- '@utrecht/checkbox-css@1.2.0': {}
-
- '@utrecht/code-block-css@1.1.0': {}
-
- '@utrecht/color-sample-css@1.1.0': {}
-
- '@utrecht/column-layout-css@1.1.0': {}
-
- '@utrecht/combobox-css@1.2.0': {}
-
'@utrecht/component-library-css@4.2.0': {}
'@utrecht/component-library-design-tokens@1.0.0': {}
@@ -10874,124 +10380,10 @@ snapshots:
dependencies:
clsx: 2.1.1
- '@utrecht/currency-data-css@1.1.0': {}
-
- '@utrecht/custom-checkbox-css@1.1.1': {}
-
- '@utrecht/data-list-css@1.1.0': {}
-
- '@utrecht/data-placeholder-css@1.1.0': {}
-
'@utrecht/design-tokens@1.1.0': {}
- '@utrecht/digid-button-css@1.1.0': {}
-
- '@utrecht/document-css@1.1.0': {}
-
- '@utrecht/drawer-css@1.1.0': {}
-
- '@utrecht/emphasis-css@1.1.0': {}
-
- '@utrecht/form-field-css@1.1.0': {}
-
- '@utrecht/form-field-description-css@1.2.0': {}
-
- '@utrecht/form-field-error-message-css@1.2.0': {}
-
- '@utrecht/form-fieldset-css@1.1.0': {}
-
- '@utrecht/form-label-css@1.1.0': {}
-
- '@utrecht/form-toggle-css@1.1.0': {}
-
- '@utrecht/heading-1-css@1.1.0': {}
-
- '@utrecht/heading-2-css@1.1.0': {}
-
- '@utrecht/heading-3-css@1.1.0': {}
-
- '@utrecht/heading-4-css@1.1.0': {}
-
- '@utrecht/heading-5-css@1.1.0': {}
-
- '@utrecht/heading-6-css@1.1.0': {}
-
- '@utrecht/heading-group-css@1.1.0': {}
-
- '@utrecht/html-content-css@1.1.0': {}
-
- '@utrecht/iban-data-css@1.1.0': {}
-
'@utrecht/icon@1.1.0': {}
- '@utrecht/index-char-nav-css@1.1.0': {}
-
- '@utrecht/link-button-css@1.1.0': {}
-
- '@utrecht/link-list-css@2.0.0': {}
-
- '@utrecht/link-social-css@1.1.0': {}
-
- '@utrecht/list-social-css@1.1.0': {}
-
- '@utrecht/listbox-css@1.1.0': {}
-
- '@utrecht/logo-button-css@1.1.0': {}
-
- '@utrecht/logo-image-css@1.1.0': {}
-
- '@utrecht/map-control-button-css@1.1.0': {}
-
- '@utrecht/map-marker-css@1.1.0': {}
-
- '@utrecht/multiline-data-css@1.1.0': {}
-
- '@utrecht/nav-bar-css@1.1.0': {}
-
- '@utrecht/nav-list-css@1.1.0': {}
-
- '@utrecht/number-data-css@1.1.0': {}
-
- '@utrecht/ordered-list-css@1.1.0': {}
-
- '@utrecht/page-content-css@1.1.0': {}
-
- '@utrecht/page-footer-css@1.1.0': {}
-
- '@utrecht/page-header-css@1.1.0': {}
-
- '@utrecht/pagination-css@1.1.0': {}
-
- '@utrecht/paragraph-css@1.1.0': {}
-
- '@utrecht/pre-heading-css@1.1.0': {}
-
- '@utrecht/preserve-data-css@1.1.0': {}
-
- '@utrecht/radio-button-css@1.2.0': {}
-
- '@utrecht/search-bar-css@1.1.0': {}
-
- '@utrecht/separator-css@1.1.0': {}
-
- '@utrecht/skip-link-css@1.1.0': {}
-
- '@utrecht/spotlight-section-css@1.1.0': {}
-
- '@utrecht/surface-css@1.1.0': {}
-
- '@utrecht/textarea-css@1.2.0': {}
-
- '@utrecht/textbox-css@1.2.0': {}
-
- '@utrecht/top-task-link-css@1.1.0': {}
-
- '@utrecht/top-task-nav-css@1.1.0': {}
-
- '@utrecht/unordered-list-css@1.1.0': {}
-
- '@utrecht/url-data-css@1.1.0': {}
-
'@utrecht/web-component-library-stencil@1.4.0':
dependencies:
'@stencil/core': 4.18.3
diff --git a/proprietary/basis-design-tokens/figma/basis.tokens.json b/proprietary/basis-design-tokens/figma/basis.tokens.json
index dd0ef392e..884589e8b 100644
--- a/proprietary/basis-design-tokens/figma/basis.tokens.json
+++ b/proprietary/basis-design-tokens/figma/basis.tokens.json
@@ -3,49 +3,49 @@
"basis": {
"typography": {
"font-size": {
- "0": {
+ "xxxx-large": {
"$type": "fontSizes",
"$value": "48px"
},
- "1": {
+ "xxx-large": {
"$type": "fontSizes",
"$value": "40px"
},
- "2": {
+ "xx-large": {
"$type": "fontSizes",
"$value": "32px"
},
- "3": {
+ "x-large": {
"$type": "fontSizes",
"$value": "24px"
},
- "4": {
+ "large": {
"$type": "fontSizes",
"$value": "20px"
},
- "5": {
+ "medium": {
"$type": "fontSizes",
"$value": "16px"
},
- "6": {
+ "small": {
"$type": "fontSizes",
"$value": "14px"
}
},
"line-height": {
- "xs": {
+ "x-small": {
"$type": "lineHeights",
"$value": "100%"
},
- "sm": {
+ "small": {
"$type": "lineHeights",
"$value": "125%"
},
- "md": {
+ "medium": {
"$type": "lineHeights",
"$value": "150%"
},
- "lg": {
+ "large": {
"$type": "lineHeights",
"$value": "200%"
}
@@ -570,7 +570,7 @@
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.5}"
+ "$value": "{basis.typography.font-size.medium}"
},
"font-weight": {
"$type": "fontWeights",
@@ -578,7 +578,7 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.md}"
+ "$value": "{basis.typography.line-height.medium}"
}
},
"heading": {
@@ -696,11 +696,11 @@
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.5}"
+ "$value": "{basis.typography.font-size.medium}"
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.md}"
+ "$value": "{basis.typography.line-height.medium}"
},
"max-inline-size": {
"$type": "sizing",
@@ -1293,11 +1293,11 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.sm}"
+ "$value": "{basis.typography.line-height.small}"
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.3}"
+ "$value": "{basis.typography.font-size.x-large}"
}
}
}
@@ -1517,7 +1517,7 @@
"attribution": {
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.6}"
+ "$value": "{basis.typography.font-size.small}"
},
"color": {
"$type": "color",
@@ -1527,7 +1527,7 @@
"content": {
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.3}"
+ "$value": "{basis.typography.font-size.x-large}"
},
"color": {
"$type": "color",
@@ -1549,7 +1549,7 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.md}"
+ "$value": "{basis.typography.line-height.medium}"
},
"font-weight": {
"$type": "fontWeights",
@@ -1563,7 +1563,7 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.sm}"
+ "$value": "{basis.typography.line-height.small}"
},
"font-weight": {
"$type": "fontWeights",
@@ -2201,11 +2201,11 @@
"heading": {
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.sm}"
+ "$value": "{basis.typography.line-height.small}"
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.3}"
+ "$value": "{basis.typography.font-size.x-large}"
},
"color": {
"$type": "color",
@@ -3146,11 +3146,11 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.sm}"
+ "$value": "{basis.typography.line-height.small}"
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.1}"
+ "$value": "{basis.typography.font-size.xxx-large}"
}
},
"heading-2": {
@@ -3168,11 +3168,11 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.sm}"
+ "$value": "{basis.typography.line-height.small}"
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.2}"
+ "$value": "{basis.typography.font-size.xx-large}"
}
},
"heading-3": {
@@ -3190,11 +3190,11 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.sm}"
+ "$value": "{basis.typography.line-height.small}"
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.3}"
+ "$value": "{basis.typography.font-size.x-large}"
}
},
"heading-4": {
@@ -3212,11 +3212,11 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.md}"
+ "$value": "{basis.typography.line-height.medium}"
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.4}"
+ "$value": "{basis.typography.font-size.large}"
}
},
"heading-5": {
@@ -3234,11 +3234,11 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.md}"
+ "$value": "{basis.typography.line-height.medium}"
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.5}"
+ "$value": "{basis.typography.font-size.medium}"
}
},
"heading-6": {
@@ -3256,11 +3256,11 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.md}"
+ "$value": "{basis.typography.line-height.medium}"
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.6}"
+ "$value": "{basis.typography.font-size.small}"
}
}
}
@@ -3570,7 +3570,7 @@
"number-badge": {
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.6}"
+ "$value": "{basis.typography.font-size.small}"
},
"min-block-size": {
"$type": "sizing",
@@ -3989,7 +3989,7 @@
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.4}"
+ "$value": "{basis.typography.font-size.large}"
},
"font-weight": {
"$type": "fontWeights",
@@ -4007,7 +4007,7 @@
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.6}"
+ "$value": "{basis.typography.font-size.small}"
},
"font-weight": {
"$type": "fontWeights",
@@ -4034,7 +4034,7 @@
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.6}"
+ "$value": "{basis.typography.font-size.small}"
},
"font-weight": {
"$type": "fontWeights",
@@ -5214,7 +5214,7 @@
"status-badge": {
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.6}"
+ "$value": "{basis.typography.font-size.small}"
},
"line-height": {
"$type": "lineHeights",
@@ -5643,7 +5643,7 @@
},
"line-height": {
"$type": "lineHeights",
- "$value": "{basis.typography.line-height.sm}"
+ "$value": "{basis.typography.line-height.small}"
},
"font-family": {
"$type": "fontFamilies",
@@ -5651,7 +5651,7 @@
},
"font-size": {
"$type": "fontSizes",
- "$value": "{basis.typography.font-size.3}"
+ "$value": "{basis.typography.font-size.x-large}"
},
"font-weight": {
"$type": "fontWeights",
@@ -6280,4 +6280,4 @@
"components/unordered-list"
]
}
-}
\ No newline at end of file
+}