diff --git a/.changeset/pink-weeks-relate.md b/.changeset/pink-weeks-relate.md new file mode 100644 index 0000000000..0313f0cd86 --- /dev/null +++ b/.changeset/pink-weeks-relate.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': minor +--- + +Added tokens file for elements, components and utilties. diff --git a/package.json b/package.json index 87a509f6d8..8f9d5bb890 100644 --- a/package.json +++ b/package.json @@ -79,6 +79,7 @@ "changeset:publish": "pnpm changeset publish", "changeset:version": "pnpm changeset version && pnpm install --lockfile-only", "tokens:build": "pnpm --filter design-system-tokens build", + "tokens:build:verbose": "pnpm --filter design-system-tokens build:verbose", "primeng": "pnpm primeng:start", "primeng:start": "pnpm --filter design-system-styles-primeng-workspace start", "primeng:build": "pnpm --filter design-system-styles-primeng-workspace build", diff --git a/packages/styles/src/tokens/_components.scss b/packages/styles/src/tokens/_components.scss new file mode 100644 index 0000000000..88ed920268 --- /dev/null +++ b/packages/styles/src/tokens/_components.scss @@ -0,0 +1 @@ +@forward './temp/components'; diff --git a/packages/styles/src/tokens/_elements.scss b/packages/styles/src/tokens/_elements.scss new file mode 100644 index 0000000000..77d30d2ac9 --- /dev/null +++ b/packages/styles/src/tokens/_elements.scss @@ -0,0 +1 @@ +@forward './temp/elements'; diff --git a/packages/styles/src/tokens/_post-theme.scss b/packages/styles/src/tokens/_post-theme.scss index ee7ab8a77d..2a9638a998 100644 --- a/packages/styles/src/tokens/_post-theme.scss +++ b/packages/styles/src/tokens/_post-theme.scss @@ -4,5 +4,5 @@ @use './../mixins/tokens'; :root { - @include tokens.from(themes.$post-theme); + @include tokens.from(themes.$post-post); } diff --git a/packages/styles/src/tokens/_utilities.scss b/packages/styles/src/tokens/_utilities.scss new file mode 100644 index 0000000000..840c3a4bd0 --- /dev/null +++ b/packages/styles/src/tokens/_utilities.scss @@ -0,0 +1 @@ +@forward './temp/utilities'; diff --git a/packages/tokens/_build/constants.js b/packages/tokens/_build/constants.js new file mode 100644 index 0000000000..db0c7cb34a --- /dev/null +++ b/packages/tokens/_build/constants.js @@ -0,0 +1,16 @@ +import { resolve } from 'path'; + +export const SOURCE_PATH = resolve('./tokensstudio-generated/'); +export const OUTPUT_PATH = resolve('./dist/'); +export const FILE_HEADER = + '// Do not edit manually!\n// This file was generated on:\n// {date} by the @swisspost/design-system-tokens package build command\n\n'; + +export const EXPLICIT_COMPONENT_LAYER_GROUPNAMES = ['elements', 'components', 'utilities']; +export const EXPLICIT_FIGMAONLY_GROUPNAMES = ['figmaonly']; +export const EXPLICIT_FIGMAONLY_SETNAMES = ['figmaonly']; +export const TOKENSET_LAYERS = { + core: 'core', + semantic: 'semantic', + component: 'component', +}; +export const TOKENSET_PREFIX = 'post'; diff --git a/packages/tokens/_build/methods.js b/packages/tokens/_build/methods.js new file mode 100644 index 0000000000..22e7ab9b46 --- /dev/null +++ b/packages/tokens/_build/methods.js @@ -0,0 +1,441 @@ +import StyleDictionary from './style-dictionary.js'; +import { usesReferences } from 'style-dictionary/utils'; +import { expandTypesMap } from '@tokens-studio/sd-transforms'; +import { promises } from 'fs'; +import { + SOURCE_PATH, + OUTPUT_PATH, + FILE_HEADER, + TOKENSET_LAYERS, + EXPLICIT_COMPONENT_LAYER_GROUPNAMES, + EXPLICIT_FIGMAONLY_GROUPNAMES, + EXPLICIT_FIGMAONLY_SETNAMES, + TOKENSET_PREFIX, +} from './constants.js'; + +let CLI_OPTIONS; +let tokenSets; + +// Can be removed, as soon as box-shadow tokens can be outputted with references +StyleDictionary.registerPreprocessor({ + name: 'swisspost/box-shadow-keep-refs-workaround', + preprocessor: dictionary => { + traverse(dictionary); + + function traverse(context) { + Object.entries(context).forEach(([key, value]) => { + const usesDtcg = context[key].$type && context[key].$value; + const isToken = context[key][usesDtcg ? '$type' : 'type'] !== undefined; + + if (isToken) { + const tokenType = context[key][usesDtcg ? '$type' : 'type']; + const tokenValue = context[key][usesDtcg ? '$value' : 'value']; + + if (tokenType === 'shadow' && typeof tokenValue === 'string') { + context[key].$extensions[ + 'studio.tokens' + ].boxShadowKeepRefsWorkaroundValue = `${tokenValue.replace(/[{}]/g, match => + match === '{' ? '[[' : ']]', + )}`; + } + } else if (typeof context[key] === 'object') { + traverse(value); + } + }); + } + + return dictionary; + }, +}); + +export async function setup() { + CLI_OPTIONS = createCliOptions(); + + const tokensFile = JSON.parse(await promises.readFile(`${SOURCE_PATH}/tokens.json`, 'utf-8')); + tokenSets = createTokenSets(tokensFile); +} + +/** + * @function createCliOptions() + * Defines base options and merges them with incoming CLI options for the StyleDictionary Config. + * + * @returns object { + * verbosity: 'silent' | 'default' | 'verbose' + * } + */ +function createCliOptions() { + const options = { + verbosity: 'default', + }; + + process.argv.slice(2).forEach(arg => { + const option = arg.split('='); + const optionKey = option[0].slice(2); + const isOption = + /^--[a-zA-Z-_]+=[a-zA-Z-_]+$/.test(arg) && Object.keys(options).includes(optionKey); + + if (isOption) options[optionKey] = option[1]; + }); + + return options; +} + +/** + * @function createTokenSets() + * Restructures the tokensets object into a group-nested object structure (e.g. { device: { mobile: {}, tablet: {}, desktop: {} } }). + * + * @param tokensFile definition object + * + * @returns group-nested tokensets object + */ +function createTokenSets(tokensFile) { + // remove $themes and $metadata objects + // lowercase set names + const normalized = Object.entries(tokensFile) + .filter(([name]) => !/^\$/.test(name)) + .reduce((sets, [name, set]) => ({ ...sets, [name.toLowerCase()]: set }), {}); + + // only add non component layer sets to source files + // component layer sets can not be resolved in the browser, and therefore are not usable as sources + const source = Object.entries(normalized).reduce((sets, [name, set]) => { + const { baseDefinition } = getConfig(name); + + if (baseDefinition.layer !== TOKENSET_LAYERS.component) { + return { ...sets, [name]: set }; + } else { + return sets; + } + }, {}); + + // combine tokensets by group so they can be outputted in a single file + const output = Object.entries(normalized).reduce((definition, [name, set]) => { + const { groupSlug, groupName, setName, baseDefinition } = getConfig(name); + const existingGroup = definition[groupSlug]; + + if ( + EXPLICIT_FIGMAONLY_GROUPNAMES.includes(groupName) || + EXPLICIT_FIGMAONLY_SETNAMES.includes(setName) + ) { + return definition; + } else { + return { + ...definition, + [groupSlug]: { + ...baseDefinition, + sets: { ...existingGroup?.sets, [setName]: set }, + }, + }; + } + }, {}); + + return { + source, + output, + }; + + function getConfig(name) { + const [groupSlug, setSlug] = name.split('/'); + const groupName = setSlug ? groupSlug : null; + const setName = setSlug ?? groupSlug; + const type = !groupName ? 'singleton' : 'collection'; + const isCore = type === 'singleton' && setName === 'core'; + const isComponent = + !isCore && (type === 'singleton' || EXPLICIT_COMPONENT_LAYER_GROUPNAMES.includes(groupName)); + + return { + groupSlug, + groupName, + setName, + baseDefinition: { + type, + layer: + (isCore && TOKENSET_LAYERS.core) || + (isComponent && TOKENSET_LAYERS.component) || + TOKENSET_LAYERS.semantic, + filePath: `${groupName ?? setName}.json`, + }, + }; + } +} + +/** + * @function createTokenSetFiles() + * Creates temporary token set files in the "SOURCE_PATH/_temp" directory for the StyleDictionary build process. + * These files are used to be included in the StyleDictionary Config as sources, + * so StyleDictionary is able to resolve the currently processed tokens. + */ +export async function createTokenSetFiles() { + console.log(`\x1b[90mProcessing data...`); + const sourceTokenFolders = Object.keys(tokenSets.source) + .filter(name => name.includes('/')) + .map(name => `${SOURCE_PATH}/_temp/source/${name.replace(/\/[a-z-_ ]+$/, '')}`); + + await Promise.all([ + promises.mkdir(`${SOURCE_PATH}/_temp/output`, { recursive: true }), + ...sourceTokenFolders.map(folder => promises.mkdir(folder, { recursive: true })), + ]); + + await Promise.all([ + ...Object.entries(tokenSets.source).map(([name, set]) => + promises.writeFile(`${SOURCE_PATH}/_temp/source/${name}.json`, JSON.stringify(set, null, 2)), + ), + ...Object.values(tokenSets.output).map(({ sets, filePath }) => + promises.writeFile(`${SOURCE_PATH}/_temp/output/${filePath}`, JSON.stringify(sets, null, 2)), + ), + ]); + + console.log(`\x1b[33m✓ Complete!`); +} + +/** + * @function createOutputFiles() + * Creates the output files based on the StyleDictionary Config. + * + * @param tokenSets group-nested tokensets object + */ +export async function createOutputFiles() { + console.log(`\x1b[90mWriting files...`); + await Promise.all(getConfigs().map(build)); + await createIndexFile(); + await copySrcFiles(); + console.log(`\x1b[33m✓ Complete!`); + + /** + * @function getConfigs() + * Creates the StyleDictionary Config object for each tokenset. + * + * @returns Config[] + */ + function getConfigs() { + return Object.entries(tokenSets.output).map(([name, { type, layer, filePath, sets }]) => { + return { + log: { + verbosity: CLI_OPTIONS.verbosity, + }, + meta: { + type, + layer, + filePath, + setNames: Object.keys(sets), + }, + source: [`${SOURCE_PATH}/_temp/output/${filePath}`], + include: [`${SOURCE_PATH}/_temp/source/**/*.json`], + preprocessors: ['swisspost/box-shadow-keep-refs-workaround', 'tokens-studio'], + platforms: { + scss: { + transformGroup: 'tokens-studio', + transforms: ['name/kebab'], + buildPath: `${OUTPUT_PATH}/`, + expand: { + include: ['typography'], + typesMap: expandTypesMap, + }, + files: [ + { + destination: `${name}.scss`.toLowerCase(), + format: 'swisspost/scss-format', + filter: 'swisspost/tokenset-filter', + options: { + outputReferences: true, + }, + }, + ], + }, + }, + }; + }); + } + + /** + * @function build() + * Builds the output files in the "OUTPUT_PATH" directory. + * + * @param config + * StyleDictionary Config object + */ + async function build(config) { + const sd = new StyleDictionary(config); + await sd.cleanAllPlatforms(); + await sd.buildAllPlatforms(); + } + + /** + * @function createIndexFile() + * Creates the index.scss file (which uses/forwards the other output files) in the "OUTPUT_PATH" directory. + */ + async function createIndexFile() { + const imports = Object.entries(tokenSets.output) + .map(([name, { layer }]) => `@${layer === 'core' ? 'use' : 'forward'} './${name}';`) + .join('\n'); + + await promises.writeFile(`${OUTPUT_PATH}/index.scss`, `${getFileHeader()}${imports}\n`); + } + + /** + * @function copySrcFiles() + * Copies the tokens.json file from the "SOURCE_PATH" to the "OUTPUT_PATH" directory, + * to make it availble in the package distribution. + */ + async function copySrcFiles() { + await promises.copyFile(`${SOURCE_PATH}/tokens.json`, `${OUTPUT_PATH}/tokens.json`); + } +} + +/** + * @function removeTokenSetFiles() + * Removes the temporary token set files from the "SOURCE_PATH/_temp" directory. + */ +export async function removeTokenSetFiles() { + console.log(`\x1b[90mCleanup...`); + await promises.rm(`${SOURCE_PATH}/_temp/`, { recursive: true }); + console.log(`\x1b[33m✓ Complete!`); +} + +/** + * @function getFileHeader() + * Returns the file header comment with the current date. + * Which is used at the beginning of each output file. + * + * @returns string + */ +export function getFileHeader() { + return FILE_HEADER.replace('{date}', new Date().toUTCString()); +} + +/** + * @function getSetName(option, setName) + * + * @param options Config + * @param setName String + * + * @returns the normalized set name + */ +export function getSetName(_options, setName) { + return `${TOKENSET_PREFIX ? TOKENSET_PREFIX + '-' : ''}${setName.trim().replace(/\s/g, '-')}`; +} + +/** + * @function getSet(option, dictionary, setName) + * + * @param options Config + * @param dictionary Dictionary + * @param setName String + * + * @returns a normalized set + * + * This method uses the first col in a tokenset as the base and overrides only the changes values from further cols. + * This allows us to define tokenSets like this: + * + * | desktop | tablet | mobile | + * | a | | | desktop/tablet/mobile = a + * | a | b | | desktop = a, tablet/mobile = b + * | a | | b | desktop/tablet = a, mobile = b + * | a | b | c | desttop = a, tablet = b, mobile = c + */ +export function getSet(options, dictionary, currentSetName) { + const { meta } = options; + let tokenSet = []; + + if (meta.layer === 'semantic') { + const baseSetName = meta.setNames[0]; + const overrideSetNameIndex = meta.setNames.findIndex(setName => setName === currentSetName) + 1; + const overrideSetNames = meta.setNames.slice(1, overrideSetNameIndex); + + tokenSet = dictionary.allTokens + .filter(token => token.path[0] === baseSetName) + .map(normalizeToken); + + overrideSetNames.forEach(overrideSetName => { + const overrideTokenSet = dictionary.allTokens + .filter(token => token.path[0] === overrideSetName) + .map(normalizeToken); + + tokenSet.map(token => { + const overrideToken = overrideTokenSet.find( + overrideToken => overrideToken.name === token.name, + ); + + if (overrideToken) token = overrideToken; + }); + }); + } else { + tokenSet = dictionary.allTokens + .filter(token => token.path[0] === currentSetName) + .map(normalizeToken); + } + + return tokenSet; + + function normalizeToken(token) { + const usesDtcg = token.$type && token.$value; + const name = token.path.slice(1).join('-'); + const path = name.split('-'); + const original = token.original; + // Can be removed, as soon as box-shadow tokens can be outputted with references + const boxShadowKeepRefsWorkaroundValue = token?.original?.$extensions?.[ + 'studio.tokens' + ]?.boxShadowKeepRefsWorkaroundValue?.replace(/(\[\[|\]\])/g, match => + match === '[[' ? '{' : '}', + ); + + if (boxShadowKeepRefsWorkaroundValue) { + original[usesDtcg ? '$value' : 'value'] = boxShadowKeepRefsWorkaroundValue; + } + + return { + ...token, + name, + path, + original: { + ...token.original, + ...original, + }, + }; + } +} + +/** + * @function getTokenValue(token) + * + * @param options Config + * @param token DesignToken object + * + * @returns the tokens value, with referenced css custom-properties (if original value uses references) + */ +export function getTokenValue(options, token) { + const { outputReferences } = options; + + const usesDtcg = token.$type && token.$value; + const originalTokenValue = usesDtcg ? token.original.$value : token.original.value; + let tokenValue = usesDtcg ? token.$value : token.value; + + if (outputReferences && usesReferences(originalTokenValue)) { + tokenValue = replaceAllReferences(originalTokenValue); + } + + function replaceAllReferences(value) { + if (typeof value === 'string') { + return replaceReferences(value); + } + + if (typeof value === 'object') { + for (const key in value) { + if (Object.hasOwn(value, key)) { + if (typeof value[key] === 'string') value[key] = replaceReferences(value[key]); + if (typeof value[key] === 'object') value[key] = replaceAllReferences(value[key]); + } + } + + return Object.values(value).join(' '); + } + } + + function replaceReferences(value) { + return value.replace( + /{[0-9a-zA-Z-._]+}/g, + match => `var(--${match.replace(/[{}]/g, '').replace(/\./g, '-')})`, + ); + } + + return tokenValue; +} diff --git a/packages/tokens/_build/style-dictionary.js b/packages/tokens/_build/style-dictionary.js new file mode 100644 index 0000000000..02825921bc --- /dev/null +++ b/packages/tokens/_build/style-dictionary.js @@ -0,0 +1,68 @@ +import StyleDictionary from 'style-dictionary'; +import { register } from '@tokens-studio/sd-transforms'; +import { getFileHeader, getSetName, getSet, getTokenValue } from './methods.js'; + +register(StyleDictionary); + +/** + * @function StyleDictionary.registerFilter() + * Defines a custom StyleDictionary filter. + * + * @param object { + * name: string, + * filter: (token: TransformedToken, options: Config) => boolean + * } + * + * swisspost/tokenset-filter: + * Used to filter only the tokens of the current tokenset + * and output them in the corresponding tokens file (e.g. core, mode/light, etc.). + */ +StyleDictionary.registerFilter({ + name: 'swisspost/tokenset-filter', + filter: (token, { meta }) => { + return token.filePath.includes(`/output/${meta.filePath}`); + }, +}); + +/** + * @function StyleDictionary.registerFormat() + * Defines a custom StyleDictionary format to be used at specific places in the build process. + * + * @param object { + * name: string, + * format: (dictionary: Dictionary, file: File, options: Config & LocalOptions, platform: PlatformConfig) => string + * } + * + * swisspost/scss-format: + * Used to declare the format of the *.scss output files. + */ +StyleDictionary.registerFormat({ + name: 'swisspost/scss-format', + format: ({ dictionary, options }) => { + const { meta } = options; + + return ( + getFileHeader() + + meta.setNames + .map(setName => { + const tokenSetName = getSetName(options, setName); + const tokenSet = getSet(options, dictionary, setName) + .map(token => { + const tokenValue = getTokenValue(options, token); + + return meta.layer === 'core' + ? ` --${token.name}: ${tokenValue};` + : ` ${token.name}: ${tokenValue},`; + }) + .join('\n'); + + return meta.layer === 'core' + ? `:root {\n${tokenSet}\n}\n` + : `$${tokenSetName}: (\n${tokenSet}\n);\n`; + }) + .join('\n') + ); + }, +}); + +export default StyleDictionary; diff --git a/packages/tokens/build.js b/packages/tokens/build.js index 3a92e894bc..005640c629 100644 --- a/packages/tokens/build.js +++ b/packages/tokens/build.js @@ -1,341 +1,18 @@ -import { register } from '@tokens-studio/sd-transforms'; -import StyleDictionary from 'style-dictionary'; -import { usesReferences } from 'style-dictionary/utils'; -import { promises } from 'fs'; - -const SOURCE_PATH = './tokensstudio-generated/'; -const BUILD_PATH = './dist/'; -const FILE_HEADER = - '// Do not edit manually!\n// This file was generated on:\n// {date} by the @swisspost/design-system-tokens package build command\n\n'; -const GLOBAL_TOKEN_NAMESPACES = ['post']; - -register(StyleDictionary); - -/** - * @function StyleDictionary.registerFilter() - * Defines a custom StyleDictionary filter to be used at specific places in the build process. - * - * @param object { - * name: string, - * filter: (token: TransformedToken, dictionary: Config) => boolean - * } - * - * swisspost/tokenset-filter: - * Used to filter only the tokens of the current tokenset - * and output them in the corresponding tokens file (e.g. core, mode/light, etc.). - */ -StyleDictionary.registerFilter({ - name: 'swisspost/tokenset-filter', - filter: (token, dictionary) => { - let current = dictionary.tokens; - return token.path.every(slug => { - const isDefined = current[slug] !== undefined; - current = current[slug]; - return isDefined; - }); - }, -}); - -/** - * @function StyleDictionary.registerFormat() - * Defines a custom StyleDictionary format to be used at specific places in the build process. - * - * @param object { - * name: string, - * format: (dictionary: Config, file: File) => string - * } - * - * swisspost/scss-format: - * Used to declare the format of the *.scss output files. - */ -StyleDictionary.registerFormat({ - name: 'swisspost/scss-format', - format: ({ dictionary, file }) => { - const MULTIVALUE_SEPARATOR_RULES = [ - { previousKey: 'fontSize', currentKey: 'lineHeight', separator: '/' }, - ]; - - const fileName = file.destination.replace(/\.scss$/, ''); - const isCore = fileName === 'core'; - - let dataSetNames = Object.keys(dictionary.tokens).filter( - name => !GLOBAL_TOKEN_NAMESPACES.includes(name), - ); - const hasSubDataSets = dataSetNames.length >= 1; - dataSetNames = hasSubDataSets ? dataSetNames : [fileName]; - - return ( - getFileHeader() + - dataSetNames - .map(dataSetName => { - const dataSetTokens = ( - hasSubDataSets - ? dictionary.allTokens.filter(token => token.name.startsWith(dataSetName)) - : dictionary.allTokens - ) - .map(token => { - const tokenName = hasSubDataSets - ? token.name.slice(dataSetName.length + 1) - : token.name; - let tokenValue = token.value; - - if (usesReferences(token.original.value)) { - try { - if (token.type === 'typography') { - tokenValue = Object.entries(token.original.value).reduce( - (values, [key, value], i) => - `${values}${getSeparator( - Object.keys(token.original.value)[i - 1], - key, - )}${getReference(value)}`, - '', - ); - } else { - tokenValue = getReference(token.original.value); - } - } catch (error) { - console.error( - `\x1b[31mError: While processing the token \x1b[33m"${tokenName}"\x1b[31m within the tokenset \x1b[33m"${dataSetName}"\x1b[31m, the following error occurred:\n"${ - error.message - }".\nInput:\n\x1b[90m${JSON.stringify(token, null, 2)}\x1b[0m`, - ); - } - } - - return isCore ? `--${tokenName}: ${tokenValue};` : `'${tokenName}': ${tokenValue},`; - }) - .join('\n '); - - return isCore - ? `:root {\n ${dataSetTokens}\n}\n` - : `$post-${dataSetName}: (\n ${dataSetTokens}\n);\n`; - }) - .join('\n') - ); - - function getReference(value = '') { - return value.replace( - /{[^}]+}/g, - match => `var(--${match.replace(/[{}]/g, '').replace(/\./g, '-')})`, - ); - } - - function getSeparator(pKey = '', cKey = '') { - if (pKey === '') return ''; - - return ( - MULTIVALUE_SEPARATOR_RULES.find( - rule => rule.previousKey === pKey && rule.currentKey === cKey, - )?.separator ?? ' ' - ); - } - }, -}); +import { + setup, + createTokenSetFiles, + createOutputFiles, + removeTokenSetFiles, +} from './_build/methods.js'; /** * Build process */ const builtTime = performance.now(); -const CLI_OPTIONS = createCliOptions(); -const raw = JSON.parse(await promises.readFile(`${SOURCE_PATH}tokens.json`, 'utf-8')); -const rawSets = createRawTokenSets(raw); -const tokenSets = createTokenSets(rawSets); -await createTokenSetFiles(rawSets); -await createOutputFiles(tokenSets); +await setup(); +await createTokenSetFiles(); +await createOutputFiles(); await removeTokenSetFiles(); console.log(`\x1b[32m✓ Tokens built in ${Math.round(performance.now() - builtTime)}ms\x1b[0m`); - -/** - * @function createCliOptions() - * Defines base options and merges them with incoming CLI options for the StyleDictionary Config. - * - * @returns object { - * verbosity: 'silent' | 'default' | 'verbose' - * } - */ -function createCliOptions() { - const options = { - verbosity: 'default', - }; - - process.argv.slice(2).forEach(arg => { - const option = arg.split('='); - const optionKey = option[0].slice(2); - const isOption = - /^--[a-zA-Z-_]+=[a-zA-Z-_]+$/.test(arg) && Object.keys(options).includes(optionKey); - - if (isOption) options[optionKey] = option[1]; - }); - - return options; -} - -/** - * @function createRawTokenSets() - * Extracts the tokensets from the raw tokens.json content and filters out the $-prefixed keys (e.g. $themes, $metadata). - * - * @param raw - * Content of the tokens.json file (parsed JSON object) - * - * @returns tokensets object - */ -function createRawTokenSets(raw) { - return Object.entries(raw) - .filter(([name]) => !/^\$/.test(name)) - .reduce((sets, [name, set]) => ({ ...sets, [name.toLowerCase()]: set }), {}); -} - -/** - * @function createTokenSets() - * Restructures the tokensets object into a group-nested object structure (e.g. { device: { mobile: {}, tablet: {}, desktop: {} } }). - * - * @param rawSets - * tokensets object - * - * @returns group-nested tokensets object - */ -function createTokenSets(rawSets) { - return Object.entries(rawSets).reduce((sets, [name, set]) => { - let current = sets; - - name.split('/').forEach((slug, index, slugs) => { - current[slug] = index === slugs.length - 1 ? set : current[slug] ?? {}; - current = current[slug]; - }); - - return sets; - }, {}); -} - -/** - * @function createTokenSetFiles() - * Creates temporary token set files in the "SOURCE_PATH" directory for the StyleDictionary build process. - * These files are used to be included in the StyleDictionary Config as sources, - * so StyleDictionary is able to resolve the currently processed tokens. - * - * @param rawSets - * tokensets object - */ -async function createTokenSetFiles(rawSets) { - console.log(`\x1b[90mProcessing data...`); - await Promise.all( - Object.keys(rawSets) - .filter(name => name.indexOf('/') > 0) - .map(async name => - promises.mkdir(`${SOURCE_PATH}_temp/${name.replace(/^[^/]\/.*$/, '')}`, { - recursive: true, - }), - ), - ); - await Promise.all( - Object.entries(rawSets).map(async ([name, set]) => - promises.writeFile(`${SOURCE_PATH}_temp/${name}.json`, JSON.stringify(set, null, 2)), - ), - ); - console.log(`\x1b[33m✓ Complete!`); -} - -/** - * @function createOutputFiles() - * Creates the output files based on the StyleDictionary Config. - * - * @param tokenSets group-nested tokensets object - */ -async function createOutputFiles(tokenSets) { - console.log(`\x1b[90mWriting files...`); - await Promise.all(getConfigs().map(build)); - await createIndexFile(); - await copySrcFiles(); - console.log(`\x1b[33m✓ Complete!`); - - /** - * @function getConfigs() - * Creates the StyleDictionary Config object for each tokenset. - * - * @returns Config[] - */ - function getConfigs() { - return Object.entries(tokenSets).map(([name, set]) => ({ - log: { - verbosity: CLI_OPTIONS.verbosity, - }, - include: [`${SOURCE_PATH}_temp/**/*.json`], - tokens: set, - preprocessors: ['tokens-studio'], - platforms: { - scss: { - transformGroup: 'tokens-studio', - transforms: ['name/kebab'], - buildPath: BUILD_PATH, - files: [ - { - destination: `${name}.scss`.toLowerCase(), - format: 'swisspost/scss-format', - filter: 'swisspost/tokenset-filter', - options: { - outputReferences: true, - }, - }, - ], - }, - }, - })); - } - - /** - * @function build() - * Builds the output files in the "BUILD_PATH" directory. - * - * @param config - * StyleDictionary Config object - */ - async function build(config) { - const sd = new StyleDictionary(config); - await sd.cleanAllPlatforms(); - await sd.buildAllPlatforms(); - } - - /** - * @function createIndexFile() - * Creates the index.scss file (which uses/forwards the other output files) in the "BUILD_PATH" directory. - */ - async function createIndexFile() { - const imports = Object.keys(tokenSets) - .map(name => `@${name === 'core' ? 'use' : 'forward'} './${name.toLowerCase()}';`) - .join('\n'); - - await promises.writeFile(`${BUILD_PATH}index.scss`, `${getFileHeader()}${imports}\n`); - } - - /** - * @function copySrcFiles() - * Copies the tokens.json file from the "SOURCE_PATH" to the "BUILD_PATH" directory, - * to make it availble in the package distribution. - */ - async function copySrcFiles() { - await promises.copyFile(`${SOURCE_PATH}tokens.json`, `${BUILD_PATH}tokens.json`); - } -} - -/** - * @function removeTokenSetFiles() - * Removes the temporary token set files from the "SOURCE_PATH" directory. - */ -async function removeTokenSetFiles() { - console.log(`\x1b[90mCleanup...`); - await promises.rm(`${SOURCE_PATH}_temp/`, { recursive: true }); - console.log(`\x1b[33m✓ Complete!`); -} - -/** - * @function getFileHeader() - * Returns the file header comment with the current date. - * Which is used at the beginning of each output file. - * - * @returns string - */ -function getFileHeader() { - return FILE_HEADER.replace('{date}', new Date().toUTCString()); -} diff --git a/packages/tokens/package.json b/packages/tokens/package.json index b55a384b69..0c0dcfa833 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -15,7 +15,8 @@ }, "type": "module", "scripts": { - "build": "node ./build.js" + "build": "node ./build.js", + "build:verbose": "node ./build.js --verbosity=verbose" }, "keywords": [ "tokens", diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index ac1465de14..e8ac38cac3 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -5,494 +5,469 @@ "color": { "brand": { "postyellow": { - "value": "#FFCC00", - "type": "color" + "$type": "color", + "$value": "#FFCC00" }, "black": { - "value": "#000000", - "type": "color" + "$type": "color", + "$value": "#000000" }, "white": { - "value": "#FFFFFF", - "type": "color" + "$type": "color", + "$value": "#FFFFFF" } }, "notification": { "green": { - "value": "#107800", - "type": "color" + "$type": "color", + "$value": "#107800" }, "red": { - "value": "#B20000", - "type": "color" + "$type": "color", + "$value": "#B20000" }, "orange": { - "value": "#D93D00", - "type": "color" + "$type": "color", + "$value": "#D93D00" }, "blue": { - "value": "#0050A1", - "type": "color" + "$type": "color", + "$value": "#0050A1" }, "green-light": { - "value": "#C3DDBF", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#C3DDBF" }, "red-light": { - "value": "#EBBFBF", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#EBBFBF" }, "orange-light": { - "value": "#F5CEBF", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#F5CEBF" }, "blue-light": { - "value": "#BFD3E7", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#BFD3E7" } }, "sandgrey": { "100": { - "value": "#050400", - "type": "color" + "$type": "color", + "$value": "#050400" }, "000": { - "value": "#FCFCFC", - "type": "color" + "$type": "color", + "$value": "#FCFCFC" }, "002": { - "value": "#FAFAFA", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#FAFAFA" }, "006": { - "value": "#F0EFED", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#F0EFED" }, "012": { - "value": "#E1E0DC", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#E1E0DC" }, "020": { - "value": "#CDCCC8", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#CDCCC8" }, "030": { - "value": "#B4B3AF", - "type": "color" + "$type": "color", + "$value": "#B4B3AF" }, "040": { - "value": "#9B9A96", - "type": "color" + "$type": "color", + "$value": "#9B9A96" }, "050": { - "value": "#82817D", - "type": "color" + "$type": "color", + "$value": "#82817D" }, "060": { - "value": "#696864", - "type": "color" + "$type": "color", + "$value": "#696864" }, "070": { - "value": "#504F4B", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#504F4B" }, "080": { - "value": "#373632", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "#373632" }, "090": { - "value": "#1E1D19", - "type": "color" + "$type": "color", + "$value": "#1E1D19" }, "alpha": { "darksand": { "10": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.1)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.1)" }, "20": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.2)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.2)" }, "30": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.3)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.3)" }, "40": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.4)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.4)" }, "50": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.5)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.5)" }, "60": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.6)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.6)" }, "70": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.7)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.7)" }, "80": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.8)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.8)" }, "90": { - "value": "rgba( {post.core.color.sandgrey.100}, 0.9)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.100}, 0.9)" } }, "lightsand": { "10": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.1)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.1)" }, "20": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.2)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.2)" }, "30": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.3)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.3)" }, "40": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.4)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.4)" }, "50": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.5)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.5)" }, "60": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.6)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.6)" }, "70": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.7)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.7)" }, "80": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.8)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.8)" }, "90": { - "value": "rgba( {post.core.color.sandgrey.000} , 0.9)", - "type": "color" + "$type": "color", + "$value": "rgba( {post.core.color.sandgrey.000} , 0.9)" } } } }, "colorless": { - "value": "rgba(255,255,255,0)", - "type": "color" + "$type": "color", + "$value": "rgba(255,255,255,0)" } }, "dimension": { "0": { - "value": "0", - "type": "dimension" + "$type": "dimension", + "$value": "0" }, "1": { - "value": "1", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "1" }, "2": { - "value": "2", - "type": "dimension" + "$type": "dimension", + "$value": "2" + }, + "3": { + "$type": "dimension", + "$value": "3" }, "4": { - "value": "4", - "type": "dimension" + "$type": "dimension", + "$value": "4" }, "5": { - "value": "5", - "type": "dimension" + "$type": "dimension", + "$value": "5" }, "6": { - "value": "6", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "6" }, "8": { - "value": "8", - "type": "dimension" + "$type": "dimension", + "$value": "8" }, "10": { - "value": "10", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "10" }, "11": { - "value": "11", - "type": "dimension" + "$type": "dimension", + "$value": "11" }, "12": { - "value": "12", - "type": "dimension" + "$type": "dimension", + "$value": "12" }, "14": { - "value": "14", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "14" + }, + "15": { + "$type": "dimension", + "$value": "15" }, "16": { - "value": "16", - "type": "dimension" + "$type": "dimension", + "$value": "16" }, "18": { - "value": "18", - "type": "dimension" + "$type": "dimension", + "$value": "18" + }, + "19": { + "$type": "dimension", + "$value": "19" }, "20": { - "value": "20", - "type": "dimension" + "$type": "dimension", + "$value": "20" }, "22": { - "value": "22", - "type": "dimension" + "$type": "dimension", + "$value": "22" }, "24": { - "value": "24", - "type": "dimension" + "$type": "dimension", + "$value": "24" }, "26": { - "value": "26", - "type": "dimension" + "$type": "dimension", + "$value": "26" }, "28": { - "value": "28", - "type": "dimension" + "$type": "dimension", + "$value": "28" }, "30": { - "value": "30", - "type": "dimension" + "$type": "dimension", + "$value": "30" }, "32": { - "value": "32", - "type": "dimension" + "$type": "dimension", + "$value": "32" }, "34": { - "value": "34", - "type": "dimension" + "$type": "dimension", + "$value": "34" }, "36": { - "value": "36", - "type": "dimension" + "$type": "dimension", + "$value": "36" }, "40": { - "value": "40", - "type": "dimension" + "$type": "dimension", + "$value": "40" }, "48": { - "value": "48", - "type": "dimension" + "$type": "dimension", + "$value": "48" + }, + "56": { + "$type": "dimension", + "$value": "56" }, "64": { - "value": "64", - "type": "dimension" + "$type": "dimension", + "$value": "64" }, "78": { - "value": "78", - "type": "dimension" + "$type": "dimension", + "$value": "78" }, "80": { - "value": "80", - "type": "dimension" + "$type": "dimension", + "$value": "80" }, "96": { - "value": "96", - "type": "dimension" + "$type": "dimension", + "$value": "96" + }, + "100": { + "$type": "dimension", + "$value": "100" }, "112": { - "value": "112", - "type": "dimension" + "$type": "dimension", + "$value": "112" }, "5-5": { - "value": "5.5", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "5.5" }, "6-5": { - "value": "6.5", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "6.5" }, "4-5": { - "value": "4.5", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "4.5" }, "7-5": { - "value": "7.5", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "7.5" }, "1-5": { - "value": "1.5", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "$type": "dimension", + "$value": "1.5" + }, + "8-5": { + "$type": "dimension", + "$value": "8.5" } }, "font-weight": { "300": { - "value": "300", - "type": "fontWeights" + "$type": "fontWeights", + "$value": "300" }, "400": { - "value": "400", - "type": "fontWeights", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontWeights", + "$value": "400" + }, + "500": { + "$type": "fontWeights", + "$value": "500" }, "700": { - "value": "700", - "type": "fontWeights", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontWeights", + "$value": "700" + }, + "900": { + "$type": "fontWeights", + "$value": "900" } }, "font-size": { + "10": { + "$type": "fontSizes", + "$value": "10" + }, "12": { - "value": "12", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "12" }, "14": { - "value": "14", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "14" }, "16": { - "value": "16", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "16" }, "18": { - "value": "18", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "18" }, "20": { - "value": "20", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "20" }, "22": { - "value": "22", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "22" }, "24": { - "value": "24", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "24" }, "26": { - "value": "26", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "26" }, "28": { - "value": "28", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "28" }, "30": { - "value": "30", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "30" }, "32": { - "value": "32", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "32" }, "34": { - "value": "34", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "34" }, "36": { - "value": "36", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "36" }, "40": { - "value": "40", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "40" } }, "line-height": { "120": { - "value": "120%", - "type": "lineHeights" + "$type": "lineHeights", + "$value": "120%" }, "140": { - "value": "140%", - "type": "lineHeights" + "$type": "lineHeights", + "$value": "140%" }, "150": { - "value": "150%", - "type": "lineHeights" + "$type": "lineHeights", + "$value": "150%" } }, "letter-spacing": { "default": { - "value": "0.12%", - "type": "letterSpacing", - "$extensions": { - "studio.tokens": {} - } + "$type": "letterSpacing", + "$value": "0.12%" } }, "font-family": { "frutiger": { - "value": "Frutiger Neue for Post", - "type": "fontFamilies" + "$type": "fontFamilies", + "$value": "Frutiger Neue for Post" + }, + "swiss-post": { + "$type": "fontFamilies", + "$value": "Swiss Post Sans v005" } }, "elevation": { "1": { - "value": [ + "$type": "boxShadow", + "$value": [ { "x": "0", "y": "1", @@ -509,11 +484,11 @@ "color": "rgba(0,0,0,0.16)", "type": "dropShadow" } - ], - "type": "boxShadow" + ] }, "2": { - "value": [ + "$type": "boxShadow", + "$value": [ { "x": "0", "y": "2", @@ -530,11 +505,11 @@ "color": "rgba(0,0,0,0.16)", "type": "dropShadow" } - ], - "type": "boxShadow" + ] }, "3": { - "value": [ + "$type": "boxShadow", + "$value": [ { "x": "0", "y": "4", @@ -551,18 +526,18 @@ "color": "rgba(0,0,0,0.16)", "type": "dropShadow" } - ], - "type": "boxShadow" + ] }, "4": { - "value": [ + "$type": "boxShadow", + "$value": [ { "x": "0", "y": "8", "blur": "16", "spread": "0", "color": "rgba(0,0,0,0.16)", - "type": "innerShadow" + "type": "dropShadow" }, { "x": "0", @@ -570,13 +545,13 @@ "blur": "2", "spread": "0", "color": "rgba(0,0,0,0.16)", - "type": "innerShadow" + "type": "dropShadow" } - ], - "type": "boxShadow" + ] }, "5": { - "value": [ + "$type": "boxShadow", + "$value": [ { "x": "0", "y": "14", @@ -593,31 +568,208 @@ "color": "rgba(0,0,0,0.24)", "type": "dropShadow" } - ], - "type": "boxShadow" + ] } }, "border": { "focus": { - "value": { + "$type": "border", + "$value": { "color": "{post.core.color.sandgrey.100}", "width": "{post.core.dimension.2}", "style": "solid" }, - "type": "border", - "description": "Has to be set arround an element" + "$description": "Has to be set arround an element" }, "disabled": { - "value": { + "$type": "border", + "$value": { "color": "{post.core.color.sandgrey.060}", "width": "{post.core.dimension.2}", "style": "dashed" }, - "type": "border", - "description": "To be used for everything disabled that has a natural border" + "$description": "To be used for everything disabled that has a natural border" + } + } + }, + "utility": { + "spacing": { + "dup": { + "0": { + "$type": "dimension", + "$value": "0" + }, + "1": { + "$type": "dimension", + "$value": "1" + }, + "2": { + "$type": "dimension", + "$value": "2" + }, + "3": { + "$type": "dimension", + "$value": "3" + }, + "4": { + "$type": "dimension", + "$value": "4" + }, + "5": { + "$type": "dimension", + "$value": "5" + }, + "6": { + "$type": "dimension", + "$value": "6" + }, + "8": { + "$type": "dimension", + "$value": "8" + }, + "10": { + "$type": "dimension", + "$value": "10" + }, + "11": { + "$type": "dimension", + "$value": "11" + }, + "12": { + "$type": "dimension", + "$value": "12" + }, + "14": { + "$type": "dimension", + "$value": "14" + }, + "15": { + "$type": "dimension", + "$value": "15" + }, + "16": { + "$type": "dimension", + "$value": "16" + }, + "18": { + "$type": "dimension", + "$value": "18" + }, + "19": { + "$type": "dimension", + "$value": "19" + }, + "20": { + "$type": "dimension", + "$value": "20" + }, + "22": { + "$type": "dimension", + "$value": "22" + }, + "24": { + "$type": "dimension", + "$value": "24" + }, + "26": { + "$type": "dimension", + "$value": "26" + }, + "28": { + "$type": "dimension", + "$value": "28" + }, + "30": { + "$type": "dimension", + "$value": "30" + }, + "32": { + "$type": "dimension", + "$value": "32" + }, + "34": { + "$type": "dimension", + "$value": "34" + }, + "36": { + "$type": "dimension", + "$value": "36" + }, + "40": { + "$type": "dimension", + "$value": "40" + }, + "48": { + "$type": "dimension", + "$value": "48" + }, + "56": { + "$type": "dimension", + "$value": "56" + }, + "64": { + "$type": "dimension", + "$value": "64" + }, + "78": { + "$type": "dimension", + "$value": "78" + }, + "80": { + "$type": "dimension", + "$value": "80" + }, + "96": { + "$type": "dimension", + "$value": "96" + }, + "100": { + "$type": "dimension", + "$value": "100" + }, + "112": { + "$type": "dimension", + "$value": "112" + }, + "5-5": { + "$type": "dimension", + "$value": "5.5" + }, + "6-5": { + "$type": "dimension", + "$value": "6.5" + }, + "4-5": { + "$type": "dimension", + "$value": "4.5" + }, + "7-5": { + "$type": "dimension", + "$value": "7.5" + }, + "1-5": { + "$type": "dimension", + "$value": "1.5" + }, + "8-5": { + "$type": "dimension", + "$value": "8.5" + } } } } + }, + "Border": { + "disabled": { + "$type": "composition", + "$value": { + "borderColor": "{post.core.color.sandgrey.060}", + "width": "{post.core.dimension.2}", + "number": "88", + "text": "2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4" + }, + "$description": "Used for SVG Dash arround the disabled Form Checkbox controll" + } } }, "Mode/Light": { @@ -626,57 +778,36 @@ "color": { "signal": { "success-dark": { - "value": "{post.core.color.notification.green}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.green}" }, "success-light": { - "value": "{post.core.color.notification.green-light}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.green-light}" }, "error-dark": { - "value": "{post.core.color.notification.red}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.red}" }, "error-light": { - "value": "{post.core.color.notification.red-light}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.red-light}" }, "warning-dark": { - "value": "{post.core.color.notification.orange}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.orange}" }, "warning-light": { - "value": "{post.core.color.notification.orange-light}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.orange-light}" }, "information-dark": { - "value": "{post.core.color.notification.blue}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.blue}" }, "information-light": { - "value": "{post.core.color.notification.blue-light}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.notification.blue-light}" } }, "interactive": { @@ -684,318 +815,541 @@ "primary": { "enabled": { "fg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "bg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "stroke": { - "value": "{post.sem.color.interactive.button.primary.enabled.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.bg}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "hover": { "fg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "bg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "stroke": { - "value": "{post.sem.color.interactive.button.primary.hover.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.bg}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "disabled": { "fg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "bg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "stroke": { - "value": "{post.sem.color.interactive.button.primary.disabled.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.disabled.bg}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } } }, "secondary": { "enabled": { "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "hover": { "fg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "disabled": { "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } } }, "tertiary": { "enabled": { "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "bg": { - "value": "{post.core.color.colorless}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.colorless}" }, "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.enabled.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.enabled.bg}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.colorless}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.colorless}" } }, "hover": { "fg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "bg": { - "value": "{post.core.color.colorless}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.colorless}" }, "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.hover.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.hover.bg}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "disabled": { "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" + }, + "bg": { + "$type": "color", + "$value": "{post.core.color.colorless}" + }, + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.disabled.bg}" + }, + "fg-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "bg-inverted": { + "$type": "color", + "$value": "{post.core.color.colorless}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + } + } + }, + "segmented": { + "enabled": { + "fg": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "bg": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "stroke": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + } + }, + "hover": { + "fg": { + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" + }, + "bg": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "stroke": { + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" + } + }, + "selected": { + "fg": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "bg": { - "value": "{post.core.color.colorless}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.disabled.bg}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } } } }, "focus": { "stroke": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "stroke-inverted": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "text_input": { "enabled": { "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.sem.color.interactive.text_input.enabled.fg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.text_input.enabled.fg}" } }, "hover": { "fg-label": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg-value": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "stroke": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" } } }, "primary": { "enabled": { - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "bg1": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg1": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "fg2": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "stroke": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "fg3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, - "fg-handle": { - "value": "{post.core.color.brand.white}", - "type": "color" + "bg2": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, - "bg-handle": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "stroke3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "hover": { "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg1": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "fg2": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "stroke": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" + }, + "fg3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, - "fg-handle": { - "value": "{post.core.color.brand.white}", - "type": "color" + "bg2": { + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, - "bg-handle": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "stroke3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "disabled": { "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg1": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "fg2": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "stroke": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "bg2": { - "value": "{post.core.color.sandgrey.012}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.012}" + }, + "fg3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, - "fg-handle": { - "value": "{post.core.color.brand.white}", - "type": "color" + "bg3": { + "$type": "color", + "$value": "{post.core.color.sandgrey.012}" }, - "bg-handle": { - "value": "{post.core.color.sandgrey.012}", - "type": "color" + "stroke2": { + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, - "stroke-handle": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "bg4": { + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" + }, + "stroke3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "selected": { - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "bg1": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg1": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "fg2": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" + }, + "stroke1": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "fg3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "bg2": { + "$type": "color", + "$value": "{post.core.color.notification.green}" + }, + "stroke2": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + }, + "stroke3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" + } + } + }, + "notification": { + "info": { + "fg": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "bg": { + "$type": "color", + "$value": "{post.sem.color.signal.information-light}" + }, + "icon": { + "$type": "color", + "$value": "{post.sem.color.signal.information-dark}" + }, + "stroke": { + "$type": "color", + "$value": "{post.sem.color.signal.information-dark}" + } + }, + "success": { + "fg": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "bg": { + "$type": "color", + "$value": "{post.sem.color.signal.success-light}" + }, + "icon": { + "$type": "color", + "$value": "{post.sem.color.signal.success-dark}" + }, + "stroke": { + "$type": "color", + "$value": "{post.sem.color.signal.success-dark}" + } + }, + "warning": { + "fg": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "bg": { + "$type": "color", + "$value": "{post.sem.color.signal.warning-light}" + }, + "icon": { + "$type": "color", + "$value": "{post.sem.color.signal.warning-dark}" }, "stroke": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.signal.warning-dark}" + } + }, + "error": { + "fg": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" + }, + "bg": { + "$type": "color", + "$value": "{post.sem.color.signal.error-light}" }, - "fg-handle": { - "value": "{post.core.color.brand.white}", - "type": "color" + "icon": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" }, - "bg-handle": { - "value": "{post.comp.interactive.color.signal.success}", - "type": "color" + "stroke": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" } } } @@ -1003,72 +1357,78 @@ "surface": { "default": { "bg": { - "value": "{post.core.color.sandgrey.002}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.002}" }, "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent1": { "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent2": { "bg": { - "value": "{post.core.color.sandgrey.006}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.006}" }, "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent3": { "bg": { - "value": "{post.core.color.brand.postyellow}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.postyellow}" }, "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent4": { "bg": { - "value": "{post.core.color.sandgrey.080}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.080}" }, "fg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg-accent": { - "value": "{post.core.color.brand.postyellow}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.postyellow}" } } }, "notification": { "badge": { "bg": { - "value": "{post.core.color.notification.red}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.notification.red}" }, "fg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" + } + }, + "popover": { + "hover": { + "$type": "color", + "$value": "{post.core.color.sandgrey.020}" } } } @@ -1082,57 +1442,36 @@ "color": { "signal": { "success-dark": { - "value": "{post.core.color.notification.green}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.green}" }, "success-light": { - "value": "{post.core.color.notification.green-light}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.green-light}" }, "error-dark": { - "value": "{post.core.color.notification.red}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.red}" }, "error-light": { - "value": "{post.core.color.notification.red-light}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.red-light}" }, "warning-dark": { - "value": "{post.core.color.notification.orange}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.orange}" }, "warning-light": { - "value": "{post.core.color.notification.orange-light}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.orange-light}" }, "information-dark": { - "value": "{post.core.color.notification.blue}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.notification.blue}" }, "information-light": { - "value": "{post.core.color.notification.blue-light}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.notification.blue-light}" } }, "interactive": { @@ -1140,318 +1479,291 @@ "primary": { "enabled": { "fg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "bg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "stroke": { - "value": "{post.sem.color.interactive.button.primary.enabled.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.bg}" } }, "hover": { "fg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "bg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "stroke": { - "value": "{post.sem.color.interactive.button.primary.hover.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.bg}" } }, "disabled": { "fg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "bg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "stroke": { - "value": "{post.sem.color.interactive.button.primary.disabled.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.disabled.bg}" } } }, "secondary": { "enabled": { "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "hover": { "fg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" } }, "disabled": { "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" } } }, "tertiary": { "enabled": { "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "bg": { - "value": "{post.core.color.colorless}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.colorless}" }, "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.enabled.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.enabled.bg}" } }, "hover": { "fg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "bg": { - "value": "{post.core.color.colorless}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.colorless}" }, "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.hover.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.hover.bg}" } }, "disabled": { "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "bg": { - "value": "{post.core.color.colorless}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.colorless}" }, "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.disabled.bg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.disabled.bg}" } } } }, "focus": { "stroke": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "stroke-inverted": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" } }, "text_input": { "enabled": { "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.sem.color.interactive.text_input.enabled.fg}", - "type": "color" + "$type": "color", + "$value": "{post.sem.color.interactive.text_input.enabled.fg}" } }, "hover": { "fg-label": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg-value": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "stroke": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" } } }, "primary": { "enabled": { - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "bg1": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg1": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "fg2": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "stroke": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, - "fg-handle": { - "value": "{post.core.color.brand.white}", - "type": "color" + "fg3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, - "bg-handle": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "bg2": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "hover": { "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg1": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, "fg2": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "stroke": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" }, - "fg-handle": { - "value": "{post.core.color.brand.white}", - "type": "color" + "fg3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, - "bg-handle": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" + "bg2": { + "$type": "color", + "$value": "{post.core.color.sandgrey.070}" } }, "disabled": { "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg1": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "fg2": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "stroke": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, "bg2": { - "value": "{post.core.color.sandgrey.012}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.012}" }, - "fg-handle": { - "value": "{post.core.color.brand.white}", - "type": "color" + "fg3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, - "bg-handle": { - "value": "{post.core.color.sandgrey.012}", - "type": "color" + "bg3": { + "$type": "color", + "$value": "{post.core.color.sandgrey.012}" }, - "stroke-handle": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "stroke2": { + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" } }, "selected": { - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "bg1": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg1": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, "fg2": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.060}" }, - "stroke": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "stroke1": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" }, - "fg-handle": { - "value": "{post.core.color.brand.white}", - "type": "color" + "fg3": { + "$type": "color", + "$value": "{post.core.color.brand.white}" }, - "bg-handle": { - "value": "{post.comp.interactive.color.signal.success}", - "type": "color" + "bg2": { + "$type": "color", + "$value": "{post.core.color.notification.green}" } } } @@ -1459,72 +1771,72 @@ "surface": { "default": { "bg": { - "value": "{post.core.color.sandgrey.002}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.002}" }, "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent1": { "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent2": { "bg": { - "value": "{post.core.color.sandgrey.006}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.006}" }, "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent3": { "bg": { - "value": "{post.core.color.brand.postyellow}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.postyellow}" }, "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent4": { "bg": { - "value": "{post.core.color.sandgrey.080}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.sandgrey.080}" }, "fg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "fg-accent": { - "value": "{post.core.color.brand.postyellow}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.postyellow}" } } }, "notification": { "badge": { "bg": { - "value": "{post.core.color.notification.red}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.notification.red}" }, "fg": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" }, "stroke": { - "value": "{post.core.color.brand.white}", - "type": "color" + "$type": "color", + "$value": "{post.core.color.brand.white}" } } } @@ -1536,1864 +1848,4511 @@ "post": { "sem": { "font-size": { + "1": { + "$type": "fontSizes", + "$value": "{post.core.font-size.40}" + }, + "2": { + "$type": "fontSizes", + "$value": "{post.core.font-size.36}" + }, + "3": { + "$type": "fontSizes", + "$value": "{post.core.font-size.32}" + }, + "4": { + "$type": "fontSizes", + "$value": "{post.core.font-size.28}" + }, + "5": { + "$type": "fontSizes", + "$value": "{post.core.font-size.24}" + }, + "6": { + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" + }, + "7": { + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" + }, + "8": { + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" + }, + "9": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "10": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "11": { + "$type": "fontSizes", + "$value": "{post.core.font-size.12}" + }, "heading": { "xs": { - "value": "{post.core.font-size.20}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" }, "s": { - "value": "{post.core.font-size.24}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.24}" }, "m": { - "value": "{post.core.font-size.28}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.28}" }, "l": { - "value": "{post.core.font-size.32}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.32}" }, "xl": { - "value": "{post.core.font-size.36}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.36}" }, "xxl": { - "value": "{post.core.font-size.40}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.40}" } }, "text": { "xs": { - "value": "{post.core.font-size.12}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.12}" }, "s": { - "value": "{post.core.font-size.14}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" }, "m": { - "value": "{post.core.font-size.16}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" }, "l": { - "value": "{post.core.font-size.18}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.18}" }, "xl": { - "value": "{post.core.font-size.20}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" + }, + "xxs": { + "$type": "fontSizes", + "$value": "{post.core.font-size.10}" } } }, "elevation": { - "base": { - "value": "{post.core.elevation.1}", - "type": "boxShadow" + "100": { + "$type": "boxShadow", + "$value": "{post.core.elevation.1}" }, - "s": { - "value": "{post.core.elevation.2}", - "type": "boxShadow" + "200": { + "$type": "boxShadow", + "$value": "{post.core.elevation.2}" }, - "m": { - "value": "{post.core.elevation.3}", - "type": "boxShadow" - }, - "l": { - "value": "{post.core.elevation.4}", - "type": "boxShadow" + "300": { + "$type": "boxShadow", + "$value": "{post.core.elevation.3}" }, - "xl": { - "value": "{post.core.elevation.5}", - "type": "boxShadow" - } - }, - "typo": { - "title": { - "h1": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h2": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h3": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h4": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h5": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h6": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - } - }, - "subtitle": { - "sub-h1": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h2": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h3": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h4": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h5": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h6": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - } + "400": { + "$type": "boxShadow", + "$value": "{post.core.elevation.4}" }, - "text": { - "lead": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "paragraph": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "legend-l": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "legend-s": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-l": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.18}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-m": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-s": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-xs": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.12}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "link-underline": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}", - "textDecoration": "underline" - }, - "type": "typography" - }, - "link": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - } + "500": { + "$type": "boxShadow", + "$value": "{post.core.elevation.5}" } }, "font-family": { "default": { - "value": "{post.core.font-family.frutiger}", - "type": "fontFamilies" + "$type": "fontFamilies", + "$value": "{post.core.font-family.swiss-post}" } }, "spacing": { - "interactive": { - "gap": { - "block": { - "1": { - "value": "{post.core.dimension.16}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.16}", - "type": "spacing" - } + "gap": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "block": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" }, - "inline": { - "1": { - "value": "{post.core.dimension.8}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.8}", - "type": "spacing" - }, - "3": { - "value": "{post.core.dimension.12}", - "type": "spacing" - }, - "4": { - "value": "{post.core.dimension.4}", - "type": "spacing" - }, - "5": { - "value": "{post.core.dimension.2}", - "type": "spacing" - } + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" } }, - "padding": { + "inline": { "1": { - "value": "{post.core.dimension.0}", - "type": "spacing" + "$type": "spacing", + "$value": "{post.core.dimension.8}" }, "2": { - "value": "{post.core.dimension.2}", - "type": "spacing" + "$type": "spacing", + "$value": "{post.core.dimension.16}" }, "3": { - "value": "{post.core.dimension.10}", - "type": "spacing" + "$type": "spacing", + "$value": "{post.core.dimension.12}" }, - "inline": { - "1": { - "value": "{post.core.dimension.14}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.32}", - "type": "spacing" - } + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" }, - "block": { - "1": { - "value": "{post.core.dimension.11}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.4}", - "type": "spacing" - }, - "3": { - "value": "{post.core.dimension.4-5}", - "type": "spacing", - "$extensions": { - "studio.tokens": {} - } - }, - "4": { - "value": "{post.core.dimension.7-5}", - "type": "spacing", - "$extensions": { - "studio.tokens": {} - } - }, - "5": { - "value": "{post.core.dimension.6}", - "type": "spacing" - }, - "6": { - "value": "{post.core.dimension.1}", - "type": "spacing" - }, - "7": { - "value": "{post.core.dimension.1}", - "type": "spacing" - }, - "8": { - "value": "{post.core.dimension.32}", - "type": "spacing" - }, - "9": { - "value": "{post.core.dimension.5}", - "type": "spacing" - } - } - } - } - }, - "sizing": { - "interactive": { - "icon": { - "height": { - "value": "{post.core.dimension.24}", - "type": "sizing" + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" }, - "width": { - "value": "{post.core.dimension.24}", - "type": "sizing" + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" } } - } - } - }, - "core": { - "font-weight": { - "bold": { - "value": "{post.core.font-weight.700}", - "type": "textDecoration" }, - "regular": { - "value": "{post.core.font-weight.400}", - "type": "textDecoration" - } - } - } - } - }, - "Device/Tablet": { - "post": { - "sem": { - "font-size": { - "heading": { - "xs": { - "value": "{post.core.font-size.20}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "padding": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" }, - "s": { - "value": "{post.core.font-size.24}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" }, - "m": { - "value": "{post.core.font-size.28}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" }, - "l": { - "value": "{post.core.font-size.32}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" }, - "xl": { - "value": "{post.core.font-size.36}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" }, - "xxl": { - "value": "{post.core.font-size.40}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } - } - }, - "text": { - "xs": { - "value": "{post.core.font-size.12}", - "type": "fontSizes" + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" }, - "s": { - "value": "{post.core.font-size.14}", - "type": "fontSizes" + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.8-5}" }, - "m": { - "value": "{post.core.font-size.16}", - "type": "fontSizes" + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" }, - "l": { - "value": "{post.core.font-size.18}", - "type": "fontSizes" + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" }, - "xl": { - "value": "{post.core.font-size.20}", - "type": "fontSizes" - } - } - }, - "elevation": { - "base": { - "value": "{post.core.elevation.1}", - "type": "boxShadow" - }, - "s": { - "value": "{post.core.elevation.2}", - "type": "boxShadow" - }, - "m": { - "value": "{post.core.elevation.3}", - "type": "boxShadow" - }, - "l": { - "value": "{post.core.elevation.4}", - "type": "boxShadow" - }, - "xl": { - "value": "{post.core.elevation.5}", - "type": "boxShadow" - } - }, - "typo": { - "title": { - "h1": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h2": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h3": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h4": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h5": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h6": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - } - }, - "subtitle": { - "sub-h1": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h2": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h3": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h4": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h5": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h6": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - } - }, - "text": { - "lead": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "paragraph": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "legend-l": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "legend-s": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-l": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.18}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-m": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-s": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-xs": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.12}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "link-underline": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}", - "textDecoration": "underline", - "fontSize": "{post.core.font-size.16}" - }, - "type": "typography" - }, - "link": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "13": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + } + }, + "block": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.4-5}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.7-5}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "13": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + } } } }, - "font-family": { - "default": { - "value": "{post.core.font-family.frutiger}", - "type": "fontFamilies" - } - }, - "spacing": { + "sizing": { "interactive": { - "gap": { - "block": { + "icon": { + "height": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "width": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + } + }, + "textfields": { + "icon": { + "$type": "sizing", + "$value": "{post.core.dimension.32}" + }, + "dropdown": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + } + }, + "stepper": { + "indicator": { + "$type": "sizing", + "$value": "{post.core.dimension.40}" + } + }, + "button": { + "height": { "1": { - "value": "{post.core.dimension.16}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.48}" }, "2": { - "value": "{post.core.dimension.16}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.56}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.40}" } }, - "inline": { + "appstore": { + "width": { + "google": { + "$type": "sizing", + "$value": "189" + }, + "apple": { + "$type": "sizing", + "$value": "167.53" + } + } + }, + "icon": { "1": { - "value": "{post.core.dimension.8}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.24}" }, "2": { - "value": "{post.core.dimension.8}", - "type": "spacing" - }, - "3": { - "value": "{post.core.dimension.12}", - "type": "spacing" - }, - "4": { - "value": "{post.core.dimension.4}", - "type": "spacing" - }, - "5": { - "value": "{post.core.dimension.2}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.20}" } } }, - "padding": { + "footer": { + "socialmedia": { + "$type": "sizing", + "$value": "{post.core.dimension.40}" + } + } + }, + "notification": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.8}" + }, + "icon": { "1": { - "value": "{post.core.dimension.1}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.28}" }, "2": { - "value": "{post.core.dimension.2}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.64}" }, "3": { - "value": "{post.core.dimension.10}", - "type": "spacing" - }, - "inline": { - "1": { - "value": "{post.core.dimension.14}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.30}", - "type": "spacing" - } + "$type": "sizing", + "$value": "{post.core.dimension.32}" }, - "block": { - "1": { - "value": "{post.core.dimension.10}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.4}", - "type": "spacing" - }, - "3": { - "value": "{post.core.dimension.5}", - "type": "spacing" - }, - "4": { - "value": "{post.core.dimension.5}", - "type": "spacing" - }, - "5": { - "value": "{post.core.dimension.6}", - "type": "spacing" - }, - "6": { - "value": "{post.core.dimension.0}", - "type": "spacing" - }, - "7": { - "value": "{post.core.dimension.0}", - "type": "spacing" - }, - "8": { - "value": "{post.core.dimension.24}", - "type": "spacing" - }, - "9": { - "value": "{post.core.dimension.5}", - "type": "spacing" - } + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.48}" } } + }, + "icon": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + } } }, - "sizing": { - "interactive": { - "icon": { - "height": { - "value": "{post.core.dimension.22}", - "type": "sizing" - }, - "width": { - "value": "{post.core.dimension.22}", - "type": "sizing" - } - } + "border-radius": { + "1": { + "$type": "borderRadius", + "$value": "{post.core.dimension.4}" + }, + "round": { + "$type": "borderRadius", + "$value": "{post.core.dimension.100}" } - } - }, - "core": { + }, "font-weight": { "bold": { - "value": "{post.core.font-weight.700}", - "type": "textDecoration" + "$type": "fontWeights", + "$value": "{post.core.font-weight.700}" }, "regular": { - "value": "{post.core.font-weight.400}", - "type": "textDecoration" + "$type": "fontWeights", + "$value": "{post.core.font-weight.400}" + }, + "medium": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.500}" + }, + "black": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.900}" + } + }, + "line-height": { + "header": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "content": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + }, + "legend": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "label": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + }, + "link": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" } } } } }, - "Device/Mobile": { + "Device/Tablet": { "post": { "sem": { "font-size": { + "1": { + "$type": "fontSizes", + "$value": "{post.core.font-size.36}" + }, + "2": { + "$type": "fontSizes", + "$value": "{post.core.font-size.32}" + }, + "3": { + "$type": "fontSizes", + "$value": "{post.core.font-size.28}" + }, + "4": { + "$type": "fontSizes", + "$value": "{post.core.font-size.24}" + }, + "5": { + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" + }, + "6": { + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" + }, + "7": { + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" + }, + "8": { + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" + }, + "9": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "10": { + "$type": "fontSizes", + "$value": "{post.core.font-size.12}" + }, + "11": { + "$type": "fontSizes", + "$value": "{post.core.font-size.12}" + }, "heading": { "xs": { - "value": "{post.core.font-size.20}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" }, "s": { - "value": "{post.core.font-size.24}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" }, "m": { - "value": "{post.core.font-size.28}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.24}" }, "l": { - "value": "{post.core.font-size.32}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.28}" }, "xl": { - "value": "{post.core.font-size.36}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.32}" }, "xxl": { - "value": "{post.core.font-size.40}", - "type": "fontSizes", - "$extensions": { - "studio.tokens": {} - } + "$type": "fontSizes", + "$value": "{post.core.font-size.36}" } }, "text": { "xs": { - "value": "{post.core.font-size.12}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.12}" }, "s": { - "value": "{post.core.font-size.14}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" }, "m": { - "value": "{post.core.font-size.16}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" }, "l": { - "value": "{post.core.font-size.18}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.18}" }, "xl": { - "value": "{post.core.font-size.20}", - "type": "fontSizes" + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" + }, + "xxs": { + "$type": "fontSizes", + "$value": "{post.core.font-size.10}" } } }, "elevation": { - "base": { - "value": "{post.core.elevation.1}", - "type": "boxShadow" - }, - "s": { - "value": "{post.core.elevation.2}", - "type": "boxShadow" + "100": { + "$type": "boxShadow", + "$value": "{post.core.elevation.1}" }, - "m": { - "value": "{post.core.elevation.3}", - "type": "boxShadow" + "200": { + "$type": "boxShadow", + "$value": "{post.core.elevation.2}" }, - "l": { - "value": "{post.core.elevation.4}", - "type": "boxShadow" + "300": { + "$type": "boxShadow", + "$value": "{post.core.elevation.3}" }, - "xl": { - "value": "{post.core.elevation.5}", - "type": "boxShadow" - } - }, - "typo": { - "title": { - "h1": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h2": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h3": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h4": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h5": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "h6": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - } - }, - "subtitle": { - "sub-h1": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h2": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h3": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h4": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h5": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "sub-h6": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - } + "400": { + "$type": "boxShadow", + "$value": "{post.core.elevation.4}" }, - "text": { - "lead": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.18}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "paragraph": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "legend-l": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "legend-s": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.700}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.120}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-l": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-m": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-s": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "label-xs": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.12}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - }, - "link-underline": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}", - "textDecoration": "underline" - }, - "type": "typography" - }, - "link": { - "value": { - "fontFamily": "{post.sem.font-family.default}", - "fontWeight": "{post.core.font-weight.400}", - "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150}", - "letterSpacing": "{post.core.letter-spacing.default}" - }, - "type": "typography" - } + "500": { + "$type": "boxShadow", + "$value": "{post.core.elevation.5}" } }, "font-family": { "default": { - "value": "{post.core.font-family.frutiger}", - "type": "fontFamilies" + "$type": "fontFamilies", + "$value": "{post.core.font-family.swiss-post}" } }, "spacing": { - "interactive": { - "gap": { - "block": { - "1": { - "value": "{post.core.dimension.8}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.16}", - "type": "spacing" - } + "gap": { + "block": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" }, - "inline": { - "1": { - "value": "{post.core.dimension.6}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.8}", - "type": "spacing" - }, - "3": { - "value": "{post.core.dimension.12}", - "type": "spacing" - }, - "4": { - "value": "{post.core.dimension.4}", - "type": "spacing" - }, - "5": { - "value": "{post.core.dimension.2}", - "type": "spacing" - } + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" } }, - "padding": { - "1": { - "value": "{post.core.dimension.2}", - "type": "spacing" - }, + "inline": { "2": { - "value": "{post.core.dimension.2}", - "type": "spacing" + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + } + } + }, + "padding": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "13": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "block": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" }, "3": { - "value": "{post.core.dimension.10}", - "type": "spacing" + "$type": "spacing", + "$value": "{post.core.dimension.5}" }, - "inline": { - "1": { - "value": "{post.core.dimension.14}", - "type": "spacing" - }, - "2": { - "value": "{post.core.dimension.28}", - "type": "spacing" - } + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" }, - "block": { + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "13": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + } + }, + "inline": { + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + } + } + } + }, + "sizing": { + "interactive": { + "icon": { + "height": { + "$type": "sizing", + "$value": "{post.core.dimension.22}" + }, + "width": { + "$type": "sizing", + "$value": "{post.core.dimension.22}" + } + }, + "textfields": { + "icon": { + "$type": "sizing", + "$value": "{post.core.dimension.32}" + } + }, + "stepper": { + "indicator": { + "$type": "sizing", + "$value": "{post.core.dimension.32}" + } + }, + "button": { + "height": { "1": { - "value": "{post.core.dimension.10}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.40}" }, "2": { - "value": "{post.core.dimension.5-5}", - "type": "spacing", - "$extensions": { - "studio.tokens": {} - } + "$type": "sizing", + "$value": "{post.core.dimension.48}" }, "3": { - "value": "{post.core.dimension.6-5}", - "type": "spacing", - "$extensions": { - "studio.tokens": {} - } - }, - "4": { - "value": "{post.core.dimension.5}", - "type": "spacing" - }, - "5": { - "value": "{post.core.dimension.6}", - "type": "spacing" - }, - "6": { - "value": "{post.core.dimension.1-5}", - "type": "spacing", - "$extensions": { - "studio.tokens": {} + "$type": "sizing", + "$value": "{post.core.dimension.32}" + } + }, + "appstore": { + "width": { + "google": { + "$type": "sizing", + "$value": "162" + }, + "apple": { + "$type": "sizing", + "$value": "143.6" } + } + }, + "icon": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.20}" }, - "7": { - "value": "{post.core.dimension.0}", - "type": "spacing" - }, - "8": { - "value": "{post.core.dimension.24}", - "type": "spacing" - }, - "9": { - "value": "{post.core.dimension.5}", - "type": "spacing" + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" } } + }, + "footer": { + "socialmedia": { + "$type": "sizing", + "$value": "{post.core.dimension.32}" + } } - } - }, - "sizing": { - "interactive": { + }, + "notification": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.8}" + }, "icon": { - "height": { - "value": "{post.core.dimension.20}", - "type": "sizing" + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.28}" }, - "width": { - "value": "{post.core.dimension.20}", - "type": "sizing" + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.48}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.40}" } } + }, + "icon": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + } } - } - }, - "core": { + }, "font-weight": { + "medium": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.500}" + }, "bold": { - "value": "{post.core.font-weight.700}", - "type": "textDecoration" + "$type": "fontWeights", + "$value": "{post.core.font-weight.700}" }, "regular": { - "value": "{post.core.font-weight.400}", - "type": "textDecoration" + "$type": "fontWeights", + "$value": "{post.core.font-weight.400}" + }, + "black": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.900}" } - } - } - } - }, - "Channel/EDK": { - "post": { - "sem": { - "sizing": { - "interactive": { - "height": { - "filler": { - "value": "{post.core.dimension.24}", - "type": "sizing" - } - } + }, + "line-height": { + "header": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "content": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + }, + "legend": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "label": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + }, + "link": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" } } } } }, - "Channel/IDK": { + "Device/Mobile": { "post": { "sem": { - "sizing": { - "interactive": { - "height": { - "filler": { - "value": "{post.core.dimension.24}", - "type": "sizing" - } + "font-size": { + "1": { + "$type": "fontSizes", + "$value": "{post.core.font-size.32}" + }, + "2": { + "$type": "fontSizes", + "$value": "{post.core.font-size.28}" + }, + "3": { + "$type": "fontSizes", + "$value": "{post.core.font-size.24}" + }, + "4": { + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" + }, + "5": { + "$type": "fontSizes", + "$value": "{post.core.font-size.18}" + }, + "6": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "7": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "8": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "9": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "10": { + "$type": "fontSizes", + "$value": "{post.core.font-size.12}" + }, + "11": { + "$type": "fontSizes", + "$value": "{post.core.font-size.12}" + }, + "heading": { + "xs": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "s": { + "$type": "fontSizes", + "$value": "{post.core.font-size.18}" + }, + "m": { + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" + }, + "l": { + "$type": "fontSizes", + "$value": "{post.core.font-size.24}" + }, + "xl": { + "$type": "fontSizes", + "$value": "{post.core.font-size.28}" + }, + "xxl": { + "$type": "fontSizes", + "$value": "{post.core.font-size.32}" } - } - } - } - } - }, - "Theme/Post": { - "post": { - "sem": { - "sizing": { - "interactive": { - "height": { - "filler": { - "value": "{post.core.dimension.24}", - "type": "sizing" - } + }, + "text": { + "xs": { + "$type": "fontSizes", + "$value": "{post.core.font-size.12}" + }, + "s": { + "$type": "fontSizes", + "$value": "{post.core.font-size.14}" + }, + "m": { + "$type": "fontSizes", + "$value": "{post.core.font-size.16}" + }, + "l": { + "$type": "fontSizes", + "$value": "{post.core.font-size.18}" + }, + "xl": { + "$type": "fontSizes", + "$value": "{post.core.font-size.20}" + }, + "xxs": { + "$type": "fontSizes", + "$value": "{post.core.font-size.10}" } } - } - } - } - }, - "Components/Interactives": { - "post": { - "comp": { - "interactive": { - "color": { - "primary": { - "bg-enabled": { - "value": "{post.sem.color.interactive.primary.enabled.bg}", - "type": "color" - }, - "fg-enabled": { - "value": "{post.sem.color.interactive.primary.enabled.fg1}", - "type": "color" - }, - "bg-hover": { - "value": "{post.sem.color.interactive.primary.hover.bg}", - "type": "color" + }, + "elevation": { + "100": { + "$type": "boxShadow", + "$value": "{post.core.elevation.1}" + }, + "200": { + "$type": "boxShadow", + "$value": "{post.core.elevation.2}" + }, + "300": { + "$type": "boxShadow", + "$value": "{post.core.elevation.3}" + }, + "400": { + "$type": "boxShadow", + "$value": "{post.core.elevation.4}" + }, + "500": { + "$type": "boxShadow", + "$value": "{post.core.elevation.5}" + } + }, + "font-family": { + "default": { + "$type": "fontFamilies", + "$value": "{post.core.font-family.swiss-post}" + } + }, + "spacing": { + "gap": { + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "block": { + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" }, - "fg-hover": { - "value": "{post.sem.color.interactive.primary.hover.fg1}", - "type": "color" + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + } + }, + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" }, - "bg-disabled": { - "value": "{post.sem.color.interactive.primary.disabled.bg}", - "type": "color" + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" }, - "fg-disabled": { - "value": "{post.sem.color.interactive.primary.disabled.fg1}", - "type": "color" + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" }, - "bg-selected": { - "value": "{post.sem.color.interactive.primary.selected.bg}", - "type": "color" + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" }, - "fg-selected": { - "value": "{post.sem.color.interactive.primary.selected.fg1}", - "type": "color" + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" }, - "fg-help": { - "value": "{post.sem.color.interactive.primary.enabled.fg2}", - "type": "color" + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + } + } + }, + "padding": { + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "13": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "inline": { + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + } + }, + "block": { + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.5-5}" }, - "stroke-enabled": { - "value": "{post.sem.color.interactive.primary.enabled.stroke}", - "type": "color" + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.6-5}" }, - "stroke-hover": { - "value": "{post.sem.color.interactive.primary.hover.stroke}", - "type": "color" + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.1-5}" }, - "stroke-disabled": { - "value": "{post.sem.color.interactive.primary.disabled.stroke}", - "type": "color" + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.1-5}" }, - "stroke-selected": { - "value": "{post.sem.color.interactive.primary.selected.stroke}", - "type": "color" + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + } + } + } + }, + "sizing": { + "interactive": { + "icon": { + "height": { + "$type": "sizing", + "$value": "{post.core.dimension.20}" }, - "handle": { - "fg-enabled": { - "value": "{post.sem.color.interactive.primary.enabled.fg-handle}", - "type": "color" - }, - "bg-enabled": { - "value": "{post.sem.color.interactive.primary.enabled.bg-handle}", - "type": "color" - }, - "fg-selected": { - "value": "{post.sem.color.interactive.primary.selected.fg-handle}", - "type": "color" - }, - "bg-selected": { - "value": "{post.sem.color.interactive.primary.selected.bg-handle}", - "type": "color" - }, - "fg-hover": { - "value": "{post.sem.color.interactive.primary.enabled.fg-handle}", - "type": "color" - }, - "bg-hover": { - "value": "{post.sem.color.interactive.primary.hover.bg-handle}", - "type": "color" - }, - "fg-disabled": { - "value": "{post.sem.color.interactive.primary.disabled.fg-handle}", - "type": "color" - }, - "bg-disabled": { - "value": "{post.sem.color.interactive.primary.disabled.bg-handle}", - "type": "color" - }, - "stroke-disabled": { - "value": "{post.sem.color.interactive.primary.disabled.stroke-handle}", - "type": "color" - } + "width": { + "$type": "sizing", + "$value": "{post.core.dimension.20}" } }, - "signal": { - "error": { - "value": "{post.sem.color.signal.error-dark}", - "type": "color" - }, - "success": { - "value": "{post.sem.color.signal.success-dark}", - "type": "color" + "textfields": { + "icon": { + "$type": "sizing", + "$value": "{post.core.dimension.32}" } }, - "focus": { - "stroke": { - "value": "{post.sem.color.interactive.focus.stroke}", - "type": "color" - }, - "stroke-inverted": { - "value": "{post.sem.color.interactive.focus.stroke-inverted}", - "type": "color" + "stepper": { + "indicator": { + "$type": "sizing", + "$value": "{post.core.dimension.32}" } - } - }, - "spacing": { - "gap": { - "block": { + }, + "button": { + "height": { "1": { - "value": "{post.sem.spacing.interactive.gap.block.1}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.32}" }, "2": { - "value": "{post.sem.spacing.interactive.gap.block.2}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.40}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" } }, - "inline": { + "appstore": { + "width": { + "google": { + "$type": "sizing", + "$value": "135" + }, + "apple": { + "$type": "sizing", + "$value": "119.66" + } + } + }, + "icon": { "1": { - "value": "{post.sem.spacing.interactive.gap.inline.1}", - "type": "spacing" + "$type": "sizing", + "$value": "{post.core.dimension.16}" }, - "switch": { - "value": "{post.sem.spacing.interactive.gap.inline.3}", - "type": "spacing" + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.12}" } } }, - "padding": { - "block": { - "icon-inner": { - "value": "{post.sem.spacing.interactive.padding.1}", - "type": "spacing" - } - }, - "inline": { - "icon-inner": { - "value": "{post.sem.spacing.interactive.padding.1}", - "type": "spacing" - } + "footer": { + "socialmedia": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" } } }, - "textfields": { - "spacing": { - "padding": { - "inline": { - "text-start": { - "value": "{post.sem.spacing.interactive.padding.inline.1}", - "type": "spacing" - }, - "text-end": { - "value": "{post.sem.spacing.interactive.padding.3}", - "type": "spacing" - }, - "text-assist": { - "value": "{post.sem.spacing.interactive.padding.2}", - "type": "spacing" - } - }, - "block": { - "text1": { - "value": "{post.sem.spacing.interactive.padding.block.1}", - "type": "spacing" - }, - "text2": { - "value": "{post.sem.spacing.interactive.padding.block.3}", - "type": "spacing" - }, - "text3": { - "value": "{post.sem.spacing.interactive.padding.block.4}", - "type": "spacing" - }, - "text-assist": { - "value": "{post.sem.spacing.interactive.padding.block.5}", - "type": "spacing" - }, - "text4": { - "value": "{post.sem.spacing.interactive.padding.3}", - "type": "spacing" - }, - "textarea-top": { - "value": "{post.sem.spacing.interactive.padding.block.9}", - "type": "spacing" - } - } + "notification": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + }, + "icon": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.28}" }, - "gap": { - "inline": { - "1": { - "value": "{post.sem.spacing.interactive.gap.inline.2}", - "type": "spacing" - }, - "2": { - "value": "{post.sem.spacing.interactive.gap.inline.4}", - "type": "spacing" - } - } + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.40}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.32}" } } }, - "sizing": { - "icon": { - "width-inner": { - "value": "{post.sem.sizing.interactive.icon.width}", - "type": "sizing" - }, - "height-inner": { - "value": "{post.sem.sizing.interactive.icon.height}", - "type": "sizing" + "icon": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.12}" + } + } + }, + "font-weight": { + "medium": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.500}" + }, + "bold": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.700}" + }, + "regular": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.400}" + }, + "black": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.900}" + } + }, + "line-height": { + "header": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "content": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + }, + "legend": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "label": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + }, + "link": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + } + } + } + } + }, + "Channel/EDK": { + "post": { + "sem": { + "sizing": { + "interactive": { + "height": { + "filler": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + } + } + } + } + } + } + }, + "Channel/IDK": { + "post": { + "sem": { + "sizing": { + "interactive": { + "height": { + "filler": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + } + } + } + } + } + } + }, + "Theme/Post": { + "post": { + "sem": { + "sizing": { + "interactive": { + "height": { + "filler": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" } } + } + } + } + } + }, + "Elements/Body": { + "post": { + "body": { + "font-family": { + "$type": "fontFamilies", + "$value": "tbd.FIGMA.paragraph.medium.font-family" + }, + "font-size": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.paragraph.medium.font-size" + }, + "font-weight": { + "$type": "fontWeights", + "$value": "tbd.FIGMA.paragraph.medium.font-weight" + }, + "line-height": { + "$type": "lineHeights", + "$value": "tbd.FIGMA.paragraph.medium.line-height" + }, + "letter-spacing": { + "$type": "letterSpacing", + "$value": "tbd.FIGMA.paragraph.medium.letter-spacing" + }, + "color": { + "$type": "color", + "$value": "tbd.FIGMA.paragraph.medium.color" + } + } + } + }, + "Elements/Heading": { + "post": { + "h1": { + "font-size": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.heading.h1.font-size" + }, + "margin-block-start": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.40-40-24" + }, + "margin-block-end": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.24-24-16" + } + }, + "h2": { + "font-size": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.heading.h2.font-size" + }, + "margin-block-start": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.40-40-24" + }, + "margin-block-end": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.24-24-16" + } + }, + "h3": { + "font-size": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.heading.h3.font-size" + }, + "margin-block-start": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.40-40-24" + }, + "margin-block-end": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.16-16-8" + } + }, + "h4": { + "font-size": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.heading.h4.font-size" + }, + "margin-block-start": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.40-40-24" + }, + "margin-block-end": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.16-16-8" + } + }, + "h5": { + "font-size": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.heading.h5.font-size" + }, + "margin-block-start": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.40-40-24" + }, + "margin-block-end": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.16-16-8" + } + }, + "h6": { + "font-size": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.heading.h6.font-size" + }, + "margin-block-start": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.40-40-24" + }, + "margin-block-end": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.16-16-8" + } + }, + "heading": { + "line-height": { + "$type": "lineHeights", + "$value": "tbd.FIGMA.heading.line-height" + }, + "font-weight": { + "$type": "fontWeights", + "$value": "tbd.FIGMA.heading.font-weight" + } + } + } + }, + "Elements/Paragraph": { + "post": { + "paragraph": { + "margin-block-start": { + "$type": "spacing", + "$value": "tbd.FIGMA.size.16-16-8" + } + } + } + }, + "Elements/Legend": { + "post": { + "legend": { + "font-weight": { + "$type": "fontWeights", + "$value": "tbd.FIGMA.legend.small.font-weight" + }, + "line-height": { + "$type": "lineHeights", + "$value": "tbd.FIGMA.legend.small.line-height" + }, + "large": { + "font-size": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.legend.large.font-size" + }, + "margin-block-start": { + "$type": "spacing", + "$value": "tbd.FIGMA.legend.large.margin-top (40 40 24)" + }, + "padding-block-end": { + "$type": "spacing", + "$value": "tbd.FIGMA.legend.large.padding-bottom (16 8 8)" + }, + "margin-block-end": { + "$type": "spacing", + "$value": "tbd.FIGMA.legend.large.margin-bottom (24 16 8)" + }, + "border-bottom": { + "$type": "border", + "$value": { + "color": "tdb.FIGMA.legend.large.border-color", + "width": "tdb.FIGMA.legend.large.border-width", + "style": "tdb.FIGMA.legend.large.border-style" + } + } + } + } + } + }, + "Components/Badge": { + "post": { + "badge": { + "color": { + "bg": { + "$type": "color", + "$value": "{post.sem.color.notification.badge.bg}" }, - "clickable": { - "spacing": { - "padding": { - "inline": { - "text-start": { - "value": "{post.sem.spacing.interactive.padding.inline.2}", - "type": "spacing" - } - }, - "block": { - "text": { - "value": "{post.sem.spacing.interactive.padding.block.6}", - "type": "spacing" - } - } + "fg": { + "$type": "color", + "$value": "{post.sem.color.notification.badge.fg}" + }, + "stroke": { + "$type": "color", + "$value": "{post.sem.color.notification.badge.stroke}" + } + }, + "sizing": { + "height": { + "l": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.1}" + }, + "m": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.2}" + }, + "s": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.3}" + } + } + }, + "spacing": { + "padding": { + "inline": { + "l": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.7}" + }, + "m": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.8}" } } + } + } + } + } + }, + "Components/Breadcrumb": { + "post": { + "breadcrumb": { + "color": { + "primary": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + } }, - "switch": { - "spacing": { - "padding": { - "block": { - "text": { - "value": "{post.sem.spacing.interactive.padding.block.7}", - "type": "spacing" - }, - "group-bottom": { - "value": "{post.sem.spacing.interactive.padding.block.8}", - "type": "spacing" - } - } + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "padding": { + "block": { + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.7}" + }, + "icon": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.4}" + } + }, + "inline": { + "icon": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.4}" } } }, - "button": { - "primary": { - "color": { - "fg-enabled": { - "value": "{post.sem.color.interactive.button.primary.enabled.fg}", - "type": "color" - }, - "bg-enabled": { - "value": "{post.sem.color.interactive.button.primary.enabled.bg}", - "type": "color" - }, - "stroke-enabled": { - "value": "{post.sem.color.interactive.button.primary.enabled.stroke}", - "type": "color" - }, - "fg-hover": { - "value": "{post.sem.color.interactive.button.primary.hover.fg}", - "type": "color" - }, - "bg-hover": { - "value": "{post.sem.color.interactive.button.primary.hover.bg}", - "type": "color" - }, - "stroke-hover": { - "value": "{post.sem.color.interactive.button.primary.hover.stroke}", - "type": "color" - }, - "fg-disabled": { - "value": "{post.sem.color.interactive.button.primary.disabled.fg}", - "type": "color" - }, - "bg-disabled": { - "value": "{post.sem.color.interactive.button.primary.disabled.bg}", - "type": "color" - }, - "stroke-disabled": { - "value": "{post.sem.color.interactive.button.primary.disabled.stroke}", - "type": "color" - } + "gap": { + "inline": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.4}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.5}" } + } + } + } + } + } + }, + "Components/Button": { + "post": { + "button": { + "color": { + "primary": { + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + }, + "helptext-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg2}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + } + }, + "signal": { + "error": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" }, - "secondary": { - "color": { - "fg-enabled": { - "value": "{post.sem.color.interactive.button.secondary.enabled.fg}", - "type": "color" - }, - "bg-enabled": { - "value": "{post.sem.color.interactive.button.secondary.enabled.bg}", - "type": "color" - }, - "stroke-enabled": { - "value": "{post.sem.color.interactive.button.secondary.enabled.stroke}", - "type": "color" - }, - "fg-hover": { - "value": "{post.sem.color.interactive.button.secondary.hover.fg}", - "type": "color" - }, - "bg-hover": { - "value": "{post.sem.color.interactive.button.secondary.hover.bg}", - "type": "color" - }, - "stroke-hover": { - "value": "{post.sem.color.interactive.button.secondary.hover.stroke}", - "type": "color" - }, - "fg-disabled": { - "value": "{post.sem.color.interactive.button.secondary.disabled.fg}", - "type": "color" - }, - "bg-disabled": { - "value": "{post.sem.color.interactive.button.secondary.disabled.bg}", - "type": "color" - }, - "stroke-disabled": { - "value": "{post.sem.color.interactive.button.secondary.disabled.stroke}", - "type": "color" - } + "success": { + "$type": "color", + "$value": "{post.sem.color.signal.success-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke-inverted}" + } + } + }, + "spacing": { + "gap": { + "block": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.4}" + }, + "2": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.block.2}" } + }, + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.1}" + }, + "switch": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.3}" + } + } + }, + "padding": { + "block": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + } + }, + "inline": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + } + } + } + }, + "sizing": { + "icon": { + "width-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.width}" + }, + "height-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.height}" + } + } + }, + "button": { + "primary": { + "color": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.fg}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.stroke}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.disabled.fg}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.disabled.bg}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.disabled.stroke}" + } + }, + "color-inverted": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.fg-inverted}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.bg-inverted}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.stroke-inverted}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.fg-inverted}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.bg-inverted}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.stroke-inverted}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.disabled.fg-inverted}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.disabled.bg-inverted}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.disabled.stroke-inverted}" + } + } + }, + "secondary": { + "color": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.fg}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.stroke}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.disabled.fg}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.disabled.bg}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.disabled.stroke}" + } + }, + "color-inverted": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.fg-inverted}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.bg-inverted}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.stroke-inverted}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.fg-inverted}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.bg-inverted}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.stroke-inverted}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.disabled.fg-inverted}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.disabled.bg-inverted}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.disabled.stroke-inverted}" + } + } + }, + "tertiary": { + "color": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.enabled.fg}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.hover.stroke}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.disabled.fg}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.disabled.bg}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.disabled.stroke}" + } + }, + "color-inverted": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.enabled.fg-inverted}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.enabled.bg-inverted}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.enabled.stroke-inverted}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.hover.fg-inverted}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.hover.bg-inverted}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.hover.stroke-inverted}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.disabled.fg-inverted}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.disabled.bg-inverted}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.tertiary.disabled.stroke-inverted}" + } + } + }, + "segmented": { + "color": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.enabled.fg}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.hover.stroke}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.selected.fg}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.selected.bg}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.segmented.selected.stroke}" + } + } + } + }, + "segmented": { + "sizing": { + "height": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.height.1}" + } + }, + "spacing": { + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.11}" + } + } + } + }, + "small": { + "sizing": { + "height": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.height.1}" + } + }, + "spacing": { + "gap": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.9}" + }, + "padding": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.14}" + } + } + }, + "large": { + "sizing": { + "height": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.height.2}" + } + }, + "spacing": { + "gap": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.8}" + }, + "padding": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.13}" + } + } + }, + "appstore": { + "sizing": { + "height": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.height.2}" + }, + "width-google": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.appstore.width.google}" + }, + "width-apple": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.appstore.width.apple}" + } + } + }, + "socialmedia": { + "sizing": { + "large": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.height.1}" + }, + "small": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.height.3}" + }, + "icon-large": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.icon.1}" + }, + "icon-small": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.icon.2}" + } + } + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.round}" + } + } + } + } + }, + "Components/Checkbox": { + "post": { + "checkbox": { + "color": { + "primary": { + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + } + }, + "signal": { + "error": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "gap": { + "block": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.4}" + } + }, + "inline": { + "error": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.10}" + } + } + }, + "padding": { + "block": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + }, + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.6}" + }, + "group-bottom": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.8}" + }, + "text-error": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + } + }, + "inline": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + }, + "text-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.inline.2}" + } + } + } + }, + "sizing": { + "icon": { + "width-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.width}" + }, + "height-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.height}" + } + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.core.dimension.2}" + } + } + } + }, + "Components/Notifications": { + "post": { + "infobox": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.4}" + } + }, + "spacing": { + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.4}" + } + } + } + }, + "clickable": { + "spacing": { + "padding": { + "icon": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.2}" + } + } + } + }, + "interactive": { + "spacing": { + "gap": { + "inline": { + "icon-end": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.4}" + }, + "error": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.10}" + } + } + } + } + }, + "notification": { + "banner": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.500}" + } + }, + "toast": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.300}" + } + }, + "snackbar": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.300}" + } + }, + "color": { + "info-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.bg}" + }, + "info-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.fg}" + }, + "info-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.stroke}" + }, + "info-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.icon}" + }, + "success-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.bg}" + }, + "success-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.fg}" + }, + "success-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.stroke}" + }, + "success-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.icon}" + }, + "warning-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.bg}" + }, + "warning-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.fg}" + }, + "warning-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.stroke}" + }, + "warning-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.icon}" + }, + "error-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.bg}" + }, + "error-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.fg}" + }, + "error-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.stroke}" + }, + "error-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.icon}" + } + }, + "popup": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.300}" + } + } + }, + "test": { + "$type": "other", + "$value": "{post.core.color.notification.green}", + "$description": "'[{post.core.color.notification.green}, {post.core.color.notification.blue}, {post.core.color.notification.orange}, {post.core.color.notification.red}]'" + } + } + }, + "Components/Popover": { + "post": { + "popover": { + "color": { + "focus": { + "stroke-inverted": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke-inverted}" + }, + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + }, + "surface-bg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent4.bg}" + }, + "text": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent4.fg}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent4.fg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.notification.popover.hover}" + } + }, + "icon": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent1.fg}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent1.fg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + } + }, + "close-button": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent4.fg}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent4.fg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent4.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg2}" + } + } + }, + "border-radius": { + "surface": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.1}" + } + }, + "spacing": { + "padding": { + "block": { + "link": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.9}" + }, + "surface": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.5}" + } + }, + "inline": { + "surface-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.5}" + }, + "surface-end": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.6}" + } + } + }, + "gap": { + "inline": { + "surface": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.4}" + } + } + } + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.300}" + }, + "sizing": { + "close-button": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.1}" + } + } + } + } + }, + "Components/Radio button": { + "post": { + "radio-button": { + "color": { + "primary": { + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + } + }, + "signal": { + "error": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "gap": { + "block": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.4}" + } + }, + "inline": { + "error": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.10}" + } + } + }, + "padding": { + "block": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + }, + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.6}" + }, + "group-button": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.8}" + }, + "error": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + } + }, + "inline": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + }, + "text-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.inline.2}" + } + } + } + }, + "sizing": { + "icon": { + "width-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.width}" + }, + "height-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.height}" + } + } + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.round}" + } + } + } + } + }, + "Components/Select": { + "post": { + "select": { + "color": { + "primary": { + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + } + }, + "signal": { + "error": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" + }, + "success": { + "$type": "color", + "$value": "{post.sem.color.signal.success-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "gap": { + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.4}" + } + } + }, + "padding": { + "block": { + "text1": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.1}" + }, + "text2": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.3}" + }, + "text3": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.4}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.5}" + }, + "text5": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.2}" + } + }, + "inline": { + "text-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.inline.1}" + }, + "text-end": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.3}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.2}" + } + }, + "dropdown-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.15}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.textfields.icon}" + } + }, + "border-radius": { + "surface": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.1}" + } + } + } + } + }, + "Components/Social media button": { + "post": { + "social-media-button": { + "color": { + "button": { + "footer": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.fg}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.stroke}" + } + }, + "content": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.fg}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.secondary.hover.stroke}" + } + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "sizing": { + "content": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.height.2}" + }, + "footer": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.height.3}" + }, + "icon-content": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.icon.1}" + }, + "icon-footer": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.button.icon.2}" + } + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.round}" + } + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.100}" + } + } + } + }, + "Components/Stepper": { + "post": { + "stepper": { + "color": { + "primary": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg2}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg3}" + }, + "completed-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg2}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg2}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg3}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg4}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg3}" + }, + "connector": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke3}" + }, + "completed-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke3}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke3}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke3}" + } + }, + "spacing": { + "gap": { + "text-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.1}" + } + }, + "padding": { + "connector": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.9}" + } + } + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.round}" + } + }, + "sizing": { + "indicator": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.stepper.indicator}" + } + } + } + } + }, + "Components/Switch": { + "post": { + "switch": { + "color": { + "primary": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + } + }, + "signal": { + "success": { + "$type": "color", + "$value": "{post.sem.color.signal.success-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg3}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg2}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg3}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg2}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg3}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg2}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg3}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg3}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke2}" + } + }, + "spacing": { + "gap": { + "inline": { + "switch": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.3}" + } + } + }, + "padding": { + "block": { + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.7}" + } + }, + "inline": { + "handle": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + } + } + } + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.round}" + } + }, + "sizing": { + "width": { + "element": { + "$type": "sizing", + "$value": "{post.core.dimension.48}" + } + }, + "height": { + "element": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + } + }, + "handle": { + "$type": "sizing", + "$value": "{post.core.dimension.18}" + } + } + } + } + }, + "Components/Text area": { + "post": { + "textarea": { + "color": { + "primary": { + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + } + }, + "signal": { + "error": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" + }, + "success": { + "$type": "color", + "$value": "{post.sem.color.signal.success-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "gap": { + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.1}" + } + } + }, + "padding": { + "block": { + "text-assist": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.5}" + }, + "text4": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.3}" + }, + "textarea-top": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.8}" + } + }, + "inline": { + "text-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.inline.1}" + }, + "text-end": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.3}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.2}" + } + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.textfields.icon}" + } + }, + "border-radius": { + "surface": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.1}" + } + } + } + } + }, + "Components/Text highlighted": { + "post": { + "text-highlighted": { + "color": { + "bg": { + "$type": "color", + "$value": "{post.sem.color.signal.information-light}" + }, + "fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + } + }, + "spacing": { + "padding": { + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.5}" + } + } + }, + "sizing": { + "height": { + "space-bottom": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + } + } + } + } + } + }, + "Components/Text input": { + "post": { + "input": { + "color": { + "primary": { + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + }, + "helptext-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg2}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + } + }, + "signal": { + "error": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" + }, + "success": { + "$type": "color", + "$value": "{post.sem.color.signal.success-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "gap": { + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.4}" + } + } + }, + "padding": { + "block": { + "text1": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.1}" + }, + "text2": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.3}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.5}" + }, + "text5": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.2}" + } + }, + "inline": { + "text-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.inline.1}" + }, + "text-end": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.3}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.2}" + } + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.textfields.icon}" + } + }, + "border-radius": { + "surface": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.1}" + } + } + } + } + }, + "Components/List": { + "post": { + "list": { + "checks": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.icon.1}" + } + }, + "color": { + "icon-bg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent4.bg}" + }, + "icon-fg": { + "$type": "color", + "$value": "{post.sem.color.surface.accent4.fg}" + }, + "text-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + } + }, + "spacing": { + "padding": { + "icon": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.16}" + }, + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.6}" + }, + "block": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.5}" + } + } + }, + "gap": { + "inline": { + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.2}" + } + }, + "block": { + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.block.3}" + } + } + } + } + }, + "bullets": { + "spacing": { + "padding": { + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.6}" + } + }, + "gap": { + "inline": { + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.10}" + } + } + } + } + } + } + } + }, + "Components/Banner": { + "post": { + "banner": { + "spacing": { + "padding": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.10}" + }, + "action": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.10}" + } + }, + "gap": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.6}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.block.1}" + }, + "action": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.1}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.2}" + } + }, + "color": { + "info-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.bg}" + }, + "info-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.fg}" + }, + "info-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.stroke}" + }, + "info-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.icon}" + }, + "success-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.bg}" + }, + "success-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.fg}" + }, + "success-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.stroke}" + }, + "success-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.icon}" + }, + "warning-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.bg}" + }, + "warning-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.fg}" + }, + "warning-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.stroke}" + }, + "warning-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.icon}" + }, + "error-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.bg}" + }, + "error-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.fg}" + }, + "error-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.stroke}" + }, + "error-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.icon}" + } + } + } + } + }, + "Components/Toast": { + "post": { + "toast": { + "spacing": { + "padding": { + "action": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.10}" + }, + "inline": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.11}" + }, + "block": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.3}" + } + }, + "gap": { + "action": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.1}" + }, + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.2}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.2}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.3}" + } + }, + "color": { + "info-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.bg}" + }, + "info-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.fg}" + }, + "info-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.stroke}" + }, + "info-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.icon}" + }, + "success-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.bg}" + }, + "success-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.fg}" + }, + "success-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.stroke}" + }, + "success-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.icon}" + }, + "warning-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.bg}" + }, + "warning-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.fg}" + }, + "warning-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.stroke}" + }, + "warning-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.icon}" + }, + "error-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.bg}" + }, + "error-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.fg}" + }, + "error-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.stroke}" + }, + "error-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.icon}" + } + } + } + } + }, + "Components/Snackbar": { + "post": { + "snackbar": { + "spacing": { + "gap": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.3}" + } + }, + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.11}" + }, + "block": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.12}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.3}" + } + }, + "color": { + "info-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.bg}" + }, + "info-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.fg}" + }, + "info-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.stroke}" + }, + "info-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.icon}" + }, + "success-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.bg}" + }, + "success-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.fg}" + }, + "success-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.stroke}" + }, + "success-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.icon}" + }, + "warning-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.bg}" + }, + "warning-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.fg}" + }, + "warning-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.stroke}" + }, + "warning-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.icon}" + }, + "error-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.bg}" + }, + "error-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.fg}" + }, + "error-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.stroke}" + }, + "error-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.icon}" + } + } + } + } + }, + "Components/Inline notification": { + "post": { + "inline": { + "spacing": { + "gap": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.7}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.1}" + } + }, + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.12}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.2}" + } + }, + "color": { + "info-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.bg}" + }, + "info-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.fg}" + }, + "info-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.stroke}" + }, + "info-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.icon}" + }, + "success-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.bg}" + }, + "success-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.fg}" + }, + "success-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.stroke}" + }, + "success-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.icon}" + }, + "warning-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.bg}" + }, + "warning-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.fg}" + }, + "warning-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.stroke}" + }, + "warning-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.icon}" + }, + "error-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.bg}" + }, + "error-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.fg}" + }, + "error-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.stroke}" + }, + "error-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.icon}" + } + } + } + } + }, + "Components/Text link": { + "post": { + "link": { + "color": { + "primary": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + } + } + } + }, + "FigmaOnly": { + "utility": { + "typo": { + "heading": { + "h1": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.black}", + "fontSize": "{post.sem.font-size.1}", + "lineHeight": "{post.sem.line-height.header}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "h2": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.black}", + "fontSize": "{post.sem.font-size.2}", + "lineHeight": "{post.sem.line-height.header}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "h3": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.black}", + "fontSize": "{post.sem.font-size.3}", + "lineHeight": "{post.sem.line-height.header}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "h4": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.black}", + "fontSize": "{post.sem.font-size.4}", + "lineHeight": "{post.sem.line-height.header}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "h5": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.black}", + "fontSize": "{post.sem.font-size.5}", + "lineHeight": "{post.sem.line-height.header}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "h6": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.black}", + "fontSize": "{post.sem.font-size.6}", + "lineHeight": "{post.sem.line-height.header}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + } + }, + "content": { + "lead": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.bold}", + "fontSize": "{post.sem.font-size.5}", + "lineHeight": "{post.sem.line-height.content}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "paragraph-l": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.5}", + "lineHeight": "{post.sem.line-height.content}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "paragraph-m": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.6}", + "lineHeight": "{post.sem.line-height.content}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "paragraph-s": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.7}", + "lineHeight": "{post.sem.line-height.content}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + } + }, + "legend": { + "small": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.bold}", + "fontSize": "{post.sem.font-size.6}", + "lineHeight": "{post.sem.line-height.legend}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "large": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.bold}", + "fontSize": "{post.sem.font-size.3}", + "lineHeight": "{post.sem.line-height.legend}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + } + }, + "label": { + "default": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.6}", + "lineHeight": "{post.sem.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "default-bold": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.bold}", + "fontSize": "{post.sem.font-size.6}", + "lineHeight": "{post.sem.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "medium": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.8}", + "lineHeight": "{post.sem.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "medium-bold": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.bold}", + "fontSize": "{post.sem.font-size.8}", + "lineHeight": "{post.sem.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "small": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.9}", + "lineHeight": "{post.sem.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "smaller": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.10}", + "lineHeight": "{post.sem.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "extrasmall": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.11}", + "lineHeight": "{post.sem.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + } + }, + "link": { + "default-underline": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.6}", + "lineHeight": "{post.sem.line-height.link}", + "letterSpacing": "{post.core.letter-spacing.default}", + "textDecoration": "underline" + } + }, + "default": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.6}", + "lineHeight": "{post.sem.line-height.link}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "selected": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.bold}", + "fontSize": "{post.sem.font-size.6}", + "lineHeight": "{post.sem.line-height.link}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "small-underline": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.7}", + "lineHeight": "{post.sem.line-height.link}", + "letterSpacing": "{post.core.letter-spacing.default}", + "textDecoration": "underline" + } + }, + "small": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.regular}", + "fontSize": "{post.sem.font-size.7}", + "lineHeight": "{post.sem.line-height.link}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "small-selected": { + "$type": "typography", + "$value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.sem.font-weight.bold}", + "fontSize": "{post.sem.font-size.7}", + "lineHeight": "{post.sem.line-height.link}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + } + } + } + } + }, + "Utilities/Spacing": { + "post": { + "utility": { + "spacing": { + "margin": { + "0": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.0" + }, + "1": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.1" + }, + "2": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.2" + }, + "3": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.3" + }, + "4": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.4" + }, + "5": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.5" + }, + "6": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.6" + }, + "8": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.8" + }, + "10": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.10" + }, + "11": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.11" + }, + "12": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.12" + }, + "14": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.14" + }, + "15": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.15" + }, + "16": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.16" + }, + "18": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.18" + }, + "19": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.19" + }, + "20": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.20" + }, + "22": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.22" + }, + "24": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.24" + }, + "26": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.26" + }, + "28": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.28" + }, + "30": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.30" + }, + "32": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.32" + }, + "34": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.34" + }, + "36": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.36" + }, + "40": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.40" + }, + "48": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.48" + }, + "56": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.56" + }, + "64": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.64" + }, + "78": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.78" + }, + "80": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.80" + }, + "96": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.96" + }, + "100": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.100" + }, + "112": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.112" + }, + "auto": { + "$type": "spacing", + "$value": "tbd.FIGMA.auto" } }, - "breadcrumb": { - "spacing": { - "padding": { - "block": { - "text": { - "value": "{post.sem.spacing.interactive.padding.block.7}", - "type": "spacing" - } - } - }, - "gap": { - "inline": { - "outer": { - "value": "{post.sem.spacing.interactive.gap.inline.4}", - "type": "spacing" - }, - "inner": { - "value": "{post.sem.spacing.interactive.gap.inline.5}", - "type": "spacing" - } - } - } + "padding": { + "0": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.0" + }, + "1": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.1" + }, + "2": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.2" + }, + "3": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.3" + }, + "4": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.4" + }, + "5": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.5" + }, + "6": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.6" + }, + "8": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.8" + }, + "10": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.10" + }, + "11": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.11" + }, + "12": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.12" + }, + "14": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.14" + }, + "15": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.15" + }, + "16": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.16" + }, + "18": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.18" + }, + "19": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.19" + }, + "20": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.20" + }, + "22": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.22" + }, + "24": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.24" + }, + "26": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.26" + }, + "28": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.28" + }, + "30": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.30" + }, + "32": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.32" + }, + "34": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.34" + }, + "36": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.36" + }, + "40": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.40" + }, + "48": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.48" + }, + "56": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.56" + }, + "64": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.64" + }, + "78": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.78" + }, + "80": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.80" + }, + "96": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.96" + }, + "100": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.100" + }, + "112": { + "$type": "spacing", + "$value": "tbd.FIGMA.core.dimensions.112" } } } } } }, - "Components/Notifications": { + "Utilities/Typo": { "post": { - "comp": { - "notification": { - "color": { - "bg-badge": { - "value": "{post.sem.color.notification.badge.bg}", - "type": "color" - }, - "fg-badge": { - "value": "{post.sem.color.notification.badge.fg}", - "type": "color" - }, - "stroke-badge": { - "value": "{post.sem.color.notification.badge.stroke}", - "type": "color" + "utility": { + "typo": { + "font-size": { + "sm": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.paragraph.small.font-size" + }, + "md": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.paragraph.medium.font-size" + }, + "lg": { + "$type": "fontSizes", + "$value": "tbd.FIGMA.paragraph.large.font-size" } }, - "popover": { - "color": { - "bg": { - "value": "{post.sem.color.surface.accent4.bg}", - "type": "color" - }, - "fg": { - "value": "{post.sem.color.surface.accent4.fg}", - "type": "color" - }, - "fg-icon": { - "value": "{post.sem.color.surface.accent1.fg}", - "type": "color" - }, - "bg-icon": { - "value": "{post.sem.color.surface.accent1.bg}", - "type": "color" - } + "font-weight": { + "regular": { + "$type": "fontWeights", + "$value": "tbd.FIGMA.core.font-weight.regular" + }, + "bold": { + "$type": "fontWeights", + "$value": "tbd.FIGMA.core.font-weight.bold" + }, + "black": { + "$type": "fontWeights", + "$value": "tbd.FIGMA.core.font-weight.black" } }, - "clickable": { - "spacing": { - "padding": { - "icon": { - "value": "{post.sem.spacing.interactive.padding.2}", - "type": "spacing" - } - } + "line-height": { + "1": { + "$type": "lineHeights", + "$value": "tbd.FIGMA.core.line-height.100" + }, + "sm": { + "$type": "lineHeights", + "$value": "tbd.FIGMA.core.line-height.120" + }, + "lg": { + "$type": "lineHeights", + "$value": "tbd.FIGMA.core.line-height.150" } }, - "interactives": { - "spacing": { - "gap": { - "inline": { - "icon-end": { - "value": "{post.sem.spacing.interactive.gap.inline.4}", - "type": "spacing" - } - } - } + "letter-spacing": { + "none": { + "$type": "letterSpacing", + "$value": "tbd.FIGMA.core.letter-spacing.0" + }, + "default": { + "$type": "letterSpacing", + "$value": "tbd.FIGMA.core.letter-spacing.default" } } } @@ -3404,103 +6363,104 @@ { "id": "514830f6bf26a4884e35584d9803cb7775507bf0", "name": "Brand", - "$figmaStyleReferences": {}, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" + }, + "$figmaStyleReferences": { + "post.core.elevation.1": "S:f8b6aeeaf30e42f1bfbfa0d0280ffd2ad5de080d,", + "post.core.elevation.2": "S:bbc9f73a5a14a52a9b40edff1bfd7f1b074b29e7,", + "post.core.elevation.3": "S:a32c4816622ffc3d5da4b3d0adf535b3d922a2d6,", + "post.core.elevation.4": "S:f1b0887f36a6f34edee5bfac9e7936e903cfaa4b,", + "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, - "$figmaCollectionId": "VariableCollectionId:718:1595", - "$figmaModeId": "718:0", "$figmaVariableReferences": { - "post.core.color.brand.postyellow": "1ada4885ffc342025901ed77f04c8ef288847238", - "post.core.color.brand.black": "6ddcb4876b56bfa3067c99e1d340110a3b0d0e00", - "post.core.color.brand.white": "854447dbb507b5d3f0245e7934e4dc2d58d31d42", - "post.core.color.notification.green": "74133ba89df74b896da89dfc8ea716665676c455", - "post.core.color.notification.red": "6033282b0129a97545fdb2b4a7d849c86a3aaaa7", - "post.core.color.notification.orange": "c8806819b35876178a5630b0e85ecc62bf26efaa", - "post.core.color.notification.blue": "4b1bc769bfb9bb9e513a8ad032bcf08f6338d1ea", - "post.core.color.notification.green-light": "14699ea3d83dce7dd4a41c62a75e23e22a517ce7", - "post.core.color.notification.red-light": "dc8a3f925a29ec749bed302314c141a7483ca160", - "post.core.color.notification.orange-light": "d5f216e93abaa8bd3b7be2708846595265f69acb", - "post.core.color.notification.blue-light": "96e994c2e2920dcba3de3f9a2ba7b43bf914cb79", - "post.core.color.sandgrey.100": "3f0c5233089d823bb75769a5e022748cef8d6beb", - "post.core.color.sandgrey.000": "0f66c4e1b53dbf13095454ed0247b0e8c3d889e0", - "post.core.color.sandgrey.002": "e9a3ff986fba3d9d8d34a948ee34993b206ddf1c", - "post.core.color.sandgrey.006": "8de52bd59874bfa57a104263c7da167f70bb36e7", - "post.core.color.sandgrey.012": "90a7a6113db7f27c1cb7bc03d5d83b5164a40a9e", - "post.core.color.sandgrey.020": "79ef5a19c790fab23f47db7d133fc94b6b6f175f", - "post.core.color.sandgrey.030": "7d334ad280a3d2f5c434b2859365458ff54cc1f4", - "post.core.color.sandgrey.040": "7cf5dd00c9d9c5a8e767925edded58a2decb81ee", - "post.core.color.sandgrey.050": "9eafc811f24441047c8f9c55f8c4676a53a72b07", - "post.core.color.sandgrey.060": "8fb0e1c235aa3e443fbad5f337357edb15bd3be3", - "post.core.color.sandgrey.070": "ba7cc96f89f38c6b5b1df7e7fdec1d9374e0da1d", - "post.core.color.sandgrey.080": "e5126143ee1461e860857e8e8bf3ed0aaf8bf529", - "post.core.color.sandgrey.090": "d54490414693701dbd76c5ba3b4c17bfaf517663", - "post.core.color.sandgrey.alpha.darksand.10": "110c39fdb1a21bcfb94336ab559d092b6d48b4a9", - "post.core.color.sandgrey.alpha.darksand.20": "cad777c1914c945da2b2dcfeafccdf35d79f2e57", - "post.core.color.sandgrey.alpha.darksand.30": "edec40b98f83ed98babc02a98b31bbaefb08a746", - "post.core.color.sandgrey.alpha.darksand.40": "3821a9ef168ba9ec6ad4b0712d1d7ddd08f9c1e1", - "post.core.color.sandgrey.alpha.darksand.50": "062986ca42b1cfdffee815b39721e3cb26e4877e", - "post.core.color.sandgrey.alpha.darksand.60": "a9fea5c196d64bae8fec2a03da96cfd22eeed80d", - "post.core.color.sandgrey.alpha.darksand.70": "e3929c8fab91d7b5e0feea9038f4693e31a32a8d", - "post.core.color.sandgrey.alpha.darksand.80": "e5600aa0b74e33460618dc507e384d1250d9ef7b", - "post.core.color.sandgrey.alpha.darksand.90": "f23b92000e33ad3ba61a3cb6c22f026222de3c92", - "post.core.color.sandgrey.alpha.lightsand.10": "7083e474d736d653af76a09f1810a2863d23fbe8", - "post.core.color.sandgrey.alpha.lightsand.20": "d1d9b4ea108cb1d4a0c1618ddb997c009441bd91", - "post.core.color.sandgrey.alpha.lightsand.30": "d84e4cbc67c66524b3021662bddc877c4e0b4ee3", - "post.core.color.sandgrey.alpha.lightsand.40": "e382b3f22a9933efb1e141b30ff0b4c96ab96fbf", - "post.core.color.sandgrey.alpha.lightsand.50": "99b4f0370ff3e5d2133c5fd2c14d05832c290ca3", - "post.core.color.sandgrey.alpha.lightsand.60": "91ada1d279f1e38d5ea12016f78f5b08eb0528ab", - "post.core.color.sandgrey.alpha.lightsand.70": "4822c64e9ed611a07388b899510e4e476b4d63a6", - "post.core.color.sandgrey.alpha.lightsand.80": "3d2bec28282aa25e40831de22df52defd7af4a3e", - "post.core.color.sandgrey.alpha.lightsand.90": "a27931f39c2f5fe6bce1e53337bf973fc0160b3a", "post.core.dimension.0": "812facbf5bdccac17ef2b362a51a8f0880fa0ae8", "post.core.dimension.1": "633af9102376b2b86a280d4487c01379eac42357", "post.core.dimension.2": "12b3a5b4d32b0f2ccf010673077f46b14ffd8d7b", + "post.core.dimension.3": "d463329c2d4e497c70f18898a2ef84929ea208e1", "post.core.dimension.4": "652e6941eb5ffe7b11b4919943eaa82985cea887", + "post.core.dimension.5": "4948cef0547c7028ae2b54d67888730ae50a7a51", + "post.core.dimension.6": "2fb4138c6e29828418c6e0d8c3bb0730efb65c1a", "post.core.dimension.8": "32a49eb9f6a3706172348bdf0fd51703bdecc0e9", - "post.core.dimension.12": "18a70da736ae375c78e6364b2eb8cc56dc9003c4", - "post.core.dimension.16": "a121c9e4f54726c25d9252df9c79935389f83efd", - "post.core.dimension.24": "3e80cbdfb2c88bbe42328dfd8e8608ebe760ee2f", - "post.core.dimension.32": "5d2c1b6b60f424b98dbf82641b9be216b1e3723f", - "post.core.dimension.40": "60db40cf07a6b3e92bcf85edc80515fd7a09d8b9", - "post.core.dimension.48": "3c99f33268fc1a0907c9c95feb818692b940f0df", - "post.core.dimension.64": "45594761f6b08503e67e61fcfe9a3c12e8d09173", - "post.core.dimension.80": "1ed36d765c9681045964985247fa22284ce969b7", - "post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab", - "post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf", - "post.core.color.colorless": "28411178dcd53a19586b729f27355f6a510d4d96", "post.core.dimension.10": "0b8ab9e8f85d59a203c115bacd0e1467302b37d8", + "post.core.dimension.11": "fe1d0200f9d05d422783818e1f146391f03f3b8b", + "post.core.dimension.12": "18a70da736ae375c78e6364b2eb8cc56dc9003c4", "post.core.dimension.14": "5603311eb30f16a10d759a9a670a69e6b3488e7a", + "post.core.dimension.15": "c9b690012237e58b74ee627b94e0459b847abaeb", + "post.core.dimension.16": "a121c9e4f54726c25d9252df9c79935389f83efd", "post.core.dimension.18": "a8d771a99eb5f445437880a6f1f4176857a99e9f", + "post.core.dimension.19": "b733f96e2819d633f99f2fec757ee6943d924e62", "post.core.dimension.20": "fe5b4a93e0c7b12da9cbc7e49ebb82d9459a1bc3", "post.core.dimension.22": "037050b0792d5a035936ad8587cc651b219f02fa", + "post.core.dimension.24": "3e80cbdfb2c88bbe42328dfd8e8608ebe760ee2f", "post.core.dimension.26": "bcdb206ef2815e1e09111f81ed0baf79b4bf2cd6", "post.core.dimension.28": "1811251486c8758094d69d157c6f4865a1128c16", "post.core.dimension.30": "5b61020ce28f318441501b9f2e8d65e040e8a532", + "post.core.dimension.32": "5d2c1b6b60f424b98dbf82641b9be216b1e3723f", "post.core.dimension.34": "04e2b51cb7030588d248f62e3abf6d234992d10e", "post.core.dimension.36": "6e42dbdae5890500b12efbbf989c507a1b48d2ca", + "post.core.dimension.40": "60db40cf07a6b3e92bcf85edc80515fd7a09d8b9", + "post.core.dimension.48": "3c99f33268fc1a0907c9c95feb818692b940f0df", + "post.core.dimension.56": "be606e2dbf04b756f087cf97628f7dcc88b4a25d", + "post.core.dimension.64": "45594761f6b08503e67e61fcfe9a3c12e8d09173", "post.core.dimension.78": "d8d6b0835a349a9dd8cbe65e95943de12d3a3a00", - "post.core.dimension.5": "4948cef0547c7028ae2b54d67888730ae50a7a51", - "post.core.dimension.6": "2fb4138c6e29828418c6e0d8c3bb0730efb65c1a", - "post.core.dimension.5,5": "250400dfdb524b36a21837067491a8e2db2effd3", - "post.core.dimension.6,5": "cac00ef650fde2cbda25bded73288a312a6eb837", - "post.core.dimension.11": "fe1d0200f9d05d422783818e1f146391f03f3b8b", - "post.core.dimension.4,5": "26658e7076f9d24759c1d2e48e15322932f60d12", - "post.core.dimension.7,5": "d500a053959622657c396264f945a5c22b0b84d4", - "post.core.dimension.1,5": "7b8152921b37d457d1246510a4f1efe8f2a0f260" - } + "post.core.dimension.80": "1ed36d765c9681045964985247fa22284ce969b7", + "post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab", + "post.core.dimension.100": "a6b405b6955da9114e41712fd7f8413e018c81c9", + "post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf", + "post.core.dimension.5-5": "972288dd1addb9aae5e34073da7683bc7f0a99fd", + "post.core.dimension.6-5": "ef1aee12a8f7f938117c4de244a4f37d7dfad29f", + "post.core.dimension.4-5": "4bdff2ecd88fa32f393698921bced3153c49b909", + "post.core.dimension.7-5": "e05efd978d1d8d8b174af4019a1b3667a39d6e9f", + "post.core.dimension.1-5": "e9a806cc8b202847d48f7843c1a5536c39fb544e", + "post.core.dimension.8-5": "4806510e987f7bd5df8cf01a4ed6ddd83ee0f46f", + "post.core.font-weight.300": "4436d559d2383ae1a0ad88d57da9ce6360a7aef7", + "post.core.font-weight.400": "2e0dea0ce52e09ecf1ea56fc61739b5dfd4c1335", + "post.core.font-weight.500": "b4f03965c86694b373279706e6a7abd0f85ef831", + "post.core.font-weight.700": "a8572f4ab00764d5deee3d136c730ba552e3d649", + "post.core.font-weight.900": "5f8959c4864dcf53df2f1fe072a0e49024d4f55c", + "post.core.font-size.10": "9d28f418453b10ccb7dbfdbd4ebe9aac4ffe4e92", + "post.core.font-size.12": "5dc9c3ef87dd21399fad6126eb687336a0ff820a", + "post.core.font-size.14": "41566212e16fb102bc860a86c787daabdadec2e0", + "post.core.font-size.16": "cfe88d463c2a97605853ad688f610b6d2413aa79", + "post.core.font-size.18": "87a6c3f64bb8442a7a68b68a117e37642e05ab0a", + "post.core.font-size.20": "406933c00d98f806b314773b720b44ef18c44b21", + "post.core.font-size.22": "84d13d9117cb15e2dd4765f4dd62e4ac8e4089d0", + "post.core.font-size.24": "9adfd1cbdaf8c62ec5e1767d289abe387474e032", + "post.core.font-size.26": "817b79f15604f76f861989e5a09997c8530b5d90", + "post.core.font-size.28": "e6c1bd0761a9978e4527442cfab59ba9f764d2bd", + "post.core.font-size.30": "2c729cc88e7a14ae59780f15f7b51059b504717b", + "post.core.font-size.32": "468652535b4d230b8aacbfdad93b0ac69dd79f5e", + "post.core.font-size.34": "d4359139af1b8156d417d4da6b43dd112463db81", + "post.core.font-size.36": "d915e690bf9ee5217752fd9d94f42d744e82aa92", + "post.core.font-size.40": "79f8e733b8e993cbc3792ea4ed7a9e702b1a769c", + "post.core.font-family.frutiger": "7a8104756190e8b94f97c29243dd5d7d142a7065", + "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea" + }, + "$figmaCollectionId": "VariableCollectionId:718:1595", + "$figmaModeId": "718:0" }, { "id": "bc9cb1e27d130453fd53e4bf9b623267013cf266", "name": "Light", - "$figmaStyleReferences": {}, + "group": "Mode", "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Mode/Light": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" }, - "group": "Mode", - "$figmaCollectionId": "VariableCollectionId:718:1666", - "$figmaModeId": "718:1", + "$figmaStyleReferences": {}, "$figmaVariableReferences": { "post.sem.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", "post.sem.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", @@ -3510,63 +6470,169 @@ "post.sem.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", "post.sem.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", "post.sem.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", + "post.sem.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", + "post.sem.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", + "post.sem.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", + "post.sem.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", + "post.sem.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", + "post.sem.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", + "post.sem.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", + "post.sem.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", + "post.sem.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", + "post.sem.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", + "post.sem.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", + "post.sem.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", + "post.sem.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", + "post.sem.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", + "post.sem.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", + "post.sem.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", + "post.sem.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", + "post.sem.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", + "post.sem.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", + "post.sem.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", + "post.sem.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", + "post.sem.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", + "post.sem.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", + "post.sem.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", + "post.sem.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", + "post.sem.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", + "post.sem.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", + "post.sem.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", + "post.sem.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", + "post.sem.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", + "post.sem.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", + "post.sem.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", + "post.sem.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", + "post.sem.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", + "post.sem.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", + "post.sem.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", + "post.sem.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", + "post.sem.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", + "post.sem.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", + "post.sem.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", + "post.sem.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", + "post.sem.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", + "post.sem.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", + "post.sem.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", + "post.sem.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", + "post.sem.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", + "post.sem.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", + "post.sem.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", + "post.sem.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", + "post.sem.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", + "post.sem.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", + "post.sem.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", + "post.sem.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", + "post.sem.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", + "post.sem.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", + "post.sem.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", + "post.sem.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", + "post.sem.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", + "post.sem.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", + "post.sem.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", + "post.sem.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", + "post.sem.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", + "post.sem.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", "post.sem.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", - "post.sem.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", - "post.sem.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", - "post.sem.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", - "post.sem.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", - "post.sem.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", - "post.sem.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", - "post.sem.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", - "post.sem.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", - "post.sem.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", - "post.sem.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", - "post.sem.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", - "post.sem.color.interactive.button.secondary.unselected.enabled.fg": "39d9c292744df14efcdccf8cd676c3914611ff23", - "post.sem.color.interactive.button.secondary.unselected.enabled.bg": "9593b82ed80a83710ca64cf9dc4334416c6793d7", - "post.sem.color.interactive.button.secondary.unselected.enabled.stroke": "b0fe67b634e8a6f93355004ecc6389ee786e89ef", - "post.sem.color.interactive.button.secondary.unselected.hover.fg": "8db26bef5de2cf1e234cc3b97f69f440d686eba5", - "post.sem.color.interactive.button.secondary.unselected.hover.bg": "bc5ce803ed160fdabf8b4d2ba19b061e7ad58ece", - "post.sem.color.interactive.button.secondary.unselected.hover.stroke": "9af133a3293429405a8fafa93d6d966e946b7b9c", - "post.sem.color.interactive.button.secondary.unselected.disabled.fg": "1eb5cc7caf7bc6733fb583a953d7a03928f2ec7a", - "post.sem.color.interactive.button.secondary.unselected.disabled.bg": "6368eeee292807d9e0626e1eb4b60100450a14b5", - "post.sem.color.interactive.button.secondary.unselected.disabled.stroke": "e239f9646dc8b1bf5e7c3b886fab7d561b54d328", + "post.sem.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", "post.sem.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", "post.sem.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", - "post.sem.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", "post.sem.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", + "post.sem.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", "post.sem.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", "post.sem.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", "post.sem.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", - "post.sem.color.interactive.primary.enabled.bg": "a584b17b8f7242193ff9ac51339a43e2413799a2", + "post.sem.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", "post.sem.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", "post.sem.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", + "post.sem.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", + "post.sem.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", + "post.sem.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", + "post.sem.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", "post.sem.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", "post.sem.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", "post.sem.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", - "post.sem.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", "post.sem.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", + "post.sem.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", + "post.sem.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", + "post.sem.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", "post.sem.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", "post.sem.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", "post.sem.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", "post.sem.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", - "post.sem.color.interactive.primary.selected.bg": "cf75460d83b62af415ac79e087f41a04e8d01cbd", + "post.sem.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", + "post.sem.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", + "post.sem.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", + "post.sem.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", + "post.sem.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", + "post.sem.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", + "post.sem.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", "post.sem.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", "post.sem.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", - "post.sem.color.interactive.primary.selected.stroke": "550b96f317e985b79917fd707c1f6d236784f93b", - "post.sem.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", - "post.sem.color.interactive.primary.enabled.fg-handle": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", - "post.sem.color.interactive.primary.enabled.bg-handle": "150fee6272f684bfe2932f0fc85f5b988a749191", - "post.sem.color.interactive.primary.hover.fg-handle": "3576b26a23c5becddff25ded83edf7709069c262", - "post.sem.color.interactive.primary.hover.bg-handle": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", - "post.sem.color.interactive.primary.disabled.fg-handle": "4275db2a6373672622a84d83f7c05115fef5f074", - "post.sem.color.interactive.primary.disabled.bg-handle": "061a3f68548e0983b90e8c5602848734e2b220e4", - "post.sem.color.interactive.primary.disabled.stroke-handle": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", - "post.sem.color.interactive.primary.selected.fg-handle": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", - "post.sem.color.interactive.primary.selected.bg-handle": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.sem.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", + "post.sem.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", + "post.sem.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.sem.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", + "post.sem.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", + "post.sem.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", + "post.sem.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", + "post.sem.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", + "post.sem.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", + "post.sem.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", + "post.sem.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", + "post.sem.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", + "post.sem.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", + "post.sem.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", + "post.sem.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", + "post.sem.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", + "post.sem.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", + "post.sem.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", + "post.sem.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", + "post.sem.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", + "post.sem.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", + "post.sem.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.sem.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.sem.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.sem.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.sem.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.sem.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.sem.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.sem.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.sem.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.sem.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.sem.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", "post.sem.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", "post.sem.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", "post.sem.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", + "post.sem.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" + }, + "$figmaCollectionId": "VariableCollectionId:718:1666", + "$figmaModeId": "718:1" + }, + { + "id": "de8b6fdd351986fc6472734f26f2214728ddd2fa", + "name": "Dark", + "selectedTokenSets": { + "core": "source", + "Mode/Dark": "enabled", + "Mode/Light": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" + }, + "$figmaStyleReferences": {}, + "$figmaVariableReferences": { + "post.sem.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", + "post.sem.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", + "post.sem.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", + "post.sem.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", + "post.sem.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", + "post.sem.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", + "post.sem.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", + "post.sem.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", "post.sem.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", "post.sem.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", "post.sem.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", @@ -3576,6 +6642,15 @@ "post.sem.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", "post.sem.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", "post.sem.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", + "post.sem.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", + "post.sem.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", + "post.sem.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", + "post.sem.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", + "post.sem.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", + "post.sem.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", + "post.sem.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", + "post.sem.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", + "post.sem.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", "post.sem.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", "post.sem.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", "post.sem.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", @@ -3584,122 +6659,493 @@ "post.sem.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", "post.sem.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", "post.sem.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", - "post.sem.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e" - } - }, - { - "id": "de8b6fdd351986fc6472734f26f2214728ddd2fa", - "name": "Dark", - "$figmaStyleReferences": {}, - "selectedTokenSets": { - "core": "source", - "Mode/Dark": "enabled" + "post.sem.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", + "post.sem.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", + "post.sem.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", + "post.sem.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", + "post.sem.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", + "post.sem.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", + "post.sem.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", + "post.sem.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", + "post.sem.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", + "post.sem.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", + "post.sem.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", + "post.sem.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", + "post.sem.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", + "post.sem.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", + "post.sem.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", + "post.sem.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", + "post.sem.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", + "post.sem.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", + "post.sem.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", + "post.sem.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", + "post.sem.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", + "post.sem.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", + "post.sem.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", + "post.sem.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", + "post.sem.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", + "post.sem.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", + "post.sem.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", + "post.sem.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", + "post.sem.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", + "post.sem.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", + "post.sem.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", + "post.sem.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", + "post.sem.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", + "post.sem.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", + "post.sem.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", + "post.sem.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.sem.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.sem.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.sem.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.sem.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.sem.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.sem.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.sem.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.sem.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.sem.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.sem.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.sem.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", + "post.sem.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", + "post.sem.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", + "post.sem.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", + "post.sem.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", + "post.sem.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", + "post.sem.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", + "post.sem.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", + "post.sem.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", + "post.sem.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", + "post.sem.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", + "post.sem.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", + "post.sem.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", + "post.sem.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", + "post.sem.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", + "post.sem.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", + "post.sem.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", + "post.sem.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", + "post.sem.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", + "post.sem.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", + "post.sem.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", + "post.sem.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", + "post.sem.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", + "post.sem.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", + "post.sem.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", + "post.sem.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", + "post.sem.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", + "post.sem.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", + "post.sem.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", + "post.sem.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", + "post.sem.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", + "post.sem.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", + "post.sem.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", + "post.sem.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", + "post.sem.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", + "post.sem.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", + "post.sem.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", + "post.sem.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", + "post.sem.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", + "post.sem.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", + "post.sem.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", + "post.sem.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", + "post.sem.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", + "post.sem.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", + "post.sem.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", + "post.sem.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", + "post.sem.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", + "post.sem.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", + "post.sem.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", + "post.sem.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", + "post.sem.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", + "post.sem.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", + "post.sem.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", + "post.sem.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", + "post.sem.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", + "post.sem.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", + "post.sem.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", + "post.sem.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", + "post.sem.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", + "post.sem.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", + "post.sem.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", + "post.sem.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", + "post.sem.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" }, - "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", "$figmaModeId": "718:2", - "$figmaVariableReferences": {} + "group": "Mode" }, { "id": "d362fcc79265872632ad56f353cbd9c3d6cd751c", "name": "Desktop", - "$figmaStyleReferences": {}, + "group": "Device", "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" }, - "group": "Device", - "$figmaCollectionId": "VariableCollectionId:718:1733", - "$figmaModeId": "718:3", + "$figmaStyleReferences": {}, "$figmaVariableReferences": { - "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", - "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", - "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.sem.spacing.interactive.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.sem.spacing.interactive.gap.inline.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", - "post.sem.spacing.interactive.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.sem.spacing.interactive.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.sem.spacing.interactive.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.sem.spacing.interactive.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.sem.spacing.interactive.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.sem.spacing.interactive.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.sem.spacing.interactive.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.sem.spacing.interactive.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" - } + "post.sem.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", + "post.sem.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", + "post.sem.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", + "post.sem.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", + "post.sem.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", + "post.sem.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", + "post.sem.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", + "post.sem.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", + "post.sem.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", + "post.sem.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", + "post.sem.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", + "post.sem.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", + "post.sem.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", + "post.sem.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", + "post.sem.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", + "post.sem.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", + "post.sem.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", + "post.sem.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", + "post.sem.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", + "post.sem.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", + "post.sem.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", + "post.sem.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", + "post.sem.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", + "post.sem.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", + "post.sem.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", + "post.sem.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", + "post.sem.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", + "post.sem.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.sem.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", + "post.sem.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", + "post.sem.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", + "post.sem.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", + "post.sem.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", + "post.sem.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", + "post.sem.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", + "post.sem.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", + "post.sem.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", + "post.sem.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", + "post.sem.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", + "post.sem.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", + "post.sem.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", + "post.sem.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", + "post.sem.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", + "post.sem.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", + "post.sem.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", + "post.sem.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", + "post.sem.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", + "post.sem.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", + "post.sem.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", + "post.sem.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", + "post.sem.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.sem.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", + "post.sem.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", + "post.sem.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", + "post.sem.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", + "post.sem.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", + "post.sem.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", + "post.sem.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", + "post.sem.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", + "post.sem.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.sem.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", + "post.sem.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", + "post.sem.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", + "post.sem.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", + "post.sem.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", + "post.sem.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", + "post.sem.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", + "post.sem.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", + "post.sem.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", + "post.sem.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", + "post.sem.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", + "post.sem.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", + "post.sem.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", + "post.sem.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", + "post.sem.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", + "post.sem.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", + "post.sem.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", + "post.sem.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", + "post.sem.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", + "post.sem.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.sem.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", + "post.sem.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", + "post.sem.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", + "post.sem.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", + "post.sem.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf" + }, + "$figmaCollectionId": "VariableCollectionId:718:1733", + "$figmaModeId": "718:3" }, { "id": "83b9469fbc9929f5fb4d2c9189c6cb94f88abe59", "name": "Tablet", - "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Device/Desktop": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" + }, + "$figmaStyleReferences": {}, + "$figmaVariableReferences": { + "post.sem.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", + "post.sem.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", + "post.sem.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", + "post.sem.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", + "post.sem.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", + "post.sem.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", + "post.sem.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", + "post.sem.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", + "post.sem.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", + "post.sem.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", + "post.sem.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", + "post.sem.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", + "post.sem.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", + "post.sem.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", + "post.sem.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", + "post.sem.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", + "post.sem.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", + "post.sem.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", + "post.sem.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", + "post.sem.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", + "post.sem.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", + "post.sem.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", + "post.sem.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", + "post.sem.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", + "post.sem.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", + "post.sem.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", + "post.sem.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", + "post.sem.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", + "post.sem.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", + "post.sem.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", + "post.sem.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", + "post.sem.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", + "post.sem.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", + "post.sem.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", + "post.sem.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", + "post.sem.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", + "post.sem.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.sem.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", + "post.sem.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", + "post.sem.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", + "post.sem.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", + "post.sem.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", + "post.sem.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", + "post.sem.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", + "post.sem.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.sem.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", + "post.sem.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", + "post.sem.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", + "post.sem.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", + "post.sem.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", + "post.sem.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", + "post.sem.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", + "post.sem.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", + "post.sem.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", + "post.sem.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", + "post.sem.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", + "post.sem.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", + "post.sem.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", + "post.sem.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", + "post.sem.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", + "post.sem.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", + "post.sem.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", + "post.sem.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", + "post.sem.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", + "post.sem.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", + "post.sem.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", + "post.sem.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.sem.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", + "post.sem.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", + "post.sem.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", + "post.sem.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.sem.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", + "post.sem.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", + "post.sem.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", + "post.sem.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", + "post.sem.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", + "post.sem.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", + "post.sem.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", + "post.sem.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", + "post.sem.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", + "post.sem.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", + "post.sem.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", + "post.sem.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", + "post.sem.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.sem.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2" }, - "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", "$figmaModeId": "718:4", - "$figmaVariableReferences": { - "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", - "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", - "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.sem.spacing.interactive.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.sem.spacing.interactive.gap.inline.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", - "post.sem.spacing.interactive.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.sem.spacing.interactive.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.sem.spacing.interactive.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.sem.spacing.interactive.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.sem.spacing.interactive.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.sem.spacing.interactive.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.sem.spacing.interactive.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.sem.spacing.interactive.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" - } + "group": "Device" }, { "id": "dff23abad2cf0d0abb938cba79022be7f266785a", "name": "Mobile", - "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Device/Tablet": "enabled", + "Device/Desktop": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" + }, + "$figmaStyleReferences": { + "post.sem.elevation.100": "S:fa7e1124280bc88b48f2a8be662b58776b052413,", + "post.sem.elevation.200": "S:040397e62494b199bf04713a79be6f118fce096b,", + "post.sem.elevation.300": "S:3078936d51b4113a7c2518bc86ca16d4ddda723a,", + "post.sem.elevation.400": "S:e1d8c1f77504898ae99b6618189947192ce16f25,", + "post.sem.elevation.500": "S:9177390e4a1872257021623d2832362db3ca30ce," + }, + "$figmaVariableReferences": { + "post.sem.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", + "post.sem.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", + "post.sem.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", + "post.sem.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", + "post.sem.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", + "post.sem.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", + "post.sem.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", + "post.sem.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", + "post.sem.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", + "post.sem.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", + "post.sem.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", + "post.sem.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", + "post.sem.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", + "post.sem.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", + "post.sem.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", + "post.sem.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", + "post.sem.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", + "post.sem.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", + "post.sem.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", + "post.sem.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", + "post.sem.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", + "post.sem.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", + "post.sem.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", + "post.sem.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", + "post.sem.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", + "post.sem.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.sem.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", + "post.sem.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", + "post.sem.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", + "post.sem.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", + "post.sem.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", + "post.sem.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", + "post.sem.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", + "post.sem.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", + "post.sem.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", + "post.sem.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", + "post.sem.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", + "post.sem.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.sem.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", + "post.sem.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", + "post.sem.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", + "post.sem.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.sem.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", + "post.sem.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", + "post.sem.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", + "post.sem.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", + "post.sem.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", + "post.sem.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", + "post.sem.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", + "post.sem.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", + "post.sem.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", + "post.sem.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", + "post.sem.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", + "post.sem.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", + "post.sem.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", + "post.sem.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", + "post.sem.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", + "post.sem.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", + "post.sem.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", + "post.sem.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", + "post.sem.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", + "post.sem.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", + "post.sem.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", + "post.sem.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.sem.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", + "post.sem.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", + "post.sem.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", + "post.sem.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", + "post.sem.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", + "post.sem.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", + "post.sem.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", + "post.sem.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", + "post.sem.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", + "post.sem.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", + "post.sem.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", + "post.sem.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", + "post.sem.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", + "post.sem.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", + "post.sem.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", + "post.sem.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", + "post.sem.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", + "post.sem.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", + "post.sem.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", + "post.sem.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.sem.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2" }, - "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", "$figmaModeId": "718:5", - "$figmaVariableReferences": { - "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", - "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", - "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.sem.spacing.interactive.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.sem.spacing.interactive.gap.inline.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", - "post.sem.spacing.interactive.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.sem.spacing.interactive.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.sem.spacing.interactive.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.sem.spacing.interactive.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.sem.spacing.interactive.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.sem.spacing.interactive.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.sem.spacing.interactive.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.sem.spacing.interactive.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" - } + "group": "Device" }, { "id": "27fdb0e5f1804acdc26a4c9841ce202524eda3ec", "name": "EDK", - "$figmaStyleReferences": {}, + "group": "Channel", "selectedTokenSets": { "core": "source", "Mode/Light": "source", @@ -3707,17 +7153,25 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" + }, + "$figmaStyleReferences": {}, + "$figmaVariableReferences": { + "post.sem.sizing.interactive.height.filler": "e3f6b045f7ec4f42c74d6d9f4793c4c6df15612b" }, - "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", - "$figmaModeId": "718:6", - "$figmaVariableReferences": {} + "$figmaModeId": "718:6" }, { "id": "ec05cf777687da51e0dd773b9f14b3da6a9827b3", "name": "IDK", - "$figmaStyleReferences": {}, + "group": "Channel", "selectedTokenSets": { "core": "source", "Mode/Light": "source", @@ -3725,17 +7179,24 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" + }, + "$figmaStyleReferences": {}, + "$figmaVariableReferences": { + "post.sem.sizing.interactive.height.filler": "e3f6b045f7ec4f42c74d6d9f4793c4c6df15612b" }, - "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", - "$figmaModeId": "718:7", - "$figmaVariableReferences": {} + "$figmaModeId": "718:7" }, { "id": "e534604289ad8233d314de3c48efb9731db36059", "name": "Components", - "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", "Mode/Light": "source", @@ -3744,58 +7205,232 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Components/Interactives": "enabled", "Device/Tablet": "source", "Device/Mobile": "source", - "Components/Notifications": "enabled" + "Components/Notifications": "enabled", + "Components/Breadcrumb": "enabled", + "Components/Button": "enabled", + "Components/Checkbox": "enabled", + "Components/Popover": "enabled", + "Components/Radio button": "enabled", + "Components/Select": "enabled", + "Components/Social media button": "enabled", + "Components/Stepper": "enabled", + "Components/Switch": "enabled", + "Components/Text area": "enabled", + "Components/Text highlighted": "enabled", + "Components/Text input": "enabled", + "Components/Text link": "enabled", + "Components/Badge": "enabled", + "Components/List": "enabled", + "Components/Banner": "enabled", + "Components/Toast": "enabled", + "Components/Snackbar": "enabled", + "Components/Inline notification": "enabled", + "FigmaOnly": "enabled", + "Elements/Body": "disabled", + "Elements/Heading": "disabled", + "Elements/Paragraph": "disabled", + "Elements/Legend": "disabled", + "Utilities/Typo": "disabled", + "Utilities/Spacing": "disabled" + }, + "$figmaStyleReferences": { + "post.comp.utility.typo.subtitle.sub-h1": "S:856a13149c97774fec68dc7cb3cda645b76fb9ce,", + "post.comp.utility.typo.subtitle.sub-h2": "S:33a586ac88cbc38a5ee7da7091caa73928ab481d,", + "post.comp.utility.typo.subtitle.sub-h3": "S:4045ebf7065f9982b22d4d35a53e0aab4298e4d2,", + "post.comp.utility.typo.subtitle.sub-h4": "S:2aea32f259b8445df4ec570fcbde8443a1a2d5d0,", + "post.comp.utility.typo.subtitle.sub-h5": "S:1085f71a5ffc33d5dcb90b61012f018d6ec88141,", + "post.comp.utility.typo.subtitle.sub-h6": "S:0c483e0433a5ba231efcee0a64428a7f689b24c0,", + "post.comp.interactive.elevation.selected": "S:6706bf244e5c8dce55cb47f948993757587298fc,", + "utility.typo.content.lead": "S:36a9449b8b79c0e92df32d2ea9e058eeaaae6eff,", + "utility.typo.legend.small": "S:68eb1a6c22eff58487de197dcafe80186a8f181d,", + "utility.typo.legend.large": "S:3acda38013ae0f8f7b0cebf733f984118c3f8406,", + "utility.typo.label.default": "S:4a0a01649da41f52b07feb06ba27151f8e4eef41,", + "utility.typo.label.medium": "S:5b88d987150b0ab7eeb0a467e96f09b3e2694fe6,", + "utility.typo.label.medium-bold": "S:2b5a282976baa6c747bf562295133687bf061097,", + "utility.typo.label.small": "S:08071d380dc7f37e83ee785328afd76be5f950bb,", + "utility.typo.label.extrasmall": "S:f9f712258922b096c31ac26fd7878314f12ddbaf,", + "utility.typo.label.smaller": "S:e796b4e08581273fb63209571f98a2e757749a30,", + "utility.typo.link.default": "S:6b8910f6848b7cf689370b61c92bcebb4e0442f2,", + "utility.typo.link.selected": "S:c38314eab9d0f81af2bbb25d2171df9f11a8e6a8,", + "utility.typo.link.small-underline": "S:45b69963e5992e986eb2273e8e01ff3148adfd60,", + "utility.typo.link.small": "S:1ba06fe73589aaacb95ee478bd084b94494e15cd,", + "utility.typo.link.small-selected": "S:7f068c77dd2de50daa4bdde9ce016b7bdd724491,", + "utility.typo.label.default-bold": "S:00e2a110184d89ffd4e5f6a2ca6e75b5923792e4,", + "post.comp.notification.popup.elevation": "S:c6fde757ac340da2770f1d3e3dde7b183b025880,", + "post.comp.notification.toast.elevation": "S:3a377c9816a49505cb6b0f272b01f94de22fea9c,", + "post.comp.notification.banner.elevation": "S:ebb020edeaf4a170bf5f44470e86a85d7ee36892,", + "post.comp.notification.snackbar.elevation": "S:ff03b99cce63336657e84d1426b82b665db46ef8,", + "utility.typo.content.paragraph-l": "S:6eb3409be2642088d544ecc509ba1338e71f8f2a,", + "utility.typo.content.paragraph-m": "S:04f2c929c456cecba7b75de20e3a82b60dc0ac5f,", + "utility.typo.content.paragraph-s": "S:20c772a4cece3f2327f5ae1343eb7d4f39229579,", + "utility.typo.link.default-underline": "S:8e810c351fe7d59904ae770a6b4ada445d27d638,", + "post.notification.banner.elevation": "S:ebb020edeaf4a170bf5f44470e86a85d7ee36892,", + "post.notification.toast.elevation": "S:3a377c9816a49505cb6b0f272b01f94de22fea9c,", + "post.notification.snackbar.elevation": "S:ff03b99cce63336657e84d1426b82b665db46ef8,", + "post.notification.popup.elevation": "S:c6fde757ac340da2770f1d3e3dde7b183b025880,", + "post.social-media-button.elevation": "S:bf4ce1d54cc7dc7662989461c6bc438cd4d31e08,", + "post.popover.elevation": "S:30d186daa8a325b5250dcbdc122d9f6158119e60,", + "utility.typo.heading.h1": "S:2b0d57a92a320fb261b7b12287e96e4ace999a1a,", + "utility.typo.heading.h2": "S:1d4041d0030b6b48499437a90cd356554d881955,", + "utility.typo.heading.h3": "S:36dfbd75ae851abbc688d79b70a59e0947c46cbe,", + "utility.typo.heading.h4": "S:033842229340d112dddc238d9421cc25b6a86ed3,", + "utility.typo.heading.h5": "S:e1c57808419f8cd7edc03d5cb4c6b57d93a4e36a,", + "utility.typo.heading.h6": "S:4451f0c4b2bbc9e9898e3637a3d100b3f17389d9," }, - "$figmaCollectionId": "VariableCollectionId:808:5504", - "$figmaModeId": "808:0", "$figmaVariableReferences": { - "post.comp.interactive.color.primary.bg-enabled": "6348e5f81ce3527f3491e1ad528885690a95e597", - "post.comp.interactive.color.primary.fg-enabled": "16f72e57f544c559c40849a1ef684398eba2ad03", - "post.comp.interactive.color.primary.bg-hover": "80d491897bd13abf6057732ff0ad54b8277cde95", - "post.comp.interactive.color.primary.fg-hover": "3e0b9b0a4b46d45ed37d6feea67027ef9ddf4a4e", - "post.comp.interactive.color.primary.bg-disabled": "3539f5210b13a114c6b9c8dae820626e6c64b913", - "post.comp.interactive.color.primary.fg-disabled": "e58d337ef4ac5aa8f7b0ded44ae315019d706060", - "post.comp.interactive.color.signal.error": "f36848eeb1b31fd5d48bd234048f95e599f236cb", - "post.comp.interactive.color.signal.success": "5c04dce4a9941ad7dcf42ad328d26fa8d51e0e79", - "post.comp.interactive.color.primary.bg-selected": "d916f2328a05ef8a93d86ad07a6440488cff9812", - "post.comp.interactive.color.primary.fg-selected": "681301c55a8eeaa656755418e3312dccddcfc2f2", - "post.comp.interactive.color.primary.fg-help": "15052099d70c5827d1d8250a530c73ea5043b133", - "post.comp.interactive.color.primary.stroke-enabled": "e37c51acbd81e12e2c2572382dbfa39952c8b984", - "post.comp.interactive.color.primary.stroke-hover": "78c129f79a6954a49cf302a18176e49d40cc676a", - "post.comp.interactive.color.primary.stroke-disabled": "74bb6137c9df703292a1385af7b9b70965bcfdac", - "post.comp.interactive.color.primary.stroke-selected": "c6b02133496740b60f3f0587450b9a43ee3d45b3", - "post.comp.interactive.color.primary.handle.fg-enabled": "0f37fdd7de809f41e74aeb3717c5f8660911b317", - "post.comp.interactive.color.primary.handle.bg-enabled": "12c4c6726370e22b6ba53bd29ded2f74178c0dfb", - "post.comp.interactive.color.primary.handle.fg-selected": "50952419e4394a0a91ed91cd56429e39d2ca95d1", - "post.comp.interactive.color.primary.handle.bg-selected": "08f229fb89aecb61a918f577dbb9074ab803c42e", - "post.comp.interactive.color.primary.handle.fg-hover": "607ebc1771b595dfe9d63064e3d027049325056c", - "post.comp.interactive.color.primary.handle.bg-hover": "f565be23473778fad748487bc346a68c438330ae", - "post.comp.interactive.color.primary.handle.fg-disabled": "f650bfcaf12fbea03b154aee985af29231c31fbd", - "post.comp.interactive.color.primary.handle.bg-disabled": "4e9b0cf22eedce5165cebaf5fd2c41875c79da0f", - "post.comp.interactive.color.primary.handle.stroke-disabled": "c7817f1ddf01c69fd760148b2dfd7b33aa53f18c", - "post.comp.interactive.color.focus.stroke": "aaa54903f8f37f76744dc29c760422873802946f", - "post.comp.interactive.sizing.icon.width-inner": "764b287f61f739fc5a9b0bc48ee83ca6f0ca4917", - "post.comp.interactive.sizing.icon.height-inner": "140df926724ea57f9b4e15a2ab4c5885470381b3", - "post.comp.interactive.spacing.gap.block.1": "7d24880779fb0e77c805ef50038aaac83dc00307", - "post.comp.interactive.spacing.gap.inline.1": "d58f45ee26ce492af321ba23a164e0a52bfd789d", - "post.comp.interactive.spacing.gap.inline.switch": "65615216e7f2aed127708f9a8cdb0213f5f19eac", - "post.comp.interactive.spacing.padding.inline.icon-inner": "370304bfb50299904e8eba382718b092585be7ac", - "post.comp.interactive.spacing.padding.block.icon-inner": "46309617f83b8e954a54ca5148da2ee8826f61e7", - "post.comp.interactive.textfields.spacing.padding.inline.text-start": "40e718e76a922016e2304d9a9a0fd00ec47c6200", - "post.comp.interactive.textfields.spacing.padding.inline.text-end": "cb2d95f2ca7312d3544ec217c5f43aa42e3b8062", - "post.comp.interactive.textfields.spacing.padding.inline.text-assist": "8eadafecd837af7d9381780a8b9d7eb9afe91b4c", - "post.comp.interactive.textfields.spacing.padding.block.text1": "874aca46e66f4a773aa974d1d8510c32408c25cc", - "post.comp.interactive.textfields.spacing.padding.block.text2": "937c337f806b527684bea617ae154d05655b4109", - "post.comp.interactive.textfields.spacing.padding.block.text3": "d7091b64ca0707caccd0ab3496558a12cb00bd92", - "post.comp.interactive.textfields.spacing.padding.block.text-assist": "6178ad922d076ec9badd4784832d2e4d39733760", - "post.comp.interactive.textfields.spacing.gap.inline.1": "71499e7e8fd4924d00f829da229caeb9986bc997", - "post.comp.interactive.textfields.spacing.gap.inline.2": "02026faa83e68f0051e1d2f88867afe96f5f855c", - "post.comp.interactive.clickable.spacing.padding.inline.text-start": "ea996c9c92020f993d35446b37b1b757c30a8961", - "post.comp.interactive.clickable.spacing.padding.block.text": "9e34515456023d4197c2f078973ca14e35f77cc8" - } + "post.inline.spacing.gap.outer": "555546c4e32aa1bc864185522fd56be3c0f71914", + "post.inline.spacing.gap.inner": "43ab45d7753ed586955faa45badffd72120e4ad1", + "post.inline.spacing.padding.block": "cebf7c4d7511b0f8492f29df50b91646d6e53ba8", + "post.inline.sizing.icon": "e325f303ff12704d2d055094df295afc039852d5", + "post.snackbar.spacing.gap.outer": "7e8a675dac556b5203604a1cef9b818396aab532", + "post.snackbar.spacing.padding.inline": "d89944e7e183261eb283eec69ecb4e35dbc6c718", + "post.snackbar.spacing.padding.block": "c7aa17bb7d398a3d5d306c986f3195a79a98afdb", + "post.snackbar.sizing.icon": "53e69292b2234d87ed1740012a1de380298c7f41", + "post.toast.spacing.padding.action": "7b789908238cacf3f7c6b327401296ec0a1da28c", + "post.toast.spacing.padding.inline": "014e44c5cc1c44d944c9d6df6c213c429f99c76d", + "post.toast.spacing.padding.block": "8588d5bd126b4227934aec9c655f6dbcb10a84b7", + "post.toast.spacing.gap.action": "058716a3eaaad625c77cc0677b9d50ea493ced97", + "post.toast.spacing.gap.outer": "8b9c9b71b40f08768314fc1d88b16b5a37b5aaf3", + "post.toast.spacing.gap.inner": "84a01f0f5127e1cf2eab6816f58b837d3e8d9d05", + "post.toast.sizing.icon": "757c4eaf2fd47fc952756b6b82f6b1c923ba53cb", + "post.banner.spacing.padding.outer": "a4e3ea30b88cfaf40cde8d6c0ee7cbe58945eeab", + "post.banner.spacing.padding.action": "904043b311848b36126f0e5cf760dc76d330941e", + "post.banner.spacing.gap.outer": "d8da80040d9b6acc1f22c86a84bf84d40b6ac2a0", + "post.banner.spacing.gap.inner": "a7af357e6c39a573c2de40afccfb404477398ec6", + "post.banner.spacing.gap.action": "35d88e6f51c0bb6f3c9026e30e9f863496b4b12b", + "post.banner.sizing.icon": "def23942610e63363ad2812ad745696200f75f64", + "post.list.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", + "post.list.checks.spacing.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", + "post.list.checks.spacing.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", + "post.list.bullets.spacing.padding.text": "40992acd5d795050950fdf292ae17d64fdeba055", + "post.list.checks.spacing.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", + "post.list.checks.spacing.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", + "post.list.checks.spacing.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", + "post.list.bullets.spacing.gap.inline.text": "c023473b7ec15e0e074a35a2a519e2bd19b62705", + "post.input.spacing.gap.inline.1": "ea0f287f910901d9a2754175427d33874636908d", + "post.input.spacing.gap.inline.2": "e17ec3bfeef8ad59d33f8ed4028bcbeffb3c2e65", + "post.input.spacing.padding.block.text1": "a2dbf734944c2720e08b06ba2f0d4446807214a7", + "post.input.spacing.padding.block.text2": "16e43ccd63e09b43f7078bfdc6bee6432ea4fe9a", + "post.input.spacing.padding.block.text-assist": "74fa0091e635d194f2726e8a49d63029f797d7b1", + "post.input.spacing.padding.block.text5": "be118ff83da708f6758b8dda877fadaea5a24e3d", + "post.input.spacing.padding.inline.text-start": "95d346d8cf0d15d92cbb0d838ad1d21e2196d909", + "post.input.spacing.padding.inline.text-end": "251080d245b6ce91ef6947cedb9d8710871c1e45", + "post.input.spacing.padding.inline.text-assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f", + "post.input.sizing.icon": "d8468d53a31f1ff5e298f2e6783a215bc1a9902c", + "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64", + "post.text-highlighted.spacing.padding.text": "e5e01d5010f1a45ce796d305a526ce01fa5d7a7b", + "post.text-highlighted.sizing.height.space-bottom": "976910163c8b39d9502d771bb4f11e2a2364dd76", + "post.textarea.spacing.gap.inline.1": "9a27c39a9cbf50dd75969f891f6b5bb6f057c8ab", + "post.textarea.spacing.padding.block.text-assist": "fd897dc4473aaf02dcb64a89eea49eac6b57b5e1", + "post.textarea.spacing.padding.block.text4": "865d08d100de52d4423d06ee3bb82937b4d4e8ca", + "post.textarea.spacing.padding.block.textarea-top": "0ac5923f6f932a23a804931b91fe1b9f1826654f", + "post.textarea.spacing.padding.inline.text-start": "2a877a58bc4473993bedc28d4173c8a24aaedd85", + "post.textarea.spacing.padding.inline.text-end": "9dbc4fc8ea6184a3eeba4f71c5d6d333c689fc19", + "post.textarea.spacing.padding.inline.text-assist": "604885a8bec38c3de5690356837dbd20d0901a25", + "post.textarea.sizing.icon": "f1321b62580dd4cab2df1e4ef5fe5c3384a4e68e", + "post.textarea.border-radius.surface": "820ccb86ff7bca1eb9bef3fb4b560347bf7b34b4", + "post.switch.spacing.gap.inline.switch": "247b45d301bcca98b2d94934a5bf224368055263", + "post.switch.spacing.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", + "post.switch.spacing.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", + "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", + "post.switch.sizing.width.element": "2c777f81d27d17b298a80176a9321eb9728da712", + "post.switch.sizing.height.element": "2bb770e36f1b556d983d21b595509f3e91a47655", + "post.switch.sizing.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", + "post.stepper.spacing.gap.text-start": "973c3df60c62f3bb2022dfefdfcd62644cf365fd", + "post.stepper.spacing.padding.connector": "94b9a5b72406ebedaab9706b909eb686f652d0b9", + "post.stepper.border-radius.round": "bdc93fb44481875870ddfd11f0ae816c08fc4ead", + "post.stepper.sizing.indicator": "0d44c723e1c37c40adbb8d3047fc721c28cfc0ee", + "post.social-media-button.sizing.content": "6be54af1a4cbc7d122566deb0eb1a9b7249eb3e1", + "post.social-media-button.sizing.footer": "d32211165497f124da269359b6ec9b4e5eab2116", + "post.social-media-button.sizing.icon-content": "3a470a93d7f76db28c47a929778d3a95d531d5cd", + "post.social-media-button.sizing.icon-footer": "a2c88941c990e2288caa1e2d71320dfc3f89912a", + "post.social-media-button.border-radius.round": "b26808858a7de99bec1ec31ebfbd65dc49e734f4", + "post.select.spacing.gap.inline.1": "ac3ebd87d415a6198a37d600ba097e54572c4a64", + "post.select.spacing.gap.inline.2": "119ad9b0ed6377bd24e8d0dee398b7b7ab123dd1", + "post.select.spacing.padding.block.text1": "1a711d2c8b0bcb1dcaa9ea568fb51211b9654340", + "post.select.spacing.padding.block.text2": "1760720309a0c090e480db8b5486a8b238e74f97", + "post.select.spacing.padding.block.text3": "566f497dcc11af89235fae18aedc7b532c8cf8a4", + "post.select.spacing.padding.block.text-assist": "23351007b485c17d9031c72ba8971b23ab75d03d", + "post.select.spacing.padding.block.text5": "6a28c8344e9ba48dca29059b3f39478806b17ee9", + "post.select.spacing.padding.inline.text-start": "71d8968d54a8d6e1064464300e9b7701106d44f4", + "post.select.spacing.padding.inline.text-end": "b9a51dc4bd127de6a5378ef6e489c5d6220b091c", + "post.select.spacing.padding.inline.text-assist": "aeed8ff2cde7da9c4ffab340ce2625b4a8511cfd", + "post.select.spacing.padding.dropdown-inner": "8ad0b3c04daec785f199be210ea8add0eade9b39", + "post.select.sizing.icon": "45eb3379ac13b2ca5210d50e4a1c6d9df6665b5a", + "post.select.border-radius.surface": "29949af715b324315a3f920fcc99aad9a1304e58", + "post.radio-button.spacing.gap.block.1": "9c16987226587efbda8b6ca5dac00608be1e4408", + "post.radio-button.spacing.gap.inline.error": "97e469bd64e32ba258627aa71e5babbc0efb435f", + "post.radio-button.spacing.padding.block.icon-inner": "f32af0ee66b9ed5d12d8b4f13d7c53e4c3d917e7", + "post.radio-button.spacing.padding.block.text": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", + "post.radio-button.spacing.padding.block.group-button": "990db7096901d16ae10b01800015dece8805bd03", + "post.radio-button.spacing.padding.block.error": "c29dec6b7bcab674d15c04ce066c550d7ea9c802", + "post.radio-button.spacing.padding.inline.icon-inner": "5002aa9fc58b02f27ae1920ed02a8eb25171ffe6", + "post.radio-button.spacing.padding.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", + "post.radio-button.sizing.icon.width-inner": "4c2f84ac113b5446199016720b0d05c135fa8cbb", + "post.radio-button.sizing.icon.height-inner": "779afbc26754afe59e3ea5cb3bd9bdacd76d9abf", + "post.radio-button.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", + "post.popover.border-radius.surface": "61bdae7c4acef94e7df9ea2cdab57cb2878bd129", + "post.popover.spacing.padding.block.link": "013c450a779b61d44fb5948620cabe750bd71a15", + "post.popover.spacing.padding.block.surface": "3242c46c3db33bab169c3f5665df9989e5eecbc7", + "post.popover.spacing.padding.inline.surface-start": "7be172b774d057a329081922469f560024108915", + "post.popover.spacing.padding.inline.surface-end": "1446c8d1017fa330ef3c4137a0e1a83b341ed61e", + "post.popover.spacing.gap.inline.surface": "854b2e7e433d3a0db9f8bae2680cc9fd241f6008", + "post.popover.sizing.close-button": "6e8157a3e50114fbe3be54ab0788615ab9642cf4", + "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", + "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", + "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", + "post.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646", + "post.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675", + "post.checkbox.spacing.gap.block.1": "c87709f94c2c59282e5bcfc93d28ea57339d29be", + "post.checkbox.spacing.gap.inline.error": "cf016af223d52353d2880a3b1caaed3022e0e0d6", + "post.checkbox.spacing.padding.block.icon-inner": "2c00841389f889fc1d44d9ca10354e0328aba20d", + "post.checkbox.spacing.padding.block.text": "1778f14657ae6d552d6bc38fa839a264a0ce1a30", + "post.checkbox.spacing.padding.block.group-bottom": "b39040700cb53d4bdf17a0c4efea819a6f461382", + "post.checkbox.spacing.padding.block.text-error": "3013fb8783467fa3abea043b22becf7cd82a1dae", + "post.checkbox.spacing.padding.inline.icon-inner": "74dd6caa91b2d4172ac7ba6bf1b02664bd605e9d", + "post.checkbox.spacing.padding.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", + "post.checkbox.sizing.icon.width-inner": "9d966e0c5c0e775240006dd6278b3eb1a710b795", + "post.checkbox.sizing.icon.height-inner": "629427f94c10fdeede5ff452f188828bc0699736", + "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", + "post.button.spacing.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9", + "post.button.spacing.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5", + "post.button.spacing.gap.inline.1": "5b671e7ab0c62f109540257c2096b3676ab1b7e7", + "post.button.spacing.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62", + "post.button.spacing.padding.block.icon-inner": "375cef56479a6a359c87c2fa3529a88d1d0056a9", + "post.button.spacing.padding.inline.icon-inner": "856a22c933dcc7cb878afb7524cb0ea66b185a6d", + "post.button.sizing.icon.width-inner": "b1470bb01d54eb07532787d33813b31c15c41824", + "post.button.sizing.icon.height-inner": "f8569fdd46fe74e0d14672e697d67d3cd22b5158", + "post.button.segmented.sizing.height": "0ece44212837f58c7007a40021e557a489249619", + "post.button.segmented.spacing.padding.inline": "9e3821407dbe6a765bd9d01d1cde8fa3e4b1a621", + "post.button.small.sizing.height": "48d44f831cae6e5f41d01f3eb7dcbb19d1ea572f", + "post.button.small.spacing.gap": "de92f25ef45b0f8039b89be004aa7ebee9e68c9a", + "post.button.small.spacing.padding": "fa7ec983c2ce2b68b1346b49277edb4a32e4978f", + "post.button.large.sizing.height": "51bdaab951f9777006a59997af49abde6a60b852", + "post.button.large.spacing.gap": "0add7cb878b0f1a65056ce855a3490c5d070a7f8", + "post.button.large.spacing.padding": "654956f379d31962f79493e242cae5319597c9bc", + "post.button.appstore.sizing.height": "70271d4d7663f31cc56d5a06679855a23dc5434f", + "post.button.appstore.sizing.width-google": "cd7e55421ed9329525720846248578638fecfa28", + "post.button.appstore.sizing.width-apple": "800c7464f09162c79dfc0dc9d8e1dec3feb51173", + "post.button.socialmedia.sizing.large": "a3ce774f8418b3c943da89ed4fad6e813060d038", + "post.button.socialmedia.sizing.small": "a82984e991f70163f0db1c7b97e0d424eeb70e40", + "post.button.socialmedia.sizing.icon-large": "dbf4b450ceb016c854220943fb046eb3b5526c0d", + "post.button.socialmedia.sizing.icon-small": "ea5a01da19bac013083c59985247aa0c826f1a3a", + "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", + "post.breadcrumb.spacing.padding.block.text": "79f90c13e2a49c831f794b81a04e23510cc264db", + "post.breadcrumb.spacing.padding.block.icon": "448e288b353b6b9e0fb1f8afc789b347072374df", + "post.breadcrumb.spacing.padding.inline.icon": "7a73ca6ac411c1557c22e621e2fa1129d6bdff91", + "post.breadcrumb.spacing.gap.inline.outer": "a27d40f4b9b6ff82fb67a17af041b2fa748f8052", + "post.breadcrumb.spacing.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd", + "post.badge.sizing.height.l": "58e1d54dd36a4f39b8209f296caf3397b827a411", + "post.badge.sizing.height.m": "2e52458086101c06edf5625ca91d13203dce37fa", + "post.badge.sizing.height.s": "8c37a52b9c2a0f213cc6587e78426720846c0ff3", + "post.badge.spacing.padding.inline.l": "b4a27b986f7b41b76706ed64f48fa0b58e5a94cd", + "post.badge.spacing.padding.inline.m": "ef5d9211fd7630f188598a1a60edadb23c990d3c" + }, + "$figmaCollectionId": "VariableCollectionId:808:5504", + "$figmaModeId": "808:0" } ], "$metadata": { @@ -3809,8 +7444,33 @@ "Channel/EDK", "Channel/IDK", "Theme/Post", - "Components/Interactives", - "Components/Notifications" + "Elements/Body", + "Elements/Heading", + "Elements/Paragraph", + "Elements/Legend", + "Components/Badge", + "Components/Breadcrumb", + "Components/Button", + "Components/Checkbox", + "Components/Notifications", + "Components/Popover", + "Components/Radio button", + "Components/Select", + "Components/Social media button", + "Components/Stepper", + "Components/Switch", + "Components/Text area", + "Components/Text highlighted", + "Components/Text input", + "Components/List", + "Components/Banner", + "Components/Toast", + "Components/Snackbar", + "Components/Inline notification", + "Components/Text link", + "FigmaOnly", + "Utilities/Spacing", + "Utilities/Typo" ] } } \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 00055d5dd3..12357f5e5f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -10947,7 +10947,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.77.6)(terser@5.29.2)) ansi-colors: 4.1.3 autoprefixer: 10.4.19(postcss@8.4.38) - babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1) + babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)) browserslist: 4.23.2 copy-webpack-plugin: 12.0.2(webpack@5.92.1(esbuild@0.21.5)) critters: 0.0.24 @@ -11040,7 +11040,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.3.2(@types/node@20.14.14)(less@4.2.0)(sass@1.77.6)(terser@5.29.2)) ansi-colors: 4.1.3 autoprefixer: 10.4.19(postcss@8.4.38) - babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1) + babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)) browserslist: 4.23.2 copy-webpack-plugin: 12.0.2(webpack@5.92.1(esbuild@0.21.5)) critters: 0.0.24 @@ -15867,7 +15867,7 @@ snapshots: transitivePeerDependencies: - supports-color - babel-loader@9.1.3(@babel/core@7.24.7)(webpack@5.92.1): + babel-loader@9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)): dependencies: '@babel/core': 7.24.7 find-cache-dir: 4.0.0