diff --git a/packages/ffe-core/.gitignore b/packages/ffe-core/.gitignore index 330d71eed0..5b34d3ebb3 100644 --- a/packages/ffe-core/.gitignore +++ b/packages/ffe-core/.gitignore @@ -1,2 +1,3 @@ css/ gen-src/ +less/colors-semantic.less \ No newline at end of file diff --git a/packages/ffe-core/less/ffe.less b/packages/ffe-core/less/ffe.less index 20cae55e35..93b1dac52c 100644 --- a/packages/ffe-core/less/ffe.less +++ b/packages/ffe-core/less/ffe.less @@ -4,6 +4,7 @@ // less variables @import 'breakpoints'; @import 'colors'; +@import 'colors-semantic'; @import 'dimensions'; @import 'motion'; @import 'spacing'; diff --git a/packages/ffe-core/package.json b/packages/ffe-core/package.json index b00a790892..7a433d7bc2 100644 --- a/packages/ffe-core/package.json +++ b/packages/ffe-core/package.json @@ -23,7 +23,8 @@ "lint": "ffe-buildtool stylelint less/*.less", "test": "npm run lint", "clean": "rm -rf css/ gen-src/ lib/", - "build": "./scripts/build.js tokens.config.js && ./scripts/build-custom-mq.js less/breakpoints.less css/custom-media-queries.css && ffe-buildtool tsc && lessc less/ffe.less css/ffe.css --autoprefix" + "generate-semantic-colors": "./scripts/generate-semantic-colors.js", + "build": "npm run generate-semantic-colors && ./scripts/build.js tokens.config.js && ./scripts/build-custom-mq.js less/breakpoints.less css/custom-media-queries.css && ffe-buildtool tsc && lessc less/ffe.less css/ffe.css --autoprefix" }, "devDependencies": { "@sb1/ffe-buildtool": "^0.9.0", diff --git a/packages/ffe-core/scripts/build.js b/packages/ffe-core/scripts/build.js index 063e65351f..25a274a6a9 100755 --- a/packages/ffe-core/scripts/build.js +++ b/packages/ffe-core/scripts/build.js @@ -1,10 +1,8 @@ #!/usr/bin/env node const path = require('path'); - const writeToFile = require('./lib/writeToFile'); const renderLessVarsToCSSProps = require('./lib/renderLessVarsToCSSProps'); const extractCustomProps = require('./lib/extractCustomProps'); -const { genTSSource, genTSModIndex } = require('./lib/genTypeScript'); const configFilePath = process.argv[2]; @@ -13,7 +11,9 @@ if (!configFilePath) { process.exit(1); } +const { genTSSource, genTSModIndex } = require('./lib/genTypeScript'); const config = require(path.resolve(configFilePath)); + const lessFiles = config.sources.map(p => path.resolve(p)); const basename = fname => path.basename(fname, '.less'); diff --git a/packages/ffe-core/scripts/figma-api/color.spec.tsx b/packages/ffe-core/scripts/figma-api/color.spec.tsx new file mode 100644 index 0000000000..04446f6f51 --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/color.spec.tsx @@ -0,0 +1,126 @@ +import { colorApproximatelyEqual, parseColor, rgbToHex } from './color'; + +describe('colorApproximatelyEqual', () => { + it('compares by hex value', () => { + expect( + colorApproximatelyEqual({ r: 0, g: 0, b: 0 }, { r: 0, g: 0, b: 0 }), + ).toBe(true); + expect( + colorApproximatelyEqual( + { r: 0, g: 0, b: 0 }, + { r: 0, g: 0, b: 0, a: 1 }, + ), + ).toBe(true); + expect( + colorApproximatelyEqual( + { r: 0, g: 0, b: 0, a: 0.5 }, + { r: 0, g: 0, b: 0, a: 0.5 }, + ), + ).toBe(true); + expect( + colorApproximatelyEqual( + { r: 0, g: 0, b: 0 }, + { r: 0, g: 0, b: 0, a: 0 }, + ), + ).toBe(false); + + expect( + colorApproximatelyEqual( + { r: 0, g: 0, b: 0 }, + { r: 0.001, g: 0, b: 0 }, + ), + ).toBe(true); + expect( + colorApproximatelyEqual( + { r: 0, g: 0, b: 0 }, + { r: 0.0028, g: 0, b: 0 }, + ), + ).toBe(false); + }); +}); + +describe('parseColor', () => { + it('parses hex values', () => { + // 3-value syntax + expect(parseColor('#000')).toEqual({ r: 0, g: 0, b: 0 }); + expect(parseColor('#fff')).toEqual({ r: 1, g: 1, b: 1 }); + expect(parseColor('#FFF')).toEqual({ r: 1, g: 1, b: 1 }); + expect(parseColor('#f09')).toEqual({ r: 1, g: 0, b: 153 / 255 }); + expect(parseColor('#F09')).toEqual({ r: 1, g: 0, b: 153 / 255 }); + + // 4-value syntax + expect(parseColor('#0000')).toEqual({ r: 0, g: 0, b: 0, a: 0 }); + expect(parseColor('#000F')).toEqual({ r: 0, g: 0, b: 0, a: 1 }); + expect(parseColor('#f09a')).toEqual({ + r: 1, + g: 0, + b: 153 / 255, + a: 170 / 255, + }); + + // 6-value syntax + expect(parseColor('#000000')).toEqual({ r: 0, g: 0, b: 0 }); + expect(parseColor('#ffffff')).toEqual({ r: 1, g: 1, b: 1 }); + expect(parseColor('#FFFFFF')).toEqual({ r: 1, g: 1, b: 1 }); + expect(parseColor('#ff0099')).toEqual({ r: 1, g: 0, b: 153 / 255 }); + expect(parseColor('#FF0099')).toEqual({ r: 1, g: 0, b: 153 / 255 }); + + // 8-value syntax + expect(parseColor('#00000000')).toEqual({ r: 0, g: 0, b: 0, a: 0 }); + expect(parseColor('#00000080')).toEqual({ + r: 0, + g: 0, + b: 0, + a: 128 / 255, + }); + expect(parseColor('#000000ff')).toEqual({ r: 0, g: 0, b: 0, a: 1 }); + expect(parseColor('#5EE0DCAB')).toEqual({ + r: 0.3686274509803922, + g: 0.8784313725490196, + b: 0.8627450980392157, + a: 0.6705882352941176, + }); + }); + + it('handles invalid hex values', () => { + expect(() => parseColor('#')).toThrowError('Invalid color format'); + expect(() => parseColor('#0')).toThrowError('Invalid color format'); + expect(() => parseColor('#00')).toThrowError('Invalid color format'); + expect(() => parseColor('#0000000')).toThrowError( + 'Invalid color format', + ); + expect(() => parseColor('#000000000')).toThrowError( + 'Invalid color format', + ); + expect(() => parseColor('#hhh')).toThrowError('Invalid color format'); + }); +}); + +describe('rgbToHex', () => { + it('should convert rgb to hex', () => { + expect(rgbToHex({ r: 1, g: 1, b: 1 })).toBe('#ffffff'); + expect(rgbToHex({ r: 0, g: 0, b: 0 })).toBe('#000000'); + expect(rgbToHex({ r: 0.5, g: 0.5, b: 0.5 })).toBe('#808080'); + expect( + rgbToHex({ + r: 0.3686274509803922, + g: 0.8784313725490196, + b: 0.8627450980392157, + }), + ).toBe('#5ee0dc'); + }); + + it('should convert rgba to hex', () => { + expect(rgbToHex({ r: 1, g: 1, b: 1, a: 1 })).toBe('#ffffff'); + expect(rgbToHex({ r: 0, g: 0, b: 0, a: 0.5 })).toBe('#00000080'); + expect(rgbToHex({ r: 0.5, g: 0.5, b: 0.5, a: 0.5 })).toBe('#80808080'); + expect( + rgbToHex({ + r: 0.3686274509803922, + g: 0.8784313725490196, + b: 0.8627450980392157, + a: 0, + }), + ).toBe('#5ee0dc00'); + }); +}); diff --git a/packages/ffe-core/scripts/figma-api/color.ts b/packages/ffe-core/scripts/figma-api/color.ts new file mode 100644 index 0000000000..057b8c696a --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/color.ts @@ -0,0 +1,52 @@ +import { RGB, RGBA } from '@figma/rest-api-spec'; + +export function rgbToHex({ r, g, b, ...rest }: RGB | RGBA) { + const a = 'a' in rest ? rest.a : 1; + + const toHex = (value: number) => { + const hex = Math.round(value * 255).toString(16); + return hex.length === 1 ? `0${hex}` : hex; + }; + + const hex = [toHex(r), toHex(g), toHex(b)].join(''); + return `#${hex}${a !== 1 ? toHex(a) : ''}`.trim(); +} + +/** + * Compares two colors for approximate equality since converting between Figma RGBA objects (from 0 -> 1) and + * hex colors can result in slight differences. + */ +export function colorApproximatelyEqual( + colorA: RGB | RGBA, + colorB: RGB | RGBA, +) { + return rgbToHex(colorA) === rgbToHex(colorB); +} + +export function parseColor(color: string): RGB | RGBA { + const trimmedColor = color.trim(); + const hexRegex = /^#([A-Fa-f0-9]{6})([A-Fa-f0-9]{2}){0,1}$/; + const hexShorthandRegex = /^#([A-Fa-f0-9]{3})([A-Fa-f0-9]){0,1}$/; + + if (hexRegex.test(trimmedColor) || hexShorthandRegex.test(color)) { + const hexValue = trimmedColor.substring(1); + const expandedHex = + hexValue.length === 3 || hexValue.length === 4 + ? hexValue + .split('') + .map(char => char + char) + .join('') + : hexValue; + + const alphaValue = + expandedHex.length === 8 ? expandedHex.slice(6, 8) : undefined; + + return { + r: parseInt(expandedHex.slice(0, 2), 16) / 255, + g: parseInt(expandedHex.slice(2, 4), 16) / 255, + b: parseInt(expandedHex.slice(4, 6), 16) / 255, + ...(alphaValue ? { a: parseInt(alphaValue, 16) / 255 } : {}), + }; + } + throw new Error('Invalid color format'); +} diff --git a/packages/ffe-core/scripts/figma-api/figma_api.ts b/packages/ffe-core/scripts/figma-api/figma_api.ts new file mode 100644 index 0000000000..9296e460cb --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/figma_api.ts @@ -0,0 +1,41 @@ +import axios from 'axios'; +import { + GetLocalVariablesResponse, + PostVariablesRequestBody, + PostVariablesResponse, +} from '@figma/rest-api-spec'; + +export default class FigmaApi { + private baseUrl = 'https://api.figma.com'; + private token: string; + + constructor(token: string) { + this.token = token; + } + + async getLocalVariables(fileKey: string) { + const resp = await axios.request({ + url: `${this.baseUrl}/v1/files/${fileKey}/variables/local`, + headers: { + Accept: '*/*', + 'X-Figma-Token': this.token, + }, + }); + + return resp.data; + } + + async postVariables(fileKey: string, payload: PostVariablesRequestBody) { + const resp = await axios.request({ + url: `${this.baseUrl}/v1/files/${fileKey}/variables`, + method: 'POST', + headers: { + Accept: '*/*', + 'X-Figma-Token': this.token, + }, + data: payload, + }); + + return resp.data; + } +} diff --git a/packages/ffe-core/scripts/figma-api/sync_figma_to_tokens.ts b/packages/ffe-core/scripts/figma-api/sync_figma_to_tokens.ts new file mode 100644 index 0000000000..38fe5c7c5b --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/sync_figma_to_tokens.ts @@ -0,0 +1,57 @@ +import 'dotenv/config'; +import * as fs from 'fs'; + +import FigmaApi from './figma_api'; + +import { green } from './utils'; +import { tokenFilesFromLocalVariables } from './token_export'; + +/** + * Usage: + * + * // Defaults to writing to the tokens_new directory + * npm run sync-figma-to-tokens + * + * // Writes to the specified directory + * npm run sync-figma-to-tokens -- --output directory_name + */ + +async function main() { + if (!process.env.PERSONAL_ACCESS_TOKEN || !process.env.FILE_KEY) { + throw new Error( + 'PERSONAL_ACCESS_TOKEN and FILE_KEY environemnt variables are required', + ); + } + const fileKey = process.env.FILE_KEY; + + const api = new FigmaApi(process.env.PERSONAL_ACCESS_TOKEN); + const localVariables = await api.getLocalVariables(fileKey); + + const tokensFiles = tokenFilesFromLocalVariables(localVariables); + + let outputDir = './packages/ffe-core/tokens'; + const outputArgIdx = process.argv.indexOf('--output'); + if (outputArgIdx !== -1) { + outputDir = process.argv[outputArgIdx + 1]; + } + + if (!fs.existsSync(outputDir)) { + fs.mkdirSync(outputDir); + } + + Object.entries(tokensFiles).forEach(([fileName, fileContent]) => { + fs.writeFileSync( + `${outputDir}/${fileName}`, + JSON.stringify(fileContent, null, 2), + ); + console.log(`Wrote ${fileName}`); + }); + + console.log( + green( + `✅ Tokens files have been written to the ${outputDir} directory`, + ), + ); +} + +main(); diff --git a/packages/ffe-core/scripts/figma-api/sync_tokens_to_figma.ts b/packages/ffe-core/scripts/figma-api/sync_tokens_to_figma.ts new file mode 100644 index 0000000000..fd476a76ec --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/sync_tokens_to_figma.ts @@ -0,0 +1,87 @@ +import 'dotenv/config'; +import * as fs from 'fs'; + +import FigmaApi from './figma_api.js'; + +import { green } from './utils.js'; +import { generatePostVariablesPayload, readJsonFiles } from './token_import.js'; + +async function main() { + if (!process.env.PERSONAL_ACCESS_TOKEN || !process.env.FILE_KEY) { + throw new Error( + 'PERSONAL_ACCESS_TOKEN and FILE_KEY environemnt variables are required', + ); + } + const fileKey = process.env.FILE_KEY; + + const TOKENS_DIR = 'tokens'; + const tokensFiles = fs + .readdirSync(TOKENS_DIR) + .map((file: string) => `${TOKENS_DIR}/${file}`); + + const tokensByFile = readJsonFiles(tokensFiles); + + console.log('Read tokens files:', Object.keys(tokensByFile)); + + const api = new FigmaApi(process.env.PERSONAL_ACCESS_TOKEN); + const localVariables = await api.getLocalVariables(fileKey); + + const postVariablesPayload = generatePostVariablesPayload( + tokensByFile, + localVariables, + ); + + if ( + Object.values(postVariablesPayload).every(value => value.length === 0) + ) { + console.log( + green('✅ Tokens are already up to date with the Figma file'), + ); + return; + } + + const apiResp = await api.postVariables(fileKey, postVariablesPayload); + + console.log('POST variables API response:', apiResp); + + if ( + postVariablesPayload.variableCollections && + postVariablesPayload.variableCollections.length + ) { + console.log( + 'Updated variable collections', + postVariablesPayload.variableCollections, + ); + } + + if ( + postVariablesPayload.variableModes && + postVariablesPayload.variableModes.length + ) { + console.log( + 'Updated variable modes', + postVariablesPayload.variableModes, + ); + } + + if ( + postVariablesPayload.variables && + postVariablesPayload.variables.length + ) { + console.log('Updated variables', postVariablesPayload.variables); + } + + if ( + postVariablesPayload.variableModeValues && + postVariablesPayload.variableModeValues.length + ) { + console.log( + 'Updated variable mode values', + postVariablesPayload.variableModeValues, + ); + } + + console.log(green('✅ Figma file has been updated with the new tokens')); +} + +main(); diff --git a/packages/ffe-core/scripts/figma-api/token_export.spec.tsx b/packages/ffe-core/scripts/figma-api/token_export.spec.tsx new file mode 100644 index 0000000000..996512c147 --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/token_export.spec.tsx @@ -0,0 +1,359 @@ +import { GetLocalVariablesResponse } from '@figma/rest-api-spec'; +import { tokenFilesFromLocalVariables } from './token_export'; + +describe('tokenFilesFromLocalVariables', () => { + it('ignores remote variables', () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'primitives', + modes: [{ modeId: '1:0', name: 'mode1' }], + defaultModeId: '1:0', + remote: true, + key: 'variableKey', + hiddenFromPublishing: false, + variableIds: ['VariableID:2:1'], + }, + }, + variables: { + 'VariableID:2:1': { + id: 'VariableID:2:1', + name: 'spacing/1', + key: 'variable_key', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'FLOAT', + valuesByMode: { + '1:0': 8, + }, + remote: true, + description: '', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }; + + const tokenFiles = tokenFilesFromLocalVariables(localVariablesResponse); + expect(tokenFiles).toEqual({}); + }); + + it('returns token files', () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'primitives', + modes: [ + { modeId: '1:0', name: 'mode1' }, + { modeId: '1:1', name: 'mode2' }, + ], + defaultModeId: '1:0', + remote: false, + key: 'variableKey', + hiddenFromPublishing: false, + variableIds: [ + 'VariableID:2:1', + 'VariableID:2:2', + 'VariableID:2:3', + 'VariableID:2:4', + ], + }, + }, + variables: { + 'VariableID:2:1': { + id: 'VariableID:2:1', + name: 'spacing/1', + key: 'variable_key', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'FLOAT', + valuesByMode: { + '1:0': 8, + '1:1': 8, + }, + remote: false, + description: '8px spacing', + hiddenFromPublishing: true, + scopes: ['TEXT_CONTENT'], + codeSyntax: { WEB: 'web', ANDROID: 'android' }, + }, + 'VariableID:2:2': { + id: 'VariableID:2:2', + name: 'spacing/2', + key: 'variable_key2', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'FLOAT', + valuesByMode: { + '1:0': 16, + '1:1': 16, + }, + remote: false, + description: '16px spacing', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + 'VariableID:2:3': { + id: 'VariableID:2:3', + name: 'color/brand/radish', + key: 'variable_key3', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'COLOR', + valuesByMode: { + '1:0': { + r: 1, + g: 0.7450980392156863, + b: 0.08627450980392157, + a: 1, + }, + '1:1': { + r: 1, + g: 0.796078431372549, + b: 0.7176470588235294, + a: 1, + }, + }, + remote: false, + description: 'Radish color', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + 'VariableID:2:4': { + id: 'VariableID:2:4', + name: 'color/brand/pear', + key: 'variable_key4', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'COLOR', + valuesByMode: { + '1:0': { r: 1, g: 0, b: 0.08627450980392157, a: 1 }, + '1:1': { + r: 0.8705882352941177, + g: 0.9529411764705882, + b: 0.34509803921568627, + a: 1, + }, + }, + remote: false, + description: 'Pear color', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }; + + const tokenFiles = tokenFilesFromLocalVariables(localVariablesResponse); + + expect(tokenFiles['primitives.mode1.json']).toEqual({ + spacing: { + '1': { + $type: 'number', + $value: 8, + $description: '8px spacing', + $extensions: { + 'com.figma': { + hiddenFromPublishing: true, + scopes: ['TEXT_CONTENT'], + codeSyntax: { WEB: 'web', ANDROID: 'android' }, + }, + }, + }, + '2': { + $type: 'number', + $value: 16, + $description: '16px spacing', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }, + color: { + brand: { + radish: { + $type: 'color', + $value: '#ffbe16', + $description: 'Radish color', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + pear: { + $type: 'color', + $value: '#ff0016', + $description: 'Pear color', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }, + }, + }); + + expect(tokenFiles['primitives.mode2.json']).toEqual({ + spacing: { + '1': { + $type: 'number', + $value: 8, + $description: '8px spacing', + $extensions: { + 'com.figma': { + hiddenFromPublishing: true, + scopes: ['TEXT_CONTENT'], + codeSyntax: { WEB: 'web', ANDROID: 'android' }, + }, + }, + }, + '2': { + $type: 'number', + $value: 16, + $description: '16px spacing', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }, + color: { + brand: { + radish: { + $type: 'color', + $value: '#ffcbb7', + $description: 'Radish color', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + pear: { + $type: 'color', + $value: '#def358', + $description: 'Pear color', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }, + }, + }); + }); + + it('handles aliases', () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'collection1', + modes: [ + { modeId: '1:0', name: 'mode1' }, + { modeId: '1:1', name: 'mode2' }, + ], + defaultModeId: '1:0', + remote: false, + key: 'variableKey', + hiddenFromPublishing: false, + variableIds: ['VariableID:2:1', 'VariableID:2:2'], + }, + }, + variables: { + 'VariableID:2:1': { + id: 'VariableID:2:1', + name: 'var1', + key: 'variable_key1', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'FLOAT', + valuesByMode: { + '1:0': 1, + }, + remote: false, + description: 'var1 description', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + 'VariableID:2:2': { + id: 'VariableID:2:2', + name: 'var2', + key: 'variable_key2', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'FLOAT', + valuesByMode: { + '1:0': { + type: 'VARIABLE_ALIAS', + id: 'VariableID:2:1', + }, + }, + remote: false, + description: 'var2 description', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }; + + const tokenFiles = tokenFilesFromLocalVariables(localVariablesResponse); + + expect(tokenFiles['collection1.mode1.json']).toEqual({ + var1: { + $type: 'number', + $value: 1, + $description: 'var1 description', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + var2: { + $type: 'number', + $value: '{var1}', + $description: 'var2 description', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }); + }); +}); diff --git a/packages/ffe-core/scripts/figma-api/token_export.ts b/packages/ffe-core/scripts/figma-api/token_export.ts new file mode 100644 index 0000000000..b7015e7049 --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/token_export.ts @@ -0,0 +1,91 @@ +import { GetLocalVariablesResponse, LocalVariable } from '@figma/rest-api-spec'; +import { rgbToHex } from './color'; +import { Token, TokensFile } from './token_types'; + +function tokenTypeFromVariable(variable: LocalVariable) { + switch (variable.resolvedType) { + case 'BOOLEAN': + return 'boolean'; + case 'COLOR': + return 'color'; + case 'FLOAT': + return 'number'; + case 'STRING': + return 'string'; + } +} + +function tokenValueFromVariable( + variable: LocalVariable, + modeId: string, + localVariables: { [id: string]: LocalVariable }, +) { + const value = variable.valuesByMode[modeId]; + if (typeof value === 'object') { + if ('type' in value && value.type === 'VARIABLE_ALIAS') { + const aliasedVariable = localVariables[value.id]; + return `{${aliasedVariable.name.replace(/\//g, '.')}}`; + } else if ('r' in value) { + return rgbToHex(value); + } + + throw new Error(`Format of variable value is invalid: ${value}`); + } else { + return value; + } +} + +export function tokenFilesFromLocalVariables( + localVariablesResponse: GetLocalVariablesResponse, +) { + const tokenFiles: { [fileName: string]: TokensFile } = {}; + const localVariableCollections = + localVariablesResponse.meta.variableCollections; + const localVariables = localVariablesResponse.meta.variables; + + Object.values(localVariables).forEach(variable => { + // Skip remote variables because we only want to generate tokens for local variables + if (variable.remote) { + return; + } + + const collection = + localVariableCollections[variable.variableCollectionId]; + + collection.modes.forEach(mode => { + const fileName = `${collection.name}.${mode.name}.json`; + + if (!tokenFiles[fileName]) { + tokenFiles[fileName] = {}; + } + + let obj: any = tokenFiles[fileName]; + + variable.name.split('/').forEach(groupName => { + obj[groupName] = obj[groupName] || {}; + obj = obj[groupName]; + }); + + const token: Token = { + $type: tokenTypeFromVariable(variable), + $value: tokenValueFromVariable( + variable, + mode.modeId, + localVariables, + ), + $description: variable.description, + $extensions: { + 'com.figma': { + hiddenFromPublishing: variable.hiddenFromPublishing, + scopes: variable.scopes, + codeSyntax: variable.codeSyntax, + }, + }, + }; + + Object.assign(obj, token); + }); + }); + + return tokenFiles; +} diff --git a/packages/ffe-core/scripts/figma-api/token_import.spec.tsx b/packages/ffe-core/scripts/figma-api/token_import.spec.tsx new file mode 100644 index 0000000000..a405f04b8e --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/token_import.spec.tsx @@ -0,0 +1,1097 @@ +import { GetLocalVariablesResponse } from '@figma/rest-api-spec'; +import { + FlattenedTokensByFile, + generatePostVariablesPayload, + readJsonFiles, +} from './token_import'; + +jest.mock('fs', () => { + const MOCK_FILE_INFO: { [fileName: string]: string } = { + 'tokens/collection1.mode1.json': JSON.stringify({ + spacing: { + '1': { + $type: 'number', + $value: 8, + $description: '8px spacing', + }, + '2': { + $type: 'number', + $value: 16, + $description: '16px spacing', + }, + }, + }), + 'tokens/collection2.mode1.json': JSON.stringify({ + color: { + brand: { + radish: { + $type: 'color', + $value: '#ffbe16', + $description: 'Radish color', + }, + pear: { + $type: 'color', + $value: '#ffbe16', + $description: 'Pear color', + }, + }, + }, + }), + 'tokens/collection3.mode1.json': JSON.stringify({ + token1: { $type: 'string', $value: 'value1' }, + token2: { $type: 'string', $value: 'value2' }, + }), + 'no_tokens.mode1.json': JSON.stringify({ + foo: 'bar', + }), + 'empty_file.mode1.json': '', + 'file_with_$_keys.mode1.json': JSON.stringify({ + $foo: 'bar', + token1: { $type: 'string', $value: 'value1' }, + }), + }; + + return { + readFileSync: (fpath: string) => { + if (fpath in MOCK_FILE_INFO) { + return MOCK_FILE_INFO[fpath]; + } + return '{}'; + }, + }; +}); + +describe('readJsonFiles', () => { + it('reads all files and flattens tokens inside', () => { + const result = readJsonFiles([ + 'tokens/collection1.mode1.json', + 'tokens/collection2.mode1.json', + 'tokens/collection3.mode1.json', + ]); + expect(result).toEqual({ + 'collection1.mode1.json': { + 'spacing/1': { + $type: 'number', + $value: 8, + $description: '8px spacing', + }, + 'spacing/2': { + $type: 'number', + $value: 16, + $description: '16px spacing', + }, + }, + 'collection2.mode1.json': { + 'color/brand/radish': { + $type: 'color', + $value: '#ffbe16', + $description: 'Radish color', + }, + 'color/brand/pear': { + $type: 'color', + $value: '#ffbe16', + $description: 'Pear color', + }, + }, + 'collection3.mode1.json': { + token1: { $type: 'string', $value: 'value1' }, + token2: { $type: 'string', $value: 'value2' }, + }, + }); + }); + + it('handles files that do not have any tokens', () => { + const result = readJsonFiles(['no_tokens.mode1.json']); + expect(result).toEqual({ 'no_tokens.mode1.json': {} }); + }); + + it('handles duplicate collections and modes', () => { + expect(() => { + readJsonFiles([ + 'tokens/collection1.mode1.1.json', + 'tokens/collection1.mode1.2.json', + 'tokens/collection1.mode1.3.json', + ]); + }).toThrowError( + 'Duplicate collection and mode in file: tokens/collection1.mode1.2.json', + ); + }); + + it('handles file names that do not match the expected format', () => { + expect(() => { + readJsonFiles([ + 'tokens/collection1.mode1.json', + 'tokens/collection2.mode1.json', + 'foo.json', + ]); + }).toThrowError( + 'Invalid tokens file name: foo.json. File names must be in the format: {collectionName}.{modeName}.json', + ); + }); + + it('ignores keys that start with $', () => { + const result = readJsonFiles(['file_with_$_keys.mode1.json']); + expect(result).toEqual({ + 'file_with_$_keys.mode1.json': { + token1: { $type: 'string', $value: 'value1' }, + }, + }); + }); + + it('handles empty files', () => { + expect(() => { + readJsonFiles(['empty_file.mode1.json']); + }).toThrowError( + 'Invalid tokens file: empty_file.mode1.json. File is empty.', + ); + }); +}); + +describe('generatePostVariablesPayload', () => { + it('does an initial sync', async () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: {}, + variables: {}, + }, + }; + + const tokensByFile: FlattenedTokensByFile = { + 'primitives.mode1.json': { + 'spacing/1': { + $type: 'number', + $value: 8, + $description: '8px spacing', + }, + 'spacing/2': { $type: 'number', $value: 16 }, + 'color/brand/radish': { + $type: 'color', + $value: '#ffbe16', + $description: 'Radish color', + }, + 'color/brand/pear': { $type: 'color', $value: '#ffbe16' }, + }, + 'primitives.mode2.json': { + 'spacing/1': { $type: 'number', $value: 8 }, + 'spacing/2': { $type: 'number', $value: 16 }, + 'color/brand/radish': { $type: 'color', $value: '#010101' }, + 'color/brand/pear': { $type: 'color', $value: '#010101' }, + }, + 'tokens.mode1.json': { + 'spacing/spacing-sm': { + $type: 'number', + $value: '{spacing.1}', + }, + 'surface/surface-brand': { + $type: 'color', + $value: '{color.brand.radish}', + }, + }, + 'tokens.mode2.json': { + 'spacing/spacing-sm': { + $type: 'number', + $value: '{spacing.1}', + }, + 'surface/surface-brand': { + $type: 'color', + $value: '{color.brand.pear}', + }, + }, + }; + + const result = generatePostVariablesPayload( + tokensByFile, + localVariablesResponse, + ); + expect(result.variableCollections).toEqual([ + { + action: 'CREATE', + id: 'primitives', + name: 'primitives', + initialModeId: 'mode1', + }, + { + action: 'CREATE', + id: 'tokens', + name: 'tokens', + initialModeId: 'mode1', + }, + ]); + + expect(result.variableModes).toEqual([ + { + action: 'UPDATE', + id: 'mode1', + name: 'mode1', + variableCollectionId: 'primitives', + }, + { + action: 'CREATE', + id: 'mode2', + name: 'mode2', + variableCollectionId: 'primitives', + }, + { + action: 'UPDATE', + id: 'mode1', + name: 'mode1', + variableCollectionId: 'tokens', + }, + { + action: 'CREATE', + id: 'mode2', + name: 'mode2', + variableCollectionId: 'tokens', + }, + ]); + + expect(result.variables).toEqual([ + // variables for the primitives collection + { + action: 'CREATE', + id: 'spacing/1', + name: 'spacing/1', + variableCollectionId: 'primitives', + resolvedType: 'FLOAT', + description: '8px spacing', + }, + { + action: 'CREATE', + id: 'spacing/2', + name: 'spacing/2', + variableCollectionId: 'primitives', + resolvedType: 'FLOAT', + }, + { + action: 'CREATE', + id: 'color/brand/radish', + name: 'color/brand/radish', + variableCollectionId: 'primitives', + resolvedType: 'COLOR', + description: 'Radish color', + }, + { + action: 'CREATE', + id: 'color/brand/pear', + name: 'color/brand/pear', + variableCollectionId: 'primitives', + resolvedType: 'COLOR', + }, + + // variables for the tokens collection + { + action: 'CREATE', + id: 'spacing/spacing-sm', + name: 'spacing/spacing-sm', + variableCollectionId: 'tokens', + resolvedType: 'FLOAT', + }, + { + action: 'CREATE', + id: 'surface/surface-brand', + name: 'surface/surface-brand', + variableCollectionId: 'tokens', + resolvedType: 'COLOR', + }, + ]); + + expect(result.variableModeValues).toEqual([ + // primitives, mode1 + { variableId: 'spacing/1', modeId: 'mode1', value: 8 }, + { variableId: 'spacing/2', modeId: 'mode1', value: 16 }, + { + variableId: 'color/brand/radish', + modeId: 'mode1', + value: { r: 1, g: 0.7450980392156863, b: 0.08627450980392157 }, + }, + { + variableId: 'color/brand/pear', + modeId: 'mode1', + value: { r: 1, g: 0.7450980392156863, b: 0.08627450980392157 }, + }, + + // primitives, mode2 + { variableId: 'spacing/1', modeId: 'mode2', value: 8 }, + { variableId: 'spacing/2', modeId: 'mode2', value: 16 }, + { + variableId: 'color/brand/radish', + modeId: 'mode2', + value: { + r: 0.00392156862745098, + g: 0.00392156862745098, + b: 0.00392156862745098, + }, + }, + { + variableId: 'color/brand/pear', + modeId: 'mode2', + value: { + r: 0.00392156862745098, + g: 0.00392156862745098, + b: 0.00392156862745098, + }, + }, + + // tokens, mode1 + { + variableId: 'spacing/spacing-sm', + modeId: 'mode1', + value: { type: 'VARIABLE_ALIAS', id: 'spacing/1' }, + }, + { + variableId: 'surface/surface-brand', + modeId: 'mode1', + value: { type: 'VARIABLE_ALIAS', id: 'color/brand/radish' }, + }, + + // tokens, mode2 + { + variableId: 'spacing/spacing-sm', + modeId: 'mode2', + value: { type: 'VARIABLE_ALIAS', id: 'spacing/1' }, + }, + { + variableId: 'surface/surface-brand', + modeId: 'mode2', + value: { type: 'VARIABLE_ALIAS', id: 'color/brand/pear' }, + }, + ]); + }); + + it('does an in-place update', async () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'primitives', + modes: [{ modeId: '1:0', name: 'mode1' }], + defaultModeId: '1:0', + remote: false, + key: 'variableKey', + hiddenFromPublishing: false, + variableIds: [ + 'VariableID:2:1', + 'VariableID:2:2', + 'VariableID:2:3', + 'VariableID:2:4', + ], + }, + }, + variables: { + 'VariableID:2:1': { + id: 'VariableID:2:1', + name: 'spacing/1', + key: 'variable_key', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'FLOAT', + valuesByMode: { + '1:0': 8, + }, + remote: false, + description: '8px spacing', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: { WEB: 'web', ANDROID: 'android' }, + }, + 'VariableID:2:2': { + id: 'VariableID:2:2', + name: 'spacing/2', + key: 'variable_key2', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'FLOAT', + valuesByMode: { + '1:0': 15, // Different from token value + }, + remote: false, + description: 'Another spacing', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: { WEB: 'web', ANDROID: 'android' }, + }, + 'VariableID:2:3': { + id: 'VariableID:2:3', + name: 'color/brand/radish', + key: 'variable_key3', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'COLOR', + valuesByMode: { + '1:0': { + r: 1, + g: 0.7450980392156863, + b: 0.08627450980392157, + a: 1, + }, + }, + remote: false, + description: 'Radish color', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + 'VariableID:2:4': { + id: 'VariableID:2:4', + name: 'color/brand/pear', + key: 'variable_key4', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'COLOR', + valuesByMode: { + // Different from token value + '1:0': { r: 1, g: 0, b: 0.08627450980392157, a: 1 }, + }, + remote: false, + description: 'Pear color', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }; + + const tokensByFile: FlattenedTokensByFile = { + 'primitives.mode1.json': { + 'spacing/1': { + $type: 'number', + $value: 8, + $description: '8px spacing', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: { WEB: 'web', ANDROID: 'android' }, + }, + }, + }, + 'spacing/2': { + $type: 'number', + $value: 16, + $description: 'changed description', + $extensions: { + 'com.figma': { + hiddenFromPublishing: true, + scopes: ['TEXT_CONTENT'], + codeSyntax: { WEB: 'web', ANDROID: 'android_new' }, + }, + }, + }, + 'color/brand/radish': { $type: 'color', $value: '#ffbe16' }, + 'color/brand/pear': { $type: 'color', $value: '#ffbe16' }, + }, + 'primitives.mode2.json': { + 'spacing/1': { $type: 'number', $value: 8 }, + 'spacing/2': { $type: 'number', $value: 16 }, + 'color/brand/radish': { $type: 'color', $value: '#010101' }, + 'color/brand/pear': { $type: 'color', $value: '#010101' }, + }, + 'tokens.mode1.json': { + 'spacing/spacing-sm': { + $type: 'number', + $value: '{spacing.1}', + }, + 'surface/surface-brand': { + $type: 'color', + $value: '{color.brand.radish}', + }, + }, + 'tokens.mode2.json': { + 'spacing/spacing-sm': { + $type: 'number', + $value: '{spacing.1}', + }, + 'surface/surface-brand': { + $type: 'color', + $value: '{color.brand.pear}', + }, + }, + }; + + const result = generatePostVariablesPayload( + tokensByFile, + localVariablesResponse, + ); + expect(result.variableCollections).toEqual([ + { + action: 'CREATE', + id: 'tokens', + name: 'tokens', + initialModeId: 'mode1', + }, + ]); + + expect(result.variableModes).toEqual([ + { + action: 'CREATE', + id: 'mode2', + name: 'mode2', + variableCollectionId: 'VariableCollectionId:1:1', + }, + { + action: 'UPDATE', + id: 'mode1', + name: 'mode1', + variableCollectionId: 'tokens', + }, + { + action: 'CREATE', + id: 'mode2', + name: 'mode2', + variableCollectionId: 'tokens', + }, + ]); + + expect(result.variables).toEqual([ + { + action: 'UPDATE', + id: 'VariableID:2:2', + description: 'changed description', + hiddenFromPublishing: true, + scopes: ['TEXT_CONTENT'], + codeSyntax: { WEB: 'web', ANDROID: 'android_new' }, + }, + // new variables for the tokens collection + { + action: 'CREATE', + id: 'spacing/spacing-sm', + name: 'spacing/spacing-sm', + variableCollectionId: 'tokens', + resolvedType: 'FLOAT', + }, + { + action: 'CREATE', + id: 'surface/surface-brand', + name: 'surface/surface-brand', + variableCollectionId: 'tokens', + resolvedType: 'COLOR', + }, + ]); + + expect(result.variableModeValues).toEqual([ + // primitives, mode1 + { variableId: 'VariableID:2:2', modeId: '1:0', value: 16 }, + { + variableId: 'VariableID:2:4', + modeId: '1:0', + value: { r: 1, g: 0.7450980392156863, b: 0.08627450980392157 }, + }, + + // primitives, mode2 + { variableId: 'VariableID:2:1', modeId: 'mode2', value: 8 }, + { variableId: 'VariableID:2:2', modeId: 'mode2', value: 16 }, + { + variableId: 'VariableID:2:3', + modeId: 'mode2', + value: { + r: 0.00392156862745098, + g: 0.00392156862745098, + b: 0.00392156862745098, + }, + }, + { + variableId: 'VariableID:2:4', + modeId: 'mode2', + value: { + r: 0.00392156862745098, + g: 0.00392156862745098, + b: 0.00392156862745098, + }, + }, + + // tokens, mode1 + { + variableId: 'spacing/spacing-sm', + modeId: 'mode1', + value: { type: 'VARIABLE_ALIAS', id: 'VariableID:2:1' }, + }, + { + variableId: 'surface/surface-brand', + modeId: 'mode1', + value: { type: 'VARIABLE_ALIAS', id: 'VariableID:2:3' }, + }, + + // tokens, mode2 + { + variableId: 'spacing/spacing-sm', + modeId: 'mode2', + value: { type: 'VARIABLE_ALIAS', id: 'VariableID:2:1' }, + }, + { + variableId: 'surface/surface-brand', + modeId: 'mode2', + value: { type: 'VARIABLE_ALIAS', id: 'VariableID:2:4' }, + }, + ]); + }); + + it('noops when everything is already in sync (with aliases)', () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'collection', + modes: [{ modeId: '1:0', name: 'mode1' }], + defaultModeId: '1:0', + remote: false, + key: 'variableKey', + hiddenFromPublishing: false, + variableIds: ['VariableID:2:1', 'VariableID:2:2'], + }, + }, + variables: { + 'VariableID:2:1': { + id: 'VariableID:2:1', + name: 'var1', + key: 'variable_key', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'STRING', + valuesByMode: { + '1:0': 'hello world!', + }, + remote: false, + description: '', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + 'VariableID:2:2': { + id: 'VariableID:2:2', + name: 'var2', + key: 'variable_key2', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'STRING', + valuesByMode: { + '1:0': { + type: 'VARIABLE_ALIAS', + id: 'VariableID:2:1', + }, + }, + remote: false, + description: '', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }; + + const tokensByFile: FlattenedTokensByFile = { + 'collection.mode1.json': { + var1: { + $type: 'string', + $value: 'hello world!', + $description: '', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + var2: { + $type: 'string', + $value: '{var1}', + $description: '', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }, + }; + + const result = generatePostVariablesPayload( + tokensByFile, + localVariablesResponse, + ); + + expect(result).toEqual({ + variableCollections: [], + variableModes: [], + variables: [], + variableModeValues: [], + }); + }); + + it('noops if tokens happen to match remote collections and variables', () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'collection', + modes: [{ modeId: '1:0', name: 'mode1' }], + defaultModeId: '1:0', + remote: true, + key: 'variableKey', + hiddenFromPublishing: false, + variableIds: ['VariableID:2:1', 'VariableID:2:2'], + }, + }, + variables: { + 'VariableID:2:1': { + id: 'VariableID:2:1', + name: 'var1', + key: 'variable_key', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'STRING', + valuesByMode: { + '1:0': 'hello world!', + }, + remote: true, + description: '', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + 'VariableID:2:2': { + id: 'VariableID:2:2', + name: 'var2', + key: 'variable_key2', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'STRING', + valuesByMode: { + '1:0': { + type: 'VARIABLE_ALIAS', + id: 'VariableID:2:1', + }, + }, + remote: true, + description: '', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }; + + const tokensByFile: FlattenedTokensByFile = { + 'collection.mode1.json': { + var1: { + $type: 'string', + $value: 'hello world!', + $description: '', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + var2: { + $type: 'string', + $value: '{var1}', + $description: '', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }, + }; + + const result = generatePostVariablesPayload( + tokensByFile, + localVariablesResponse, + ); + + expect(result).toEqual({ + variableCollections: [], + variableModes: [], + variables: [], + variableModeValues: [], + }); + }); + + it('throws on attempted modifications to remote variables', () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'collection', + modes: [{ modeId: '1:0', name: 'mode1' }], + defaultModeId: '1:0', + remote: true, + key: 'variableKey', + hiddenFromPublishing: false, + variableIds: ['VariableID:2:1', 'VariableID:2:2'], + }, + }, + variables: { + 'VariableID:2:1': { + id: 'VariableID:2:1', + name: 'var1', + key: 'variable_key', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'STRING', + valuesByMode: { + '1:0': 'hello world!', + }, + remote: true, + description: '', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + 'VariableID:2:2': { + id: 'VariableID:2:2', + name: 'var2', + key: 'variable_key2', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'STRING', + valuesByMode: { + '1:0': { + type: 'VARIABLE_ALIAS', + id: 'VariableID:2:1', + }, + }, + remote: true, + description: '', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }; + + const tokensByFile: FlattenedTokensByFile = { + 'collection.mode1.json': { + var1: { + $type: 'string', + $value: 'hello world!', + $description: '', + $extensions: { + 'com.figma': { + hiddenFromPublishing: true, // modification + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + var2: { + $type: 'string', + $value: '{var1}', + $description: '', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }, + }; + + expect(() => { + generatePostVariablesPayload(tokensByFile, localVariablesResponse); + }).toThrowError( + `Cannot update remote variable "var1" in collection "collection"`, + ); + }); + + it('updates aliases to remote variables', () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'primitives', + modes: [{ modeId: '1:0', name: 'mode1' }], + defaultModeId: '1:0', + remote: true, + key: 'variableCollectionKey1', + hiddenFromPublishing: false, + variableIds: ['VariableID:1:2', 'VariableID:1:3'], + }, + 'VariableCollectionId:2:1': { + id: 'VariableCollectionId:2:1', + name: 'tokens', + modes: [{ modeId: '2:0', name: 'mode1' }], + defaultModeId: '2:0', + remote: false, + key: 'variableCollectionKey2', + hiddenFromPublishing: false, + variableIds: ['VariableID:2:1'], + }, + }, + variables: { + // 2 color variables in the primitives collection + 'VariableID:1:2': { + id: 'VariableID:1:2', + name: 'gray/100', + key: 'variableKey1', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'COLOR', + valuesByMode: { + '1:0': { r: 0.98, g: 0.98, b: 0.98, a: 1 }, + }, + remote: true, + description: 'light gray', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + 'VariableID:1:3': { + id: 'VariableID:1:3', + name: 'gray/200', + key: 'variableKey2', + variableCollectionId: 'VariableCollectionId:1:1', + resolvedType: 'COLOR', + valuesByMode: { + '1:0': { r: 0.96, g: 0.96, b: 0.96, a: 1 }, + }, + remote: true, + description: 'light gray', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + // 1 color variable in the tokens collection + 'VariableID:2:1': { + id: 'VariableID:2:1', + name: 'surface/surface-brand', + key: 'variableKey3', + variableCollectionId: 'VariableCollectionId:2:1', + resolvedType: 'COLOR', + valuesByMode: { + '2:0': { + type: 'VARIABLE_ALIAS', + id: 'VariableID:1:2', + }, + }, + remote: false, + description: 'light gray', + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }; + + const tokensByFile: FlattenedTokensByFile = { + 'tokens.mode1.json': { + // Change the alias to point to the other variable in the primitives collection + 'surface/surface-brand': { + $type: 'color', + $value: '{gray.200}', + }, + }, + }; + + const result = generatePostVariablesPayload( + tokensByFile, + localVariablesResponse, + ); + + expect(result.variableCollections).toEqual([]); + expect(result.variableModes).toEqual([]); + expect(result.variables).toEqual([]); + expect(result.variableModeValues).toEqual([ + { + variableId: 'VariableID:2:1', + modeId: '2:0', + value: { type: 'VARIABLE_ALIAS', id: 'VariableID:1:3' }, + }, + ]); + }); + + it('throws on unsupported token types', async () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: {}, + variables: {}, + }, + }; + + const tokensByFile: any = { + 'primitives.mode1.json': { + 'font-weight-default': { $type: 'fontWeight', $value: 400 }, + }, + }; + + expect(() => { + generatePostVariablesPayload(tokensByFile, localVariablesResponse); + }).toThrowError('Invalid token $type: fontWeight'); + }); + + it('throws on duplicate variable collections in the Figma file', () => { + const localVariablesResponse: GetLocalVariablesResponse = { + status: 200, + error: false, + meta: { + variableCollections: { + 'VariableCollectionId:1:1': { + id: 'VariableCollectionId:1:1', + name: 'collection', + modes: [{ modeId: '1:0', name: 'mode1' }], + defaultModeId: '1:0', + remote: false, + key: 'variableCollectionKey1', + hiddenFromPublishing: false, + variableIds: [], + }, + 'VariableCollectionId:1:2': { + id: 'VariableCollectionId:1:2', + name: 'collection', + modes: [{ modeId: '2:0', name: 'mode1' }], + defaultModeId: '2:0', + remote: false, + key: 'variableCollectionKey2', + hiddenFromPublishing: false, + variableIds: [], + }, + }, + variables: {}, + }, + }; + + const tokensByFile: FlattenedTokensByFile = { + 'collection.mode1.json': { + var1: { + $type: 'string', + $value: 'hello world!', + $description: '', + $extensions: { + 'com.figma': { + hiddenFromPublishing: false, + scopes: ['ALL_SCOPES'], + codeSyntax: {}, + }, + }, + }, + }, + }; + + expect(() => { + generatePostVariablesPayload(tokensByFile, localVariablesResponse); + }).toThrowError('Duplicate variable collection in file: collection'); + }); +}); diff --git a/packages/ffe-core/scripts/figma-api/token_import.ts b/packages/ffe-core/scripts/figma-api/token_import.ts new file mode 100644 index 0000000000..22e948d698 --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/token_import.ts @@ -0,0 +1,430 @@ +import * as fs from 'fs'; +import * as path from 'path'; + +import { colorApproximatelyEqual, parseColor } from './color'; +import { areSetsEqual } from './utils'; +import { Token, TokenOrTokenGroup, TokensFile } from './token_types'; +import { + GetLocalVariablesResponse, + LocalVariable, + LocalVariableCollection, + PostVariablesRequestBody, + VariableCodeSyntax, + VariableCreate, + VariableUpdate, + VariableValue, +} from '@figma/rest-api-spec'; + +export type FlattenedTokensByFile = { + [fileName: string]: { + [tokenName: string]: Token; + }; +}; + +function traverseCollection({ + key, + object, + tokens, +}: { + key: string; + object: TokenOrTokenGroup; + tokens: { [tokenName: string]: Token }; +}) { + // if key is a meta field, move on + if (key.charAt(0) === '$') { + return; + } + + if (object.$value !== undefined) { + tokens[key] = object; + } else { + Object.entries(object).forEach(([key2, object2]) => { + if (key2.charAt(0) !== '$' && typeof object2 === 'object') { + traverseCollection({ + key: `${key}/${key2}`, + object: object2, + tokens, + }); + } + }); + } +} + +function collectionAndModeFromFileName(fileName: string) { + const fileNameParts = fileName.split('.'); + if (fileNameParts.length < 3) { + throw new Error( + `Invalid tokens file name: ${fileName}. File names must be in the format: {collectionName}.{modeName}.json`, + ); + } + const [collectionName, modeName] = fileNameParts; + return { collectionName, modeName }; +} + +function flattenTokensFile(tokensFile: TokensFile) { + const flattenedTokens: { [tokenName: string]: Token } = {}; + + Object.entries(tokensFile).forEach(([tokenGroup, groupValues]) => { + traverseCollection({ + key: tokenGroup, + object: groupValues, + tokens: flattenedTokens, + }); + }); + + return flattenedTokens; +} + +export function readJsonFiles(files: string[]) { + const tokensJsonByFile: FlattenedTokensByFile = {}; + + const seenCollectionsAndModes = new Set(); + + files.forEach(file => { + const baseFileName = path.basename(file); + const { collectionName, modeName } = + collectionAndModeFromFileName(baseFileName); + + if (seenCollectionsAndModes.has(`${collectionName}.${modeName}`)) { + throw new Error(`Duplicate collection and mode in file: ${file}`); + } + + seenCollectionsAndModes.add(`${collectionName}.${modeName}`); + + const fileContent = fs.readFileSync(file, { encoding: 'utf-8' }); + + if (!fileContent) { + throw new Error(`Invalid tokens file: ${file}. File is empty.`); + } + const tokensFile: TokensFile = JSON.parse(fileContent); + + tokensJsonByFile[baseFileName] = flattenTokensFile(tokensFile); + }); + + return tokensJsonByFile; +} + +function variableResolvedTypeFromToken(token: Token) { + switch (token.$type) { + case 'color': + return 'COLOR'; + case 'number': + return 'FLOAT'; + case 'string': + return 'STRING'; + case 'boolean': + return 'BOOLEAN'; + default: + throw new Error(`Invalid token $type: ${token.$type}`); + } +} + +function isAlias(value: string) { + return value.toString().trim().charAt(0) === '{'; +} + +function variableValueFromToken( + token: Token, + localVariablesByCollectionAndName: { + [variableCollectionId: string]: { + [variableName: string]: LocalVariable; + }; + }, +): VariableValue { + if (typeof token.$value === 'string' && isAlias(token.$value)) { + // Assume aliases are in the format {group.subgroup.token} with any number of optional groups/subgroups + // The Figma syntax for variable names is: group/subgroup/token + const value = token.$value + .trim() + .replace(/\./g, '/') + .replace(/[{}]/g, ''); + + // When mapping aliases to existing local variables, we assume that variable names + // are unique *across all collections* in the Figma file + for (const localVariablesByName of Object.values( + localVariablesByCollectionAndName, + )) { + if (localVariablesByName[value]) { + return { + type: 'VARIABLE_ALIAS', + id: localVariablesByName[value].id, + }; + } + } + + // If we don't find a local variable matching the alias, we assume it's a variable + // that we're going to create elsewhere in the payload. + // If the file has an invalid alias, we rely on the Figma API to return a 400 error + return { + type: 'VARIABLE_ALIAS', + id: value, + }; + } else if (typeof token.$value === 'string' && token.$type === 'color') { + return parseColor(token.$value); + } + return token.$value; +} + +function compareVariableValues(a: VariableValue, b: VariableValue) { + if (typeof a === 'object' && typeof b === 'object') { + if ( + 'type' in a && + 'type' in b && + a.type === 'VARIABLE_ALIAS' && + b.type === 'VARIABLE_ALIAS' + ) { + return a.id === b.id; + } else if ('r' in a && 'r' in b) { + return colorApproximatelyEqual(a, b); + } + } else { + return a === b; + } + + return false; +} + +function isCodeSyntaxEqual(a: VariableCodeSyntax, b: VariableCodeSyntax) { + return ( + Object.keys(a).length === Object.keys(b).length && + Object.keys(a).every( + key => + a[key as keyof VariableCodeSyntax] === + b[key as keyof VariableCodeSyntax], + ) + ); +} + +/** + * Get writable token properties that are different from the variable. + * If the variable does not exist, all writable properties are returned. + * + * This function is being used to decide what properties to include in the + * POST variables call to update variables in Figma. If a token does not have + * a particular property, we do not include it in the differences object to avoid + * touching that property in Figma. + */ +function tokenAndVariableDifferences( + token: Token, + variable: LocalVariable | null, +) { + const differences: Partial< + Omit< + VariableCreate | VariableUpdate, + 'id' | 'name' | 'variableCollectionId' | 'resolvedType' | 'action' + > + > = {}; + + if ( + token.$description !== undefined && + (!variable || token.$description !== variable.description) + ) { + differences.description = token.$description; + } + + if (token.$extensions && token.$extensions['com.figma']) { + const figmaExtensions = token.$extensions['com.figma']; + + if ( + figmaExtensions.hiddenFromPublishing !== undefined && + (!variable || + figmaExtensions.hiddenFromPublishing !== + variable.hiddenFromPublishing) + ) { + differences.hiddenFromPublishing = + figmaExtensions.hiddenFromPublishing; + } + + if ( + figmaExtensions.scopes && + (!variable || + !areSetsEqual( + new Set(figmaExtensions.scopes), + new Set(variable.scopes), + )) + ) { + differences.scopes = figmaExtensions.scopes; + } + + if ( + figmaExtensions.codeSyntax && + (!variable || + !isCodeSyntaxEqual( + figmaExtensions.codeSyntax, + variable.codeSyntax, + )) + ) { + differences.codeSyntax = figmaExtensions.codeSyntax; + } + } + + return differences; +} + +export function generatePostVariablesPayload( + tokensByFile: FlattenedTokensByFile, + localVariables: GetLocalVariablesResponse, +) { + const localVariableCollectionsByName: { + [name: string]: LocalVariableCollection; + } = {}; + const localVariablesByCollectionAndName: { + [variableCollectionId: string]: { + [variableName: string]: LocalVariable; + }; + } = {}; + + Object.values(localVariables.meta.variableCollections).forEach( + collection => { + if (localVariableCollectionsByName[collection.name]) { + throw new Error( + `Duplicate variable collection in file: ${collection.name}`, + ); + } + + localVariableCollectionsByName[collection.name] = collection; + }, + ); + + Object.values(localVariables.meta.variables).forEach(variable => { + if (!localVariablesByCollectionAndName[variable.variableCollectionId]) { + localVariablesByCollectionAndName[variable.variableCollectionId] = + {}; + } + + localVariablesByCollectionAndName[variable.variableCollectionId][ + variable.name + ] = variable; + }); + + console.log( + 'Local variable collections in Figma file:', + Object.keys(localVariableCollectionsByName), + ); + + const postVariablesPayload: PostVariablesRequestBody = { + variableCollections: [], + variableModes: [], + variables: [], + variableModeValues: [], + }; + + Object.entries(tokensByFile).forEach(([fileName, tokens]) => { + const { collectionName, modeName } = + collectionAndModeFromFileName(fileName); + + const variableCollection = + localVariableCollectionsByName[collectionName]; + // Use the actual variable collection id or use the name as the temporary id + const variableCollectionId = variableCollection + ? variableCollection.id + : collectionName; + const variableMode = variableCollection?.modes.find( + mode => mode.name === modeName, + ); + // Use the actual mode id or use the name as the temporary id + const modeId = variableMode ? variableMode.modeId : modeName; + + if ( + !variableCollection && + !postVariablesPayload.variableCollections!.find( + c => c.id === variableCollectionId, + ) + ) { + postVariablesPayload.variableCollections!.push({ + action: 'CREATE', + id: variableCollectionId, + name: variableCollectionId, + initialModeId: modeId, // Use the initial mode as the first mode + }); + + // Rename the initial mode, since we're using it as our first mode in the collection + postVariablesPayload.variableModes!.push({ + action: 'UPDATE', + id: modeId, + name: modeId, + variableCollectionId, + }); + } + + // Add a new mode if it doesn't exist in the Figma file + // and it's not the initial mode in the collection + if ( + !variableMode && + !postVariablesPayload.variableCollections!.find( + c => + c.id === variableCollectionId && + 'initialModeId' in c && + c.initialModeId === modeId, + ) + ) { + postVariablesPayload.variableModes!.push({ + action: 'CREATE', + id: modeId, + name: modeId, + variableCollectionId, + }); + } + + const localVariablesByName = + localVariablesByCollectionAndName[variableCollection?.id] || {}; + + Object.entries(tokens).forEach(([tokenName, token]) => { + const variable = localVariablesByName[tokenName]; + const variableId = variable ? variable.id : tokenName; + const variableInPayload = postVariablesPayload.variables!.find( + v => + v.id === variableId && + 'variableCollectionId' in v && + v.variableCollectionId === variableCollectionId, + ); + const differences = tokenAndVariableDifferences(token, variable); + + // Add a new variable if it doesn't exist in the Figma file, + // and we haven't added it already in another mode + if (!variable && !variableInPayload) { + postVariablesPayload.variables!.push({ + action: 'CREATE', + id: variableId, + name: tokenName, + variableCollectionId, + resolvedType: variableResolvedTypeFromToken(token), + ...differences, + }); + } else if (variable && Object.keys(differences).length > 0) { + if (variable.remote) { + throw new Error( + `Cannot update remote variable "${variable.name}" in collection "${collectionName}"`, + ); + } + + postVariablesPayload.variables!.push({ + action: 'UPDATE', + id: variableId, + ...differences, + }); + } + + const existingVariableValue = + variable && variableMode ? variable.valuesByMode[modeId] : null; + const newVariableValue = variableValueFromToken( + token, + localVariablesByCollectionAndName, + ); + + // Only include the variable mode value in the payload if it's different from the existing value + if ( + existingVariableValue === null || + !compareVariableValues(existingVariableValue, newVariableValue) + ) { + postVariablesPayload.variableModeValues!.push({ + variableId, + modeId, + value: newVariableValue, + }); + } + }); + }); + + return postVariablesPayload; +} diff --git a/packages/ffe-core/scripts/figma-api/token_types.ts b/packages/ffe-core/scripts/figma-api/token_types.ts new file mode 100644 index 0000000000..80e28b2eee --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/token_types.ts @@ -0,0 +1,55 @@ +/** + * This file defines what design tokens and design token files look like in the codebase. + * + * Tokens are distinct from variables, in that a [token](https://tr.designtokens.org/format/#design-token) + * is a name/value pair (with other properties), while a variable in Figma stores multiple values, + * one for each mode. + */ + +import { VariableCodeSyntax, VariableScope } from '@figma/rest-api-spec'; + +export interface Token { + /** + * The [type](https://tr.designtokens.org/format/#type-0) of the token. + * + * We allow `string` and `boolean` types in addition to the draft W3C spec's `color` and `number` types + * to align with the resolved types for Figma variables. + */ + $type: 'color' | 'number' | 'string' | 'boolean'; + $value: string | number | boolean; + $description?: string; + $extensions?: { + /** + * The `com.figma` namespace stores Figma-specific variable properties + */ + 'com.figma'?: { + hiddenFromPublishing?: boolean; + scopes?: VariableScope[]; + codeSyntax?: VariableCodeSyntax; + }; + }; +} + +export type TokenOrTokenGroup = + | Token + | ({ + [tokenName: string]: Token; + } & { $type?: never; $value?: never }); + +/** + * Defines what we expect a Design Tokens file to look like in the codebase. + * + * This format mostly adheres to the [draft W3C spec for Design Tokens](https://tr.designtokens.org/format/) + * as of its most recent 24 July 2023 revision except for the $type property, for which + * we allow `string` and `boolean` values in addition to the spec's `color` and `number` values. + * We need to support `string` and `boolean` types to align with the resolved types for Figma variables. + * + * Additionally, we expect each tokens file to define tokens for a single variable collection and mode. + * There currently isn't a way to represent modes or themes in the W3C community group design token specification. + * Once the spec resolves how it wants to treat/handle modes, this code will be updated to reflect the new standard. + * + * Follow this discussion for updates: https://github.com/design-tokens/community-group/issues/210 + */ +export type TokensFile = { + [key: string]: TokenOrTokenGroup; +}; diff --git a/packages/ffe-core/scripts/figma-api/utils.ts b/packages/ffe-core/scripts/figma-api/utils.ts new file mode 100644 index 0000000000..8709f28c34 --- /dev/null +++ b/packages/ffe-core/scripts/figma-api/utils.ts @@ -0,0 +1,11 @@ +export function green(msg: string) { + return `\x1b[32m${msg}\x1b[0m`; +} + +export function brightRed(msg: string) { + return `\x1b[1;31m${msg}\x1b[0m`; +} + +export function areSetsEqual(a: Set, b: Set) { + return a.size === b.size && Array.from(a).every(item => b.has(item)); +} diff --git a/packages/ffe-core/scripts/generate-semantic-colors.js b/packages/ffe-core/scripts/generate-semantic-colors.js new file mode 100755 index 0000000000..ae83125839 --- /dev/null +++ b/packages/ffe-core/scripts/generate-semantic-colors.js @@ -0,0 +1,134 @@ +#!/usr/bin/env node +const fs = require('fs'); +const path = require('path'); +const writeToFile = require('./lib/writeToFile'); + +const tokenFiles = fs + .readdirSync(path.resolve('tokens')) + .filter(file => file.endsWith('.json')); + +const convertPrimitivesJsonToCss = jsonFile => { + const jsonContent = JSON.parse(fs.readFileSync(jsonFile, 'utf8')); + const cssLines = []; + + const processColorTokens = (obj, prefix = '') => { + for (const [key, value] of Object.entries(obj)) { + if (value.$type === 'color') { + const cssVarName = `--ffe-color-${prefix}${key}` + .replace(/\./g, '-') + .replace(/ø/g, 'oe') + .replace(/æ/g, 'ae') + .replace(/å/g, 'aa'); + cssLines.push(`${cssVarName}: ${value.$value};`); + } else if (typeof value === 'object') { + processColorTokens(value, `${prefix}${key}-`); + } + } + }; + + if (jsonContent.color) { + processColorTokens(jsonContent.color); + } + + const cssContent = `:root,\n:host {\n${cssLines.join('\n')}\n}`; + return cssContent; +}; + +const convertSemanticJsonToCss = (jsonFile, isDarkMode = false) => { + const jsonContent = JSON.parse(fs.readFileSync(jsonFile, 'utf8')); + const cssLines = []; + + const processColorTokens = (obj, prefix = '') => { + for (const [key, value] of Object.entries(obj)) { + if (value.$type === 'color') { + const cssVarName = `--ffe-color-${prefix}${key}` + .replace(/\s./g, '-') + .replace(/ø/g, 'oe') + .replace(/æ/g, 'ae') + .replace(/å/g, 'aa'); + const cssVarValue = value.$value.startsWith('{') + ? `var(--ffe-${value.$value + .slice(1, -1) + .replace(/\./g, '-') + .replace(/ø/g, 'oe') + .replace(/æ/g, 'ae') + .replace(/å/g, 'aa')})` + : value.$value; + cssLines.push(`${cssVarName}: ${cssVarValue};`); + } else if (typeof value === 'object') { + processColorTokens(value, `${prefix}${key}-`); + } + } + }; + + processColorTokens(jsonContent); + + let cssContent; + if (isDarkMode) { + cssContent = `// Semantic dark \n @media (prefers-color-scheme: dark) {\n:root .regard-color-scheme-preference,\n:host .regard-color-scheme-preference{\n${cssLines.join('\n')}\n}\n}`; + cssContent += `\n // Semantic dark class \n.dark-mode.regard-color-scheme-preference {\n${cssLines.join('\n')}\n}`; + } else { + cssContent = `// Semantic \n :root,\n:host {\n${cssLines.join('\n')}\n}`; + } + return cssContent; +}; + +const convertContextJsonToCss = (jsonFile, isAccentMode = false) => { + const jsonContent = JSON.parse(fs.readFileSync(jsonFile, 'utf8')); + const cssLines = []; + + const processColorTokens = (obj, prefix = '') => { + for (const [key, value] of Object.entries(obj)) { + if (value.$type === 'color') { + const cssVarName = `--ffe-color-${prefix}${key}` + .replace(/\./g, '-') + .toLowerCase(); + const cssVarValue = value.$value.startsWith('{') + ? `var(--ffe-color-${value.$value + .slice(1, -1) + .replace(/\./g, '-') + .replace(/-color-/g, '-') + .replace(/ø/g, 'oe') + .replace(/æ/g, 'ae') + .replace(/å/g, 'aa')})` + : value.$value; + cssLines.push(`${cssVarName}: ${cssVarValue};`); + } else if (typeof value === 'object') { + processColorTokens(value, `${prefix}${key}-`); + } + } + }; + + if (jsonContent.color) { + processColorTokens(jsonContent.color); + } + + let cssContent; + if (isAccentMode) { + cssContent = `// Context accent \n.accent {\n${cssLines.join('\n')}\n}`; + } else { + cssContent = `// Context :root,\n:host {\n${cssLines.join('\n')}\n}`; + } + return cssContent; +}; + +function generateSemanticColors() { + let cssContent = '// Generated from Figma tokens'; + tokenFiles.forEach(tokenFile => { + const jsonFilePath = path.resolve('tokens', tokenFile); + if (tokenFile.includes('Primitive')) { + cssContent += `\n\n${convertPrimitivesJsonToCss(jsonFilePath)}`; + } else if (tokenFile.includes('Semantic')) { + const isDarkMode = tokenFile.includes('Dark'); + cssContent += `\n\n${convertSemanticJsonToCss(jsonFilePath, isDarkMode)}`; + } else if (tokenFile.includes('Context')) { + const isAccentMode = tokenFile.includes('Accent'); + cssContent += `\n\n${convertContextJsonToCss(jsonFilePath, isAccentMode)}`; + } + }); + + writeToFile('less/colors-semantic.less')(cssContent); + writeToFile('css/colors-semantic.css')(cssContent); +} + +generateSemanticColors(); diff --git a/packages/ffe-core/tokens/01 Primitive.value.json b/packages/ffe-core/tokens/01 Primitive.value.json new file mode 100644 index 0000000000..aa9c47d505 --- /dev/null +++ b/packages/ffe-core/tokens/01 Primitive.value.json @@ -0,0 +1,4894 @@ +{ + "color": { + "vann": { + "0": { + "$type": "color", + "$value": "#f7fafd", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#e7f1f9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#d7e7f4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#cfe2f2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#c3d9ef", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#b6d1ec", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#9ec2e5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#8eb8e1", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#7dabd9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#6ba1d6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#5494d4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#3b85ce", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#2975c2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#1566b2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#005aa4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#084f91", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#073f83", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#04347c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#022d74", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#08235e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#0c1845", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#091235", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#070d27", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "natt": { + "0": { + "$type": "color", + "$value": "#f4f7fa", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#e9eef6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#dfe6f1", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#d4deed", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#c9d5e8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#bbcae2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#acbfdc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#9eb4d6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#90a9d0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#809cc6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#748db4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#6782ac", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#55709b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#47618a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#3e5579", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#374b6c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#2e405c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#27364e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#202c3f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#192333", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#121927", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#101622", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#0c111d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "frost": { + "0": { + "$type": "color", + "$value": "#f8fbfc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#e5f0f5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#dceaef", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#cbe2eb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#c3dfea", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#b6d7e7", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#a6cee2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#95c3db", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#7eb5d2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#73a5c4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#6795b6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#5988ab", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#4a799c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#406e91", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#386485", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#2f5978", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#284e6c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#20435d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#193850", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#132d40", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#0e2230", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#081721", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#040b11", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "sand": { + "0": { + "$type": "color", + "$value": "#fdfaf7", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#faefe6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#f8e9dd", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#eedac9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#e8ceba", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#e2c4ac", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#deba9c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#d6b08f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#cea788", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#c69e7c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#ba926d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#b4875f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#a6784e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#996e48", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#8e633e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#7d5836", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#6c4b2d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#583f28", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#483423", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#3e2d1e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#32251b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#221911", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#110c09", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "syrin": { + "0": { + "$type": "color", + "$value": "#f8f8fc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#eaeaf6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#e6e6f4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#dcdcef", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#d3d3ea", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#cacae3", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#c3c3da", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#b6b6cd", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#aaaac0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#a2a2b9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#9996ab", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#8c88a0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#79748b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#686477", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#5d5a6d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#514e5f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#474457", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#3d394c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#332f41", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#292636", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#1f1c2c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#14121c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#0c0b12", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "multe": { + "0": { + "$type": "color", + "$value": "#fff9f5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#ffeadb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#ffe0cc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#ffd4b8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#ffc59e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#faba8e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#f8b181", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#f1a674", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#ec9e6a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#e99863", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#e39059", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#d2814b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#b66e3a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#9d5d2f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#8f501f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#874817", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#763900", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#6a2e00", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#5e2300", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#4d1700", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#461400", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#310e00", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#210900", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "bær": { + "0": { + "$type": "color", + "$value": "#fff8f5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#ffe5e0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#ffd7d1", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#ffc2b8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#ffaea8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#ff978f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#ff7f7a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#ff6c68", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#ff5e5c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#f55451", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#e44244", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#d93638", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#c62a2f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#b21f22", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#a01c1f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#8f1418", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#7c1214", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#701012", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#640e10", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#560b0c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#49090a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#330608", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#230607", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "lyng": { + "0": { + "$type": "color", + "$value": "#fff5f9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#ffe0ee", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#ffd6e7", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#ffc7dc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#ffb1cb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#faa3c0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#f297b2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#e58ba5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#d77f99", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#ce7892", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#bc6781", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#b35b76", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#a24f69", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#98435e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#873953", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#7b2d48", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#6f213e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#621433", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#560629", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#4c0524", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#3d0016", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#28000f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#190007", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "villblomst": { + "0": { + "$type": "color", + "$value": "#fffafb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#ffe0e9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#ffd7e1", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#fccfd8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#fdc3d0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#feb3c2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#ffa6b5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#fc9aa8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#ee8d9c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#e98696", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#d37484", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#ca6879", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#b85c6c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#ad5265", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#9d4556", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#913b4c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#832d40", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#762136", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#6a142b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#5f0c24", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#510018", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#390614", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#28050d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "myrull": { + "0": { + "$type": "color", + "$value": "#fff8f7", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#fee9e7", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#fae4e0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#f2d9d4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#e6cbc6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#dabeb9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#ccb2ad", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#bfa5a0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#af9b97", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#a9938f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#96837f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#8c7773", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#7e6b68", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#73615f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#675551", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#5b4b48", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#503f3c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#453532", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#3b2b28", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#312321", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#261815", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#1a100e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#0f0807", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "nordlys": { + "0": { + "$type": "color", + "$value": "#f6fefb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#d8f8ec", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#c2f5e2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#acf1d8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#96edcb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#8de2c0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#78d9b3", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#6bcca8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#58c39b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#44bb8f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#33af85", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#22a075", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#008f68", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#008560", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#047756", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#03684c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#035e44", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#04523e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#044431", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#033a2b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#033024", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#022219", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#021d16", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "skog": { + "0": { + "$type": "color", + "$value": "#f6fdfa", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#dff6eb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#cbf0df", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#bbedd5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#b2e6cd", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#9edbbe", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#8fd1b1", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#7cc5a2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#6abe97", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#55b489", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#48a781", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#409674", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#2e8b64", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#2a7e5b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#00754e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#0d6346", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#09583b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#0a4d37", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#0a4330", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#083a29", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#083023", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#052419", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#031610", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "sol": { + "0": { + "$type": "color", + "$value": "#fffdf5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#fdeed3", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#ffe0b2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#ffd394", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#ffc675", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#ffb64d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#f6ac3c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#f49f1f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#ea910b", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#dc8000", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#cc7205", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#bd6a05", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#a95704", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#944a00", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#853f00", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#753500", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#682c00", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#582400", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#491c00", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#3d1700", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#2e0b00", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#220400", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#180000", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "gray": { + "0": { + "$type": "color", + "$value": "#fbfbfb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#f0f0f0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#e5e5e5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#dbdbdb", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#cccccc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#c2c2c2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#b8b8b8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#adadad", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#a4a4a4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#999999", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#8f8f8f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#858585", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#7a7a7a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#707070", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#666666", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#5c5c5c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#525252", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#474747", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#3d3d3d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#333333", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#292929", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#1f1f1f", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#141414", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "white": { + "$type": "color", + "$value": "#ffffff", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "black": { + "$type": "color", + "$value": "#020a0a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "alpha": { + "white": { + "0": { + "$type": "color", + "$value": "#ffffff00", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "5": { + "$type": "color", + "$value": "#ffffff0d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "10": { + "$type": "color", + "$value": "#ffffff1a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "15": { + "$type": "color", + "$value": "#ffffff26", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "20": { + "$type": "color", + "$value": "#ffffff33", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#ffffff40", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "30": { + "$type": "color", + "$value": "#ffffff4d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "35": { + "$type": "color", + "$value": "#ffffff59", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "40": { + "$type": "color", + "$value": "#ffffff66", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "45": { + "$type": "color", + "$value": "#ffffff73", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#ffffff80", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "55": { + "$type": "color", + "$value": "#ffffff8c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "60": { + "$type": "color", + "$value": "#ffffff99", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "65": { + "$type": "color", + "$value": "#ffffffa6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "70": { + "$type": "color", + "$value": "#ffffffb2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#ffffffbf", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "80": { + "$type": "color", + "$value": "#ffffffcc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "85": { + "$type": "color", + "$value": "#ffffffd9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "90": { + "$type": "color", + "$value": "#ffffffe5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "95": { + "$type": "color", + "$value": "#fffffff2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#ffffff", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "black": { + "0": { + "$type": "color", + "$value": "#00000000", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "5": { + "$type": "color", + "$value": "#0000000d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "10": { + "$type": "color", + "$value": "#0000001a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "20": { + "$type": "color", + "$value": "#00000033", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "30": { + "$type": "color", + "$value": "#0000004d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "40": { + "$type": "color", + "$value": "#00000066", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#00000080", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "60": { + "$type": "color", + "$value": "#00000099", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "70": { + "$type": "color", + "$value": "#000000b2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "80": { + "$type": "color", + "$value": "#000000cc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "90": { + "$type": "color", + "$value": "#000000e5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#000000", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + }, + "water": { + "5": { + "$type": "color", + "$value": "#005aa40d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "10": { + "$type": "color", + "$value": "#005aa41a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "15": { + "$type": "color", + "$value": "#005aa426", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "20": { + "$type": "color", + "$value": "#005aa433", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#005aa440", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "30": { + "$type": "color", + "$value": "#005aa44d", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "35": { + "$type": "color", + "$value": "#005aa459", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "40": { + "$type": "color", + "$value": "#005aa466", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "45": { + "$type": "color", + "$value": "#005aa473", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#005aa480", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "55": { + "$type": "color", + "$value": "#005aa48c", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "60": { + "$type": "color", + "$value": "#005aa499", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "65": { + "$type": "color", + "$value": "#005aa4a6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "70": { + "$type": "color", + "$value": "#005aa4b2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#005aa4bf", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "80": { + "$type": "color", + "$value": "#005aa4cc", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "85": { + "$type": "color", + "$value": "#005aa4d9", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "90": { + "$type": "color", + "$value": "#005aa4e5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + }, + "95": { + "$type": "color", + "$value": "#005aa4f2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [], + "codeSyntax": {} + } + } + } + } + }, + "_fjell": { + "0": { + "$type": "color", + "$value": "#f5f7ff", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "25": { + "$type": "color", + "$value": "#e8eef7", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "50": { + "$type": "color", + "$value": "#e1e8f5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "75": { + "$type": "color", + "$value": "#d9e1f2", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "100": { + "$type": "color", + "$value": "#cbd8f0", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "150": { + "$type": "color", + "$value": "#bed0ef", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "200": { + "$type": "color", + "$value": "#aac4ee", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "250": { + "$type": "color", + "$value": "#9cbae8", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "300": { + "$type": "color", + "$value": "#88ade7", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "350": { + "$type": "color", + "$value": "#78a1e3", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "400": { + "$type": "color", + "$value": "#6c93d5", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "450": { + "$type": "color", + "$value": "#5c87d1", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "500": { + "$type": "color", + "$value": "#4c74bd", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "550": { + "$type": "color", + "$value": "#3c68b4", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "600": { + "$type": "color", + "$value": "#315aa6", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "650": { + "$type": "color", + "$value": "#2d4f9a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "700": { + "$type": "color", + "$value": "#1d428a", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "750": { + "$type": "color", + "$value": "#0e3582", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "800": { + "$type": "color", + "$value": "#002776", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "850": { + "$type": "color", + "$value": "#08235e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "900": { + "$type": "color", + "$value": "#0e1b4e", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "950": { + "$type": "color", + "$value": "#091235", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "1000": { + "$type": "color", + "$value": "#070d27", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "typography": { + "font": { + "Material symbols": { + "$type": "string", + "$value": "Material symbols rounded", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } +} \ No newline at end of file diff --git a/packages/ffe-core/tokens/02 Semantic.Dark.json b/packages/ffe-core/tokens/02 Semantic.Dark.json new file mode 100644 index 0000000000..297c7bddfa --- /dev/null +++ b/packages/ffe-core/tokens/02 Semantic.Dark.json @@ -0,0 +1,2730 @@ +{ + "default": { + "brand": { + "primary": { + "subtlest": { + "$type": "color", + "$value": "{color.natt.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.natt.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.natt.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.natt.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.natt.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.natt.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.natt.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.natt.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "subtlest": { + "$type": "color", + "$value": "{color.frost.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.frost.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.frost.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.frost.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.frost.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.frost.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.frost.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.frost.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "subtlest": { + "$type": "color", + "$value": "{color.syrin.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.syrin.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.syrin.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.syrin.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.syrin.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.syrin.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.syrin.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.syrin.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "emphasis": { + "sublest": { + "$type": "color", + "$value": "{color.vann.850}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.vann.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.vann.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.vann.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.vann.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.vann.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "subtle": { + "subtlest": { + "$type": "color", + "$value": "{color.sand.900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.sand.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.sand.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.sand.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.sand.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.sand.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.sand.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.sand.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "feedback": { + "info": { + "subtlest": { + "$type": "color", + "$value": "{color.frost.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.frost.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.frost.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.frost.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.frost.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.frost.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.frost.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.frost.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "subtlest": { + "$type": "color", + "$value": "{color.skog.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.skog.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.skog.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.skog.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.skog.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.skog.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.skog.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.skog.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "subtlest": { + "$type": "color", + "$value": "{color.bær.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.bær.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.bær.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.bær.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.bær.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.bær.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.bær.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.bær.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "subtlest": { + "$type": "color", + "$value": "{color.sol.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.sol.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.sol.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.sol.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.sol.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.sol.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.sol.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.sol.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "neutral": { + "sublest": { + "$type": "color", + "$value": "{color.gray.900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.gray.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.gray.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.gray.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.gray.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.gray.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.gray.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverted": { + "$type": "color", + "$value": "{color.gray.900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "focus": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "accent": { + "brand": { + "primary": { + "subtlest": { + "$type": "color", + "$value": "{color.natt.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.natt.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.natt.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.natt.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.natt.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.natt.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.natt.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.natt.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "subtlest": { + "$type": "color", + "$value": "{color.frost.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.frost.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.frost.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.frost.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.frost.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.frost.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.frost.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.frost.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "subtlest": { + "$type": "color", + "$value": "{color.syrin.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.syrin.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.syrin.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.syrin.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.syrin.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.syrin.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.syrin.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.syrin.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "emphasis": { + "sublest": { + "$type": "color", + "$value": "{color.vann.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.vann.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.vann.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.vann.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.vann.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.vann.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.vann.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "subtle": { + "subtlest": { + "$type": "color", + "$value": "{color.sand.850}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.sand.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.sand.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.sand.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.sand.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.sand.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.sand.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.sand.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "feedback": { + "info": { + "subtlest": { + "$type": "color", + "$value": "{color.frost.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.frost.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.frost.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.frost.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.frost.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.frost.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.frost.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.frost.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "subtlest": { + "$type": "color", + "$value": "{color.skog.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.skog.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.skog.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.skog.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.skog.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.skog.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.skog.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.skog.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "subtlest": { + "$type": "color", + "$value": "{color.bær.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.bær.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.bær.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.bær.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.bær.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.bær.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.bær.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.bær.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "subtlest": { + "$type": "color", + "$value": "{color.sol.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.sol.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.sol.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.sol.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.sol.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.sol.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.sol.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.sol.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "neutral": { + "sublest": { + "$type": "color", + "$value": "{color.gray.900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.gray.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.gray.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.gray.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.gray.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.gray.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.gray.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverted": { + "$type": "color", + "$value": "{color.gray.900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "default": { + "$type": "color", + "$value": "{color.vann.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.vann.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "focus": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "speciality": { + "background": { + "default": { + "$type": "color", + "$value": "{color.gray.black}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.gray.1000}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "accent": { + "$type": "color", + "$value": "{color.gray.950}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "surface": { + "default": { + "$type": "color", + "$value": "{color.gray.950}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{color.gray.850}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{color.gray.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "transparent": { + "$type": "color", + "$value": "{color.alpha.white.0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "static": { + "neutral": { + "white": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "light-gray": { + "$type": "color", + "$value": "{color.gray.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "gray": { + "$type": "color", + "$value": "{color.gray.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "dark-gray": { + "$type": "color", + "$value": "{color.gray.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.gray.black}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "accent": { + "subtle": { + "$type": "color", + "$value": "{color.vann.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtlest": { + "$type": "color", + "$value": "{color.vann.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.vann.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.vann.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.vann.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + } +} \ No newline at end of file diff --git a/packages/ffe-core/tokens/02 Semantic.Light.json b/packages/ffe-core/tokens/02 Semantic.Light.json new file mode 100644 index 0000000000..badbf7f850 --- /dev/null +++ b/packages/ffe-core/tokens/02 Semantic.Light.json @@ -0,0 +1,2730 @@ +{ + "default": { + "brand": { + "primary": { + "subtlest": { + "$type": "color", + "$value": "{color.vann.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.vann.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.vann.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.vann.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.vann.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.vann.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "subtlest": { + "$type": "color", + "$value": "{color.frost.0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.frost.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.frost.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.frost.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.frost.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.frost.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.frost.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.frost.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "subtlest": { + "$type": "color", + "$value": "{color.syrin.0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.syrin.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.syrin.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.syrin.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.syrin.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.syrin.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.syrin.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.syrin.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "emphasis": { + "sublest": { + "$type": "color", + "$value": "{color.vann.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.vann.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.vann.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.vann.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.vann.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.vann.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.vann.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "subtle": { + "subtlest": { + "$type": "color", + "$value": "{color.sand.0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.sand.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.sand.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.sand.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.sand.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.sand.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.sand.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.sand.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "feedback": { + "info": { + "subtlest": { + "$type": "color", + "$value": "{color.frost.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.frost.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.frost.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.frost.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.frost.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.frost.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.frost.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.frost.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "subtlest": { + "$type": "color", + "$value": "{color.skog.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.skog.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.skog.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.skog.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.skog.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.skog.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.skog.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.skog.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "subtlest": { + "$type": "color", + "$value": "{color.bær.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.bær.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.bær.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.bær.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.bær.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.bær.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.bær.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.bær.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "subtlest": { + "$type": "color", + "$value": "{color.sol.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.sol.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.sol.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.sol.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.sol.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.sol.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.sol.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.sol.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "neutral": { + "sublest": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.gray.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.gray.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.gray.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.gray.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.gray.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.gray.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.gray.900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverted": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "focus": { + "$type": "color", + "$value": "{default.brand.emphasis.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "accent": { + "brand": { + "primary": { + "subtlest": { + "$type": "color", + "$value": "{color.alpha.white.15}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.alpha.white.20}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.alpha.white.30}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.alpha.white.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.alpha.white.60}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.alpha.white.70}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.alpha.white.80}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.alpha.white.90}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "subtlest": { + "$type": "color", + "$value": "{color.frost.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.frost.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.frost.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.frost.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.frost.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.frost.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.frost.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.frost.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "subtlest": { + "$type": "color", + "$value": "{color.syrin.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.syrin.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.syrin.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.syrin.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.syrin.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.syrin.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.syrin.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.syrin.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "emphasis": { + "sublest": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.vann.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.vann.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.vann.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.vann.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.vann.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.vann.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "subtle": { + "subtlest": { + "$type": "color", + "$value": "{color.sand.650}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.sand.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.sand.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.sand.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.sand.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.sand.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.sand.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.sand.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "feedback": { + "info": { + "subtlest": { + "$type": "color", + "$value": "{color.frost.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.frost.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.frost.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.frost.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.frost.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.frost.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.frost.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.frost.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "subtlest": { + "$type": "color", + "$value": "{color.skog.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.skog.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.skog.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.skog.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.skog.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.skog.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.skog.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.skog.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "subtlest": { + "$type": "color", + "$value": "{color.bær.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.bær.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.bær.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.bær.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.bær.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.bær.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.bær.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.bær.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "subtlest": { + "$type": "color", + "$value": "{color.sol.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.sol.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.sol.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.sol.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.sol.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.sol.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.sol.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.sol.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "neutral": { + "sublest": { + "$type": "color", + "$value": "{color.vann.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.vann.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.vann.250}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.vann.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.vann.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.vann.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverted": { + "$type": "color", + "$value": "{color.vann.1000}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "default": { + "$type": "color", + "$value": "{color.vann.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.vann.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "focus": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "speciality": { + "background": { + "default": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.brand.subtle.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "accent": { + "$type": "color", + "$value": "{color.vann.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "surface": { + "default": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{color.vann.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{color.vann.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "transparent": { + "$type": "color", + "$value": "{color.alpha.white.0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "static": { + "neutral": { + "white": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "light-gray": { + "$type": "color", + "$value": "{color.gray.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "gray": { + "$type": "color", + "$value": "{color.gray.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "dark-gray": { + "$type": "color", + "$value": "{color.gray.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.gray.black}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "accent": { + "subtle": { + "$type": "color", + "$value": "{color.vann.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtler": { + "$type": "color", + "$value": "{color.vann.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtlest": { + "$type": "color", + "$value": "{color.vann.25}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "medium": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strong": { + "$type": "color", + "$value": "{color.vann.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "stronger": { + "$type": "color", + "$value": "{color.vann.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "strongest": { + "$type": "color", + "$value": "{color.vann.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + } +} \ No newline at end of file diff --git a/packages/ffe-core/tokens/03 Context.Accent.json b/packages/ffe-core/tokens/03 Context.Accent.json new file mode 100644 index 0000000000..498b0b9f48 --- /dev/null +++ b/packages/ffe-core/tokens/03 Context.Accent.json @@ -0,0 +1,3067 @@ +{ + "color": { + "background": { + "default": { + "$type": "color", + "$value": "{speciality.background.accent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{accent.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "invisible": { + "$type": "color", + "$value": "{speciality.background.transparent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "surface": { + "primary": { + "default": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "inverse": { + "$type": "color", + "$value": "{color.vann.1000}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + } + }, + "surface": { + "primary": { + "default": { + "$type": "color", + "$value": "{accent.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{accent.neutral.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{accent.neutral.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.brand.secondary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{accent.brand.secondary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.secondary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.secondary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "{default.brand.tertiary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.tertiary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.tertiary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "$type": "color", + "$value": "{color.gray.900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "info": { + "default": { + "$type": "color", + "$value": "{default.feedback.info.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "default": { + "$type": "color", + "$value": "{default.feedback.success.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "default": { + "$type": "color", + "$value": "{default.feedback.warning.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{default.feedback.critical.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "feedback": { + "info": { + "$type": "color", + "$value": "{default.feedback.info.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{default.feedback.success.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{default.feedback.warning.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{default.feedback.critical.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "tip": { + "$type": "color", + "$value": "{default.brand.tertiary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "text": { + "link": { + "inverse": { + "$type": "color", + "$value": "{color.vann.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "default-inverse": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "sublte-inverse": { + "$type": "color", + "$value": "{color.gray.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis-inverse": { + "$type": "color", + "$value": "{color._fjell.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "primary": { + "subtle": { + "$type": "color", + "$value": "{color.gray.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{color.gray.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.gray.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "label": { + "default": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "fill": { + "primary": { + "subtle": { + "$type": "color", + "$value": "{accent.brand.primary.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{accent.brand.primary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{accent.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{accent.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{accent.brand.primary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "invisible": { + "$type": "color", + "$value": "{speciality.background.transparent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "info": { + "default": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{color.vann.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "default": { + "$type": "color", + "$value": "{color.skog.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.skog.350}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{color.skog.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "default": { + "$type": "color", + "$value": "{color.sol.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{color.sol.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{color.sol.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "hover": { + "$type": "color", + "$value": "{color.bær.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.bær.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{accent.brand.secondary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{accent.brand.secondary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{accent.brand.secondary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{accent.brand.secondary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{accent.brand.secondary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{accent.brand.secondary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "{default.brand.tertiary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{default.brand.tertiary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{default.brand.tertiary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.brand.tertiary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{default.brand.tertiary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{default.brand.tertiary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "feedback": { + "info": { + "$type": "color", + "$value": "{accent.feedback.info.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{accent.feedback.success.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{accent.feedback.warning.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{accent.feedback.critical.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "tip": { + "$type": "color", + "$value": "{accent.brand.tertiary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "icon": { + "primary": { + "inverse": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{color.text.secondary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{color.vann.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "inverse": { + "$type": "color", + "$value": "{color.text.default-inverse}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "info": { + "$type": "color", + "$value": "{color.foreground.on-surface.info.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{color.foreground.on-surface.success.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{color.foreground.on-surface.warning.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{color.foreground.on-surface.critical.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + } + }, + "border": { + "primary": { + "default": { + "$type": "color", + "$value": "{accent.neutral.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.neutral.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{accent.neutral.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{speciality.static.accent.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{speciality.static.accent.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{color.natt.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{color.natt.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.natt.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverse": { + "$type": "color", + "$value": "{color.frost.450}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "{accent.brand.tertiary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.tertiary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.tertiary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverse": { + "$type": "color", + "$value": "{color.syrin.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "focus": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "feedback": { + "info": { + "$type": "color", + "$value": "{accent.feedback.info.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{accent.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{accent.feedback.warning.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{accent.feedback.critical.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "tip": { + "$type": "color", + "$value": "{accent.brand.tertiary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "info": { + "default": { + "$type": "color", + "$value": "{color.vann.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{color.bær.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{accent.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverse": { + "$type": "color", + "$value": "{accent.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "on-fill": { + "default": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverse": { + "$type": "color", + "$value": "{default.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "link": { + "$type": "color", + "$value": "{speciality.static.accent.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "link-hover": { + "$type": "color", + "$value": "{speciality.static.accent.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "link-pressed": { + "$type": "color", + "$value": "{speciality.static.accent.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "on-surface": { + "default": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{color.vann.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "info": { + "default": { + "$type": "color", + "$value": "{default.feedback.info.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "default": { + "$type": "color", + "$value": "{default.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "default": { + "$type": "color", + "$value": "{default.feedback.warning.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{default.feedback.critical.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "feedback": { + "info": { + "$type": "color", + "$value": "{default.feedback.info.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{default.feedback.success.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{default.feedback.warning.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{default.feedback.critical.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "tip": { + "$type": "color", + "$value": "{default.brand.tertiary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "text-on": { + "primary": { + "default": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{color._fjell.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + } + } + }, + "component": { + "button": { + "action": { + "border": { + "default": { + "$type": "color", + "$value": "{default.feedback.success.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.feedback.success.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.feedback.success.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{accent.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.feedback.success.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.feedback.success.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{accent.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "primary": { + "border": { + "default": { + "$type": "color", + "$value": "{accent.brand.primary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{accent.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{accent.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "secondary": { + "border": { + "default": { + "$type": "color", + "$value": "{accent.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{color.fill.primary.invisible}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.primary.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{speciality.static.neutral.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{speciality.static.neutral.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "tertiary": { + "border": { + "default": { + "$type": "color", + "$value": "{speciality.background.accent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{color.fill.primary.invisible}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.primary.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{speciality.static.neutral.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{speciality.static.neutral.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "Button": { + "action": { + "fill": { + "hover": { + "$type": "color", + "$value": "{color.skog.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.skog.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "text": { + "default": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "critical": { + "fill": { + "hover": { + "$type": "color", + "$value": "{color.bær.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.bær.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "chips": { + "default": { + "fill": { + "default": { + "$type": "color", + "$value": "{color.fill.primary.invisible}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.primary.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "border": { + "default": { + "$type": "color", + "$value": "{accent.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "selected": { + "fill": { + "default": { + "$type": "color", + "$value": "{accent.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{accent.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "border": { + "default": { + "$type": "color", + "$value": "{speciality.static.accent.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{speciality.static.accent.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{speciality.static.accent.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "form": { + "input": { + "border": { + "default": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{accent.neutral.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{accent.neutral.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{accent.neutral.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{accent.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{accent.brand.primary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{accent.brand.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{accent.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{accent.brand.primary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{accent.brand.primary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{accent.brand.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected-hover": { + "$type": "color", + "$value": "{accent.brand.primary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected-pressed": { + "$type": "color", + "$value": "{accent.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "on-fill": { + "default": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{accent.neutral.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{accent.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "toggleSwitch": { + "handle": { + "default": { + "$type": "color", + "$value": "{accent.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{accent.neutral.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{accent.neutral.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{accent.neutral.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{accent.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected-hover": { + "$type": "color", + "$value": "{accent.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected-pressed": { + "$type": "color", + "$value": "{accent.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "logo": { + "name": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "number1": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "circle-dark-red": { + "$type": "color", + "$value": "#af0000", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "circle-light-red": { + "$type": "color", + "$value": "#e60000", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "color semantic": { + "background - bg": { + "default-subtle": { + "$type": "color", + "$value": "{color.sand.1000}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + } + } + } +} \ No newline at end of file diff --git a/packages/ffe-core/tokens/03 Context.Default.json b/packages/ffe-core/tokens/03 Context.Default.json new file mode 100644 index 0000000000..c18437d586 --- /dev/null +++ b/packages/ffe-core/tokens/03 Context.Default.json @@ -0,0 +1,3067 @@ +{ + "color": { + "background": { + "default": { + "$type": "color", + "$value": "{speciality.background.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{speciality.background.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "invisible": { + "$type": "color", + "$value": "{speciality.background.transparent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "surface": { + "primary": { + "default": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "inverse": { + "$type": "color", + "$value": "{color.vann.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + } + }, + "surface": { + "primary": { + "default": { + "$type": "color", + "$value": "{speciality.background.surface.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{speciality.background.surface.default-hover}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{speciality.background.surface.default-pressed}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.brand.subtle.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{default.brand.secondary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.secondary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.secondary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "{default.brand.tertiary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.tertiary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.tertiary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "info": { + "default": { + "$type": "color", + "$value": "{default.feedback.info.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "default": { + "$type": "color", + "$value": "{default.feedback.success.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "default": { + "$type": "color", + "$value": "{default.feedback.warning.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{default.feedback.critical.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "feedback": { + "info": { + "$type": "color", + "$value": "{default.feedback.info.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{default.feedback.success.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{default.feedback.warning.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{default.feedback.critical.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "tip": { + "$type": "color", + "$value": "{default.brand.tertiary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "text": { + "link": { + "inverse": { + "$type": "color", + "$value": "{color.vann.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "default-inverse": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "sublte-inverse": { + "$type": "color", + "$value": "{color.gray.75}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis-inverse": { + "$type": "color", + "$value": "{color._fjell.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "primary": { + "subtle": { + "$type": "color", + "$value": "{color.gray.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{color.gray.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{color.gray.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "label": { + "default": { + "$type": "color", + "$value": "{color.gray.1000}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "fill": { + "primary": { + "subtle": { + "$type": "color", + "$value": "{default.brand.primary.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default": { + "$type": "color", + "$value": "{default.brand.primary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{default.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{default.brand.primary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "invisible": { + "$type": "color", + "$value": "{speciality.background.transparent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "info": { + "default": { + "$type": "color", + "$value": "{color.vann.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{color.vann.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{color.vann.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "default": { + "$type": "color", + "$value": "{color.skog.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.skog.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{color.skog.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "default": { + "$type": "color", + "$value": "{color.sol.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{color.sol.200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{color.sol.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "hover": { + "$type": "color", + "$value": "{color.bær.600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.bær.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{default.brand.secondary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{default.brand.secondary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{default.brand.secondary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.brand.secondary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{default.brand.secondary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{default.brand.secondary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "{default.brand.tertiary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{default.brand.tertiary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{default.brand.tertiary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.brand.tertiary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{default.brand.tertiary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{default.brand.tertiary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "feedback": { + "info": { + "$type": "color", + "$value": "{default.feedback.info.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{default.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{default.feedback.warning.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{default.feedback.critical.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "tip": { + "$type": "color", + "$value": "{default.brand.tertiary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "icon": { + "primary": { + "inverse": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{color.text.secondary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{color.text-on.primary.emphasis}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "inverse": { + "$type": "color", + "$value": "{color.text.default-inverse}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "info": { + "$type": "color", + "$value": "{color.foreground.on-surface.info.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{color.foreground.on-surface.success.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{color.foreground.on-surface.warning.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{color.foreground.on-surface.critical.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + } + }, + "border": { + "primary": { + "default": { + "$type": "color", + "$value": "{default.neutral.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.neutral.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.neutral.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{default.brand.emphasis.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{accent.brand.secondary.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.secondary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.secondary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverse": { + "$type": "color", + "$value": "{color.frost.150}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "{default.brand.tertiary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.tertiary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.tertiary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverse": { + "$type": "color", + "$value": "{color.syrin.100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "focus": { + "$type": "color", + "$value": "{default.interactive.focus}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "feedback": { + "info": { + "$type": "color", + "$value": "{default.feedback.info.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{default.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{default.feedback.warning.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{default.feedback.critical.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "tip": { + "$type": "color", + "$value": "{default.brand.tertiary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "info": { + "default": { + "$type": "color", + "$value": "{color.vann.300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{color.bær.500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{default.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.neutral.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{default.brand.emphasis.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverse": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "on-fill": { + "default": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "inverse": { + "$type": "color", + "$value": "{default.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "interactive": { + "link": { + "$type": "color", + "$value": "{default.interactive.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "link-hover": { + "$type": "color", + "$value": "{default.interactive.hover}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "link-pressed": { + "$type": "color", + "$value": "{default.interactive.pressed}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "on-surface": { + "default": { + "$type": "color", + "$value": "{default.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.neutral.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{default.brand.emphasis.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "info": { + "default": { + "$type": "color", + "$value": "{default.feedback.info.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "default": { + "$type": "color", + "$value": "{default.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "warning": { + "default": { + "$type": "color", + "$value": "{default.feedback.warning.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{default.feedback.critical.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "feedback": { + "info": { + "$type": "color", + "$value": "{default.feedback.info.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "success": { + "$type": "color", + "$value": "{default.feedback.success.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{default.feedback.warning.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{default.feedback.critical.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "tip": { + "$type": "color", + "$value": "{default.brand.tertiary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "text-on": { + "primary": { + "default": { + "$type": "color", + "$value": "{color.gray.black}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{color._fjell.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + } + } + }, + "component": { + "button": { + "action": { + "border": { + "default": { + "$type": "color", + "$value": "{default.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.feedback.success.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.feedback.success.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{default.feedback.success.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.feedback.success.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.feedback.success.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{default.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "primary": { + "border": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{default.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "secondary": { + "border": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{color.fill.primary.invisible}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{default.brand.emphasis.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.emphasis.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "tertiary": { + "border": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{color.background.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{default.brand.emphasis.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.emphasis.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "Button": { + "action": { + "fill": { + "hover": { + "$type": "color", + "$value": "{color.skog.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.skog.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "text": { + "default": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "critical": { + "fill": { + "hover": { + "$type": "color", + "$value": "{color.bær.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{color.bær.800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "chips": { + "default": { + "fill": { + "default": { + "$type": "color", + "$value": "{color.fill.primary.invisible}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.subtlest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{default.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "border": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + }, + "selected": { + "fill": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "default": { + "$type": "color", + "$value": "{default.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.neutral.inverted}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "border": { + "default": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "form": { + "input": { + "border": { + "default": { + "$type": "color", + "$value": "{default.neutral.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "hover": { + "$type": "color", + "$value": "{default.neutral.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "pressed": { + "$type": "color", + "$value": "{default.neutral.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.neutral.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "color", + "$value": "{default.brand.emphasis.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{default.brand.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{default.brand.primary.subtler}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{default.brand.primary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.brand.primary.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-hover": { + "$type": "color", + "$value": "{default.brand.emphasis.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle-pressed": { + "$type": "color", + "$value": "{default.brand.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{default.brand.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected-hover": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected-pressed": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "foreground": { + "on-fill": { + "default": { + "$type": "color", + "$value": "{default.neutral.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "subtle": { + "$type": "color", + "$value": "{default.neutral.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "toggleSwitch": { + "handle": { + "default": { + "$type": "color", + "$value": "{default.neutral.sublest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "fill": { + "default": { + "$type": "color", + "$value": "{default.neutral.subtle}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-hover": { + "$type": "color", + "$value": "{default.neutral.medium}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "default-pressed": { + "$type": "color", + "$value": "{default.neutral.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected": { + "$type": "color", + "$value": "{default.brand.primary.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected-hover": { + "$type": "color", + "$value": "{default.brand.primary.stronger}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "selected-pressed": { + "$type": "color", + "$value": "{default.brand.primary.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "logo": { + "name": { + "$type": "color", + "$value": "{default.brand.emphasis.strongest}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "number1": { + "$type": "color", + "$value": "{color.gray.white}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "circle-dark-red": { + "$type": "color", + "$value": "#af0000", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + }, + "circle-light-red": { + "$type": "color", + "$value": "#e60000", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + } + } + }, + "color semantic": { + "background - bg": { + "default-subtle": { + "$type": "color", + "$value": "{color.sand.0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + } + } + } +} \ No newline at end of file