diff --git a/packages/calcite-design-tokens/src/build-tokens.ts b/packages/calcite-design-tokens/src/build-tokens.ts index 45426b0cbfd..8552dc7836d 100644 --- a/packages/calcite-design-tokens/src/build-tokens.ts +++ b/packages/calcite-design-tokens/src/build-tokens.ts @@ -1,3 +1,5 @@ -import { semantic } from "./build/dictionaries/index.js"; +import { dark, light, semantic } from "./build/dictionaries/index.js"; +await dark.buildAllPlatforms(); +await light.buildAllPlatforms(); await semantic.buildAllPlatforms(); diff --git a/packages/calcite-design-tokens/src/build/dictionaries/index.ts b/packages/calcite-design-tokens/src/build/dictionaries/index.ts index d53e7994318..a9537980f8d 100644 --- a/packages/calcite-design-tokens/src/build/dictionaries/index.ts +++ b/packages/calcite-design-tokens/src/build/dictionaries/index.ts @@ -1,7 +1,7 @@ import StyleDictionary from "style-dictionary"; import { register as registerTokenStudioTransformers } from "@tokens-studio/sd-transforms"; -import calciteLightConfig from "../../config/calcite/light.js"; -import calciteDarkConfig from "../../config/calcite/dark.js"; +import calciteLightConfig from "../../config/color/light.js"; +import calciteDarkConfig from "../../config/color/dark.js"; import semanticConfig from "../../config/semantic.js"; import { register as registerCalciteHooks } from "../registry/index.js"; import { applyBuiltInOverrides, applyOverrides } from "../overrides/index.js"; @@ -14,9 +14,9 @@ await registerTokenStudioTransformers(StyleDictionary, { await registerCalciteHooks(StyleDictionary); applyOverrides(StyleDictionary); -const semantic = new StyleDictionary(semanticConfig); const light = new StyleDictionary(calciteLightConfig); const dark = new StyleDictionary(calciteDarkConfig); +const semantic = new StyleDictionary(semanticConfig); applyBuiltInOverrides([semantic, light, dark]); diff --git a/packages/calcite-design-tokens/src/build/filter/core.ts b/packages/calcite-design-tokens/src/build/filter/core.ts index 19e4d59cb5d..9e4dcd92df6 100644 --- a/packages/calcite-design-tokens/src/build/filter/core.ts +++ b/packages/calcite-design-tokens/src/build/filter/core.ts @@ -1,8 +1,10 @@ import { Filter } from "style-dictionary/types"; import StyleDictionary from "style-dictionary"; import { RegisterFn } from "../types/interfaces.js"; +import { isLightOrDarkColorToken } from "./light-or-dark.js"; -export const filterCoreTokens: Filter["filter"] = (token) => !token.isSource && token.type !== "typography"; +export const filterCoreTokens: Filter["filter"] = (token, config) => + !token.isSource && token.type !== "typography" && !isLightOrDarkColorToken(token, config); export const registerFilterCoreTokens: RegisterFn = () => StyleDictionary.registerFilter({ diff --git a/packages/calcite-design-tokens/src/build/filter/dark.ts b/packages/calcite-design-tokens/src/build/filter/dark.ts index cb6f8c19c2a..b95dbaff344 100644 --- a/packages/calcite-design-tokens/src/build/filter/dark.ts +++ b/packages/calcite-design-tokens/src/build/filter/dark.ts @@ -3,10 +3,7 @@ import StyleDictionary from "style-dictionary"; import { RegisterFn } from "../types/interfaces.js"; import { isThemed } from "../utils/token-types.js"; -export const filterDarkColorTokens: Filter["filter"] = (token) => - token.isSource && - (isThemed(token, { theme: "dark", targetPropName: "filePath" }) || - isThemed(token, { theme: "dark", targetPropName: "path" })); +export const filterDarkColorTokens: Filter["filter"] = (token) => isThemed(token, { theme: "dark" }); export const registerFilterDarkColorTokens: RegisterFn = () => StyleDictionary.registerFilter({ diff --git a/packages/calcite-design-tokens/src/build/filter/global-js.ts b/packages/calcite-design-tokens/src/build/filter/global-js.ts index 1c9b423a1a4..7525d604cb0 100644 --- a/packages/calcite-design-tokens/src/build/filter/global-js.ts +++ b/packages/calcite-design-tokens/src/build/filter/global-js.ts @@ -1,14 +1,16 @@ import { Filter } from "style-dictionary/types"; import StyleDictionary from "style-dictionary"; import { RegisterFn } from "../types/interfaces.js"; +import { isLightOrDarkColorToken } from "./light-or-dark.js"; /** * This filter helps match the test snapshot, this can be removed once outputs are consolidated * * @param token + * @param config */ -export const filterGlobalTokensJs: Filter["filter"] = (token) => { - return token.isSource; +export const filterGlobalTokensJs: Filter["filter"] = (token, config) => { + return token.isSource || isLightOrDarkColorToken(token, config); }; export const registerFilterGlobalTokensJs: RegisterFn = () => diff --git a/packages/calcite-design-tokens/src/build/filter/global.ts b/packages/calcite-design-tokens/src/build/filter/global.ts index f9561e04241..bfff26dbba6 100644 --- a/packages/calcite-design-tokens/src/build/filter/global.ts +++ b/packages/calcite-design-tokens/src/build/filter/global.ts @@ -2,11 +2,13 @@ import { Filter } from "style-dictionary/types"; import StyleDictionary from "style-dictionary"; import { RegisterFn } from "../types/interfaces.js"; import { isBreakpoint } from "../utils/token-types.js"; +import { state } from "../shared/state.js"; import { isLightOrDarkColorToken } from "./light-or-dark.js"; export const filterGlobalTokens: Filter["filter"] = (token, config) => { return ( - token.isSource && !(token.type === "typography" || isBreakpoint(token) || isLightOrDarkColorToken(token, config)) + state.sameValueThemeTokens.has(token.key) || + (token.isSource && !(token.type === "typography" || isBreakpoint(token) || isLightOrDarkColorToken(token, config))) ); }; diff --git a/packages/calcite-design-tokens/src/build/filter/include.ts b/packages/calcite-design-tokens/src/build/filter/include.ts index 7b41b53359e..2f5f31a3c65 100644 --- a/packages/calcite-design-tokens/src/build/filter/include.ts +++ b/packages/calcite-design-tokens/src/build/filter/include.ts @@ -1,8 +1,9 @@ import { Filter } from "style-dictionary/types"; import StyleDictionary from "style-dictionary"; import { RegisterFn } from "../types/interfaces.js"; +import { isThemed } from "../utils/token-types.js"; -export const filterIncludeTokens: Filter["filter"] = (token) => !token.isSource; +export const filterIncludeTokens: Filter["filter"] = (token) => !token.isSource && !isThemed(token); export const registerFilterIncludeTokens: RegisterFn = () => { StyleDictionary.registerFilter({ diff --git a/packages/calcite-design-tokens/src/build/filter/light-or-dark.ts b/packages/calcite-design-tokens/src/build/filter/light-or-dark.ts index 52a93f228c0..fcf1d4f27cf 100644 --- a/packages/calcite-design-tokens/src/build/filter/light-or-dark.ts +++ b/packages/calcite-design-tokens/src/build/filter/light-or-dark.ts @@ -3,11 +3,9 @@ import StyleDictionary from "style-dictionary"; import { RegisterFn } from "../types/interfaces.js"; import { isThemed } from "../utils/token-types.js"; -export const isLightOrDarkColorToken: Filter["filter"] = (token) => - isThemed(token, { targetPropName: "filePath" }) || isThemed(token, { targetPropName: "path" }); +export const isLightOrDarkColorToken: Filter["filter"] = (token) => isThemed(token); -const filterLightOrDarkColorTokens: Filter["filter"] = (token) => - token.isSource && (isThemed(token, { targetPropName: "filePath" }) || isThemed(token, { targetPropName: "path" })); +const filterLightOrDarkColorTokens: Filter["filter"] = (token) => !token.isSource && isThemed(token); export const registerFilterLightOrDarkColorTokens: RegisterFn = () => StyleDictionary.registerFilter({ diff --git a/packages/calcite-design-tokens/src/build/filter/light.ts b/packages/calcite-design-tokens/src/build/filter/light.ts index 2bd7ffc9b69..54d41373c29 100644 --- a/packages/calcite-design-tokens/src/build/filter/light.ts +++ b/packages/calcite-design-tokens/src/build/filter/light.ts @@ -3,10 +3,7 @@ import StyleDictionary from "style-dictionary"; import { RegisterFn } from "../types/interfaces.js"; import { isThemed } from "../utils/token-types.js"; -export const filterLightColorTokens: Filter["filter"] = (token) => - token.isSource && - (isThemed(token, { theme: "light", targetPropName: "filePath" }) || - isThemed(token, { theme: "light", targetPropName: "path" })); +export const filterLightColorTokens: Filter["filter"] = (token) => isThemed(token, { theme: "light" }); export const registerFilterLightColorTokens: RegisterFn = () => StyleDictionary.registerFilter({ diff --git a/packages/calcite-design-tokens/src/build/format/index-file.ts b/packages/calcite-design-tokens/src/build/format/index-file.ts index b3d03e34c02..5afb366a722 100644 --- a/packages/calcite-design-tokens/src/build/format/index-file.ts +++ b/packages/calcite-design-tokens/src/build/format/index-file.ts @@ -1,9 +1,11 @@ import prettierSync from "@prettier/sync"; -import { Dictionary, FormatFn, FormatFnArguments, TransformedTokens } from "style-dictionary/types"; +import { Dictionary, FormatFn, FormatFnArguments } from "style-dictionary/types"; import { fileHeader, formattedVariables } from "style-dictionary/utils"; import StyleDictionary from "style-dictionary"; import { RegisterFn, Stylesheet } from "../types/interfaces.js"; import { fromTokens } from "../utils/dictionary.js"; +import { isThemed } from "../utils/token-types.js"; +import { dark, light } from "../dictionaries/index.js"; export const registerFormatIndex: RegisterFn = () => { StyleDictionary.registerFormat({ @@ -13,7 +15,7 @@ export const registerFormatIndex: RegisterFn = () => { }; export const formatIndexFile: FormatFn = async (args) => { - const { dictionary, file, options } = args; + const { file, options } = args; if (options.fileExtension !== ".css" && options.fileExtension !== ".scss") { throw new Error("Only .css and .scss file extensions are supported."); @@ -23,22 +25,21 @@ export const formatIndexFile: FormatFn = async (args) => { const themes = ["light", "dark"] as const; const format = options.fileExtension.replace(".", "") as Stylesheet; - const themedTokens = dictionary.allTokens.reduce( - (acc: { light: TransformedTokens; dark: TransformedTokens }, token) => { - if (token.path.includes("light")) { - acc.light[token.name] = token; - } else if (token.path.includes("dark")) { - acc.dark[token.name] = token; - } - return acc; - }, - { light: {}, dark: {} }, - ); + const darkDictionary = await dark.getPlatformTokens(options.platform, { cache: true }); + const lightDictionary = await light.getPlatformTokens(options.platform, { cache: true }); const commonVarFormat = "css"; const varLists = { - light: createVarList(commonVarFormat, fromTokens(themedTokens.light), args), - dark: createVarList(commonVarFormat, fromTokens(themedTokens.dark), args), + light: createVarList( + commonVarFormat, + fromTokens(lightDictionary.allTokens.filter((token) => isThemed(token, { theme: "light" }))), + args, + ), + dark: createVarList( + commonVarFormat, + fromTokens(darkDictionary.allTokens.filter((token) => isThemed(token, { theme: "dark" }))), + args, + ), } as const; const classGroupStrategy = format === "scss" ? "@mixin " : "."; diff --git a/packages/calcite-design-tokens/src/build/preprocessors/index.ts b/packages/calcite-design-tokens/src/build/preprocessors/index.ts index b2839d4591a..9c16b2daadd 100644 --- a/packages/calcite-design-tokens/src/build/preprocessors/index.ts +++ b/packages/calcite-design-tokens/src/build/preprocessors/index.ts @@ -1,7 +1,10 @@ +import { registerPreprocessorStoreSameValueThemeTokens } from "./store-same-value-theme-tokens.js"; import { registerPreprocessorStorePostMergeDictionary } from "./store-post-merge-dictionary.js"; export function registerPreprocessors(): void { registerPreprocessorStorePostMergeDictionary(); + registerPreprocessorStoreSameValueThemeTokens(); } +export * from "./store-same-value-theme-tokens.js"; export * from "./store-post-merge-dictionary.js"; diff --git a/packages/calcite-design-tokens/src/build/preprocessors/store-same-value-theme-tokens.ts b/packages/calcite-design-tokens/src/build/preprocessors/store-same-value-theme-tokens.ts new file mode 100644 index 00000000000..33d9744b068 --- /dev/null +++ b/packages/calcite-design-tokens/src/build/preprocessors/store-same-value-theme-tokens.ts @@ -0,0 +1,29 @@ +import StyleDictionary from "style-dictionary"; +import { DesignToken } from "style-dictionary/types"; +import { dark, light } from "../dictionaries/index.js"; +import { isThemed } from "../utils/token-types.js"; +import { state } from "../shared/state.js"; + +export function registerPreprocessorStoreSameValueThemeTokens(): void { + StyleDictionary.registerPreprocessor({ + name: PreprocessorStoreSameValueThemeTokens, + preprocessor: async (dictionary) => { + const sameValueThemeTokens = light.allTokens + .filter((token) => isThemed(token)) + .filter((token, index) => token.value === dark.allTokens[index].value); + const keyToToken = new Map(); + + sameValueThemeTokens.forEach((token) => { + if (token.key) { + keyToToken.set(token.key, token); + } + }); + + state.sameValueThemeTokens = keyToToken; + + return dictionary; + }, + }); +} + +export const PreprocessorStoreSameValueThemeTokens = "calcite/preprocessor/store-same-value-theme-tokens"; diff --git a/packages/calcite-design-tokens/src/build/shared/state.ts b/packages/calcite-design-tokens/src/build/shared/state.ts index 9aadf761be9..55e872e01d0 100644 --- a/packages/calcite-design-tokens/src/build/shared/state.ts +++ b/packages/calcite-design-tokens/src/build/shared/state.ts @@ -1,5 +1,12 @@ -const sharedBuildState: any = { - postMergeDictionary: undefined, -} as const; +import { DesignToken, PreprocessedTokens } from "style-dictionary/types"; + +type State = { + postMergeDictionary: PreprocessedTokens; + sameValueThemeTokens: Map; +}; + +const sharedBuildState = { + // populated by preprocessors +} as unknown as State; export { sharedBuildState as state }; diff --git a/packages/calcite-design-tokens/src/build/transforms/value/ensure-type.ts b/packages/calcite-design-tokens/src/build/transforms/value/ensure-type.ts index 250ac629475..0c90642c1f9 100644 --- a/packages/calcite-design-tokens/src/build/transforms/value/ensure-type.ts +++ b/packages/calcite-design-tokens/src/build/transforms/value/ensure-type.ts @@ -2,10 +2,11 @@ import { Filter, ValueTransform } from "style-dictionary/types"; import { ArrayValues } from "type-fest"; import StyleDictionary from "style-dictionary"; import { RegisterFn } from "../../types/interfaces.js"; +import { isBreakpoint } from "../../utils/token-types.js"; const stringValueTokenTypes = ["fontWeight", "dimension", "lineHeight", "opacity", "z-index"] as const; const filterTypes: Filter["filter"] = (token) => - stringValueTokenTypes.includes(token.type as ArrayValues); + stringValueTokenTypes.includes(token.type as ArrayValues) && !isBreakpoint(token); const transformValueEnsureType: ValueTransform["transform"] = async (token) => { return `${token.value}`; diff --git a/packages/calcite-design-tokens/src/build/transforms/value/merge-value.ts b/packages/calcite-design-tokens/src/build/transforms/value/merge-value.ts index 247f1e3489f..94141d3366a 100644 --- a/packages/calcite-design-tokens/src/build/transforms/value/merge-value.ts +++ b/packages/calcite-design-tokens/src/build/transforms/value/merge-value.ts @@ -29,10 +29,15 @@ const transformValueMergeValues: ValueTransform["transform"] = async (token, con ); if (tokenIndex > -1) { - return { - dark: dictionaries.dark.allTokens[tokenIndex].value, - light: dictionaries.light.allTokens[tokenIndex].value, - }; + const lightValue = dictionaries.light.allTokens[tokenIndex].value; + const darkValue = dictionaries.dark.allTokens[tokenIndex].value; + + if (lightValue !== darkValue) { + return { + light: lightValue, + dark: darkValue, + }; + } } return token.value; diff --git a/packages/calcite-design-tokens/src/build/transforms/value/px-to-rem.ts b/packages/calcite-design-tokens/src/build/transforms/value/px-to-rem.ts index 4ae7f654fbc..f843e7843e6 100644 --- a/packages/calcite-design-tokens/src/build/transforms/value/px-to-rem.ts +++ b/packages/calcite-design-tokens/src/build/transforms/value/px-to-rem.ts @@ -32,15 +32,15 @@ function throwSizeError(name: string, value: string, unitType: string) { throw `Invalid Number: '${name}: ${value}' is not a valid number, cannot transform to '${unitType}' \n`; } -function isNotBorderOrFixed(token: TransformedToken) { - return !token.path.some((path) => ["border", "fixed"].includes(path)); +function isStaticPx(token: TransformedToken) { + return !token.path.some((path) => ["base", "border", "fixed", "px"].includes(path)); } function filter(token: TransformedToken, options: Config) { return ( isSource(token) && !isBreakpoint(token) && - isNotBorderOrFixed(token) && + isStaticPx(token) && isDimension(token, options) && !isFontRelated(token) && !isCornerRadius(token) && diff --git a/packages/calcite-design-tokens/src/build/utils/dictionary.ts b/packages/calcite-design-tokens/src/build/utils/dictionary.ts index b0aace16f6f..4e98b8b8155 100644 --- a/packages/calcite-design-tokens/src/build/utils/dictionary.ts +++ b/packages/calcite-design-tokens/src/build/utils/dictionary.ts @@ -1,9 +1,9 @@ -import { Dictionary, TransformedTokens } from "style-dictionary/types"; +import { Dictionary } from "style-dictionary/types"; import { convertTokenData } from "style-dictionary/utils"; -export function fromTokens(tokens: TransformedTokens): Dictionary { +export function fromTokens(tokens: Parameters[0]): Dictionary { return { - tokens: tokens, + tokens: convertTokenData(tokens, { output: "object" }), allTokens: convertTokenData(tokens, { output: "array" }), tokenMap: convertTokenData(tokens, { output: "map" }), }; diff --git a/packages/calcite-design-tokens/src/build/utils/token-types.ts b/packages/calcite-design-tokens/src/build/utils/token-types.ts index 60a42c96ad7..d09c445fe04 100644 --- a/packages/calcite-design-tokens/src/build/utils/token-types.ts +++ b/packages/calcite-design-tokens/src/build/utils/token-types.ts @@ -47,12 +47,11 @@ export function isTypography(token: TransformedToken): boolean { interface IsThemedOptions { theme?: "light" | "dark"; - targetPropName?: keyof Pick; } -export function isThemed(token: TransformedToken, options?: IsThemedOptions): boolean { - const { theme, targetPropName } = options || {}; - const targetProp = token[targetPropName ?? "filePath"]; +export function isThemed(token: DesignToken, options?: IsThemedOptions): boolean { + const { theme } = options || {}; + const targetProp = token.filePath; return ( token.type === "color" && diff --git a/packages/calcite-design-tokens/src/config/calcite/dark.ts b/packages/calcite-design-tokens/src/config/color/dark.ts similarity index 96% rename from packages/calcite-design-tokens/src/config/calcite/dark.ts rename to packages/calcite-design-tokens/src/config/color/dark.ts index d8c3b65320f..f0ecd32b0fc 100644 --- a/packages/calcite-design-tokens/src/config/calcite/dark.ts +++ b/packages/calcite-design-tokens/src/config/color/dark.ts @@ -9,8 +9,8 @@ import { expandTypesMap as sdTypes } from "@tokens-studio/sd-transforms"; import { transformers, filters, headers, formats } from "../../build/registry/index.js"; const config: Config = { - source: ["src/tokens/semantic/calcite/dark.json"], - include: ["src/tokens/core/[!$]*.json"], + source: ["src/tokens/semantic/color/dark.json"], + include: ["src/tokens/semantic/color/dark.json", "src/tokens/core/[!$]*.json"], preprocessors: ["tokens-studio"], platforms: { scss: { diff --git a/packages/calcite-design-tokens/src/config/calcite/light.ts b/packages/calcite-design-tokens/src/config/color/light.ts similarity index 96% rename from packages/calcite-design-tokens/src/config/calcite/light.ts rename to packages/calcite-design-tokens/src/config/color/light.ts index 7da26a67b77..2632f0ccdd1 100644 --- a/packages/calcite-design-tokens/src/config/calcite/light.ts +++ b/packages/calcite-design-tokens/src/config/color/light.ts @@ -9,8 +9,8 @@ import { expandTypesMap as sdTypes } from "@tokens-studio/sd-transforms"; import { transformers, filters, headers, formats } from "../../build/registry/index.js"; const config: Config = { - source: ["src/tokens/semantic/calcite/light.json"], - include: ["src/tokens/core/[!$]*.json"], + source: ["src/tokens/semantic/color/light.json"], + include: ["src/tokens/semantic/color/light.json", "src/tokens/core/[!$]*.json"], preprocessors: ["tokens-studio"], platforms: { scss: { diff --git a/packages/calcite-design-tokens/src/config/semantic.ts b/packages/calcite-design-tokens/src/config/semantic.ts index 066815d8dee..1e85b7ce15f 100644 --- a/packages/calcite-design-tokens/src/config/semantic.ts +++ b/packages/calcite-design-tokens/src/config/semantic.ts @@ -17,8 +17,6 @@ const commonExpand = { dark: "color", fontSizes: "fontSize", lineHeights: "lineHeight", - breakpoint: "dimension", - size: "sizing", space: "spacing", ...sdTypes, }, @@ -31,8 +29,12 @@ const stylesheetOutputReferences: OutputReferences = (token) => { const config: Config = { source: ["src/tokens/semantic/[!$]*.json"], - include: ["src/tokens/core/[!$]*.json", "src/tokens/semantic/calcite/[!$]*.json"], - preprocessors: ["tokens-studio", preprocessors.PreprocessorStorePostMergeDictionary], + include: ["src/tokens/core/[!$]*.json", "src/tokens/semantic/color/[!$]*.json"], + preprocessors: [ + "tokens-studio", + preprocessors.PreprocessorStorePostMergeDictionary, + preprocessors.PreprocessorStoreSameValueThemeTokens, + ], platforms: { scss: { transformGroup: transformers.TransformCalciteGroup, @@ -75,16 +77,6 @@ const config: Config = { imports: ["semantic", "breakpoints", "mixins"], }, }, - { - destination: "light.scss", - format: sdFormats.scssVariables, - filter: filters.FilterLightColorTokens, - }, - { - destination: "dark.scss", - format: sdFormats.scssVariables, - filter: filters.FilterDarkColorTokens, - }, ], expand: { ...commonExpand, @@ -140,16 +132,6 @@ const config: Config = { imports: ["semantic", "classes"], }, }, - { - destination: "light.css", - format: sdFormats.cssVariables, - filter: filters.FilterLightColorTokens, - }, - { - destination: "dark.css", - format: sdFormats.cssVariables, - filter: filters.FilterDarkColorTokens, - }, ], expand: { ...commonExpand, @@ -166,7 +148,11 @@ const config: Config = { }, es6: { transformGroup: transformers.TransformCalciteGroup, - transforms: [...transformers.platformTransforms.es6, transformers.TransformValueCorrectPropName], + transforms: [ + ...transformers.platformTransforms.es6, + transformers.TransformValueCorrectPropName, + transformers.TransformValueMergeValues, + ], buildPath: "dist/es6/", prefix: "calcite", expand: { @@ -235,6 +221,7 @@ const config: Config = { transformers.TransformNameRemovePrefix, transformers.TransformNameCapitalCase, transformers.TransformValueCorrectPropName, + transformers.TransformValueMergeValues, ], buildPath: "dist/docs/", prefix: "calcite", @@ -280,6 +267,7 @@ const config: Config = { transformers.TransformNameRemovePrefix, transformers.TransformNameCapitalCase, transformers.TransformValueCorrectPropName, + transformers.TransformValueMergeValues, ], buildPath: "dist/js/", prefix: "calcite", diff --git a/packages/calcite-design-tokens/src/tokens/$metadata.json b/packages/calcite-design-tokens/src/tokens/$metadata.json index 0241512e71a..9f457c4745b 100644 --- a/packages/calcite-design-tokens/src/tokens/$metadata.json +++ b/packages/calcite-design-tokens/src/tokens/$metadata.json @@ -18,8 +18,8 @@ "semantic/size", "semantic/space", "semantic/z-index", - "semantic/calcite/dark", - "semantic/calcite/light", - "semantic/typography" + "semantic/typography", + "semantic/color/light", + "semantic/color/dark" ] -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/$themes.json b/packages/calcite-design-tokens/src/tokens/$themes.json index 568100bb91b..466bab8bf2a 100644 --- a/packages/calcite-design-tokens/src/tokens/$themes.json +++ b/packages/calcite-design-tokens/src/tokens/$themes.json @@ -9,11 +9,8 @@ "semantic.shadow.test": "S:17c46670a2ba9ef9dbc1366bf63c3cd87e3315d7," }, "selectedTokenSets": { - "semantic/shadow": "enabled", - "semantic/size": "enabled", - "semantic/space": "enabled", - "semantic/calcite/light": "enabled", - "core/size": "source" + "core/color": "source", + "semantic/color/light": "enabled" }, "$figmaVariableReferences": { "background.default": "03f5a6f8c34b420fa1e38f4350de61423bb63f41", @@ -75,10 +72,8 @@ "shadow.md": "S:89b3b8db8d8ee9c0c7c8bb82021c0adb878c6f1e," }, "selectedTokenSets": { - "semantic/calcite/dark": "enabled", - "semantic/shadow": "enabled", - "semantic/size": "enabled", - "semantic/space": "enabled" + "core/color": "source", + "semantic/color/dark": "enabled" }, "$figmaVariableReferences": { "background.default": "03f5a6f8c34b420fa1e38f4350de61423bb63f41", @@ -210,45 +205,58 @@ "group": "core" }, { - "id": "478ea2a422a612bc3df29ff143b71b34db0ce17b", - "name": "Survey123 Light", + "id": "64e1857dc6f77a4842c162e2ad917d1e483d77c7", + "name": "Mode 1", "$figmaStyleReferences": {}, "selectedTokenSets": { - "core/color": "source" + "core/container-size": "source", + "core/size": "source", + "semantic/container-size": "enabled", + "semantic/size": "enabled", + "semantic/space": "enabled" }, - "group": "color", - "$figmaCollectionId": "VariableCollectionId:1814:1167", - "$figmaModeId": "11496:5", - "$figmaVariableReferences": { - "background.default": "ba348f012322a3e29e176440017f57e29f8dc0f5" - } + "group": "size" }, { - "id": "d56dd5a6e7068dda4c8c91a8d70f6e5afab94408", - "name": "Survey123 Dark", + "id": "4f2ff40135954a29484f308bf4d63fb72ac0b2ff", + "name": "Mode 1", "$figmaStyleReferences": {}, "selectedTokenSets": { - "core/color": "source" + "core/size": "source", + "semantic/border": "enabled" }, - "group": "color", - "$figmaCollectionId": "VariableCollectionId:1814:1167", - "$figmaModeId": "11496:6", - "$figmaVariableReferences": { - "background.default": "ba348f012322a3e29e176440017f57e29f8dc0f5" - } + "group": "border" + }, + { + "id": "989f4ebad3a73cd71a773e197b045e05e83909a8", + "name": "Mode 1", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core/opacity": "source", + "semantic/opacity": "enabled" + }, + "group": "opacity" }, { - "id": "88e888cb278874e16621c943a268d92e70a2b3d1", - "name": "Dev Summit Light", + "id": "e7b4691458b102b171ddbfea42c054eed44a32be", + "name": "styles", "$figmaStyleReferences": {}, "selectedTokenSets": { - "core/color": "source" + "semantic/font": "source", + "semantic/typography": "enabled" }, - "group": "color", - "$figmaCollectionId": "VariableCollectionId:1814:1167", - "$figmaModeId": "11496:7", - "$figmaVariableReferences": { - "background.default": "ba348f012322a3e29e176440017f57e29f8dc0f5" - } + "group": "typography" + }, + { + "id": "226f0285af1785915aa048534e0205d4199834c0", + "name": "styles", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core/shadow": "source", + "semantic/shadow": "enabled", + "semantic/color/light": "source", + "semantic/color/dark": "source" + }, + "group": "shadow" } -] +] \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/$metadata.json b/packages/calcite-design-tokens/src/tokens/core/$metadata.json index 44a2f8902ec..791e14783cb 100644 --- a/packages/calcite-design-tokens/src/tokens/core/$metadata.json +++ b/packages/calcite-design-tokens/src/tokens/core/$metadata.json @@ -29,4 +29,4 @@ "type": "other" } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/$themes.json b/packages/calcite-design-tokens/src/tokens/core/$themes.json index da6ad54e29e..99561213320 100644 --- a/packages/calcite-design-tokens/src/tokens/core/$themes.json +++ b/packages/calcite-design-tokens/src/tokens/core/$themes.json @@ -15,4 +15,4 @@ "type": "other" } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/color.json b/packages/calcite-design-tokens/src/tokens/core/color.json index 05b9fc09e4f..22f3b4c7752 100644 --- a/packages/calcite-design-tokens/src/tokens/core/color.json +++ b/packages/calcite-design-tokens/src/tokens/core/color.json @@ -4937,4 +4937,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/container-size.json b/packages/calcite-design-tokens/src/tokens/core/container-size.json index f7e1f553fb4..2bde7ad6527 100644 --- a/packages/calcite-design-tokens/src/tokens/core/container-size.json +++ b/packages/calcite-design-tokens/src/tokens/core/container-size.json @@ -267,4 +267,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/font.json b/packages/calcite-design-tokens/src/tokens/core/font.json index a7ee377e4d7..ac4cdb50425 100644 --- a/packages/calcite-design-tokens/src/tokens/core/font.json +++ b/packages/calcite-design-tokens/src/tokens/core/font.json @@ -708,4 +708,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/opacity.json b/packages/calcite-design-tokens/src/tokens/core/opacity.json index 2bd2617e8ef..c66f5b68c8f 100644 --- a/packages/calcite-design-tokens/src/tokens/core/opacity.json +++ b/packages/calcite-design-tokens/src/tokens/core/opacity.json @@ -387,4 +387,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/shadow.json b/packages/calcite-design-tokens/src/tokens/core/shadow.json index 2ad144cae57..a08292561a6 100644 --- a/packages/calcite-design-tokens/src/tokens/core/shadow.json +++ b/packages/calcite-design-tokens/src/tokens/core/shadow.json @@ -153,4 +153,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/size.json b/packages/calcite-design-tokens/src/tokens/core/size.json index 9060bf55c12..10dc87bf49e 100644 --- a/packages/calcite-design-tokens/src/tokens/core/size.json +++ b/packages/calcite-design-tokens/src/tokens/core/size.json @@ -2,33 +2,9 @@ "core": { "size": { "default": { - "none": { - "value": "0", - "type": "size", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "core", - "domain": "", - "component": "", - "pattern": "", - "element": "", - "category": "size", - "group": "default", - "kind": "", - "appearance": "", - "property": "", - "variant": "", - "state": "", - "scale": "none", - "context": "", - "mode": "" - } - } - }, "1": { "value": "1px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -52,7 +28,7 @@ }, "2": { "value": "2px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -76,7 +52,7 @@ }, "4": { "value": "4px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -100,7 +76,7 @@ }, "6": { "value": "6px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -124,7 +100,7 @@ }, "8": { "value": "8px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -148,7 +124,7 @@ }, "10": { "value": "10px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -172,7 +148,7 @@ }, "12": { "value": "12px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -196,7 +172,7 @@ }, "14": { "value": "14px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -220,7 +196,7 @@ }, "16": { "value": "16px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -244,7 +220,7 @@ }, "20": { "value": "20px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -268,7 +244,7 @@ }, "24": { "value": "24px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -292,7 +268,7 @@ }, "28": { "value": "28px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -316,7 +292,7 @@ }, "32": { "value": "32px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -340,7 +316,7 @@ }, "36": { "value": "36px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -364,7 +340,7 @@ }, "40": { "value": "40px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -388,7 +364,7 @@ }, "44": { "value": "44px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -412,7 +388,7 @@ }, "48": { "value": "48px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -436,7 +412,7 @@ }, "56": { "value": "56px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -460,7 +436,7 @@ }, "64": { "value": "64px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -484,7 +460,7 @@ }, "72": { "value": "72px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -508,7 +484,7 @@ }, "80": { "value": "80px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -532,7 +508,7 @@ }, "96": { "value": "96px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -556,7 +532,7 @@ }, "112": { "value": "112px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -580,7 +556,7 @@ }, "128": { "value": "128px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -604,7 +580,7 @@ }, "144": { "value": "144px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -628,7 +604,7 @@ }, "160": { "value": "160px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -652,7 +628,7 @@ }, "192": { "value": "192px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -676,7 +652,7 @@ }, "224": { "value": "224px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -700,7 +676,7 @@ }, "256": { "value": "256px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -724,7 +700,7 @@ }, "288": { "value": "288px", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -745,12 +721,10 @@ "mode": "" } } - } - }, - "relative": { - "auto": { - "value": "auto", - "type": "size", + }, + "none": { + "value": "0", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -760,21 +734,23 @@ "pattern": "", "element": "", "category": "size", - "group": "relative", + "group": "default", "kind": "", "appearance": "", "property": "", "variant": "", "state": "", - "scale": "auto", + "scale": "none", "context": "", "mode": "" } } - }, + } + }, + "relative": { "50": { "value": "50%", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -798,7 +774,7 @@ }, "100": { "value": "100%", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -822,7 +798,7 @@ }, "125": { "value": "125%", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -846,7 +822,7 @@ }, "137": { "value": "137.5%", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -870,7 +846,7 @@ }, "150": { "value": "150%", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -894,7 +870,7 @@ }, "162": { "value": "162.5%", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -918,7 +894,7 @@ }, "200": { "value": "200%", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -939,8 +915,32 @@ "mode": "" } } + }, + "auto": { + "value": "auto", + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "size", + "group": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "auto", + "context": "", + "mode": "" + } + } } } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/core/z-index.json b/packages/calcite-design-tokens/src/tokens/core/z-index.json index 22344b8f8f4..1134922dc67 100644 --- a/packages/calcite-design-tokens/src/tokens/core/z-index.json +++ b/packages/calcite-design-tokens/src/tokens/core/z-index.json @@ -219,4 +219,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/border.json b/packages/calcite-design-tokens/src/tokens/semantic/border.json index 581478eb6a3..d3e15ff9e56 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/border.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/border.json @@ -101,4 +101,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/color/dark.json b/packages/calcite-design-tokens/src/tokens/semantic/color/dark.json new file mode 100644 index 00000000000..a482efc1869 --- /dev/null +++ b/packages/calcite-design-tokens/src/tokens/semantic/color/dark.json @@ -0,0 +1,1017 @@ +{ + "semantic": { + "color": { + "background": { + "default": { + "value": "{core.color.neutral.blk-190}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "background", + "kind": "", + "appearance": "", + "property": "", + "variant": "default", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "none": { + "value": "rgba({core.color.neutral.blk-000}, {core.opacity.0})", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "background", + "kind": "", + "appearance": "", + "property": "", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "foreground": { + "1": { + "value": "{core.color.neutral.blk-200}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "element": "", + "category": "color", + "group": "foreground", + "kind": "", + "appearance": "", + "property": "", + "variant": "1", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "2": { + "value": "{core.color.neutral.blk-210}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "foreground", + "kind": "", + "appearance": "", + "property": "", + "variant": "2", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "3": { + "value": "{core.color.neutral.blk-220}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "foreground", + "kind": "", + "appearance": "", + "property": "", + "variant": "3", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "current": { + "value": "#214155", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "foreground", + "kind": "", + "appearance": "", + "property": "", + "variant": "current", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "transparent": { + "default": { + "default": { + "value": "rgba({core.color.neutral.blk-000}, {core.opacity.0})", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "hover": { + "value": "rgba({core.color.neutral.blk-000}, {core.opacity.4})", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "press": { + "value": "rgba({core.color.neutral.blk-000}, {core.opacity.8})", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "scrim": { + "value": "rgba({core.color.neutral.blk-240}, {core.opacity.85})", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "scrim", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "tint": { + "value": "rgba({core.color.neutral.blk-200}, {core.opacity.80})", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "tint", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "brand": { + "default": { + "default": { + "value": "{core.color.vibrant.blue.v-bb-160}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "hover": { + "value": "{core.color.high-saturation.blue.h-bb-060}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "press": { + "value": "{core.color.high-saturation.blue.h-bb-070}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "underline": { + "type": "color", + "value": "rgba({core.color.dark.blue.d-bb-420}, {core.opacity.40})", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "underline", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "status": { + "info": { + "default": { + "value": "{core.color.dark.blue.d-bb-420}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "info", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "hover": { + "value": "{core.color.vibrant.blue.v-bb-140}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "info", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "press": { + "value": "{core.color.vibrant.blue.v-bb-160}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "info", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "success": { + "default": { + "value": "{core.color.dark.green.d-gg-420}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "success", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "hover": { + "value": "{core.color.vibrant.green.v-gg-140}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "success", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "press": { + "value": "{core.color.vibrant.green.v-gg-160}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "success", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "warning": { + "default": { + "value": "{core.color.dark.yellow.d-yy-420}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "warning", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "hover": { + "value": "{core.color.vibrant.yellow.v-yy-140}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "warning", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "press": { + "value": "{core.color.vibrant.yellow.v-yy-160}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "warning", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "danger": { + "default": { + "value": "{core.color.dark.red.d-rr-420}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "danger", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "hover": { + "value": "{core.color.vibrant.red.v-rr-140}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "danger", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "press": { + "value": "{core.color.vibrant.red.v-rr-160}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "danger", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } + } + }, + "inverse": { + "default": { + "value": "{core.color.neutral.blk-005}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "inverse", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "hover": { + "value": "{core.color.neutral.blk-000}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "inverse", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "press": { + "value": "{core.color.neutral.blk-010}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "inverse", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "text": { + "1": { + "value": "{core.color.neutral.blk-000}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "text", + "kind": "", + "appearance": "", + "property": "", + "variant": "1", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "2": { + "value": "{core.color.neutral.blk-060}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "text", + "kind": "", + "appearance": "", + "property": "", + "variant": "2", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "3": { + "value": "{core.color.neutral.blk-090}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "text", + "kind": "", + "appearance": "", + "property": "", + "variant": "3", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "inverse": { + "value": "{core.color.neutral.blk-220}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "link": { + "value": "{core.color.dark.blue.d-bb-420}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + } + }, + "border": { + "1": { + "value": "{core.color.neutral.blk-160}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "1", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "2": { + "value": "{core.color.neutral.blk-170}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "2", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "3": { + "value": "{core.color.neutral.blk-180}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "3", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "input": { + "value": "{core.color.neutral.blk-130}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "input", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "ghost": { + "value": "rgba({core.color.neutral.blk-130}, {core.opacity.30})", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "ghost", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "white": { + "value": "{core.color.neutral.blk-005}", + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "white", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + } + } + } + } +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/color.json b/packages/calcite-design-tokens/src/tokens/semantic/color/light.json similarity index 81% rename from packages/calcite-design-tokens/src/tokens/semantic/color.json rename to packages/calcite-design-tokens/src/tokens/semantic/color/light.json index f477c66ed49..ed539952891 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/color.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/color/light.json @@ -3,10 +3,7 @@ "color": { "background": { "default": { - "value": { - "light": "{core.color.neutral.blk-005}", - "dark": "{core.color.neutral.blk-190}" - }, + "value": "{core.color.neutral.blk-005}", "type": "color", "attributes": { "calcite-schema": { @@ -56,10 +53,7 @@ }, "foreground": { "1": { - "value": { - "light": "{core.color.neutral.blk-000}", - "dark": "{core.color.neutral.blk-200}" - }, + "value": "{core.color.neutral.blk-000}", "type": "color", "attributes": { "calcite-schema": { @@ -82,10 +76,7 @@ } }, "2": { - "value": { - "light": "{core.color.neutral.blk-010}", - "dark": "{core.color.neutral.blk-210}" - }, + "value": "{core.color.neutral.blk-010}", "type": "color", "attributes": { "calcite-schema": { @@ -109,7 +100,7 @@ } }, "3": { - "value": { "light": "{core.color.neutral.blk-020}", "dark": "{core.color.neutral.blk-220}" }, + "value": "{core.color.neutral.blk-020}", "type": "color", "attributes": { "calcite-schema": { @@ -133,10 +124,7 @@ } }, "current": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-010}", - "dark": "#214155" - }, + "value": "{core.color.high-saturation.blue.h-bb-010}", "type": "color", "attributes": { "calcite-schema": { @@ -163,10 +151,7 @@ "transparent": { "default": { "default": { - "value": { - "light": "rgba({core.color.neutral.blk-240}, {core.opacity.0})", - "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.0})" - }, + "value": "rgba({core.color.neutral.blk-240}, {core.opacity.0})", "type": "color", "attributes": { "calcite-schema": { @@ -190,10 +175,7 @@ } }, "hover": { - "value": { - "light": "rgba({core.color.neutral.blk-240}, {core.opacity.4})", - "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.4})" - }, + "value": "rgba({core.color.neutral.blk-240}, {core.opacity.4})", "type": "color", "attributes": { "calcite-schema": { @@ -217,10 +199,7 @@ } }, "press": { - "value": { - "light": "rgba({core.color.neutral.blk-240}, {core.opacity.8})", - "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.8})" - }, + "value": "rgba({core.color.neutral.blk-240}, {core.opacity.8})", "type": "color", "attributes": { "calcite-schema": { @@ -245,10 +224,7 @@ } }, "scrim": { - "value": { - "light": "rgba({core.color.neutral.blk-000}, {core.opacity.85})", - "dark": "rgba({core.color.neutral.blk-240}, {core.opacity.85})" - }, + "value": "rgba({core.color.neutral.blk-000}, {core.opacity.85})", "type": "color", "attributes": { "calcite-schema": { @@ -272,10 +248,7 @@ } }, "tint": { - "value": { - "light": "rgba({core.color.neutral.blk-000}, {core.opacity.80})", - "dark": "rgba({core.color.neutral.blk-200}, {core.opacity.80})" - }, + "value": "rgba({core.color.neutral.blk-000}, {core.opacity.80})", "type": "color", "attributes": { "calcite-schema": { @@ -302,10 +275,7 @@ "brand": { "default": { "default": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-060}", - "dark": "{core.color.vibrant.blue.v-bb-160}" - }, + "value": "{core.color.high-saturation.blue.h-bb-060}", "type": "color", "attributes": { "calcite-schema": { @@ -329,10 +299,7 @@ } }, "hover": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-070}", - "dark": "{core.color.high-saturation.blue.h-bb-060}" - }, + "value": "{core.color.high-saturation.blue.h-bb-070}", "type": "color", "attributes": { "calcite-schema": { @@ -356,10 +323,7 @@ } }, "press": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-080}", - "dark": "{core.color.high-saturation.blue.h-bb-070}" - }, + "value": "{core.color.high-saturation.blue.h-bb-080}", "type": "color", "attributes": { "calcite-schema": { @@ -385,10 +349,7 @@ }, "underline": { "type": "color", - "value": { - "light": "rgba({core.color.high-saturation.blue.h-bb-070}, {core.opacity.40})", - "dark": "rgba({core.color.dark.blue.d-bb-420}, {core.opacity.40})" - }, + "value": "rgba({core.color.high-saturation.blue.h-bb-070}, {core.opacity.40})", "attributes": { "calcite-schema": { "system": "calcite", @@ -414,10 +375,7 @@ "status": { "info": { "default": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-070}", - "dark": "{core.color.dark.blue.d-bb-420}" - }, + "value": "{core.color.high-saturation.blue.h-bb-070}", "type": "color", "attributes": { "calcite-schema": { @@ -441,10 +399,7 @@ } }, "hover": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-080}", - "dark": "{core.color.vibrant.blue.v-bb-140}" - }, + "value": "{core.color.high-saturation.blue.h-bb-080}", "type": "color", "attributes": { "calcite-schema": { @@ -468,10 +423,7 @@ } }, "press": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-090}", - "dark": "{core.color.vibrant.blue.v-bb-160}" - }, + "value": "{core.color.high-saturation.blue.h-bb-090}", "type": "color", "attributes": { "calcite-schema": { @@ -497,10 +449,7 @@ }, "success": { "default": { - "value": { - "light": "{core.color.high-saturation.green.h-gg-060}", - "dark": "{core.color.dark.green.d-gg-420}" - }, + "value": "{core.color.high-saturation.green.h-gg-060}", "type": "color", "attributes": { "calcite-schema": { @@ -524,10 +473,7 @@ } }, "hover": { - "value": { - "light": "{core.color.high-saturation.green.h-gg-070}", - "dark": "{core.color.vibrant.green.v-gg-140}" - }, + "value": "{core.color.high-saturation.green.h-gg-070}", "type": "color", "attributes": { "calcite-schema": { @@ -551,10 +497,7 @@ } }, "press": { - "value": { - "light": "{core.color.high-saturation.green.h-gg-080}", - "dark": "{core.color.vibrant.green.v-gg-160}" - }, + "value": "{core.color.high-saturation.green.h-gg-080}", "type": "color", "attributes": { "calcite-schema": { @@ -580,10 +523,7 @@ }, "warning": { "default": { - "value": { - "light": "{core.color.high-saturation.yellow.h-yy-060}", - "dark": "{core.color.dark.yellow.d-yy-420}" - }, + "value": "{core.color.high-saturation.yellow.h-yy-060}", "type": "color", "attributes": { "calcite-schema": { @@ -607,10 +547,7 @@ } }, "hover": { - "value": { - "light": "{core.color.high-saturation.yellow.h-yy-070}", - "dark": "{core.color.vibrant.yellow.v-yy-140}" - }, + "value": "{core.color.high-saturation.yellow.h-yy-070}", "type": "color", "attributes": { "calcite-schema": { @@ -634,10 +571,7 @@ } }, "press": { - "value": { - "light": "{core.color.high-saturation.yellow.h-yy-080}", - "dark": "{core.color.vibrant.yellow.v-yy-160}" - }, + "value": "{core.color.high-saturation.yellow.h-yy-080}", "type": "color", "attributes": { "calcite-schema": { @@ -663,10 +597,7 @@ }, "danger": { "default": { - "value": { - "light": "{core.color.high-saturation.red.h-rr-060}", - "dark": "{core.color.dark.red.d-rr-420}" - }, + "value": "{core.color.high-saturation.red.h-rr-060}", "type": "color", "attributes": { "calcite-schema": { @@ -690,10 +621,7 @@ } }, "hover": { - "value": { - "light": "{core.color.high-saturation.red.h-rr-070}", - "dark": "{core.color.vibrant.red.v-rr-140}" - }, + "value": "{core.color.high-saturation.red.h-rr-070}", "type": "color", "attributes": { "calcite-schema": { @@ -717,10 +645,7 @@ } }, "press": { - "value": { - "light": "{core.color.high-saturation.red.h-rr-080}", - "dark": "{core.color.vibrant.red.v-rr-160}" - }, + "value": "{core.color.high-saturation.red.h-rr-080}", "type": "color", "attributes": { "calcite-schema": { @@ -747,10 +672,7 @@ }, "inverse": { "default": { - "value": { - "light": "{core.color.neutral.blk-190}", - "dark": "{core.color.neutral.blk-005}" - }, + "value": "{core.color.neutral.blk-190}", "type": "color", "attributes": { "calcite-schema": { @@ -774,10 +696,7 @@ } }, "hover": { - "value": { - "light": "{core.color.neutral.blk-200}", - "dark": "{core.color.neutral.blk-000}" - }, + "value": "{core.color.neutral.blk-200}", "type": "color", "attributes": { "calcite-schema": { @@ -801,10 +720,7 @@ } }, "press": { - "value": { - "light": "{core.color.neutral.blk-210}", - "dark": "{core.color.neutral.blk-010}" - }, + "value": "{core.color.neutral.blk-210}", "type": "color", "attributes": { "calcite-schema": { @@ -830,7 +746,7 @@ }, "text": { "1": { - "value": { "light": "{core.color.neutral.blk-220}", "dark": "{core.color.neutral.blk-000}" }, + "value": "{core.color.neutral.blk-220}", "type": "color", "attributes": { "calcite-schema": { @@ -854,7 +770,7 @@ } }, "2": { - "value": { "light": "{core.color.neutral.blk-170}", "dark": "{core.color.neutral.blk-060}" }, + "value": "{core.color.neutral.blk-170}", "type": "color", "attributes": { "calcite-schema": { @@ -878,7 +794,7 @@ } }, "3": { - "value": { "light": "{core.color.neutral.blk-140}", "dark": "{core.color.neutral.blk-090}" }, + "value": "{core.color.neutral.blk-140}", "type": "color", "attributes": { "calcite-schema": { @@ -902,7 +818,7 @@ } }, "inverse": { - "value": { "light": "{core.color.neutral.blk-000}", "dark": "{core.color.neutral.blk-220}" }, + "value": "{core.color.neutral.blk-000}", "type": "color", "attributes": { "calcite-schema": { @@ -926,10 +842,7 @@ } }, "link": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-070}", - "dark": "{core.color.dark.blue.d-bb-420}" - }, + "value": "{core.color.high-saturation.blue.h-bb-070}", "type": "color", "attributes": { "calcite-schema": { @@ -955,7 +868,7 @@ }, "border": { "1": { - "value": { "light": "{core.color.neutral.blk-050}", "dark": "{core.color.neutral.blk-160}" }, + "value": "{core.color.neutral.blk-050}", "type": "color", "attributes": { "calcite-schema": { @@ -979,7 +892,7 @@ } }, "2": { - "value": { "light": "{core.color.neutral.blk-040}", "dark": "{core.color.neutral.blk-170}" }, + "value": "{core.color.neutral.blk-040}", "type": "color", "attributes": { "calcite-schema": { @@ -1003,7 +916,7 @@ } }, "3": { - "value": { "light": "{core.color.neutral.blk-030}", "dark": "{core.color.neutral.blk-180}" }, + "value": "{core.color.neutral.blk-030}", "type": "color", "attributes": { "calcite-schema": { @@ -1027,7 +940,7 @@ } }, "input": { - "value": { "light": "{core.color.neutral.blk-100}", "dark": "{core.color.neutral.blk-130}" }, + "value": "{core.color.neutral.blk-100}", "type": "color", "attributes": { "calcite-schema": { @@ -1051,10 +964,7 @@ } }, "ghost": { - "value": { - "light": "rgba({core.color.neutral.blk-240}, {core.opacity.30})", - "dark": "rgba({core.color.neutral.blk-130}, {core.opacity.30})" - }, + "value": "rgba({core.color.neutral.blk-240}, {core.opacity.30})", "type": "color", "attributes": { "calcite-schema": { @@ -1078,10 +988,7 @@ } }, "white": { - "value": { - "light": "{core.color.neutral.blk-000}", - "dark": "{core.color.neutral.blk-005}" - }, + "value": "{core.color.neutral.blk-000}", "type": "color", "attributes": { "calcite-schema": { @@ -1107,4 +1014,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/container-size.json b/packages/calcite-design-tokens/src/tokens/semantic/container-size.json index 2b3b7c540e5..44fd4320b62 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/container-size.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/container-size.json @@ -7,7 +7,7 @@ "min": "0", "max": "{core.container-size.154}" }, - "type": "breakpoint", + "type": "dimension", "description": "Small handheld devices and mini-windows", "attributes": { "calcite-schema": { @@ -35,7 +35,7 @@ "min": "{core.container-size.154} + 1", "max": "{core.container-size.328}" }, - "type": "breakpoint", + "type": "dimension", "description": "Handheld devices", "attributes": { "calcite-schema": { @@ -63,7 +63,7 @@ "min": "{core.container-size.328} + 1", "max": "{core.container-size.504}" }, - "type": "breakpoint", + "type": "dimension", "description": "Small tablets", "attributes": { "calcite-schema": { @@ -91,7 +91,7 @@ "min": "{core.container-size.504} + 1", "max": "{core.container-size.678}" }, - "type": "breakpoint", + "type": "dimension", "description": "Small laptops", "attributes": { "calcite-schema": { @@ -119,7 +119,7 @@ "min": "{core.container-size.678} + 1", "max": "{core.container-size.854}" }, - "type": "breakpoint", + "type": "dimension", "description": "Large laptops and desktop computers", "attributes": { "calcite-schema": { @@ -146,7 +146,7 @@ "value": { "min": "{core.container-size.854} + 1" }, - "type": "breakpoint", + "type": "dimension", "description": "Projectors and televisions", "attributes": { "calcite-schema": { @@ -176,7 +176,7 @@ "min": 0, "max": "{core.container-size.320}" }, - "type": "breakpoint", + "type": "dimension", "description": "Small handheld devices and mini-windows", "attributes": { "calcite-schema": { @@ -204,7 +204,7 @@ "min": "{core.container-size.320} + 1", "max": "{core.container-size.476}" }, - "type": "breakpoint", + "type": "dimension", "description": "Handheld devices", "attributes": { "calcite-schema": { @@ -232,7 +232,7 @@ "min": "{core.container-size.476} + 1", "max": "{core.container-size.768}" }, - "type": "breakpoint", + "type": "dimension", "description": "Small tablets", "attributes": { "calcite-schema": { @@ -260,7 +260,7 @@ "min": "{core.container-size.768} + 1", "max": "{core.container-size.1152}" }, - "type": "breakpoint", + "type": "dimension", "description": "Small laptops", "attributes": { "calcite-schema": { @@ -288,7 +288,7 @@ "min": "{core.container-size.1152} + 1", "max": "{core.container-size.1440}" }, - "type": "breakpoint", + "type": "dimension", "description": "Large laptops and desktop computers", "attributes": { "calcite-schema": { @@ -315,7 +315,7 @@ "value": { "min": "{core.container-size.1440} + 1" }, - "type": "breakpoint", + "type": "dimension", "description": "Projectors and televisions", "attributes": { "calcite-schema": { @@ -441,4 +441,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/corner.json b/packages/calcite-design-tokens/src/tokens/semantic/corner.json index 25f53cec23d..1adbf12ef1e 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/corner.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/corner.json @@ -101,4 +101,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/font.json b/packages/calcite-design-tokens/src/tokens/semantic/font.json index 6c827d46825..b9344cdda38 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/font.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/font.json @@ -924,4 +924,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/opacity.json b/packages/calcite-design-tokens/src/tokens/semantic/opacity.json index 2e896928139..d6c8d478995 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/opacity.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/opacity.json @@ -123,4 +123,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/shadow.json b/packages/calcite-design-tokens/src/tokens/semantic/shadow.json index 7b4f1a1b8eb..22b93c30aa1 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/shadow.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/shadow.json @@ -26,7 +26,10 @@ } }, "sm": { - "value": ["{core.shadow.1}", "{core.shadow.2}"], + "value": [ + "{core.shadow.1}", + "{core.shadow.2}" + ], "type": "boxShadow", "attributes": { "calcite-schema": { @@ -50,7 +53,10 @@ } }, "md": { - "value": ["{core.shadow.3}", "{core.shadow.4}"], + "value": [ + "{core.shadow.3}", + "{core.shadow.4}" + ], "type": "boxShadow", "attributes": { "calcite-schema": { @@ -75,4 +81,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/size.json b/packages/calcite-design-tokens/src/tokens/semantic/size.json index 08373c46dee..d00ef2a0c5f 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/size.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/size.json @@ -281,7 +281,7 @@ "default": { "px": { "value": "{core.size.default.1}", - "type": "size", + "type": "sizing", "attributes": { "calcite-schema": { "system": "calcite", @@ -518,4 +518,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/space.json b/packages/calcite-design-tokens/src/tokens/semantic/space.json index 572fdd2eade..2a17a8f7606 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/space.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/space.json @@ -4,7 +4,7 @@ "fixed": { "xxs": { "value": "{core.size.default.4}", - "type": "space", + "type": "spacing", "description": "deprecated", "attributes": { "calcite-schema": { @@ -29,7 +29,7 @@ }, "xs": { "value": "{core.size.default.6}", - "type": "space", + "type": "spacing", "description": "deprecated", "attributes": { "calcite-schema": { @@ -54,7 +54,7 @@ }, "sm": { "value": "{core.size.default.8}", - "type": "space", + "type": "spacing", "description": "deprecated", "attributes": { "calcite-schema": { @@ -79,7 +79,7 @@ }, "md": { "value": "{core.size.default.12}", - "type": "space", + "type": "spacing", "description": "deprecated", "attributes": { "calcite-schema": { @@ -104,7 +104,7 @@ }, "lg": { "value": "{core.size.default.14}", - "type": "space", + "type": "spacing", "description": "deprecated", "attributes": { "calcite-schema": { @@ -129,7 +129,7 @@ }, "xl": { "value": "{core.size.default.16}", - "type": "space", + "type": "spacing", "description": "deprecated", "attributes": { "calcite-schema": { @@ -154,7 +154,7 @@ }, "xxl": { "value": "{core.size.default.20}", - "type": "space", + "type": "spacing", "description": "deprecated", "attributes": { "calcite-schema": { @@ -179,7 +179,7 @@ }, "xxxl": { "value": "{core.size.default.32}", - "type": "space", + "type": "spacing", "description": "deprecated", "attributes": { "calcite-schema": { @@ -206,7 +206,7 @@ "default": { "none": { "value": "{core.size.default.none}", - "type": "space", + "type": "spacing", "attributes": { "calcite-schema": { "system": "calcite", @@ -230,7 +230,7 @@ }, "px": { "value": "{core.size.default.1}", - "type": "space", + "type": "spacing", "attributes": { "calcite-schema": { "system": "calcite", @@ -254,7 +254,7 @@ }, "base": { "value": "{core.size.default.2}", - "type": "space", + "type": "spacing", "attributes": { "calcite-schema": { "system": "calcite", @@ -519,4 +519,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/typography.json b/packages/calcite-design-tokens/src/tokens/semantic/typography.json index 500b6e6ddb8..9b6782c55c7 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/typography.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/typography.json @@ -645,11 +645,11 @@ }, "wrap": { "light": { - "-2": { + "0": { "value": { "fontWeight": "{semantic.font.weight.light}", "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.sm}" + "fontSize": "{semantic.font.size.md}" }, "type": "typography", "extensions": { @@ -670,16 +670,17 @@ "property": "", "variant": "light", "state": "", - "scale": "-2", + "scale": "0", "context": "", "mode": "" } } }, - "-1": { + "1": { "value": { "fontWeight": "{semantic.font.weight.light}", - "lineHeight": "{semantic.font.line-height.relative.snug}" + "lineHeight": "{semantic.font.line-height.relative.snug}", + "fontSize": "{semantic.font.size.lg}" }, "type": "typography", "extensions": { @@ -700,18 +701,17 @@ "property": "", "variant": "light", "state": "", - "scale": "-1", + "scale": "1", "context": "", "mode": "" } } }, - - "0": { + "2": { "value": { "fontWeight": "{semantic.font.weight.light}", "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.md}" + "fontSize": "{semantic.font.size.xl}" }, "type": "typography", "extensions": { @@ -732,17 +732,17 @@ "property": "", "variant": "light", "state": "", - "scale": "0", + "scale": "2", "context": "", "mode": "" } } }, - "1": { + "3": { "value": { "fontWeight": "{semantic.font.weight.light}", - "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.lg}" + "lineHeight": "{semantic.font.line-height.relative.tight}", + "fontSize": "{semantic.font.size.xxl}" }, "type": "typography", "extensions": { @@ -763,17 +763,17 @@ "property": "", "variant": "light", "state": "", - "scale": "1", + "scale": "3", "context": "", "mode": "" } } }, - "2": { + "-2": { "value": { "fontWeight": "{semantic.font.weight.light}", "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.xl}" + "fontSize": "{semantic.font.size.sm}" }, "type": "typography", "extensions": { @@ -794,17 +794,16 @@ "property": "", "variant": "light", "state": "", - "scale": "2", + "scale": "-2", "context": "", "mode": "" } } }, - "3": { + "-1": { "value": { "fontWeight": "{semantic.font.weight.light}", - "lineHeight": "{semantic.font.line-height.relative.tight}", - "fontSize": "{semantic.font.size.xxl}" + "lineHeight": "{semantic.font.line-height.relative.snug}" }, "type": "typography", "extensions": { @@ -825,7 +824,7 @@ "property": "", "variant": "light", "state": "", - "scale": "3", + "scale": "-1", "context": "", "mode": "" } @@ -833,10 +832,10 @@ } }, "regular": { - "-2": { + "0": { "value": { "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.sm}" + "fontSize": "{semantic.font.size.md}" }, "type": "typography", "extensions": { @@ -857,15 +856,16 @@ "property": "", "variant": "regular", "state": "", - "scale": "-2", + "scale": "0", "context": "", "mode": "" } } }, - "-1": { + "1": { "value": { - "lineHeight": "{semantic.font.line-height.relative.snug}" + "lineHeight": "{semantic.font.line-height.relative.snug}", + "fontSize": "{semantic.font.size.lg}" }, "type": "typography", "extensions": { @@ -886,16 +886,16 @@ "property": "", "variant": "regular", "state": "", - "scale": "-1", + "scale": "1", "context": "", "mode": "" } } }, - "0": { + "2": { "value": { "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.md}" + "fontSize": "{semantic.font.size.xl}" }, "type": "typography", "extensions": { @@ -916,16 +916,16 @@ "property": "", "variant": "regular", "state": "", - "scale": "0", + "scale": "2", "context": "", "mode": "" } } }, - "1": { + "3": { "value": { "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.lg}" + "fontSize": "{semantic.font.size.xxl}" }, "type": "typography", "extensions": { @@ -946,16 +946,16 @@ "property": "", "variant": "regular", "state": "", - "scale": "1", + "scale": "3", "context": "", "mode": "" } } }, - "2": { + "-2": { "value": { "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.xl}" + "fontSize": "{semantic.font.size.sm}" }, "type": "typography", "extensions": { @@ -976,16 +976,15 @@ "property": "", "variant": "regular", "state": "", - "scale": "2", + "scale": "-2", "context": "", "mode": "" } } }, - "3": { + "-1": { "value": { - "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.xxl}" + "lineHeight": "{semantic.font.line-height.relative.snug}" }, "type": "typography", "extensions": { @@ -1006,7 +1005,7 @@ "property": "", "variant": "regular", "state": "", - "scale": "3", + "scale": "-1", "context": "", "mode": "" } @@ -1014,11 +1013,11 @@ } }, "medium": { - "-2": { + "0": { "value": { "fontWeight": "{semantic.font.weight.medium}", "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.sm}" + "fontSize": "{semantic.font.size.md}" }, "type": "typography", "extensions": { @@ -1039,16 +1038,17 @@ "property": "", "variant": "medium", "state": "", - "scale": "-2", + "scale": "0", "context": "", "mode": "" } } }, - "-1": { + "1": { "value": { "fontWeight": "{semantic.font.weight.medium}", - "lineHeight": "{semantic.font.line-height.relative.snug}" + "lineHeight": "{semantic.font.line-height.relative.snug}", + "fontSize": "{semantic.font.size.lg}" }, "type": "typography", "extensions": { @@ -1069,17 +1069,17 @@ "property": "", "variant": "medium", "state": "", - "scale": "-1", + "scale": "1", "context": "", "mode": "" } } }, - "0": { + "2": { "value": { "fontWeight": "{semantic.font.weight.medium}", "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.md}" + "fontSize": "{semantic.font.size.xl}" }, "type": "typography", "extensions": { @@ -1100,17 +1100,17 @@ "property": "", "variant": "medium", "state": "", - "scale": "0", + "scale": "2", "context": "", "mode": "" } } }, - "1": { + "3": { "value": { "fontWeight": "{semantic.font.weight.medium}", "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.lg}" + "fontSize": "{semantic.font.size.xxl}" }, "type": "typography", "extensions": { @@ -1131,17 +1131,17 @@ "property": "", "variant": "medium", "state": "", - "scale": "1", + "scale": "3", "context": "", "mode": "" } } }, - "2": { + "-2": { "value": { "fontWeight": "{semantic.font.weight.medium}", "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.xl}" + "fontSize": "{semantic.font.size.sm}" }, "type": "typography", "extensions": { @@ -1162,17 +1162,16 @@ "property": "", "variant": "medium", "state": "", - "scale": "2", + "scale": "-2", "context": "", "mode": "" } } }, - "3": { + "-1": { "value": { "fontWeight": "{semantic.font.weight.medium}", - "lineHeight": "{semantic.font.line-height.relative.snug}", - "fontSize": "{semantic.font.size.xxl}" + "lineHeight": "{semantic.font.line-height.relative.snug}" }, "type": "typography", "extensions": { @@ -1193,7 +1192,7 @@ "property": "", "variant": "medium", "state": "", - "scale": "3", + "scale": "-1", "context": "", "mode": "" } @@ -1666,4 +1665,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/src/tokens/semantic/z-index.json b/packages/calcite-design-tokens/src/tokens/semantic/z-index.json index e31952fc46e..1d087b1b49b 100644 --- a/packages/calcite-design-tokens/src/tokens/semantic/z-index.json +++ b/packages/calcite-design-tokens/src/tokens/semantic/z-index.json @@ -243,4 +243,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/calcite-design-tokens/tests/spec/__snapshots__/index.spec.ts.snap b/packages/calcite-design-tokens/tests/spec/__snapshots__/index.spec.ts.snap index 610fa37cab7..1dc947efc2e 100644 --- a/packages/calcite-design-tokens/tests/spec/__snapshots__/index.spec.ts.snap +++ b/packages/calcite-design-tokens/tests/spec/__snapshots__/index.spec.ts.snap @@ -627,11 +627,12 @@ exports[`generated tokens > CSS > dark should match 1`] = ` "/ :root { - --calcite-color-foreground-current: #214155; --calcite-color-background: #353535; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-foreground-1: #2b2b2b; --calcite-color-foreground-2: #202020; --calcite-color-foreground-3: #151515; + --calcite-color-foreground-current: #214155; --calcite-color-transparent: rgba(255, 255, 255, 0); --calcite-color-transparent-hover: rgba(255, 255, 255, 0.04); --calcite-color-transparent-press: rgba(255, 255, 255, 0.08); @@ -675,11 +676,11 @@ exports[`generated tokens > CSS > global should match 1`] = ` "/ :root { + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-border-width-none: 0; --calcite-border-width-sm: 1px; --calcite-border-width-md: 2px; --calcite-border-width-lg: 4px; - --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-container-size-margin: 24px; --calcite-container-size-gutter: 16px; --calcite-container-size-content-fluid: 100%; /* for fluid grid widths */ @@ -833,6 +834,7 @@ exports[`generated tokens > CSS > index should match 1`] = ` --calcite-color-foreground-3: #eaeaea; --calcite-color-foreground-2: #f3f3f3; --calcite-color-foreground-1: #ffffff; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-background: #f8f8f8; } @media (prefers-color-scheme: light) { @@ -876,6 +878,7 @@ exports[`generated tokens > CSS > index should match 1`] = ` --calcite-color-foreground-3: #eaeaea; --calcite-color-foreground-2: #f3f3f3; --calcite-color-foreground-1: #ffffff; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-background: #f8f8f8; } } @@ -920,6 +923,7 @@ exports[`generated tokens > CSS > index should match 1`] = ` --calcite-color-foreground-3: #151515; --calcite-color-foreground-2: #202020; --calcite-color-foreground-1: #2b2b2b; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-background: #353535; } } @@ -963,6 +967,7 @@ exports[`generated tokens > CSS > index should match 1`] = ` --calcite-color-foreground-3: #eaeaea; --calcite-color-foreground-2: #f3f3f3; --calcite-color-foreground-1: #ffffff; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-background: #f8f8f8; } .calcite-mode-dark { @@ -1005,6 +1010,7 @@ exports[`generated tokens > CSS > index should match 1`] = ` --calcite-color-foreground-3: #151515; --calcite-color-foreground-2: #202020; --calcite-color-foreground-1: #2b2b2b; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-background: #353535; } " @@ -1015,6 +1021,7 @@ exports[`generated tokens > CSS > light should match 1`] = ` :root { --calcite-color-background: #f8f8f8; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-foreground-1: #ffffff; --calcite-color-foreground-2: #f3f3f3; --calcite-color-foreground-3: #eaeaea; @@ -8645,12 +8652,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "1px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8672,12 +8679,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "2px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8699,12 +8706,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "4px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8726,12 +8733,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "6px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8753,12 +8760,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "8px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8780,12 +8787,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "10px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8807,12 +8814,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "12px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8834,12 +8841,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "14px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8861,12 +8868,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "16px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8888,12 +8895,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "20px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8915,12 +8922,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "24px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8942,12 +8949,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "28px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8969,12 +8976,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "32px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -8996,12 +9003,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "36px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9023,12 +9030,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "40px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9050,12 +9057,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "44px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9077,12 +9084,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "48px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9104,12 +9111,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "56px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9131,12 +9138,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "64px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9158,12 +9165,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "72px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9185,12 +9192,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "80px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9212,12 +9219,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "96px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9239,12 +9246,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "112px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9266,12 +9273,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "128px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9293,12 +9300,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "144px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9320,12 +9327,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "160px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9347,12 +9354,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "192px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9374,12 +9381,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "224px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9401,12 +9408,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "256px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9428,12 +9435,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "288px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9455,12 +9462,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "0", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9482,12 +9489,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "50%", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9509,12 +9516,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "100%", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9536,12 +9543,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "125%", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9563,12 +9570,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "137.5%", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9590,12 +9597,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "150%", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9617,12 +9624,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "162.5%", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9644,12 +9651,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "200%", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9671,12 +9678,12 @@ exports[`generated tokens > DOCS > core should match 1`] = ` }, { "value": "auto", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "core", - "type": "size" + "type": "dimension" }, "category": "core", "type": "size", @@ -9939,121 +9946,13 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "{ "timestamp": "TEST_TIMESTAMP", "tokens": [ - { - "value": "0", - "type": "dimension", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "semantic", - "type": "dimension" - }, - "category": "semantic", - "type": "border", - "item": "width", - "subitem": "none", - "names": { - "scss": "$calcite-border-width-none", - "css": "var(--calcite-border-width-none)", - "js": "semantic.border.width.none", - "docs": "semantic.border.width.none", - "es6": "calciteBorderWidthNone" - } - }, - "filePath": "src/tokens/semantic/border.json", - "isSource": true, - "name": "Border Width None", - "path": ["semantic", "border", "width", "none"], - "key": "{semantic.border.width.none}" - }, - { - "value": "1px", - "type": "dimension", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "semantic", - "type": "dimension" - }, - "category": "semantic", - "type": "border", - "item": "width", - "subitem": "sm", - "names": { - "scss": "$calcite-border-width-sm", - "css": "var(--calcite-border-width-sm)", - "js": "semantic.border.width.sm", - "docs": "semantic.border.width.sm", - "es6": "calciteBorderWidthSm" - } - }, - "filePath": "src/tokens/semantic/border.json", - "isSource": true, - "name": "Border Width Sm", - "path": ["semantic", "border", "width", "sm"], - "key": "{semantic.border.width.sm}" - }, - { - "value": "2px", - "type": "dimension", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "semantic", - "type": "dimension" - }, - "category": "semantic", - "type": "border", - "item": "width", - "subitem": "md", - "names": { - "scss": "$calcite-border-width-md", - "css": "var(--calcite-border-width-md)", - "js": "semantic.border.width.md", - "docs": "semantic.border.width.md", - "es6": "calciteBorderWidthMd" - } - }, - "filePath": "src/tokens/semantic/border.json", - "isSource": true, - "name": "Border Width Md", - "path": ["semantic", "border", "width", "md"], - "key": "{semantic.border.width.md}" - }, - { - "value": "4px", - "type": "dimension", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "semantic", - "type": "dimension" - }, - "category": "semantic", - "type": "border", - "item": "width", - "subitem": "lg", - "names": { - "scss": "$calcite-border-width-lg", - "css": "var(--calcite-border-width-lg)", - "js": "semantic.border.width.lg", - "docs": "semantic.border.width.lg", - "es6": "calciteBorderWidthLg" - } - }, - "filePath": "src/tokens/semantic/border.json", - "isSource": true, - "name": "Border Width Lg", - "path": ["semantic", "border", "width", "lg"], - "key": "{semantic.border.width.lg}" - }, { "value": "{\\"light\\":\\"#f8f8f8\\",\\"dark\\":\\"#353535\\"}", "type": "color", "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10068,8 +9967,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBackground" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Background", "path": ["semantic", "color", "background", "default"], "key": "{semantic.color.background.default}" @@ -10080,7 +9979,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10095,8 +9994,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBackgroundNone" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Background None", "path": ["semantic", "color", "background", "none"], "key": "{semantic.color.background.none}" @@ -10107,7 +10006,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10122,8 +10021,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorForeground1" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Foreground 1", "path": ["semantic", "color", "foreground", "1"], "key": "{semantic.color.foreground.1}" @@ -10134,7 +10033,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10149,8 +10048,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorForeground2" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Foreground 2", "path": ["semantic", "color", "foreground", "2"], "key": "{semantic.color.foreground.2}" @@ -10161,7 +10060,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10176,8 +10075,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorForeground3" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Foreground 3", "path": ["semantic", "color", "foreground", "3"], "key": "{semantic.color.foreground.3}" @@ -10188,7 +10087,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10203,8 +10102,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorForegroundCurrent" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Foreground Current", "path": ["semantic", "color", "foreground", "current"], "key": "{semantic.color.foreground.current}" @@ -10215,7 +10114,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10231,8 +10130,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorTransparent" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Transparent", "path": ["semantic", "color", "transparent", "default", "default"], "key": "{semantic.color.transparent.default.default}" @@ -10243,7 +10142,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10259,8 +10158,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorTransparentHover" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Transparent Hover", "path": ["semantic", "color", "transparent", "default", "hover"], "key": "{semantic.color.transparent.default.hover}" @@ -10271,7 +10170,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10287,8 +10186,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorTransparentPress" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Transparent Press", "path": ["semantic", "color", "transparent", "default", "press"], "key": "{semantic.color.transparent.default.press}" @@ -10299,7 +10198,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10314,8 +10213,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorTransparentScrim" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Transparent Scrim", "path": ["semantic", "color", "transparent", "scrim"], "key": "{semantic.color.transparent.scrim}" @@ -10326,7 +10225,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10341,8 +10240,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorTransparentTint" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Transparent Tint", "path": ["semantic", "color", "transparent", "tint"], "key": "{semantic.color.transparent.tint}" @@ -10353,7 +10252,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10369,8 +10268,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBrand" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Brand", "path": ["semantic", "color", "brand", "default", "default"], "key": "{semantic.color.brand.default.default}" @@ -10381,7 +10280,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10397,8 +10296,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBrandHover" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Brand Hover", "path": ["semantic", "color", "brand", "default", "hover"], "key": "{semantic.color.brand.default.hover}" @@ -10409,7 +10308,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10425,8 +10324,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBrandPress" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Brand Press", "path": ["semantic", "color", "brand", "default", "press"], "key": "{semantic.color.brand.default.press}" @@ -10437,7 +10336,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10452,8 +10351,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBrandUnderline" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Brand Underline", "path": ["semantic", "color", "brand", "underline"], "key": "{semantic.color.brand.underline}" @@ -10464,7 +10363,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10480,8 +10379,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusInfo" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Info", "path": ["semantic", "color", "status", "info", "default"], "key": "{semantic.color.status.info.default}" @@ -10492,7 +10391,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10508,8 +10407,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusInfoHover" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Info Hover", "path": ["semantic", "color", "status", "info", "hover"], "key": "{semantic.color.status.info.hover}" @@ -10520,7 +10419,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10536,8 +10435,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusInfoPress" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Info Press", "path": ["semantic", "color", "status", "info", "press"], "key": "{semantic.color.status.info.press}" @@ -10548,7 +10447,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10564,8 +10463,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusSuccess" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Success", "path": ["semantic", "color", "status", "success", "default"], "key": "{semantic.color.status.success.default}" @@ -10576,7 +10475,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10592,8 +10491,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusSuccessHover" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Success Hover", "path": ["semantic", "color", "status", "success", "hover"], "key": "{semantic.color.status.success.hover}" @@ -10604,7 +10503,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10620,8 +10519,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusSuccessPress" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Success Press", "path": ["semantic", "color", "status", "success", "press"], "key": "{semantic.color.status.success.press}" @@ -10632,7 +10531,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10648,8 +10547,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusWarning" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Warning", "path": ["semantic", "color", "status", "warning", "default"], "key": "{semantic.color.status.warning.default}" @@ -10660,7 +10559,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10676,8 +10575,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusWarningHover" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Warning Hover", "path": ["semantic", "color", "status", "warning", "hover"], "key": "{semantic.color.status.warning.hover}" @@ -10688,7 +10587,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10704,8 +10603,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusWarningPress" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Warning Press", "path": ["semantic", "color", "status", "warning", "press"], "key": "{semantic.color.status.warning.press}" @@ -10716,7 +10615,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10732,8 +10631,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusDanger" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Danger", "path": ["semantic", "color", "status", "danger", "default"], "key": "{semantic.color.status.danger.default}" @@ -10744,7 +10643,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10760,8 +10659,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusDangerHover" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Danger Hover", "path": ["semantic", "color", "status", "danger", "hover"], "key": "{semantic.color.status.danger.hover}" @@ -10772,7 +10671,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10788,8 +10687,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorStatusDangerPress" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Status Danger Press", "path": ["semantic", "color", "status", "danger", "press"], "key": "{semantic.color.status.danger.press}" @@ -10800,7 +10699,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10815,8 +10714,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorInverse" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Inverse", "path": ["semantic", "color", "inverse", "default"], "key": "{semantic.color.inverse.default}" @@ -10827,7 +10726,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10842,8 +10741,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorInverseHover" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Inverse Hover", "path": ["semantic", "color", "inverse", "hover"], "key": "{semantic.color.inverse.hover}" @@ -10854,7 +10753,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10869,8 +10768,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorInversePress" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Inverse Press", "path": ["semantic", "color", "inverse", "press"], "key": "{semantic.color.inverse.press}" @@ -10881,7 +10780,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10896,8 +10795,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorText1" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Text 1", "path": ["semantic", "color", "text", "1"], "key": "{semantic.color.text.1}" @@ -10908,7 +10807,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10923,8 +10822,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorText2" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Text 2", "path": ["semantic", "color", "text", "2"], "key": "{semantic.color.text.2}" @@ -10935,7 +10834,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10950,8 +10849,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorText3" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Text 3", "path": ["semantic", "color", "text", "3"], "key": "{semantic.color.text.3}" @@ -10962,7 +10861,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -10977,8 +10876,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorTextInverse" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Text Inverse", "path": ["semantic", "color", "text", "inverse"], "key": "{semantic.color.text.inverse}" @@ -10989,7 +10888,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -11004,8 +10903,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorTextLink" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Text Link", "path": ["semantic", "color", "text", "link"], "key": "{semantic.color.text.link}" @@ -11016,7 +10915,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -11031,8 +10930,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBorder1" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Border 1", "path": ["semantic", "color", "border", "1"], "key": "{semantic.color.border.1}" @@ -11043,7 +10942,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -11058,8 +10957,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBorder2" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Border 2", "path": ["semantic", "color", "border", "2"], "key": "{semantic.color.border.2}" @@ -11070,7 +10969,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -11085,8 +10984,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBorder3" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Border 3", "path": ["semantic", "color", "border", "3"], "key": "{semantic.color.border.3}" @@ -11097,7 +10996,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -11112,8 +11011,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBorderInput" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Border Input", "path": ["semantic", "color", "border", "input"], "key": "{semantic.color.border.input}" @@ -11124,7 +11023,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -11139,8 +11038,8 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBorderGhost" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Border Ghost", "path": ["semantic", "color", "border", "ghost"], "key": "{semantic.color.border.ghost}" @@ -11151,7 +11050,7 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "attributes": { "calcite-schema": { "system": "calcite", - "tier": "semantic", + "tier": "color", "type": "color" }, "category": "semantic", @@ -11166,24 +11065,132 @@ exports[`generated tokens > DOCS > global should match 1`] = ` "es6": "calciteColorBorderWhite" } }, - "filePath": "src/tokens/semantic/color.json", - "isSource": true, + "filePath": "src/tokens/semantic/color/light.json", + "isSource": false, "name": "Color Border White", "path": ["semantic", "color", "border", "white"], "key": "{semantic.color.border.white}" }, + { + "value": "0", + "type": "dimension", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "type": "dimension" + }, + "category": "semantic", + "type": "border", + "item": "width", + "subitem": "none", + "names": { + "scss": "$calcite-border-width-none", + "css": "var(--calcite-border-width-none)", + "js": "semantic.border.width.none", + "docs": "semantic.border.width.none", + "es6": "calciteBorderWidthNone" + } + }, + "filePath": "src/tokens/semantic/border.json", + "isSource": true, + "name": "Border Width None", + "path": ["semantic", "border", "width", "none"], + "key": "{semantic.border.width.none}" + }, + { + "value": "1px", + "type": "dimension", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "type": "dimension" + }, + "category": "semantic", + "type": "border", + "item": "width", + "subitem": "sm", + "names": { + "scss": "$calcite-border-width-sm", + "css": "var(--calcite-border-width-sm)", + "js": "semantic.border.width.sm", + "docs": "semantic.border.width.sm", + "es6": "calciteBorderWidthSm" + } + }, + "filePath": "src/tokens/semantic/border.json", + "isSource": true, + "name": "Border Width Sm", + "path": ["semantic", "border", "width", "sm"], + "key": "{semantic.border.width.sm}" + }, + { + "value": "2px", + "type": "dimension", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "type": "dimension" + }, + "category": "semantic", + "type": "border", + "item": "width", + "subitem": "md", + "names": { + "scss": "$calcite-border-width-md", + "css": "var(--calcite-border-width-md)", + "js": "semantic.border.width.md", + "docs": "semantic.border.width.md", + "es6": "calciteBorderWidthMd" + } + }, + "filePath": "src/tokens/semantic/border.json", + "isSource": true, + "name": "Border Width Md", + "path": ["semantic", "border", "width", "md"], + "key": "{semantic.border.width.md}" + }, + { + "value": "4px", + "type": "dimension", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "type": "dimension" + }, + "category": "semantic", + "type": "border", + "item": "width", + "subitem": "lg", + "names": { + "scss": "$calcite-border-width-lg", + "css": "var(--calcite-border-width-lg)", + "js": "semantic.border.width.lg", + "docs": "semantic.border.width.lg", + "es6": "calciteBorderWidthLg" + } + }, + "filePath": "src/tokens/semantic/border.json", + "isSource": true, + "name": "Border Width Lg", + "path": ["semantic", "border", "width", "lg"], + "key": "{semantic.border.width.lg}" + }, { "value": "{\\"min\\":\\"0\\",\\"max\\":\\"154px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small handheld devices and mini-windows", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "xxs", "value": { @@ -11213,16 +11220,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"155px\\",\\"max\\":\\"328px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Handheld devices", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "xs", "value": { @@ -11252,16 +11259,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"329px\\",\\"max\\":\\"504px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small tablets", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "sm", "value": { @@ -11291,16 +11298,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"505px\\",\\"max\\":\\"678px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small laptops", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "md", "value": { @@ -11330,16 +11337,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"679px\\",\\"max\\":\\"854px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Large laptops and desktop computers", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "lg", "value": { @@ -11369,16 +11376,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"855px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Projectors and televisions", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "xl", "value": { @@ -11407,16 +11414,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"0\\",\\"max\\":\\"320px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small handheld devices and mini-windows", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "xxs", "value": { @@ -11446,16 +11453,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"321px\\",\\"max\\":\\"476px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Handheld devices", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "xs", "value": { @@ -11485,16 +11492,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"477px\\",\\"max\\":\\"768px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small tablets", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "sm", "value": { @@ -11524,16 +11531,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"769px\\",\\"max\\":\\"1152px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small laptops", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "md", "value": { @@ -11563,16 +11570,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"1153px\\",\\"max\\":\\"1440px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Large laptops and desktop computers", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "lg", "value": { @@ -11602,16 +11609,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "{\\"min\\":\\"1441px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Projectors and televisions", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "xl", "value": { @@ -13659,12 +13666,12 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "1px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "size" + "type": "dimension" }, "category": "semantic", "type": "size", @@ -13929,16 +13936,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "4px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xxs", "value": "4px", @@ -13965,16 +13972,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "6px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xs", "value": "6px", @@ -14001,16 +14008,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "8px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "sm", "value": "8px", @@ -14037,16 +14044,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "12px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "md", "value": "12px", @@ -14073,16 +14080,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "14px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "lg", "value": "14px", @@ -14109,16 +14116,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "16px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xl", "value": "16px", @@ -14145,16 +14152,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "20px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xxl", "value": "20px", @@ -14181,16 +14188,16 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "32px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xxxl", "value": "32px", @@ -14217,12 +14224,12 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "0", - "type": "space", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", "type": "spacing", @@ -14244,12 +14251,12 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "1px", - "type": "space", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", "type": "spacing", @@ -14271,12 +14278,12 @@ exports[`generated tokens > DOCS > global should match 1`] = ` }, { "value": "2px", - "type": "space", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", "type": "spacing", @@ -17241,16 +17248,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"0\\",\\"max\\":\\"154px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small handheld devices and mini-windows", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "xxs", "value": { @@ -17280,16 +17287,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"155px\\",\\"max\\":\\"328px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Handheld devices", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "xs", "value": { @@ -17319,16 +17326,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"329px\\",\\"max\\":\\"504px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small tablets", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "sm", "value": { @@ -17358,16 +17365,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"505px\\",\\"max\\":\\"678px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small laptops", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "md", "value": { @@ -17397,16 +17404,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"679px\\",\\"max\\":\\"854px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Large laptops and desktop computers", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "lg", "value": { @@ -17436,16 +17443,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"855px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Projectors and televisions", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "height", "subitem": "xl", "value": { @@ -17474,16 +17481,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"0\\",\\"max\\":\\"320px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small handheld devices and mini-windows", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "xxs", "value": { @@ -17513,16 +17520,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"321px\\",\\"max\\":\\"476px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Handheld devices", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "xs", "value": { @@ -17552,16 +17559,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"477px\\",\\"max\\":\\"768px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small tablets", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "sm", "value": { @@ -17591,16 +17598,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"769px\\",\\"max\\":\\"1152px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Small laptops", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "md", "value": { @@ -17630,16 +17637,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"1153px\\",\\"max\\":\\"1440px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Large laptops and desktop computers", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "lg", "value": { @@ -17669,16 +17676,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "{\\"min\\":\\"1441px\\"}", - "type": "breakpoint", + "type": "dimension", "description": "Projectors and televisions", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "breakpoint" + "type": "dimension" }, "category": "semantic", - "type": "breakpoint", + "type": "dimension", "item": "width", "subitem": "xl", "value": { @@ -19726,12 +19733,12 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "1px", - "type": "size", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "size" + "type": "dimension" }, "category": "semantic", "type": "size", @@ -19996,16 +20003,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "4px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xxs", "value": "4px", @@ -20032,16 +20039,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "6px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xs", "value": "6px", @@ -20068,16 +20075,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "8px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "sm", "value": "8px", @@ -20104,16 +20111,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "12px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "md", "value": "12px", @@ -20140,16 +20147,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "14px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "lg", "value": "14px", @@ -20176,16 +20183,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "16px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xl", "value": "16px", @@ -20212,16 +20219,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "20px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xxl", "value": "20px", @@ -20248,16 +20255,16 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "32px", - "type": "space", + "type": "dimension", "description": "deprecated", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", - "type": "space", + "type": "dimension", "item": "fixed", "subitem": "xxxl", "value": "32px", @@ -20284,12 +20291,12 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "0", - "type": "space", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", "type": "spacing", @@ -20311,12 +20318,12 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "1px", - "type": "space", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", "type": "spacing", @@ -20338,12 +20345,12 @@ exports[`generated tokens > DOCS > semantic should match 1`] = ` }, { "value": "2px", - "type": "space", + "type": "dimension", "attributes": { "calcite-schema": { "system": "calcite", "tier": "semantic", - "type": "space" + "type": "dimension" }, "category": "semantic", "type": "spacing", @@ -21666,10 +21673,6 @@ export const calciteZIndex9: string; exports[`generated tokens > ES6 > global should match 1`] = ` "/ -export const calciteBorderWidthNone = "0"; -export const calciteBorderWidthSm = "1px"; -export const calciteBorderWidthMd = "2px"; -export const calciteBorderWidthLg = "4px"; export const calciteColorBackground = { light: "#f8f8f8", dark: "#353535" }; export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)"; export const calciteColorForeground1 = { light: "#ffffff", dark: "#2b2b2b" }; @@ -21759,6 +21762,10 @@ export const calciteColorBorderGhost = { dark: "rgba(117, 117, 117, 0.3)", }; export const calciteColorBorderWhite = { light: "#ffffff", dark: "#f8f8f8" }; +export const calciteBorderWidthNone = "0"; +export const calciteBorderWidthSm = "1px"; +export const calciteBorderWidthMd = "2px"; +export const calciteBorderWidthLg = "4px"; export const calciteContainerSizeHeightXxs = { min: "0", max: "154px" }; // Small handheld devices and mini-windows export const calciteContainerSizeHeightXs = { min: "155px", max: "328px" }; // Handheld devices export const calciteContainerSizeHeightSm = { min: "329px", max: "504px" }; // Small tablets @@ -22165,10 +22172,6 @@ export const calciteZIndexTooltip = "901"; exports[`generated tokens > ES6 > global types should match 1`] = ` "/ -export const calciteBorderWidthNone: string; -export const calciteBorderWidthSm: string; -export const calciteBorderWidthMd: string; -export const calciteBorderWidthLg: string; export const calciteColorBackground: { light: string; dark: string }; export const calciteColorBackgroundNone: string; export const calciteColorForeground1: { light: string; dark: string }; @@ -22209,10 +22212,11 @@ export const calciteColorBorder2: { light: string; dark: string }; export const calciteColorBorder3: { light: string; dark: string }; export const calciteColorBorderInput: { light: string; dark: string }; export const calciteColorBorderGhost: { light: string; dark: string }; -export const calciteColorBorderWhite: { - light: string; - dark: string; -}; /** Small handheld devices and mini-windows */ +export const calciteColorBorderWhite: { light: string; dark: string }; +export const calciteBorderWidthNone: string; +export const calciteBorderWidthSm: string; +export const calciteBorderWidthMd: string; +export const calciteBorderWidthLg: string; /** Small handheld devices and mini-windows */ export const calciteContainerSizeHeightXxs: { min: string; max: string; @@ -37197,12 +37201,12 @@ export default { default: { 1: { value: "1px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37220,7 +37224,7 @@ export default { isSource: false, original: { value: "1px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37248,12 +37252,12 @@ export default { }, 2: { value: "2px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37271,7 +37275,7 @@ export default { isSource: false, original: { value: "2px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37299,12 +37303,12 @@ export default { }, 4: { value: "4px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37322,7 +37326,7 @@ export default { isSource: false, original: { value: "4px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37350,12 +37354,12 @@ export default { }, 6: { value: "6px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37373,7 +37377,7 @@ export default { isSource: false, original: { value: "6px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37401,12 +37405,12 @@ export default { }, 8: { value: "8px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37424,7 +37428,7 @@ export default { isSource: false, original: { value: "8px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37452,12 +37456,12 @@ export default { }, 10: { value: "10px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37475,7 +37479,7 @@ export default { isSource: false, original: { value: "10px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37503,12 +37507,12 @@ export default { }, 12: { value: "12px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37526,7 +37530,7 @@ export default { isSource: false, original: { value: "12px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37554,12 +37558,12 @@ export default { }, 14: { value: "14px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37577,7 +37581,7 @@ export default { isSource: false, original: { value: "14px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37605,12 +37609,12 @@ export default { }, 16: { value: "16px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37628,7 +37632,7 @@ export default { isSource: false, original: { value: "16px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37656,12 +37660,12 @@ export default { }, 20: { value: "20px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37679,7 +37683,7 @@ export default { isSource: false, original: { value: "20px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37707,12 +37711,12 @@ export default { }, 24: { value: "24px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37730,7 +37734,7 @@ export default { isSource: false, original: { value: "24px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37758,12 +37762,12 @@ export default { }, 28: { value: "28px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37781,7 +37785,7 @@ export default { isSource: false, original: { value: "28px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37809,12 +37813,12 @@ export default { }, 32: { value: "32px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37832,7 +37836,7 @@ export default { isSource: false, original: { value: "32px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37860,12 +37864,12 @@ export default { }, 36: { value: "36px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37883,7 +37887,7 @@ export default { isSource: false, original: { value: "36px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37911,12 +37915,12 @@ export default { }, 40: { value: "40px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37934,7 +37938,7 @@ export default { isSource: false, original: { value: "40px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -37962,12 +37966,12 @@ export default { }, 44: { value: "44px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -37985,7 +37989,7 @@ export default { isSource: false, original: { value: "44px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38013,12 +38017,12 @@ export default { }, 48: { value: "48px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38036,7 +38040,7 @@ export default { isSource: false, original: { value: "48px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38064,12 +38068,12 @@ export default { }, 56: { value: "56px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38087,7 +38091,7 @@ export default { isSource: false, original: { value: "56px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38115,12 +38119,12 @@ export default { }, 64: { value: "64px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38138,7 +38142,7 @@ export default { isSource: false, original: { value: "64px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38166,12 +38170,12 @@ export default { }, 72: { value: "72px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38189,7 +38193,7 @@ export default { isSource: false, original: { value: "72px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38217,12 +38221,12 @@ export default { }, 80: { value: "80px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38240,7 +38244,7 @@ export default { isSource: false, original: { value: "80px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38268,12 +38272,12 @@ export default { }, 96: { value: "96px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38291,7 +38295,7 @@ export default { isSource: false, original: { value: "96px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38319,12 +38323,12 @@ export default { }, 112: { value: "112px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38342,7 +38346,7 @@ export default { isSource: false, original: { value: "112px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38370,12 +38374,12 @@ export default { }, 128: { value: "128px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38393,7 +38397,7 @@ export default { isSource: false, original: { value: "128px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38421,12 +38425,12 @@ export default { }, 144: { value: "144px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38444,7 +38448,7 @@ export default { isSource: false, original: { value: "144px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38472,12 +38476,12 @@ export default { }, 160: { value: "160px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38495,7 +38499,7 @@ export default { isSource: false, original: { value: "160px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38523,12 +38527,12 @@ export default { }, 192: { value: "192px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38546,7 +38550,7 @@ export default { isSource: false, original: { value: "192px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38574,12 +38578,12 @@ export default { }, 224: { value: "224px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38597,7 +38601,7 @@ export default { isSource: false, original: { value: "224px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38625,12 +38629,12 @@ export default { }, 256: { value: "256px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38648,7 +38652,7 @@ export default { isSource: false, original: { value: "256px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38676,12 +38680,12 @@ export default { }, 288: { value: "288px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38699,7 +38703,7 @@ export default { isSource: false, original: { value: "288px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38727,12 +38731,12 @@ export default { }, none: { value: "0", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38750,7 +38754,7 @@ export default { isSource: false, original: { value: "0", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38780,12 +38784,12 @@ export default { relative: { 50: { value: "50%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38803,7 +38807,7 @@ export default { isSource: false, original: { value: "50%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38831,12 +38835,12 @@ export default { }, 100: { value: "100%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38854,7 +38858,7 @@ export default { isSource: false, original: { value: "100%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38882,12 +38886,12 @@ export default { }, 125: { value: "125%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38905,7 +38909,7 @@ export default { isSource: false, original: { value: "125%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38933,12 +38937,12 @@ export default { }, 137: { value: "137.5%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -38956,7 +38960,7 @@ export default { isSource: false, original: { value: "137.5%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -38984,12 +38988,12 @@ export default { }, 150: { value: "150%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -39007,7 +39011,7 @@ export default { isSource: false, original: { value: "150%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -39035,12 +39039,12 @@ export default { }, 162: { value: "162.5%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -39058,7 +39062,7 @@ export default { isSource: false, original: { value: "162.5%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -39086,12 +39090,12 @@ export default { }, 200: { value: "200%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -39109,7 +39113,7 @@ export default { isSource: false, original: { value: "200%", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -39137,12 +39141,12 @@ export default { }, auto: { value: "auto", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "core", - type: "size", + type: "dimension", }, category: "core", type: "size", @@ -39160,7 +39164,7 @@ export default { isSource: false, original: { value: "auto", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -40074,214 +40078,6 @@ exports[`generated tokens > JS > global should match 1`] = ` export default { semantic: { - border: { - width: { - none: { - value: "0", - type: "dimension", - attributes: { - "calcite-schema": { - system: "calcite", - tier: "semantic", - type: "dimension", - }, - category: "semantic", - type: "border", - item: "width", - subitem: "none", - names: { - scss: "$calcite-border-width-none", - css: "var(--calcite-border-width-none)", - js: "semantic.border.width.none", - docs: "semantic.border.width.none", - es6: "calciteBorderWidthNone", - }, - }, - filePath: "src/tokens/semantic/border.json", - isSource: true, - original: { - value: "{core.size.default.none}", - type: "dimension", - attributes: { - "calcite-schema": { - system: "calcite", - tier: "semantic", - domain: "", - component: "", - pattern: "", - element: "", - category: "border", - group: "width", - kind: "", - appearance: "", - property: "", - variant: "", - state: "", - scale: "none", - context: "", - mode: "", - }, - }, - }, - name: "Border Width None", - path: ["semantic", "border", "width", "none"], - key: "{semantic.border.width.none}", - }, - sm: { - value: "1px", - type: "dimension", - attributes: { - "calcite-schema": { - system: "calcite", - tier: "semantic", - type: "dimension", - }, - category: "semantic", - type: "border", - item: "width", - subitem: "sm", - names: { - scss: "$calcite-border-width-sm", - css: "var(--calcite-border-width-sm)", - js: "semantic.border.width.sm", - docs: "semantic.border.width.sm", - es6: "calciteBorderWidthSm", - }, - }, - filePath: "src/tokens/semantic/border.json", - isSource: true, - original: { - value: "{core.size.default.1}", - type: "dimension", - attributes: { - "calcite-schema": { - system: "calcite", - tier: "semantic", - domain: "", - component: "", - pattern: "", - element: "", - category: "border", - group: "width", - kind: "", - appearance: "", - property: "", - variant: "", - state: "", - scale: "sm", - context: "", - mode: "", - }, - }, - }, - name: "Border Width Sm", - path: ["semantic", "border", "width", "sm"], - key: "{semantic.border.width.sm}", - }, - md: { - value: "2px", - type: "dimension", - attributes: { - "calcite-schema": { - system: "calcite", - tier: "semantic", - type: "dimension", - }, - category: "semantic", - type: "border", - item: "width", - subitem: "md", - names: { - scss: "$calcite-border-width-md", - css: "var(--calcite-border-width-md)", - js: "semantic.border.width.md", - docs: "semantic.border.width.md", - es6: "calciteBorderWidthMd", - }, - }, - filePath: "src/tokens/semantic/border.json", - isSource: true, - original: { - value: "{core.size.default.2}", - type: "dimension", - attributes: { - "calcite-schema": { - system: "calcite", - tier: "semantic", - domain: "", - component: "", - pattern: "", - element: "", - category: "border", - group: "width", - kind: "", - appearance: "", - property: "", - variant: "", - state: "", - scale: "md", - context: "", - mode: "", - }, - }, - }, - name: "Border Width Md", - path: ["semantic", "border", "width", "md"], - key: "{semantic.border.width.md}", - }, - lg: { - value: "4px", - type: "dimension", - attributes: { - "calcite-schema": { - system: "calcite", - tier: "semantic", - type: "dimension", - }, - category: "semantic", - type: "border", - item: "width", - subitem: "lg", - names: { - scss: "$calcite-border-width-lg", - css: "var(--calcite-border-width-lg)", - js: "semantic.border.width.lg", - docs: "semantic.border.width.lg", - es6: "calciteBorderWidthLg", - }, - }, - filePath: "src/tokens/semantic/border.json", - isSource: true, - original: { - value: "{core.size.default.4}", - type: "dimension", - attributes: { - "calcite-schema": { - system: "calcite", - tier: "semantic", - domain: "", - component: "", - pattern: "", - element: "", - category: "border", - group: "width", - kind: "", - appearance: "", - property: "", - variant: "", - state: "", - scale: "lg", - context: "", - mode: "", - }, - }, - }, - name: "Border Width Lg", - path: ["semantic", "border", "width", "lg"], - key: "{semantic.border.width.lg}", - }, - }, - }, color: { background: { default: { @@ -40293,7 +40089,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40308,13 +40104,10 @@ export default { es6: "calciteColorBackground", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-005}", - dark: "{core.color.neutral.blk-190}", - }, + value: "{core.color.neutral.blk-005}", type: "color", attributes: { "calcite-schema": { @@ -40347,7 +40140,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40362,8 +40155,8 @@ export default { es6: "calciteColorBackgroundNone", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { value: "rgba({core.color.neutral.blk-000}, {core.opacity.0})", type: "color", @@ -40403,7 +40196,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40418,13 +40211,10 @@ export default { es6: "calciteColorForeground1", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-000}", - dark: "{core.color.neutral.blk-200}", - }, + value: "{core.color.neutral.blk-000}", type: "color", attributes: { "calcite-schema": { @@ -40459,7 +40249,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40474,13 +40264,10 @@ export default { es6: "calciteColorForeground2", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-010}", - dark: "{core.color.neutral.blk-210}", - }, + value: "{core.color.neutral.blk-010}", type: "color", attributes: { "calcite-schema": { @@ -40516,7 +40303,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40531,13 +40318,10 @@ export default { es6: "calciteColorForeground3", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-020}", - dark: "{core.color.neutral.blk-220}", - }, + value: "{core.color.neutral.blk-020}", type: "color", attributes: { "calcite-schema": { @@ -40573,7 +40357,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40588,13 +40372,10 @@ export default { es6: "calciteColorForegroundCurrent", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.blue.h-bb-010}", - dark: "#214155", - }, + value: "{core.color.high-saturation.blue.h-bb-010}", type: "color", attributes: { "calcite-schema": { @@ -40633,7 +40414,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40649,13 +40430,10 @@ export default { es6: "calciteColorTransparent", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "rgba({core.color.neutral.blk-240}, {core.opacity.0})", - dark: "rgba({core.color.neutral.blk-000}, {core.opacity.0})", - }, + value: "rgba({core.color.neutral.blk-240}, {core.opacity.0})", type: "color", attributes: { "calcite-schema": { @@ -40691,7 +40469,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40707,13 +40485,10 @@ export default { es6: "calciteColorTransparentHover", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "rgba({core.color.neutral.blk-240}, {core.opacity.4})", - dark: "rgba({core.color.neutral.blk-000}, {core.opacity.4})", - }, + value: "rgba({core.color.neutral.blk-240}, {core.opacity.4})", type: "color", attributes: { "calcite-schema": { @@ -40749,7 +40524,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40765,13 +40540,10 @@ export default { es6: "calciteColorTransparentPress", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "rgba({core.color.neutral.blk-240}, {core.opacity.8})", - dark: "rgba({core.color.neutral.blk-000}, {core.opacity.8})", - }, + value: "rgba({core.color.neutral.blk-240}, {core.opacity.8})", type: "color", attributes: { "calcite-schema": { @@ -40808,7 +40580,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40823,13 +40595,10 @@ export default { es6: "calciteColorTransparentScrim", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "rgba({core.color.neutral.blk-000}, {core.opacity.85})", - dark: "rgba({core.color.neutral.blk-240}, {core.opacity.85})", - }, + value: "rgba({core.color.neutral.blk-000}, {core.opacity.85})", type: "color", attributes: { "calcite-schema": { @@ -40865,7 +40634,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40880,13 +40649,10 @@ export default { es6: "calciteColorTransparentTint", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "rgba({core.color.neutral.blk-000}, {core.opacity.80})", - dark: "rgba({core.color.neutral.blk-200}, {core.opacity.80})", - }, + value: "rgba({core.color.neutral.blk-000}, {core.opacity.80})", type: "color", attributes: { "calcite-schema": { @@ -40925,7 +40691,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40941,13 +40707,10 @@ export default { es6: "calciteColorBrand", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.blue.h-bb-060}", - dark: "{core.color.vibrant.blue.v-bb-160}", - }, + value: "{core.color.high-saturation.blue.h-bb-060}", type: "color", attributes: { "calcite-schema": { @@ -40983,7 +40746,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -40999,13 +40762,10 @@ export default { es6: "calciteColorBrandHover", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.blue.h-bb-070}", - dark: "{core.color.high-saturation.blue.h-bb-060}", - }, + value: "{core.color.high-saturation.blue.h-bb-070}", type: "color", attributes: { "calcite-schema": { @@ -41041,7 +40801,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41057,13 +40817,10 @@ export default { es6: "calciteColorBrandPress", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.blue.h-bb-080}", - dark: "{core.color.high-saturation.blue.h-bb-070}", - }, + value: "{core.color.high-saturation.blue.h-bb-080}", type: "color", attributes: { "calcite-schema": { @@ -41100,7 +40857,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41115,15 +40872,12 @@ export default { es6: "calciteColorBrandUnderline", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { type: "color", - value: { - light: - "rgba({core.color.high-saturation.blue.h-bb-070}, {core.opacity.40})", - dark: "rgba({core.color.dark.blue.d-bb-420}, {core.opacity.40})", - }, + value: + "rgba({core.color.high-saturation.blue.h-bb-070}, {core.opacity.40})", attributes: { "calcite-schema": { system: "calcite", @@ -41161,7 +40915,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41177,13 +40931,10 @@ export default { es6: "calciteColorStatusInfo", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.blue.h-bb-070}", - dark: "{core.color.dark.blue.d-bb-420}", - }, + value: "{core.color.high-saturation.blue.h-bb-070}", type: "color", attributes: { "calcite-schema": { @@ -41219,7 +40970,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41235,13 +40986,10 @@ export default { es6: "calciteColorStatusInfoHover", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.blue.h-bb-080}", - dark: "{core.color.vibrant.blue.v-bb-140}", - }, + value: "{core.color.high-saturation.blue.h-bb-080}", type: "color", attributes: { "calcite-schema": { @@ -41277,7 +41025,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41293,13 +41041,10 @@ export default { es6: "calciteColorStatusInfoPress", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.blue.h-bb-090}", - dark: "{core.color.vibrant.blue.v-bb-160}", - }, + value: "{core.color.high-saturation.blue.h-bb-090}", type: "color", attributes: { "calcite-schema": { @@ -41337,7 +41082,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41353,13 +41098,10 @@ export default { es6: "calciteColorStatusSuccess", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.green.h-gg-060}", - dark: "{core.color.dark.green.d-gg-420}", - }, + value: "{core.color.high-saturation.green.h-gg-060}", type: "color", attributes: { "calcite-schema": { @@ -41395,7 +41137,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41411,13 +41153,10 @@ export default { es6: "calciteColorStatusSuccessHover", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.green.h-gg-070}", - dark: "{core.color.vibrant.green.v-gg-140}", - }, + value: "{core.color.high-saturation.green.h-gg-070}", type: "color", attributes: { "calcite-schema": { @@ -41453,7 +41192,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41469,13 +41208,10 @@ export default { es6: "calciteColorStatusSuccessPress", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.green.h-gg-080}", - dark: "{core.color.vibrant.green.v-gg-160}", - }, + value: "{core.color.high-saturation.green.h-gg-080}", type: "color", attributes: { "calcite-schema": { @@ -41513,7 +41249,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41529,13 +41265,10 @@ export default { es6: "calciteColorStatusWarning", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.yellow.h-yy-060}", - dark: "{core.color.dark.yellow.d-yy-420}", - }, + value: "{core.color.high-saturation.yellow.h-yy-060}", type: "color", attributes: { "calcite-schema": { @@ -41571,7 +41304,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41587,13 +41320,10 @@ export default { es6: "calciteColorStatusWarningHover", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.yellow.h-yy-070}", - dark: "{core.color.vibrant.yellow.v-yy-140}", - }, + value: "{core.color.high-saturation.yellow.h-yy-070}", type: "color", attributes: { "calcite-schema": { @@ -41629,7 +41359,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41645,13 +41375,10 @@ export default { es6: "calciteColorStatusWarningPress", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.yellow.h-yy-080}", - dark: "{core.color.vibrant.yellow.v-yy-160}", - }, + value: "{core.color.high-saturation.yellow.h-yy-080}", type: "color", attributes: { "calcite-schema": { @@ -41689,7 +41416,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41705,13 +41432,10 @@ export default { es6: "calciteColorStatusDanger", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.red.h-rr-060}", - dark: "{core.color.dark.red.d-rr-420}", - }, + value: "{core.color.high-saturation.red.h-rr-060}", type: "color", attributes: { "calcite-schema": { @@ -41747,7 +41471,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41763,13 +41487,10 @@ export default { es6: "calciteColorStatusDangerHover", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.red.h-rr-070}", - dark: "{core.color.vibrant.red.v-rr-140}", - }, + value: "{core.color.high-saturation.red.h-rr-070}", type: "color", attributes: { "calcite-schema": { @@ -41805,7 +41526,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41821,13 +41542,10 @@ export default { es6: "calciteColorStatusDangerPress", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.red.h-rr-080}", - dark: "{core.color.vibrant.red.v-rr-160}", - }, + value: "{core.color.high-saturation.red.h-rr-080}", type: "color", attributes: { "calcite-schema": { @@ -41866,7 +41584,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41881,13 +41599,10 @@ export default { es6: "calciteColorInverse", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-190}", - dark: "{core.color.neutral.blk-005}", - }, + value: "{core.color.neutral.blk-190}", type: "color", attributes: { "calcite-schema": { @@ -41923,7 +41638,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41938,13 +41653,10 @@ export default { es6: "calciteColorInverseHover", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-200}", - dark: "{core.color.neutral.blk-000}", - }, + value: "{core.color.neutral.blk-200}", type: "color", attributes: { "calcite-schema": { @@ -41980,7 +41692,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -41995,13 +41707,10 @@ export default { es6: "calciteColorInversePress", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-210}", - dark: "{core.color.neutral.blk-010}", - }, + value: "{core.color.neutral.blk-210}", type: "color", attributes: { "calcite-schema": { @@ -42039,7 +41748,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42054,13 +41763,10 @@ export default { es6: "calciteColorText1", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-220}", - dark: "{core.color.neutral.blk-000}", - }, + value: "{core.color.neutral.blk-220}", type: "color", attributes: { "calcite-schema": { @@ -42096,7 +41802,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42111,13 +41817,10 @@ export default { es6: "calciteColorText2", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-170}", - dark: "{core.color.neutral.blk-060}", - }, + value: "{core.color.neutral.blk-170}", type: "color", attributes: { "calcite-schema": { @@ -42153,7 +41856,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42168,13 +41871,10 @@ export default { es6: "calciteColorText3", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-140}", - dark: "{core.color.neutral.blk-090}", - }, + value: "{core.color.neutral.blk-140}", type: "color", attributes: { "calcite-schema": { @@ -42210,7 +41910,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42225,13 +41925,10 @@ export default { es6: "calciteColorTextInverse", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-000}", - dark: "{core.color.neutral.blk-220}", - }, + value: "{core.color.neutral.blk-000}", type: "color", attributes: { "calcite-schema": { @@ -42267,7 +41964,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42282,13 +41979,10 @@ export default { es6: "calciteColorTextLink", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.high-saturation.blue.h-bb-070}", - dark: "{core.color.dark.blue.d-bb-420}", - }, + value: "{core.color.high-saturation.blue.h-bb-070}", type: "color", attributes: { "calcite-schema": { @@ -42326,7 +42020,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42341,13 +42035,10 @@ export default { es6: "calciteColorBorder1", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-050}", - dark: "{core.color.neutral.blk-160}", - }, + value: "{core.color.neutral.blk-050}", type: "color", attributes: { "calcite-schema": { @@ -42383,7 +42074,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42398,13 +42089,10 @@ export default { es6: "calciteColorBorder2", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-040}", - dark: "{core.color.neutral.blk-170}", - }, + value: "{core.color.neutral.blk-040}", type: "color", attributes: { "calcite-schema": { @@ -42440,7 +42128,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42455,13 +42143,10 @@ export default { es6: "calciteColorBorder3", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-030}", - dark: "{core.color.neutral.blk-180}", - }, + value: "{core.color.neutral.blk-030}", type: "color", attributes: { "calcite-schema": { @@ -42497,7 +42182,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42512,13 +42197,10 @@ export default { es6: "calciteColorBorderInput", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-100}", - dark: "{core.color.neutral.blk-130}", - }, + value: "{core.color.neutral.blk-100}", type: "color", attributes: { "calcite-schema": { @@ -42554,7 +42236,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42569,13 +42251,10 @@ export default { es6: "calciteColorBorderGhost", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "rgba({core.color.neutral.blk-240}, {core.opacity.30})", - dark: "rgba({core.color.neutral.blk-130}, {core.opacity.30})", - }, + value: "rgba({core.color.neutral.blk-240}, {core.opacity.30})", type: "color", attributes: { "calcite-schema": { @@ -42611,7 +42290,7 @@ export default { attributes: { "calcite-schema": { system: "calcite", - tier: "semantic", + tier: "color", type: "color", }, category: "semantic", @@ -42626,13 +42305,10 @@ export default { es6: "calciteColorBorderWhite", }, }, - filePath: "src/tokens/semantic/color.json", - isSource: true, + filePath: "src/tokens/semantic/color/light.json", + isSource: false, original: { - value: { - light: "{core.color.neutral.blk-000}", - dark: "{core.color.neutral.blk-005}", - }, + value: "{core.color.neutral.blk-000}", type: "color", attributes: { "calcite-schema": { @@ -42661,6 +42337,214 @@ export default { }, }, }, + border: { + width: { + none: { + value: "0", + type: "dimension", + attributes: { + "calcite-schema": { + system: "calcite", + tier: "semantic", + type: "dimension", + }, + category: "semantic", + type: "border", + item: "width", + subitem: "none", + names: { + scss: "$calcite-border-width-none", + css: "var(--calcite-border-width-none)", + js: "semantic.border.width.none", + docs: "semantic.border.width.none", + es6: "calciteBorderWidthNone", + }, + }, + filePath: "src/tokens/semantic/border.json", + isSource: true, + original: { + value: "{core.size.default.none}", + type: "dimension", + attributes: { + "calcite-schema": { + system: "calcite", + tier: "semantic", + domain: "", + component: "", + pattern: "", + element: "", + category: "border", + group: "width", + kind: "", + appearance: "", + property: "", + variant: "", + state: "", + scale: "none", + context: "", + mode: "", + }, + }, + }, + name: "Border Width None", + path: ["semantic", "border", "width", "none"], + key: "{semantic.border.width.none}", + }, + sm: { + value: "1px", + type: "dimension", + attributes: { + "calcite-schema": { + system: "calcite", + tier: "semantic", + type: "dimension", + }, + category: "semantic", + type: "border", + item: "width", + subitem: "sm", + names: { + scss: "$calcite-border-width-sm", + css: "var(--calcite-border-width-sm)", + js: "semantic.border.width.sm", + docs: "semantic.border.width.sm", + es6: "calciteBorderWidthSm", + }, + }, + filePath: "src/tokens/semantic/border.json", + isSource: true, + original: { + value: "{core.size.default.1}", + type: "dimension", + attributes: { + "calcite-schema": { + system: "calcite", + tier: "semantic", + domain: "", + component: "", + pattern: "", + element: "", + category: "border", + group: "width", + kind: "", + appearance: "", + property: "", + variant: "", + state: "", + scale: "sm", + context: "", + mode: "", + }, + }, + }, + name: "Border Width Sm", + path: ["semantic", "border", "width", "sm"], + key: "{semantic.border.width.sm}", + }, + md: { + value: "2px", + type: "dimension", + attributes: { + "calcite-schema": { + system: "calcite", + tier: "semantic", + type: "dimension", + }, + category: "semantic", + type: "border", + item: "width", + subitem: "md", + names: { + scss: "$calcite-border-width-md", + css: "var(--calcite-border-width-md)", + js: "semantic.border.width.md", + docs: "semantic.border.width.md", + es6: "calciteBorderWidthMd", + }, + }, + filePath: "src/tokens/semantic/border.json", + isSource: true, + original: { + value: "{core.size.default.2}", + type: "dimension", + attributes: { + "calcite-schema": { + system: "calcite", + tier: "semantic", + domain: "", + component: "", + pattern: "", + element: "", + category: "border", + group: "width", + kind: "", + appearance: "", + property: "", + variant: "", + state: "", + scale: "md", + context: "", + mode: "", + }, + }, + }, + name: "Border Width Md", + path: ["semantic", "border", "width", "md"], + key: "{semantic.border.width.md}", + }, + lg: { + value: "4px", + type: "dimension", + attributes: { + "calcite-schema": { + system: "calcite", + tier: "semantic", + type: "dimension", + }, + category: "semantic", + type: "border", + item: "width", + subitem: "lg", + names: { + scss: "$calcite-border-width-lg", + css: "var(--calcite-border-width-lg)", + js: "semantic.border.width.lg", + docs: "semantic.border.width.lg", + es6: "calciteBorderWidthLg", + }, + }, + filePath: "src/tokens/semantic/border.json", + isSource: true, + original: { + value: "{core.size.default.4}", + type: "dimension", + attributes: { + "calcite-schema": { + system: "calcite", + tier: "semantic", + domain: "", + component: "", + pattern: "", + element: "", + category: "border", + group: "width", + kind: "", + appearance: "", + property: "", + variant: "", + state: "", + scale: "lg", + context: "", + mode: "", + }, + }, + }, + name: "Border Width Lg", + path: ["semantic", "border", "width", "lg"], + key: "{semantic.border.width.lg}", + }, + }, + }, "container-size": { height: { xxs: { @@ -42668,16 +42552,16 @@ export default { min: "0", max: "154px", }, - type: "breakpoint", + type: "dimension", description: "Small handheld devices and mini-windows", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "xxs", value: { @@ -42705,7 +42589,7 @@ export default { min: "0", max: "{core.container-size.154}", }, - type: "breakpoint", + type: "dimension", description: "Small handheld devices and mini-windows", attributes: { "calcite-schema": { @@ -42738,16 +42622,16 @@ export default { min: "155px", max: "328px", }, - type: "breakpoint", + type: "dimension", description: "Handheld devices", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "xs", value: { @@ -42775,7 +42659,7 @@ export default { min: "{core.container-size.154} + 1", max: "{core.container-size.328}", }, - type: "breakpoint", + type: "dimension", description: "Handheld devices", attributes: { "calcite-schema": { @@ -42808,16 +42692,16 @@ export default { min: "329px", max: "504px", }, - type: "breakpoint", + type: "dimension", description: "Small tablets", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "sm", value: { @@ -42845,7 +42729,7 @@ export default { min: "{core.container-size.328} + 1", max: "{core.container-size.504}", }, - type: "breakpoint", + type: "dimension", description: "Small tablets", attributes: { "calcite-schema": { @@ -42878,16 +42762,16 @@ export default { min: "505px", max: "678px", }, - type: "breakpoint", + type: "dimension", description: "Small laptops", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "md", value: { @@ -42915,7 +42799,7 @@ export default { min: "{core.container-size.504} + 1", max: "{core.container-size.678}", }, - type: "breakpoint", + type: "dimension", description: "Small laptops", attributes: { "calcite-schema": { @@ -42948,16 +42832,16 @@ export default { min: "679px", max: "854px", }, - type: "breakpoint", + type: "dimension", description: "Large laptops and desktop computers", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "lg", value: { @@ -42985,7 +42869,7 @@ export default { min: "{core.container-size.678} + 1", max: "{core.container-size.854}", }, - type: "breakpoint", + type: "dimension", description: "Large laptops and desktop computers", attributes: { "calcite-schema": { @@ -43017,16 +42901,16 @@ export default { value: { min: "855px", }, - type: "breakpoint", + type: "dimension", description: "Projectors and televisions", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "xl", value: { @@ -43052,7 +42936,7 @@ export default { value: { min: "{core.container-size.854} + 1", }, - type: "breakpoint", + type: "dimension", description: "Projectors and televisions", attributes: { "calcite-schema": { @@ -43087,16 +42971,16 @@ export default { min: "0", max: "320px", }, - type: "breakpoint", + type: "dimension", description: "Small handheld devices and mini-windows", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "xxs", value: { @@ -43124,7 +43008,7 @@ export default { min: 0, max: "{core.container-size.320}", }, - type: "breakpoint", + type: "dimension", description: "Small handheld devices and mini-windows", attributes: { "calcite-schema": { @@ -43157,16 +43041,16 @@ export default { min: "321px", max: "476px", }, - type: "breakpoint", + type: "dimension", description: "Handheld devices", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "xs", value: { @@ -43194,7 +43078,7 @@ export default { min: "{core.container-size.320} + 1", max: "{core.container-size.476}", }, - type: "breakpoint", + type: "dimension", description: "Handheld devices", attributes: { "calcite-schema": { @@ -43227,16 +43111,16 @@ export default { min: "477px", max: "768px", }, - type: "breakpoint", + type: "dimension", description: "Small tablets", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "sm", value: { @@ -43264,7 +43148,7 @@ export default { min: "{core.container-size.476} + 1", max: "{core.container-size.768}", }, - type: "breakpoint", + type: "dimension", description: "Small tablets", attributes: { "calcite-schema": { @@ -43297,16 +43181,16 @@ export default { min: "769px", max: "1152px", }, - type: "breakpoint", + type: "dimension", description: "Small laptops", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "md", value: { @@ -43334,7 +43218,7 @@ export default { min: "{core.container-size.768} + 1", max: "{core.container-size.1152}", }, - type: "breakpoint", + type: "dimension", description: "Small laptops", attributes: { "calcite-schema": { @@ -43367,16 +43251,16 @@ export default { min: "1153px", max: "1440px", }, - type: "breakpoint", + type: "dimension", description: "Large laptops and desktop computers", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "lg", value: { @@ -43404,7 +43288,7 @@ export default { min: "{core.container-size.1152} + 1", max: "{core.container-size.1440}", }, - type: "breakpoint", + type: "dimension", description: "Large laptops and desktop computers", attributes: { "calcite-schema": { @@ -43436,16 +43320,16 @@ export default { value: { min: "1441px", }, - type: "breakpoint", + type: "dimension", description: "Projectors and televisions", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "xl", value: { @@ -43471,7 +43355,7 @@ export default { value: { min: "{core.container-size.1440} + 1", }, - type: "breakpoint", + type: "dimension", description: "Projectors and televisions", attributes: { "calcite-schema": { @@ -47173,12 +47057,12 @@ export default { default: { px: { value: "1px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "size", + type: "dimension", }, category: "semantic", type: "size", @@ -47196,7 +47080,7 @@ export default { isSource: true, original: { value: "{core.size.default.1}", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -47683,16 +47567,16 @@ export default { fixed: { xxs: { value: "4px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xxs", value: "4px", @@ -47714,7 +47598,7 @@ export default { isSource: true, original: { value: "{core.size.default.4}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -47744,16 +47628,16 @@ export default { }, xs: { value: "6px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xs", value: "6px", @@ -47775,7 +47659,7 @@ export default { isSource: true, original: { value: "{core.size.default.6}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -47805,16 +47689,16 @@ export default { }, sm: { value: "8px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "sm", value: "8px", @@ -47836,7 +47720,7 @@ export default { isSource: true, original: { value: "{core.size.default.8}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -47866,16 +47750,16 @@ export default { }, md: { value: "12px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "md", value: "12px", @@ -47897,7 +47781,7 @@ export default { isSource: true, original: { value: "{core.size.default.12}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -47927,16 +47811,16 @@ export default { }, lg: { value: "14px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "lg", value: "14px", @@ -47958,7 +47842,7 @@ export default { isSource: true, original: { value: "{core.size.default.14}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -47988,16 +47872,16 @@ export default { }, xl: { value: "16px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xl", value: "16px", @@ -48019,7 +47903,7 @@ export default { isSource: true, original: { value: "{core.size.default.16}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -48049,16 +47933,16 @@ export default { }, xxl: { value: "20px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xxl", value: "20px", @@ -48080,7 +47964,7 @@ export default { isSource: true, original: { value: "{core.size.default.20}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -48110,16 +47994,16 @@ export default { }, xxxl: { value: "32px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xxxl", value: "32px", @@ -48141,7 +48025,7 @@ export default { isSource: true, original: { value: "{core.size.default.32}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -48173,12 +48057,12 @@ export default { default: { none: { value: "0", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", type: "spacing", @@ -48196,7 +48080,7 @@ export default { isSource: true, original: { value: "{core.size.default.none}", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -48224,12 +48108,12 @@ export default { }, px: { value: "1px", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", type: "spacing", @@ -48247,7 +48131,7 @@ export default { isSource: true, original: { value: "{core.size.default.1}", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -48275,12 +48159,12 @@ export default { }, base: { value: "2px", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", type: "spacing", @@ -48298,7 +48182,7 @@ export default { isSource: true, original: { value: "{core.size.default.2}", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -53596,14 +53480,6 @@ declare interface DesignToken { declare const tokens: { semantic: { - border: { - width: { - none: DesignToken; - sm: DesignToken; - md: DesignToken; - lg: DesignToken; - }; - }; color: { background: { default: DesignToken; @@ -53675,6 +53551,14 @@ declare const tokens: { white: DesignToken; }; }; + border: { + width: { + none: DesignToken; + sm: DesignToken; + md: DesignToken; + lg: DesignToken; + }; + }; "container-size": { height: { xxs: DesignToken; @@ -54156,16 +54040,16 @@ export default { min: "0", max: "154px", }, - type: "breakpoint", + type: "dimension", description: "Small handheld devices and mini-windows", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "xxs", value: { @@ -54193,7 +54077,7 @@ export default { min: "0", max: "{core.container-size.154}", }, - type: "breakpoint", + type: "dimension", description: "Small handheld devices and mini-windows", attributes: { "calcite-schema": { @@ -54226,16 +54110,16 @@ export default { min: "155px", max: "328px", }, - type: "breakpoint", + type: "dimension", description: "Handheld devices", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "xs", value: { @@ -54263,7 +54147,7 @@ export default { min: "{core.container-size.154} + 1", max: "{core.container-size.328}", }, - type: "breakpoint", + type: "dimension", description: "Handheld devices", attributes: { "calcite-schema": { @@ -54296,16 +54180,16 @@ export default { min: "329px", max: "504px", }, - type: "breakpoint", + type: "dimension", description: "Small tablets", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "sm", value: { @@ -54333,7 +54217,7 @@ export default { min: "{core.container-size.328} + 1", max: "{core.container-size.504}", }, - type: "breakpoint", + type: "dimension", description: "Small tablets", attributes: { "calcite-schema": { @@ -54366,16 +54250,16 @@ export default { min: "505px", max: "678px", }, - type: "breakpoint", + type: "dimension", description: "Small laptops", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "md", value: { @@ -54403,7 +54287,7 @@ export default { min: "{core.container-size.504} + 1", max: "{core.container-size.678}", }, - type: "breakpoint", + type: "dimension", description: "Small laptops", attributes: { "calcite-schema": { @@ -54436,16 +54320,16 @@ export default { min: "679px", max: "854px", }, - type: "breakpoint", + type: "dimension", description: "Large laptops and desktop computers", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "lg", value: { @@ -54473,7 +54357,7 @@ export default { min: "{core.container-size.678} + 1", max: "{core.container-size.854}", }, - type: "breakpoint", + type: "dimension", description: "Large laptops and desktop computers", attributes: { "calcite-schema": { @@ -54505,16 +54389,16 @@ export default { value: { min: "855px", }, - type: "breakpoint", + type: "dimension", description: "Projectors and televisions", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "height", subitem: "xl", value: { @@ -54540,7 +54424,7 @@ export default { value: { min: "{core.container-size.854} + 1", }, - type: "breakpoint", + type: "dimension", description: "Projectors and televisions", attributes: { "calcite-schema": { @@ -54575,16 +54459,16 @@ export default { min: "0", max: "320px", }, - type: "breakpoint", + type: "dimension", description: "Small handheld devices and mini-windows", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "xxs", value: { @@ -54612,7 +54496,7 @@ export default { min: 0, max: "{core.container-size.320}", }, - type: "breakpoint", + type: "dimension", description: "Small handheld devices and mini-windows", attributes: { "calcite-schema": { @@ -54645,16 +54529,16 @@ export default { min: "321px", max: "476px", }, - type: "breakpoint", + type: "dimension", description: "Handheld devices", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "xs", value: { @@ -54682,7 +54566,7 @@ export default { min: "{core.container-size.320} + 1", max: "{core.container-size.476}", }, - type: "breakpoint", + type: "dimension", description: "Handheld devices", attributes: { "calcite-schema": { @@ -54715,16 +54599,16 @@ export default { min: "477px", max: "768px", }, - type: "breakpoint", + type: "dimension", description: "Small tablets", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "sm", value: { @@ -54752,7 +54636,7 @@ export default { min: "{core.container-size.476} + 1", max: "{core.container-size.768}", }, - type: "breakpoint", + type: "dimension", description: "Small tablets", attributes: { "calcite-schema": { @@ -54785,16 +54669,16 @@ export default { min: "769px", max: "1152px", }, - type: "breakpoint", + type: "dimension", description: "Small laptops", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "md", value: { @@ -54822,7 +54706,7 @@ export default { min: "{core.container-size.768} + 1", max: "{core.container-size.1152}", }, - type: "breakpoint", + type: "dimension", description: "Small laptops", attributes: { "calcite-schema": { @@ -54855,16 +54739,16 @@ export default { min: "1153px", max: "1440px", }, - type: "breakpoint", + type: "dimension", description: "Large laptops and desktop computers", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "lg", value: { @@ -54892,7 +54776,7 @@ export default { min: "{core.container-size.1152} + 1", max: "{core.container-size.1440}", }, - type: "breakpoint", + type: "dimension", description: "Large laptops and desktop computers", attributes: { "calcite-schema": { @@ -54924,16 +54808,16 @@ export default { value: { min: "1441px", }, - type: "breakpoint", + type: "dimension", description: "Projectors and televisions", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "breakpoint", + type: "dimension", }, category: "semantic", - type: "breakpoint", + type: "dimension", item: "width", subitem: "xl", value: { @@ -54959,7 +54843,7 @@ export default { value: { min: "{core.container-size.1440} + 1", }, - type: "breakpoint", + type: "dimension", description: "Projectors and televisions", attributes: { "calcite-schema": { @@ -58661,12 +58545,12 @@ export default { default: { px: { value: "1px", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "size", + type: "dimension", }, category: "semantic", type: "size", @@ -58684,7 +58568,7 @@ export default { isSource: true, original: { value: "{core.size.default.1}", - type: "size", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -59171,16 +59055,16 @@ export default { fixed: { xxs: { value: "4px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xxs", value: "4px", @@ -59202,7 +59086,7 @@ export default { isSource: true, original: { value: "{core.size.default.4}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -59232,16 +59116,16 @@ export default { }, xs: { value: "6px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xs", value: "6px", @@ -59263,7 +59147,7 @@ export default { isSource: true, original: { value: "{core.size.default.6}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -59293,16 +59177,16 @@ export default { }, sm: { value: "8px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "sm", value: "8px", @@ -59324,7 +59208,7 @@ export default { isSource: true, original: { value: "{core.size.default.8}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -59354,16 +59238,16 @@ export default { }, md: { value: "12px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "md", value: "12px", @@ -59385,7 +59269,7 @@ export default { isSource: true, original: { value: "{core.size.default.12}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -59415,16 +59299,16 @@ export default { }, lg: { value: "14px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "lg", value: "14px", @@ -59446,7 +59330,7 @@ export default { isSource: true, original: { value: "{core.size.default.14}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -59476,16 +59360,16 @@ export default { }, xl: { value: "16px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xl", value: "16px", @@ -59507,7 +59391,7 @@ export default { isSource: true, original: { value: "{core.size.default.16}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -59537,16 +59421,16 @@ export default { }, xxl: { value: "20px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xxl", value: "20px", @@ -59568,7 +59452,7 @@ export default { isSource: true, original: { value: "{core.size.default.20}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -59598,16 +59482,16 @@ export default { }, xxxl: { value: "32px", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", - type: "space", + type: "dimension", item: "fixed", subitem: "xxxl", value: "32px", @@ -59629,7 +59513,7 @@ export default { isSource: true, original: { value: "{core.size.default.32}", - type: "space", + type: "dimension", description: "deprecated", attributes: { "calcite-schema": { @@ -59661,12 +59545,12 @@ export default { default: { none: { value: "0", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", type: "spacing", @@ -59684,7 +59568,7 @@ export default { isSource: true, original: { value: "{core.size.default.none}", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -59712,12 +59596,12 @@ export default { }, px: { value: "1px", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", type: "spacing", @@ -59735,7 +59619,7 @@ export default { isSource: true, original: { value: "{core.size.default.1}", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -59763,12 +59647,12 @@ export default { }, base: { value: "2px", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", tier: "semantic", - type: "space", + type: "dimension", }, category: "semantic", type: "spacing", @@ -59786,7 +59670,7 @@ export default { isSource: true, original: { value: "{core.size.default.2}", - type: "space", + type: "dimension", attributes: { "calcite-schema": { system: "calcite", @@ -61386,11 +61270,12 @@ exports[`generated tokens > SCSS > dark should match 1`] = ` // Calcite Design System // Do not edit directly, this file was auto-generated. -$calcite-color-foreground-current: #214155; $calcite-color-background: #353535; +$calcite-color-background-none: rgba(255, 255, 255, 0); $calcite-color-foreground-1: #2b2b2b; $calcite-color-foreground-2: #202020; $calcite-color-foreground-3: #151515; +$calcite-color-foreground-current: #214155; $calcite-color-transparent: rgba(255, 255, 255, 0); $calcite-color-transparent-hover: rgba(255, 255, 255, 0.04); $calcite-color-transparent-press: rgba(255, 255, 255, 0.08); @@ -61435,11 +61320,11 @@ exports[`generated tokens > SCSS > global should match 1`] = ` // File to be deprecated in next major release // Do not edit directly, this file was auto-generated. +$calcite-color-background-none: rgba(255, 255, 255, 0); $calcite-border-width-none: 0; $calcite-border-width-sm: 1px; $calcite-border-width-md: 2px; $calcite-border-width-lg: 4px; -$calcite-color-background-none: rgba(255, 255, 255, 0); $calcite-container-size-margin: 24px; $calcite-container-size-gutter: 16px; $calcite-container-size-content-fluid: 100%; // for fluid grid widths @@ -61593,6 +61478,7 @@ exports[`generated tokens > SCSS > index should match 1`] = ` --calcite-color-foreground-3: #eaeaea; --calcite-color-foreground-2: #f3f3f3; --calcite-color-foreground-1: #ffffff; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-background: #f8f8f8; } @mixin calcite-mode-dark { @@ -61635,6 +61521,7 @@ exports[`generated tokens > SCSS > index should match 1`] = ` --calcite-color-foreground-3: #151515; --calcite-color-foreground-2: #202020; --calcite-color-foreground-1: #2b2b2b; + --calcite-color-background-none: rgba(255, 255, 255, 0); --calcite-color-background: #353535; } " @@ -61646,6 +61533,7 @@ exports[`generated tokens > SCSS > light should match 1`] = ` // Do not edit directly, this file was auto-generated. $calcite-color-background: #f8f8f8; +$calcite-color-background-none: rgba(255, 255, 255, 0); $calcite-color-foreground-1: #ffffff; $calcite-color-foreground-2: #f3f3f3; $calcite-color-foreground-3: #eaeaea;