diff --git a/build/css/spacing.css b/build/css/spacing.css index 9c7ce6ae..a125686c 100644 --- a/build/css/spacing.css +++ b/build/css/spacing.css @@ -9,7 +9,7 @@ --usa-spacing-4: 2rem; --usa-spacing-5: 2.5rem; --usa-spacing-6: 3rem; - --usa-spacing-05: .025rem; + --usa-spacing-05: .25rem; --usa-site-margins-mobile-width: 1rem; --usa-site-margins-width: 2rem; --usa-size-touch-target: 3rem; diff --git a/build/scss/_spacing.scss b/build/scss/_spacing.scss index f17d45b2..19561704 100644 --- a/build/scss/_spacing.scss +++ b/build/scss/_spacing.scss @@ -7,7 +7,7 @@ $usa-spacing-3: 1.5rem; $usa-spacing-4: 2rem; $usa-spacing-5: 2.5rem; $usa-spacing-6: 3rem; -$usa-spacing-05: .025rem; +$usa-spacing-05: .25rem; $usa-site-margins-mobile-width: 1rem; $usa-site-margins-width: 2rem; $usa-size-touch-target: 3rem; diff --git a/config/style-dictionary.config.js b/config/style-dictionary.config.js index 0970cab5..b4550737 100644 --- a/config/style-dictionary.config.js +++ b/config/style-dictionary.config.js @@ -1,4 +1,5 @@ import StyleDictionary from "style-dictionary"; +import tokenGroups from "../tokens/index.js"; import { generateTokenName, getTokenValueWithUnit, @@ -16,47 +17,23 @@ StyleDictionary.registerTransform({ transform: getTokenValueWithUnit, }); -const outputs = [ - { - name: "breakpoints", - filter: (token) => token.path[0] === "breakpoint", - }, - { - name: "colors", - filter: (token) => - token.filePath && token.filePath.includes("tokens/color/"), - }, - { - name: "spacing", - filter: (token) => - token.path[0] === "spacing" || - token.path[0] === "site-margins" || - token.path[0] === "size", - }, -]; +function makePlatform(format) { + return { + transforms: ["name/uswds-theme", "value/uswds-units"], + prefix: "usa", + buildPath: `build/${format}/`, + files: tokenGroups.map((group) => ({ + destination: format === "scss" ? `_${group}.scss` : `${group}.css`, + format: `${format}/variables`, + filter: (token) => token.filePath?.includes(`tokens/${group}/`), + })), + }; +} export default { source: ["tokens/**/*.json"], platforms: { - scss: { - transforms: ["name/uswds-theme", "value/uswds-units"], - prefix: "usa", - buildPath: "build/scss/", - files: outputs.map(({ name, filter }) => ({ - destination: `_${name}.scss`, - format: "scss/variables", - filter, - })), - }, - css: { - transforms: ["name/uswds-theme", "value/uswds-units"], - prefix: "usa", - buildPath: "build/css/", - files: outputs.map(({ name, filter }) => ({ - destination: `${name}.css`, - format: "css/variables", - filter, - })), - }, + scss: makePlatform("scss"), + css: makePlatform("css"), }, }; diff --git a/internals/token-helpers/index.test.ts b/internals/token-helpers/index.test.ts index 861c82fd..b1eb8ca8 100644 --- a/internals/token-helpers/index.test.ts +++ b/internals/token-helpers/index.test.ts @@ -2,112 +2,110 @@ import { describe, it, expect } from "vitest"; import type { TransformedToken, PlatformConfig } from "style-dictionary/types"; import { generateTokenName, getTokenValueWithUnit } from "./index"; -describe("generateTokenName", () => { - const token: TransformedToken = { +const baseToken: TransformedToken = { + $value: { value: "75", unit: "rem" }, + filePath: "tokens/breakpoints/breakpoints.json", + isSource: true, + $type: "dimension", + key: "{breakpoint.desktop-lg}", + original: { $value: { value: "75", unit: "rem" }, - filePath: "tokens/dimension/breakpoints.json", - isSource: true, $type: "dimension", key: "{breakpoint.desktop-lg}", - original: { - $value: { value: "75", unit: "rem" }, - $type: "dimension", - key: "{breakpoint.desktop-lg}", - }, - name: "desktop-lg", - attributes: {}, - path: ["breakpoint", "desktop-lg"], - }; + }, + name: "desktop-lg", + attributes: {}, + path: ["breakpoint", "desktop-lg"], +}; + +const options: PlatformConfig = { + prefix: "usa", + transforms: [], + buildPath: "", + files: [], + log: {}, + actions: [], +}; - const options: PlatformConfig = { - prefix: "usa", - transforms: [], - buildPath: "", - files: [], - log: {}, - actions: [], - }; +function createToken( + overrides: Partial = {}, +): TransformedToken { + return { ...baseToken, ...overrides }; +} +describe("generateTokenName", () => { it("should generate token name for breakpoint prefix", () => { - const result = generateTokenName(token, options); + const result = generateTokenName(baseToken, options); expect(result).toBe("usa-breakpoint-desktop-lg"); }); it("should generate token name for spacing prefix", () => { - const spacingToken: TransformedToken = { - ...token, - path: ["site-margins", "width"], - }; - const result = generateTokenName(spacingToken, options); + const result = generateTokenName( + createToken({ path: ["site-margins", "width"] }), + options, + ); expect(result).toBe("usa-site-margins-width"); }); - it("should generate token name for color directory with single path key", () => { - const colorTokenSingle: TransformedToken = { - ...token, - filePath: "tokens/color/primary.json", - path: ["black"], - }; - const result = generateTokenName(colorTokenSingle, options); + it("should generate token name for color with single nested key", () => { + const result = generateTokenName( + createToken({ + filePath: "tokens/colors/global.json", + path: ["color", "black"], + }), + options, + ); expect(result).toBe("usa-color-black"); }); - it("should generate token name for color directory with multiple path keys", () => { - const colorTokenMulti: TransformedToken = { - ...token, - filePath: "tokens/color/primary.json", - path: ["primary", "light"], - }; - const result = generateTokenName(colorTokenMulti, options); - expect(result).toBe("usa-color-primary-light"); + it("should generate token name for color with multiple nested keys", () => { + const result = generateTokenName( + createToken({ + filePath: "tokens/colors/blue.json", + path: ["color", "blue", "5"], + }), + options, + ); + expect(result).toBe("usa-color-blue-5"); + }); + + it("should generate token name for color with vivid variant", () => { + const result = generateTokenName( + createToken({ + filePath: "tokens/colors/blue.json", + path: ["color", "blue", "vivid", "50"], + }), + options, + ); + expect(result).toBe("usa-color-blue-vivid-50"); }); it("should generate token name fallback for other cases", () => { - const otherToken: TransformedToken = { - ...token, - path: ["font", "base-size"], - }; - const result = generateTokenName(otherToken, options); + const result = generateTokenName( + createToken({ path: ["font", "base-size"] }), + options, + ); expect(result).toBe("usa-font-base-size"); }); }); describe("getTokenValueWithUnit", () => { - const defaultToken: TransformedToken = { - $value: { value: "75", unit: "rem" }, - $type: "dimension", - isSource: true, - key: "desktop-lg", - name: "desktop-lg", - attributes: {}, - path: ["breakpoint", "desktop-lg"], - original: { - $value: { value: "75", unit: "rem" }, - $type: "dimension", - key: "desktop-lg", - }, - }; - it("should return value + unit for dimension tokens with object value", () => { - const result = getTokenValueWithUnit(defaultToken); + const result = getTokenValueWithUnit(baseToken); expect(result).toBe("75rem"); }); it("should return value string when unit is missing in dimension object", () => { - const token = { - ...defaultToken, - $value: { value: "30" }, - }; - const result = getTokenValueWithUnit(token); + const result = getTokenValueWithUnit( + createToken({ $value: { value: "30" } }), + ); expect(result).toBe("30"); }); it("should return raw value if token type is not dimension", () => { - const token = { - $value: "#fff2f5", - $type: "color", - }; - const result = getTokenValueWithUnit(token); + const result = getTokenValueWithUnit( + createToken({ $value: "#fff2f5", $type: "color" }), + ); expect(result).toBe("#fff2f5"); }); }); diff --git a/internals/token-helpers/index.ts b/internals/token-helpers/index.ts index b796c29d..c42bc816 100644 --- a/internals/token-helpers/index.ts +++ b/internals/token-helpers/index.ts @@ -4,28 +4,6 @@ export const generateTokenName = ( token: TransformedToken, options: PlatformConfig, ) => { - if (token.path[0] === "spacing") { - return `${options.prefix}-spacing-${token.path[1]}`; - } - - if (token.path[0] === "breakpoint") { - return `${options.prefix}-breakpoint-${token.path[1]}`; - } - - const isFromColorDirectory = - token.filePath && token.filePath.includes("tokens/color/"); - - if (isFromColorDirectory) { - if ( - token.path.length === 1 && - ["transparent", "black", "white"].includes(token.path[0]) - ) { - return `${options.prefix}-color-${token.path[0]}`; - } else { - return `${options.prefix}-color-${token.path.join("-")}`; - } - } - return `${options.prefix}-${token.path.join("-")}`; }; diff --git a/tokens/dimension/breakpoints.json b/tokens/breakpoints/breakpoints.json similarity index 95% rename from tokens/dimension/breakpoints.json rename to tokens/breakpoints/breakpoints.json index 9c415fd2..ecdc4ff3 100644 --- a/tokens/dimension/breakpoints.json +++ b/tokens/breakpoints/breakpoints.json @@ -1,5 +1,6 @@ { "breakpoint": { + "$type": "dimension", "card": { "$value": { "value": "10", "unit": "rem" } }, @@ -27,6 +28,5 @@ "widescreen": { "$value": { "value": "87.5", "unit": "rem" } } - }, - "$type": "dimension" + } } diff --git a/tokens/color/black-transparent.json b/tokens/color/black-transparent.json deleted file mode 100644 index 6bdee83c..00000000 --- a/tokens/color/black-transparent.json +++ /dev/null @@ -1,35 +0,0 @@ -{ - "black-transparent": { - "5": { - "$value": "rgba(0,0,0,0.01)" - }, - "10": { - "$value": "rgba(0,0,0,0.1)" - }, - "20": { - "$value": "rgba(0,0,0,0.2)" - }, - "30": { - "$value": "rgba(0,0,0,0.3)" - }, - "40": { - "$value": "rgba(0,0,0,0.4)" - }, - "50": { - "$value": "rgba(0,0,0,0.5)" - }, - "60": { - "$value": "rgba(0,0,0,0.6)" - }, - "70": { - "$value": "rgba(0,0,0,0.7)" - }, - "80": { - "$value": "rgba(0,0,0,0.8)" - }, - "90": { - "$value": "rgba(0,0,0,0.9)" - } - }, - "$type": "color" -} diff --git a/tokens/color/blue-cool.json b/tokens/color/blue-cool.json deleted file mode 100644 index 30d32569..00000000 --- a/tokens/color/blue-cool.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "blue-cool": { - "5": { - "$value": "#e7f2f5" - }, - "10": { - "$value": "#dae9ee" - }, - "20": { - "$value": "#adcfdc" - }, - "30": { - "$value": "#82b4c9" - }, - "40": { - "$value": "#6499af" - }, - "50": { - "$value": "#3a7d95" - }, - "60": { - "$value": "#2e6276" - }, - "70": { - "$value": "#224a58" - }, - "80": { - "$value": "#14333d" - }, - "90": { - "$value": "#0f191c" - }, - "vivid": { - "5": { - "$value": "#e1f3f8" - }, - "10": { - "$value": "#c3ebfa" - }, - "20": { - "$value": "#97d4ea" - }, - "30": { - "$value": "#59b9de" - }, - "40": { - "$value": "#28a0cb" - }, - "50": { - "$value": "#0d7ea2" - }, - "60": { - "$value": "#07648d" - }, - "70": { - "$value": "#074b69" - }, - "80": { - "$value": "#002d3f" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/blue-warm.json b/tokens/color/blue-warm.json deleted file mode 100644 index 5e89a63b..00000000 --- a/tokens/color/blue-warm.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "blue-warm": { - "5": { - "$value": "#ecf1f7" - }, - "10": { - "$value": "#e1e7f1" - }, - "20": { - "$value": "#bbcae4" - }, - "30": { - "$value": "#98afd2" - }, - "40": { - "$value": "#7292c7" - }, - "50": { - "$value": "#4a77b4" - }, - "60": { - "$value": "#345d96" - }, - "70": { - "$value": "#2f4668" - }, - "80": { - "$value": "#252f3e" - }, - "90": { - "$value": "#13171f" - }, - "vivid": { - "5": { - "$value": "#edf5ff" - }, - "10": { - "$value": "#d4e5ff" - }, - "20": { - "$value": "#adcdff" - }, - "30": { - "$value": "#81aefc" - }, - "40": { - "$value": "#5994f6" - }, - "50": { - "$value": "#2672de" - }, - "60": { - "$value": "#0050d8" - }, - "70": { - "$value": "#1a4480" - }, - "80": { - "$value": "#162e51" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/blue.json b/tokens/color/blue.json deleted file mode 100644 index 1d1c8320..00000000 --- a/tokens/color/blue.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "blue": { - "5": { - "$value": "#eff6fb" - }, - "10": { - "$value": "#d9e8f6" - }, - "20": { - "$value": "#aacdec" - }, - "30": { - "$value": "#73b3e7" - }, - "40": { - "$value": "#4f97d1" - }, - "50": { - "$value": "#2378c3" - }, - "60": { - "$value": "#2c608a" - }, - "70": { - "$value": "#274863" - }, - "80": { - "$value": "#1f303e" - }, - "90": { - "$value": "#11181d" - }, - "vivid": { - "5": { - "$value": "#e8f5ff" - }, - "10": { - "$value": "#cfe8ff" - }, - "20": { - "$value": "#a1d3ff" - }, - "30": { - "$value": "#58b4ff" - }, - "40": { - "$value": "#2491ff" - }, - "50": { - "$value": "#0076d6" - }, - "60": { - "$value": "#005ea2" - }, - "70": { - "$value": "#0b4778" - }, - "80": { - "$value": "#112f4e" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/cyan.json b/tokens/color/cyan.json deleted file mode 100644 index 413f43c5..00000000 --- a/tokens/color/cyan.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "cyan": { - "5": { - "$value": "#e7f6f8" - }, - "10": { - "$value": "#ccecf2" - }, - "20": { - "$value": "#99deea" - }, - "30": { - "$value": "#5dc0d1" - }, - "40": { - "$value": "#449dac" - }, - "50": { - "$value": "#168092" - }, - "60": { - "$value": "#2a646d" - }, - "70": { - "$value": "#2c4a4e" - }, - "80": { - "$value": "#203133" - }, - "90": { - "$value": "#111819" - }, - "vivid": { - "5": { - "$value": "#e5faff" - }, - "10": { - "$value": "#a8f2ff" - }, - "20": { - "$value": "#52daf2" - }, - "30": { - "$value": "#00bde3" - }, - "40": { - "$value": "#009ec1" - }, - "50": { - "$value": "#0081a1" - }, - "60": { - "$value": "#00687d" - }, - "70": { - "$value": "#0e4f5c" - }, - "80": { - "$value": "#093b44" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/global.json b/tokens/color/global.json deleted file mode 100644 index 6f41e205..00000000 --- a/tokens/color/global.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "transparent": { - "$value": "rgba(0,0,0,0)" - }, - "black": { - "$value": "#000" - }, - "white": { - "$value": "#fff" - }, - "$type": "color" -} diff --git a/tokens/color/gold.json b/tokens/color/gold.json deleted file mode 100644 index 4a06e863..00000000 --- a/tokens/color/gold.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "gold": { - "5": { - "$value": "#f5f0e6" - }, - "10": { - "$value": "#f1e5cd" - }, - "20": { - "$value": "#dec69a" - }, - "30": { - "$value": "#c7a97b" - }, - "40": { - "$value": "#ad8b65" - }, - "50": { - "$value": "#8e704f" - }, - "60": { - "$value": "#6b5947" - }, - "70": { - "$value": "#4d4438" - }, - "80": { - "$value": "#322d26" - }, - "90": { - "$value": "#191714" - }, - "vivid": { - "5": { - "$value": "#fef0c8" - }, - "10": { - "$value": "#ffe396" - }, - "20": { - "$value": "#ffbe2e" - }, - "30": { - "$value": "#e5a000" - }, - "40": { - "$value": "#c2850c" - }, - "50": { - "$value": "#936f38" - }, - "60": { - "$value": "#7a591a" - }, - "70": { - "$value": "#5c410a" - }, - "80": { - "$value": "#3b2b15" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/gray-cool.json b/tokens/color/gray-cool.json deleted file mode 100644 index 0bedb8db..00000000 --- a/tokens/color/gray-cool.json +++ /dev/null @@ -1,47 +0,0 @@ -{ - "gray-cool": { - "1": { - "$value": "#fbfcfd" - }, - "2": { - "$value": "#f7f9fa" - }, - "3": { - "$value": "#f5f6f7" - }, - "4": { - "$value": "#f1f3f6" - }, - "5": { - "$value": "#edeff0" - }, - "10": { - "$value": "#dfe1e2" - }, - "20": { - "$value": "#c6cace" - }, - "30": { - "$value": "#a9aeb1" - }, - "40": { - "$value": "#8d9297" - }, - "50": { - "$value": "#71767a" - }, - "60": { - "$value": "#565c65" - }, - "70": { - "$value": "#3d4551" - }, - "80": { - "$value": "#2d2e2f" - }, - "90": { - "$value": "#1c1d1f" - } - }, - "$type": "color" -} diff --git a/tokens/color/gray-warm.json b/tokens/color/gray-warm.json deleted file mode 100644 index 31ae5b5b..00000000 --- a/tokens/color/gray-warm.json +++ /dev/null @@ -1,47 +0,0 @@ -{ - "gray-warm": { - "1": { - "$value": "#fcfcfb" - }, - "2": { - "$value": "#f9f9f7" - }, - "3": { - "$value": "#f6f6f2" - }, - "4": { - "$value": "#f5f5f0" - }, - "5": { - "$value": "#f0f0ec" - }, - "10": { - "$value": "#e6e6e2" - }, - "20": { - "$value": "#cac9c0" - }, - "30": { - "$value": "#afaea2" - }, - "40": { - "$value": "#929285" - }, - "50": { - "$value": "#76766a" - }, - "60": { - "$value": "#5d5d52" - }, - "70": { - "$value": "#454540" - }, - "80": { - "$value": "#2e2e2a" - }, - "90": { - "$value": "#171716" - } - }, - "$type": "color" -} diff --git a/tokens/color/gray.json b/tokens/color/gray.json deleted file mode 100644 index f72ac871..00000000 --- a/tokens/color/gray.json +++ /dev/null @@ -1,50 +0,0 @@ -{ - "gray": { - "1": { - "$value": "#fcfcfc" - }, - "2": { - "$value": "#f9f9f9" - }, - "3": { - "$value": "#f6f6f6" - }, - "4": { - "$value": "#f3f3f3" - }, - "5": { - "$value": "#f0f0f0" - }, - "10": { - "$value": "#e6e6e6" - }, - "20": { - "$value": "#c9c9c9" - }, - "30": { - "$value": "#adadad" - }, - "40": { - "$value": "#919191" - }, - "50": { - "$value": "#757575" - }, - "60": { - "$value": "#5c5c5c" - }, - "70": { - "$value": "#454545" - }, - "80": { - "$value": "#2e2e2e" - }, - "90": { - "$value": "#1b1b1b" - }, - "100": { - "$value": "#000" - } - }, - "$type": "color" -} diff --git a/tokens/color/green-cool.json b/tokens/color/green-cool.json deleted file mode 100644 index fd5569cd..00000000 --- a/tokens/color/green-cool.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "green-cool": { - "5": { - "$value": "#ecf3ec" - }, - "10": { - "$value": "#dbebde" - }, - "20": { - "$value": "#b4d0b9" - }, - "30": { - "$value": "#86b98e" - }, - "40": { - "$value": "#5e9f69" - }, - "50": { - "$value": "#4d8055" - }, - "60": { - "$value": "#446443" - }, - "70": { - "$value": "#37493b" - }, - "80": { - "$value": "#28312a" - }, - "90": { - "$value": "#1a1f1a" - }, - "vivid": { - "5": { - "$value": "#e3f5e1" - }, - "10": { - "$value": "#b7f5bd" - }, - "20": { - "$value": "#70e17b" - }, - "30": { - "$value": "#21c834" - }, - "40": { - "$value": "#00a91c" - }, - "50": { - "$value": "#008817" - }, - "60": { - "$value": "#216e1f" - }, - "70": { - "$value": "#154c21" - }, - "80": { - "$value": "#19311e" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/green-warm.json b/tokens/color/green-warm.json deleted file mode 100644 index 81711146..00000000 --- a/tokens/color/green-warm.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "green-warm": { - "5": { - "$value": "#f1f4d7" - }, - "10": { - "$value": "#e7eab7" - }, - "20": { - "$value": "#cbd17a" - }, - "30": { - "$value": "#a6b557" - }, - "40": { - "$value": "#8a984b" - }, - "50": { - "$value": "#6f7a41" - }, - "60": { - "$value": "#5a5f38" - }, - "70": { - "$value": "#45472f" - }, - "80": { - "$value": "#2d2f21" - }, - "90": { - "$value": "#171712" - }, - "vivid": { - "5": { - "$value": "#f5fbc1" - }, - "10": { - "$value": "#e7f434" - }, - "20": { - "$value": "#c5d30a" - }, - "30": { - "$value": "#a3b72c" - }, - "40": { - "$value": "#7e9c1d" - }, - "50": { - "$value": "#6a7d00" - }, - "60": { - "$value": "#5a6613" - }, - "70": { - "$value": "#4b4e10" - }, - "80": { - "$value": "#38380b" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/green.json b/tokens/color/green.json deleted file mode 100644 index b7a36678..00000000 --- a/tokens/color/green.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "green": { - "5": { - "$value": "#eaf4dd" - }, - "10": { - "$value": "#dfeacd" - }, - "20": { - "$value": "#b8d293" - }, - "30": { - "$value": "#9bb672" - }, - "40": { - "$value": "#7d9b4e" - }, - "50": { - "$value": "#607f35" - }, - "60": { - "$value": "#4c6424" - }, - "70": { - "$value": "#3c4a29" - }, - "80": { - "$value": "#293021" - }, - "90": { - "$value": "#161814" - }, - "vivid": { - "5": { - "$value": "#ddf9c7" - }, - "10": { - "$value": "#c5ee93" - }, - "20": { - "$value": "#98d035" - }, - "30": { - "$value": "#7fb135" - }, - "40": { - "$value": "#719f2a" - }, - "50": { - "$value": "#538200" - }, - "60": { - "$value": "#466c04" - }, - "70": { - "$value": "#2f4a0b" - }, - "80": { - "$value": "#243413" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/indigo-cool.json b/tokens/color/indigo-cool.json deleted file mode 100644 index 2b3d7c30..00000000 --- a/tokens/color/indigo-cool.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "indigo-cool": { - "5": { - "$value": "#eef0f9" - }, - "10": { - "$value": "#e1e6f9" - }, - "20": { - "$value": "#bbc8f5" - }, - "30": { - "$value": "#96abee" - }, - "40": { - "$value": "#6b8ee8" - }, - "50": { - "$value": "#496fd8" - }, - "60": { - "$value": "#3f57a6" - }, - "70": { - "$value": "#374274" - }, - "80": { - "$value": "#292d42" - }, - "90": { - "$value": "#151622" - }, - "vivid": { - "5": { - "$value": "#edf0ff" - }, - "10": { - "$value": "#dee5ff" - }, - "20": { - "$value": "#b8c8ff" - }, - "30": { - "$value": "#94adff" - }, - "40": { - "$value": "#628ef4" - }, - "50": { - "$value": "#4866ff" - }, - "60": { - "$value": "#3e4ded" - }, - "70": { - "$value": "#222fbf" - }, - "80": { - "$value": "#1b2b85" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/indigo-warm.json b/tokens/color/indigo-warm.json deleted file mode 100644 index 86780b60..00000000 --- a/tokens/color/indigo-warm.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "indigo-warm": { - "5": { - "$value": "#f1eff7" - }, - "10": { - "$value": "#e7e3fa" - }, - "20": { - "$value": "#cbc4f2" - }, - "30": { - "$value": "#afa5e8" - }, - "40": { - "$value": "#9287d8" - }, - "50": { - "$value": "#7665d1" - }, - "60": { - "$value": "#5e519e" - }, - "70": { - "$value": "#453c7b" - }, - "80": { - "$value": "#2e2c40" - }, - "90": { - "$value": "#18161d" - }, - "vivid": { - "5": { - "$value": "#f5f2ff" - }, - "10": { - "$value": "#e4deff" - }, - "20": { - "$value": "#cfc4fd" - }, - "30": { - "$value": "#b69fff" - }, - "40": { - "$value": "#967efb" - }, - "50": { - "$value": "#745fe9" - }, - "60": { - "$value": "#5942d2" - }, - "70": { - "$value": "#3d2c9d" - }, - "80": { - "$value": "#261f5b" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/indigo.json b/tokens/color/indigo.json deleted file mode 100644 index ff60a40b..00000000 --- a/tokens/color/indigo.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "indigo": { - "5": { - "$value": "#efeff8" - }, - "10": { - "$value": "#e5e4fa" - }, - "20": { - "$value": "#c5c5f3" - }, - "30": { - "$value": "#a5a8eb" - }, - "40": { - "$value": "#8889db" - }, - "50": { - "$value": "#676cc8" - }, - "60": { - "$value": "#4d52af" - }, - "70": { - "$value": "#3d4076" - }, - "80": { - "$value": "#2b2c40" - }, - "90": { - "$value": "#16171f" - }, - "vivid": { - "5": { - "$value": "#f0f0ff" - }, - "10": { - "$value": "#e0e0ff" - }, - "20": { - "$value": "#ccceff" - }, - "30": { - "$value": "#a3a7fa" - }, - "40": { - "$value": "#8289ff" - }, - "50": { - "$value": "#656bd7" - }, - "60": { - "$value": "#4a50c4" - }, - "70": { - "$value": "#3333a3" - }, - "80": { - "$value": "#212463" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/magenta.json b/tokens/color/magenta.json deleted file mode 100644 index 1c583b9d..00000000 --- a/tokens/color/magenta.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "magenta": { - "5": { - "$value": "#f9f0f2" - }, - "10": { - "$value": "#f6e1e8" - }, - "20": { - "$value": "#f0bbcc" - }, - "30": { - "$value": "#e895b3" - }, - "40": { - "$value": "#e0699f" - }, - "50": { - "$value": "#c84281" - }, - "60": { - "$value": "#8b4566" - }, - "70": { - "$value": "#66364b" - }, - "80": { - "$value": "#402731" - }, - "90": { - "$value": "#1b1617" - }, - "vivid": { - "5": { - "$value": "#fff2f5" - }, - "10": { - "$value": "#ffddea" - }, - "20": { - "$value": "#ffb4cf" - }, - "30": { - "$value": "#ff87b2" - }, - "40": { - "$value": "#fd4496" - }, - "50": { - "$value": "#d72d79" - }, - "60": { - "$value": "#ab2165" - }, - "70": { - "$value": "#731f44" - }, - "80": { - "$value": "#4f172e" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/mint-cool.json b/tokens/color/mint-cool.json deleted file mode 100644 index 4cbbdd6a..00000000 --- a/tokens/color/mint-cool.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "mint-cool": { - "5": { - "$value": "#e0f7f6" - }, - "10": { - "$value": "#c4eeeb" - }, - "20": { - "$value": "#9bd4cf" - }, - "30": { - "$value": "#6fbab3" - }, - "40": { - "$value": "#4f9e99" - }, - "50": { - "$value": "#40807e" - }, - "60": { - "$value": "#376462" - }, - "70": { - "$value": "#2a4b45" - }, - "80": { - "$value": "#203131" - }, - "90": { - "$value": "#111818" - }, - "vivid": { - "5": { - "$value": "#d5fbf3" - }, - "10": { - "$value": "#7efbe1" - }, - "20": { - "$value": "#29e1cb" - }, - "30": { - "$value": "#1dc2ae" - }, - "40": { - "$value": "#00a398" - }, - "50": { - "$value": "#008480" - }, - "60": { - "$value": "#0f6460" - }, - "70": { - "$value": "#0b4b3f" - }, - "80": { - "$value": "#123131" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/mint.json b/tokens/color/mint.json deleted file mode 100644 index a7fb75ce..00000000 --- a/tokens/color/mint.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "mint": { - "5": { - "$value": "#dbf6ed" - }, - "10": { - "$value": "#c7efe2" - }, - "20": { - "$value": "#92d9bb" - }, - "30": { - "$value": "#5abf95" - }, - "40": { - "$value": "#34a37e" - }, - "50": { - "$value": "#2e8367" - }, - "60": { - "$value": "#286846" - }, - "70": { - "$value": "#204e34" - }, - "80": { - "$value": "#193324" - }, - "90": { - "$value": "#0d1a12" - }, - "vivid": { - "5": { - "$value": "#c9fbeb" - }, - "10": { - "$value": "#83fcd4" - }, - "20": { - "$value": "#0ceda6" - }, - "30": { - "$value": "#04c585" - }, - "40": { - "$value": "#00a871" - }, - "50": { - "$value": "#008659" - }, - "60": { - "$value": "#146947" - }, - "70": { - "$value": "#0c4e29" - }, - "80": { - "$value": "#0d351e" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/orange-warm.json b/tokens/color/orange-warm.json deleted file mode 100644 index 98b188f5..00000000 --- a/tokens/color/orange-warm.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "orange-warm": { - "5": { - "$value": "#faeee5" - }, - "10": { - "$value": "#fbe0d0" - }, - "20": { - "$value": "#f7bca2" - }, - "30": { - "$value": "#f3966d" - }, - "40": { - "$value": "#e17141" - }, - "50": { - "$value": "#bd5727" - }, - "60": { - "$value": "#914734" - }, - "70": { - "$value": "#633a32" - }, - "80": { - "$value": "#3d2925" - }, - "90": { - "$value": "#1c1615" - }, - "vivid": { - "5": { - "$value": "#fff3ea" - }, - "10": { - "$value": "#ffe2d1" - }, - "20": { - "$value": "#fbbaa7" - }, - "30": { - "$value": "#fc906d" - }, - "40": { - "$value": "#ff580a" - }, - "50": { - "$value": "#cf4900" - }, - "60": { - "$value": "#a72f10" - }, - "70": { - "$value": "#782312" - }, - "80": { - "$value": "#3d231d" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/orange.json b/tokens/color/orange.json deleted file mode 100644 index f54de9f4..00000000 --- a/tokens/color/orange.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "orange": { - "5": { - "$value": "#f6efe9" - }, - "10": { - "$value": "#f2e4d4" - }, - "20": { - "$value": "#f3bf90" - }, - "30": { - "$value": "#f09860" - }, - "40": { - "$value": "#dd7533" - }, - "50": { - "$value": "#a86437" - }, - "60": { - "$value": "#775540" - }, - "70": { - "$value": "#524236" - }, - "80": { - "$value": "#332d27" - }, - "90": { - "$value": "#1b1614" - }, - "vivid": { - "5": { - "$value": "#fef2e4" - }, - "10": { - "$value": "#fce2c5" - }, - "20": { - "$value": "#ffbc78" - }, - "30": { - "$value": "#fa9441" - }, - "40": { - "$value": "#e66f0e" - }, - "50": { - "$value": "#c05600" - }, - "60": { - "$value": "#8c471c" - }, - "70": { - "$value": "#5f3617" - }, - "80": { - "$value": "#352313" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/red-cool.json b/tokens/color/red-cool.json deleted file mode 100644 index 18567e71..00000000 --- a/tokens/color/red-cool.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "red-cool": { - "5": { - "$value": "#f8eff1" - }, - "10": { - "$value": "#f3e1e4" - }, - "20": { - "$value": "#ecbec6" - }, - "30": { - "$value": "#e09aa6" - }, - "40": { - "$value": "#e16b80" - }, - "50": { - "$value": "#cd425b" - }, - "60": { - "$value": "#9e394b" - }, - "70": { - "$value": "#68363f" - }, - "80": { - "$value": "#40282c" - }, - "90": { - "$value": "#1e1517" - }, - "vivid": { - "5": { - "$value": "#fff2f5" - }, - "10": { - "$value": "#f8dfe2" - }, - "20": { - "$value": "#f8b9c5" - }, - "30": { - "$value": "#fd8ba0" - }, - "40": { - "$value": "#f45d79" - }, - "50": { - "$value": "#e41d3d" - }, - "60": { - "$value": "#b21d38" - }, - "70": { - "$value": "#822133" - }, - "80": { - "$value": "#4f1c24" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/red-warm.json b/tokens/color/red-warm.json deleted file mode 100644 index 3b485cca..00000000 --- a/tokens/color/red-warm.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "red-warm": { - "5": { - "$value": "#f6efea" - }, - "10": { - "$value": "#f4e3db" - }, - "20": { - "$value": "#ecc0a7" - }, - "30": { - "$value": "#dca081" - }, - "40": { - "$value": "#d27a56" - }, - "50": { - "$value": "#c3512c" - }, - "60": { - "$value": "#805039" - }, - "70": { - "$value": "#524236" - }, - "80": { - "$value": "#332d29" - }, - "90": { - "$value": "#1f1c18" - }, - "vivid": { - "5": { - "$value": "#fff5ee" - }, - "10": { - "$value": "#fce1d4" - }, - "20": { - "$value": "#f6bd9c" - }, - "30": { - "$value": "#f39268" - }, - "40": { - "$value": "#ef5e25" - }, - "50": { - "$value": "#d54309" - }, - "60": { - "$value": "#9c3d10" - }, - "70": { - "$value": "#63340f" - }, - "80": { - "$value": "#3e2a1e" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/red.json b/tokens/color/red.json deleted file mode 100644 index 70db0aa5..00000000 --- a/tokens/color/red.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "red": { - "5": { - "$value": "#f9eeee" - }, - "10": { - "$value": "#f8e1de" - }, - "20": { - "$value": "#f7bbb1" - }, - "30": { - "$value": "#f2938c" - }, - "40": { - "$value": "#e9695f" - }, - "50": { - "$value": "#d83933" - }, - "60": { - "$value": "#a23737" - }, - "70": { - "$value": "#6f3331" - }, - "80": { - "$value": "#3e2927" - }, - "90": { - "$value": "#1b1616" - }, - "vivid": { - "5": { - "$value": "#fff3f2" - }, - "10": { - "$value": "#fde0db" - }, - "20": { - "$value": "#fdb8ae" - }, - "30": { - "$value": "#ff8d7b" - }, - "40": { - "$value": "#fb5a47" - }, - "50": { - "$value": "#e52207" - }, - "60": { - "$value": "#b50909" - }, - "70": { - "$value": "#8b0a03" - }, - "80": { - "$value": "#5c1111" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/violet-warm.json b/tokens/color/violet-warm.json deleted file mode 100644 index d5947861..00000000 --- a/tokens/color/violet-warm.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "violet-warm": { - "5": { - "$value": "#f8f0f9" - }, - "10": { - "$value": "#f6dff8" - }, - "20": { - "$value": "#e2bee4" - }, - "30": { - "$value": "#d29ad8" - }, - "40": { - "$value": "#bf77c8" - }, - "50": { - "$value": "#b04abd" - }, - "60": { - "$value": "#864381" - }, - "70": { - "$value": "#5c395a" - }, - "80": { - "$value": "#382936" - }, - "90": { - "$value": "#1b151b" - }, - "vivid": { - "5": { - "$value": "#fef2ff" - }, - "10": { - "$value": "#fbdcff" - }, - "20": { - "$value": "#f4b2ff" - }, - "30": { - "$value": "#ee83ff" - }, - "40": { - "$value": "#d85bef" - }, - "50": { - "$value": "#be32d0" - }, - "60": { - "$value": "#93348c" - }, - "70": { - "$value": "#711e6c" - }, - "80": { - "$value": "#481441" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/violet.json b/tokens/color/violet.json deleted file mode 100644 index b5ebe553..00000000 --- a/tokens/color/violet.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "violet": { - "5": { - "$value": "#f4f1f9" - }, - "10": { - "$value": "#ebe3f9" - }, - "20": { - "$value": "#d0c3e9" - }, - "30": { - "$value": "#b8a2e3" - }, - "40": { - "$value": "#9d84d2" - }, - "50": { - "$value": "#8168b3" - }, - "60": { - "$value": "#665190" - }, - "70": { - "$value": "#4c3d69" - }, - "80": { - "$value": "#312b3f" - }, - "90": { - "$value": "#18161d" - }, - "vivid": { - "5": { - "$value": "#f7f2ff" - }, - "10": { - "$value": "#ede3ff" - }, - "20": { - "$value": "#d5bfff" - }, - "30": { - "$value": "#c39deb" - }, - "40": { - "$value": "#ad79e9" - }, - "50": { - "$value": "#9355dc" - }, - "60": { - "$value": "#783cb9" - }, - "70": { - "$value": "#54278f" - }, - "80": { - "$value": "#39215e" - } - } - }, - "$type": "color" -} diff --git a/tokens/color/white-transparent.json b/tokens/color/white-transparent.json deleted file mode 100644 index 5caf0214..00000000 --- a/tokens/color/white-transparent.json +++ /dev/null @@ -1,35 +0,0 @@ -{ - "white-transparent": { - "5": { - "$value": "rgba(255,255,255,0.01)" - }, - "10": { - "$value": "rgba(255,255,255,0.1)" - }, - "20": { - "$value": "rgba(255,255,255,0.2)" - }, - "30": { - "$value": "rgba(255,255,255,0.3)" - }, - "40": { - "$value": "rgba(255,255,255,0.4)" - }, - "50": { - "$value": "rgba(255,255,255,0.5)" - }, - "60": { - "$value": "rgba(255,255,255,0.6)" - }, - "70": { - "$value": "rgba(255,255,255,0.7)" - }, - "80": { - "$value": "rgba(255,255,255,0.8)" - }, - "90": { - "$value": "rgba(255,255,255,0.9)" - } - }, - "$type": "color" -} diff --git a/tokens/color/yellow.json b/tokens/color/yellow.json deleted file mode 100644 index 827d9c84..00000000 --- a/tokens/color/yellow.json +++ /dev/null @@ -1,64 +0,0 @@ -{ - "yellow": { - "5": { - "$value": "#faf3d1" - }, - "10": { - "$value": "#f5e6af" - }, - "20": { - "$value": "#e6c74c" - }, - "30": { - "$value": "#c9ab48" - }, - "40": { - "$value": "#a88f48" - }, - "50": { - "$value": "#8a7237" - }, - "60": { - "$value": "#6b5a39" - }, - "70": { - "$value": "#504332" - }, - "80": { - "$value": "#332d27" - }, - "90": { - "$value": "#1a1614" - }, - "vivid": { - "5": { - "$value": "#fff5c2" - }, - "10": { - "$value": "#fee685" - }, - "20": { - "$value": "#face00" - }, - "30": { - "$value": "#ddaa01" - }, - "40": { - "$value": "#b38c00" - }, - "50": { - "$value": "#947100" - }, - "60": { - "$value": "#776017" - }, - "70": { - "$value": "#5c4809" - }, - "80": { - "$value": "#422d19" - } - } - }, - "$type": "color" -} diff --git a/tokens/colors/black-transparent.json b/tokens/colors/black-transparent.json new file mode 100644 index 00000000..a412f689 --- /dev/null +++ b/tokens/colors/black-transparent.json @@ -0,0 +1,37 @@ +{ + "color": { + "black-transparent": { + "$type": "color", + "5": { + "$value": "rgba(0,0,0,0.01)" + }, + "10": { + "$value": "rgba(0,0,0,0.1)" + }, + "20": { + "$value": "rgba(0,0,0,0.2)" + }, + "30": { + "$value": "rgba(0,0,0,0.3)" + }, + "40": { + "$value": "rgba(0,0,0,0.4)" + }, + "50": { + "$value": "rgba(0,0,0,0.5)" + }, + "60": { + "$value": "rgba(0,0,0,0.6)" + }, + "70": { + "$value": "rgba(0,0,0,0.7)" + }, + "80": { + "$value": "rgba(0,0,0,0.8)" + }, + "90": { + "$value": "rgba(0,0,0,0.9)" + } + } + } +} diff --git a/tokens/colors/blue-cool.json b/tokens/colors/blue-cool.json new file mode 100644 index 00000000..1f39106d --- /dev/null +++ b/tokens/colors/blue-cool.json @@ -0,0 +1,66 @@ +{ + "color": { + "blue-cool": { + "$type": "color", + "5": { + "$value": "#e7f2f5" + }, + "10": { + "$value": "#dae9ee" + }, + "20": { + "$value": "#adcfdc" + }, + "30": { + "$value": "#82b4c9" + }, + "40": { + "$value": "#6499af" + }, + "50": { + "$value": "#3a7d95" + }, + "60": { + "$value": "#2e6276" + }, + "70": { + "$value": "#224a58" + }, + "80": { + "$value": "#14333d" + }, + "90": { + "$value": "#0f191c" + }, + "vivid": { + "5": { + "$value": "#e1f3f8" + }, + "10": { + "$value": "#c3ebfa" + }, + "20": { + "$value": "#97d4ea" + }, + "30": { + "$value": "#59b9de" + }, + "40": { + "$value": "#28a0cb" + }, + "50": { + "$value": "#0d7ea2" + }, + "60": { + "$value": "#07648d" + }, + "70": { + "$value": "#074b69" + }, + "80": { + "$value": "#002d3f" + } + } + } + } +} diff --git a/tokens/colors/blue-warm.json b/tokens/colors/blue-warm.json new file mode 100644 index 00000000..f3d9d113 --- /dev/null +++ b/tokens/colors/blue-warm.json @@ -0,0 +1,66 @@ +{ + "color": { + "blue-warm": { + "$type": "color", + "5": { + "$value": "#ecf1f7" + }, + "10": { + "$value": "#e1e7f1" + }, + "20": { + "$value": "#bbcae4" + }, + "30": { + "$value": "#98afd2" + }, + "40": { + "$value": "#7292c7" + }, + "50": { + "$value": "#4a77b4" + }, + "60": { + "$value": "#345d96" + }, + "70": { + "$value": "#2f4668" + }, + "80": { + "$value": "#252f3e" + }, + "90": { + "$value": "#13171f" + }, + "vivid": { + "5": { + "$value": "#edf5ff" + }, + "10": { + "$value": "#d4e5ff" + }, + "20": { + "$value": "#adcdff" + }, + "30": { + "$value": "#81aefc" + }, + "40": { + "$value": "#5994f6" + }, + "50": { + "$value": "#2672de" + }, + "60": { + "$value": "#0050d8" + }, + "70": { + "$value": "#1a4480" + }, + "80": { + "$value": "#162e51" + } + } + } + } +} diff --git a/tokens/colors/blue.json b/tokens/colors/blue.json new file mode 100644 index 00000000..d1008b65 --- /dev/null +++ b/tokens/colors/blue.json @@ -0,0 +1,66 @@ +{ + "color": { + "blue": { + "$type": "color", + "5": { + "$value": "#eff6fb" + }, + "10": { + "$value": "#d9e8f6" + }, + "20": { + "$value": "#aacdec" + }, + "30": { + "$value": "#73b3e7" + }, + "40": { + "$value": "#4f97d1" + }, + "50": { + "$value": "#2378c3" + }, + "60": { + "$value": "#2c608a" + }, + "70": { + "$value": "#274863" + }, + "80": { + "$value": "#1f303e" + }, + "90": { + "$value": "#11181d" + }, + "vivid": { + "5": { + "$value": "#e8f5ff" + }, + "10": { + "$value": "#cfe8ff" + }, + "20": { + "$value": "#a1d3ff" + }, + "30": { + "$value": "#58b4ff" + }, + "40": { + "$value": "#2491ff" + }, + "50": { + "$value": "#0076d6" + }, + "60": { + "$value": "#005ea2" + }, + "70": { + "$value": "#0b4778" + }, + "80": { + "$value": "#112f4e" + } + } + } + } +} diff --git a/tokens/colors/cyan.json b/tokens/colors/cyan.json new file mode 100644 index 00000000..3bbc2411 --- /dev/null +++ b/tokens/colors/cyan.json @@ -0,0 +1,66 @@ +{ + "color": { + "cyan": { + "$type": "color", + "5": { + "$value": "#e7f6f8" + }, + "10": { + "$value": "#ccecf2" + }, + "20": { + "$value": "#99deea" + }, + "30": { + "$value": "#5dc0d1" + }, + "40": { + "$value": "#449dac" + }, + "50": { + "$value": "#168092" + }, + "60": { + "$value": "#2a646d" + }, + "70": { + "$value": "#2c4a4e" + }, + "80": { + "$value": "#203133" + }, + "90": { + "$value": "#111819" + }, + "vivid": { + "5": { + "$value": "#e5faff" + }, + "10": { + "$value": "#a8f2ff" + }, + "20": { + "$value": "#52daf2" + }, + "30": { + "$value": "#00bde3" + }, + "40": { + "$value": "#009ec1" + }, + "50": { + "$value": "#0081a1" + }, + "60": { + "$value": "#00687d" + }, + "70": { + "$value": "#0e4f5c" + }, + "80": { + "$value": "#093b44" + } + } + } + } +} diff --git a/tokens/colors/global.json b/tokens/colors/global.json new file mode 100644 index 00000000..bb761640 --- /dev/null +++ b/tokens/colors/global.json @@ -0,0 +1,16 @@ +{ + "color": { + "transparent": { + "$type": "color", + "$value": "rgba(0,0,0,0)" + }, + "black": { + "$type": "color", + "$value": "#000" + }, + "white": { + "$type": "color", + "$value": "#fff" + } + } +} diff --git a/tokens/colors/gold.json b/tokens/colors/gold.json new file mode 100644 index 00000000..c80a9af8 --- /dev/null +++ b/tokens/colors/gold.json @@ -0,0 +1,66 @@ +{ + "color": { + "gold": { + "$type": "color", + "5": { + "$value": "#f5f0e6" + }, + "10": { + "$value": "#f1e5cd" + }, + "20": { + "$value": "#dec69a" + }, + "30": { + "$value": "#c7a97b" + }, + "40": { + "$value": "#ad8b65" + }, + "50": { + "$value": "#8e704f" + }, + "60": { + "$value": "#6b5947" + }, + "70": { + "$value": "#4d4438" + }, + "80": { + "$value": "#322d26" + }, + "90": { + "$value": "#191714" + }, + "vivid": { + "5": { + "$value": "#fef0c8" + }, + "10": { + "$value": "#ffe396" + }, + "20": { + "$value": "#ffbe2e" + }, + "30": { + "$value": "#e5a000" + }, + "40": { + "$value": "#c2850c" + }, + "50": { + "$value": "#936f38" + }, + "60": { + "$value": "#7a591a" + }, + "70": { + "$value": "#5c410a" + }, + "80": { + "$value": "#3b2b15" + } + } + } + } +} diff --git a/tokens/colors/gray-cool.json b/tokens/colors/gray-cool.json new file mode 100644 index 00000000..036aa182 --- /dev/null +++ b/tokens/colors/gray-cool.json @@ -0,0 +1,49 @@ +{ + "color": { + "gray-cool": { + "$type": "color", + "1": { + "$value": "#fbfcfd" + }, + "2": { + "$value": "#f7f9fa" + }, + "3": { + "$value": "#f5f6f7" + }, + "4": { + "$value": "#f1f3f6" + }, + "5": { + "$value": "#edeff0" + }, + "10": { + "$value": "#dfe1e2" + }, + "20": { + "$value": "#c6cace" + }, + "30": { + "$value": "#a9aeb1" + }, + "40": { + "$value": "#8d9297" + }, + "50": { + "$value": "#71767a" + }, + "60": { + "$value": "#565c65" + }, + "70": { + "$value": "#3d4551" + }, + "80": { + "$value": "#2d2e2f" + }, + "90": { + "$value": "#1c1d1f" + } + } + } +} diff --git a/tokens/colors/gray-warm.json b/tokens/colors/gray-warm.json new file mode 100644 index 00000000..31fcb765 --- /dev/null +++ b/tokens/colors/gray-warm.json @@ -0,0 +1,49 @@ +{ + "color": { + "gray-warm": { + "$type": "color", + "1": { + "$value": "#fcfcfb" + }, + "2": { + "$value": "#f9f9f7" + }, + "3": { + "$value": "#f6f6f2" + }, + "4": { + "$value": "#f5f5f0" + }, + "5": { + "$value": "#f0f0ec" + }, + "10": { + "$value": "#e6e6e2" + }, + "20": { + "$value": "#cac9c0" + }, + "30": { + "$value": "#afaea2" + }, + "40": { + "$value": "#929285" + }, + "50": { + "$value": "#76766a" + }, + "60": { + "$value": "#5d5d52" + }, + "70": { + "$value": "#454540" + }, + "80": { + "$value": "#2e2e2a" + }, + "90": { + "$value": "#171716" + } + } + } +} diff --git a/tokens/colors/gray.json b/tokens/colors/gray.json new file mode 100644 index 00000000..11d03bca --- /dev/null +++ b/tokens/colors/gray.json @@ -0,0 +1,52 @@ +{ + "color": { + "gray": { + "$type": "color", + "1": { + "$value": "#fcfcfc" + }, + "2": { + "$value": "#f9f9f9" + }, + "3": { + "$value": "#f6f6f6" + }, + "4": { + "$value": "#f3f3f3" + }, + "5": { + "$value": "#f0f0f0" + }, + "10": { + "$value": "#e6e6e6" + }, + "20": { + "$value": "#c9c9c9" + }, + "30": { + "$value": "#adadad" + }, + "40": { + "$value": "#919191" + }, + "50": { + "$value": "#757575" + }, + "60": { + "$value": "#5c5c5c" + }, + "70": { + "$value": "#454545" + }, + "80": { + "$value": "#2e2e2e" + }, + "90": { + "$value": "#1b1b1b" + }, + "100": { + "$value": "#000" + } + } + } +} diff --git a/tokens/colors/green-cool.json b/tokens/colors/green-cool.json new file mode 100644 index 00000000..ef3f2a6a --- /dev/null +++ b/tokens/colors/green-cool.json @@ -0,0 +1,66 @@ +{ + "color": { + "green-cool": { + "$type": "color", + "5": { + "$value": "#ecf3ec" + }, + "10": { + "$value": "#dbebde" + }, + "20": { + "$value": "#b4d0b9" + }, + "30": { + "$value": "#86b98e" + }, + "40": { + "$value": "#5e9f69" + }, + "50": { + "$value": "#4d8055" + }, + "60": { + "$value": "#446443" + }, + "70": { + "$value": "#37493b" + }, + "80": { + "$value": "#28312a" + }, + "90": { + "$value": "#1a1f1a" + }, + "vivid": { + "5": { + "$value": "#e3f5e1" + }, + "10": { + "$value": "#b7f5bd" + }, + "20": { + "$value": "#70e17b" + }, + "30": { + "$value": "#21c834" + }, + "40": { + "$value": "#00a91c" + }, + "50": { + "$value": "#008817" + }, + "60": { + "$value": "#216e1f" + }, + "70": { + "$value": "#154c21" + }, + "80": { + "$value": "#19311e" + } + } + } + } +} diff --git a/tokens/colors/green-warm.json b/tokens/colors/green-warm.json new file mode 100644 index 00000000..6b78940a --- /dev/null +++ b/tokens/colors/green-warm.json @@ -0,0 +1,66 @@ +{ + "color": { + "green-warm": { + "$type": "color", + "5": { + "$value": "#f1f4d7" + }, + "10": { + "$value": "#e7eab7" + }, + "20": { + "$value": "#cbd17a" + }, + "30": { + "$value": "#a6b557" + }, + "40": { + "$value": "#8a984b" + }, + "50": { + "$value": "#6f7a41" + }, + "60": { + "$value": "#5a5f38" + }, + "70": { + "$value": "#45472f" + }, + "80": { + "$value": "#2d2f21" + }, + "90": { + "$value": "#171712" + }, + "vivid": { + "5": { + "$value": "#f5fbc1" + }, + "10": { + "$value": "#e7f434" + }, + "20": { + "$value": "#c5d30a" + }, + "30": { + "$value": "#a3b72c" + }, + "40": { + "$value": "#7e9c1d" + }, + "50": { + "$value": "#6a7d00" + }, + "60": { + "$value": "#5a6613" + }, + "70": { + "$value": "#4b4e10" + }, + "80": { + "$value": "#38380b" + } + } + } + } +} diff --git a/tokens/colors/green.json b/tokens/colors/green.json new file mode 100644 index 00000000..41b42fad --- /dev/null +++ b/tokens/colors/green.json @@ -0,0 +1,66 @@ +{ + "color": { + "green": { + "$type": "color", + "5": { + "$value": "#eaf4dd" + }, + "10": { + "$value": "#dfeacd" + }, + "20": { + "$value": "#b8d293" + }, + "30": { + "$value": "#9bb672" + }, + "40": { + "$value": "#7d9b4e" + }, + "50": { + "$value": "#607f35" + }, + "60": { + "$value": "#4c6424" + }, + "70": { + "$value": "#3c4a29" + }, + "80": { + "$value": "#293021" + }, + "90": { + "$value": "#161814" + }, + "vivid": { + "5": { + "$value": "#ddf9c7" + }, + "10": { + "$value": "#c5ee93" + }, + "20": { + "$value": "#98d035" + }, + "30": { + "$value": "#7fb135" + }, + "40": { + "$value": "#719f2a" + }, + "50": { + "$value": "#538200" + }, + "60": { + "$value": "#466c04" + }, + "70": { + "$value": "#2f4a0b" + }, + "80": { + "$value": "#243413" + } + } + } + } +} diff --git a/tokens/colors/indigo-cool.json b/tokens/colors/indigo-cool.json new file mode 100644 index 00000000..9ca2ce45 --- /dev/null +++ b/tokens/colors/indigo-cool.json @@ -0,0 +1,66 @@ +{ + "color": { + "indigo-cool": { + "$type": "color", + "5": { + "$value": "#eef0f9" + }, + "10": { + "$value": "#e1e6f9" + }, + "20": { + "$value": "#bbc8f5" + }, + "30": { + "$value": "#96abee" + }, + "40": { + "$value": "#6b8ee8" + }, + "50": { + "$value": "#496fd8" + }, + "60": { + "$value": "#3f57a6" + }, + "70": { + "$value": "#374274" + }, + "80": { + "$value": "#292d42" + }, + "90": { + "$value": "#151622" + }, + "vivid": { + "5": { + "$value": "#edf0ff" + }, + "10": { + "$value": "#dee5ff" + }, + "20": { + "$value": "#b8c8ff" + }, + "30": { + "$value": "#94adff" + }, + "40": { + "$value": "#628ef4" + }, + "50": { + "$value": "#4866ff" + }, + "60": { + "$value": "#3e4ded" + }, + "70": { + "$value": "#222fbf" + }, + "80": { + "$value": "#1b2b85" + } + } + } + } +} diff --git a/tokens/colors/indigo-warm.json b/tokens/colors/indigo-warm.json new file mode 100644 index 00000000..80800b9c --- /dev/null +++ b/tokens/colors/indigo-warm.json @@ -0,0 +1,66 @@ +{ + "color": { + "indigo-warm": { + "$type": "color", + "5": { + "$value": "#f1eff7" + }, + "10": { + "$value": "#e7e3fa" + }, + "20": { + "$value": "#cbc4f2" + }, + "30": { + "$value": "#afa5e8" + }, + "40": { + "$value": "#9287d8" + }, + "50": { + "$value": "#7665d1" + }, + "60": { + "$value": "#5e519e" + }, + "70": { + "$value": "#453c7b" + }, + "80": { + "$value": "#2e2c40" + }, + "90": { + "$value": "#18161d" + }, + "vivid": { + "5": { + "$value": "#f5f2ff" + }, + "10": { + "$value": "#e4deff" + }, + "20": { + "$value": "#cfc4fd" + }, + "30": { + "$value": "#b69fff" + }, + "40": { + "$value": "#967efb" + }, + "50": { + "$value": "#745fe9" + }, + "60": { + "$value": "#5942d2" + }, + "70": { + "$value": "#3d2c9d" + }, + "80": { + "$value": "#261f5b" + } + } + } + } +} diff --git a/tokens/colors/indigo.json b/tokens/colors/indigo.json new file mode 100644 index 00000000..f5b06e15 --- /dev/null +++ b/tokens/colors/indigo.json @@ -0,0 +1,66 @@ +{ + "color": { + "indigo": { + "$type": "color", + "5": { + "$value": "#efeff8" + }, + "10": { + "$value": "#e5e4fa" + }, + "20": { + "$value": "#c5c5f3" + }, + "30": { + "$value": "#a5a8eb" + }, + "40": { + "$value": "#8889db" + }, + "50": { + "$value": "#676cc8" + }, + "60": { + "$value": "#4d52af" + }, + "70": { + "$value": "#3d4076" + }, + "80": { + "$value": "#2b2c40" + }, + "90": { + "$value": "#16171f" + }, + "vivid": { + "5": { + "$value": "#f0f0ff" + }, + "10": { + "$value": "#e0e0ff" + }, + "20": { + "$value": "#ccceff" + }, + "30": { + "$value": "#a3a7fa" + }, + "40": { + "$value": "#8289ff" + }, + "50": { + "$value": "#656bd7" + }, + "60": { + "$value": "#4a50c4" + }, + "70": { + "$value": "#3333a3" + }, + "80": { + "$value": "#212463" + } + } + } + } +} diff --git a/tokens/colors/magenta.json b/tokens/colors/magenta.json new file mode 100644 index 00000000..3bf80b64 --- /dev/null +++ b/tokens/colors/magenta.json @@ -0,0 +1,66 @@ +{ + "color": { + "magenta": { + "$type": "color", + "5": { + "$value": "#f9f0f2" + }, + "10": { + "$value": "#f6e1e8" + }, + "20": { + "$value": "#f0bbcc" + }, + "30": { + "$value": "#e895b3" + }, + "40": { + "$value": "#e0699f" + }, + "50": { + "$value": "#c84281" + }, + "60": { + "$value": "#8b4566" + }, + "70": { + "$value": "#66364b" + }, + "80": { + "$value": "#402731" + }, + "90": { + "$value": "#1b1617" + }, + "vivid": { + "5": { + "$value": "#fff2f5" + }, + "10": { + "$value": "#ffddea" + }, + "20": { + "$value": "#ffb4cf" + }, + "30": { + "$value": "#ff87b2" + }, + "40": { + "$value": "#fd4496" + }, + "50": { + "$value": "#d72d79" + }, + "60": { + "$value": "#ab2165" + }, + "70": { + "$value": "#731f44" + }, + "80": { + "$value": "#4f172e" + } + } + } + } +} diff --git a/tokens/colors/mint-cool.json b/tokens/colors/mint-cool.json new file mode 100644 index 00000000..124325e0 --- /dev/null +++ b/tokens/colors/mint-cool.json @@ -0,0 +1,66 @@ +{ + "color": { + "mint-cool": { + "$type": "color", + "5": { + "$value": "#e0f7f6" + }, + "10": { + "$value": "#c4eeeb" + }, + "20": { + "$value": "#9bd4cf" + }, + "30": { + "$value": "#6fbab3" + }, + "40": { + "$value": "#4f9e99" + }, + "50": { + "$value": "#40807e" + }, + "60": { + "$value": "#376462" + }, + "70": { + "$value": "#2a4b45" + }, + "80": { + "$value": "#203131" + }, + "90": { + "$value": "#111818" + }, + "vivid": { + "5": { + "$value": "#d5fbf3" + }, + "10": { + "$value": "#7efbe1" + }, + "20": { + "$value": "#29e1cb" + }, + "30": { + "$value": "#1dc2ae" + }, + "40": { + "$value": "#00a398" + }, + "50": { + "$value": "#008480" + }, + "60": { + "$value": "#0f6460" + }, + "70": { + "$value": "#0b4b3f" + }, + "80": { + "$value": "#123131" + } + } + } + } +} diff --git a/tokens/colors/mint.json b/tokens/colors/mint.json new file mode 100644 index 00000000..93648490 --- /dev/null +++ b/tokens/colors/mint.json @@ -0,0 +1,66 @@ +{ + "color": { + "mint": { + "$type": "color", + "5": { + "$value": "#dbf6ed" + }, + "10": { + "$value": "#c7efe2" + }, + "20": { + "$value": "#92d9bb" + }, + "30": { + "$value": "#5abf95" + }, + "40": { + "$value": "#34a37e" + }, + "50": { + "$value": "#2e8367" + }, + "60": { + "$value": "#286846" + }, + "70": { + "$value": "#204e34" + }, + "80": { + "$value": "#193324" + }, + "90": { + "$value": "#0d1a12" + }, + "vivid": { + "5": { + "$value": "#c9fbeb" + }, + "10": { + "$value": "#83fcd4" + }, + "20": { + "$value": "#0ceda6" + }, + "30": { + "$value": "#04c585" + }, + "40": { + "$value": "#00a871" + }, + "50": { + "$value": "#008659" + }, + "60": { + "$value": "#146947" + }, + "70": { + "$value": "#0c4e29" + }, + "80": { + "$value": "#0d351e" + } + } + } + } +} diff --git a/tokens/colors/orange-warm.json b/tokens/colors/orange-warm.json new file mode 100644 index 00000000..7d750eae --- /dev/null +++ b/tokens/colors/orange-warm.json @@ -0,0 +1,66 @@ +{ + "color": { + "orange-warm": { + "$type": "color", + "5": { + "$value": "#faeee5" + }, + "10": { + "$value": "#fbe0d0" + }, + "20": { + "$value": "#f7bca2" + }, + "30": { + "$value": "#f3966d" + }, + "40": { + "$value": "#e17141" + }, + "50": { + "$value": "#bd5727" + }, + "60": { + "$value": "#914734" + }, + "70": { + "$value": "#633a32" + }, + "80": { + "$value": "#3d2925" + }, + "90": { + "$value": "#1c1615" + }, + "vivid": { + "5": { + "$value": "#fff3ea" + }, + "10": { + "$value": "#ffe2d1" + }, + "20": { + "$value": "#fbbaa7" + }, + "30": { + "$value": "#fc906d" + }, + "40": { + "$value": "#ff580a" + }, + "50": { + "$value": "#cf4900" + }, + "60": { + "$value": "#a72f10" + }, + "70": { + "$value": "#782312" + }, + "80": { + "$value": "#3d231d" + } + } + } + } +} diff --git a/tokens/colors/orange.json b/tokens/colors/orange.json new file mode 100644 index 00000000..1dc75d22 --- /dev/null +++ b/tokens/colors/orange.json @@ -0,0 +1,66 @@ +{ + "color": { + "orange": { + "$type": "color", + "5": { + "$value": "#f6efe9" + }, + "10": { + "$value": "#f2e4d4" + }, + "20": { + "$value": "#f3bf90" + }, + "30": { + "$value": "#f09860" + }, + "40": { + "$value": "#dd7533" + }, + "50": { + "$value": "#a86437" + }, + "60": { + "$value": "#775540" + }, + "70": { + "$value": "#524236" + }, + "80": { + "$value": "#332d27" + }, + "90": { + "$value": "#1b1614" + }, + "vivid": { + "5": { + "$value": "#fef2e4" + }, + "10": { + "$value": "#fce2c5" + }, + "20": { + "$value": "#ffbc78" + }, + "30": { + "$value": "#fa9441" + }, + "40": { + "$value": "#e66f0e" + }, + "50": { + "$value": "#c05600" + }, + "60": { + "$value": "#8c471c" + }, + "70": { + "$value": "#5f3617" + }, + "80": { + "$value": "#352313" + } + } + } + } +} diff --git a/tokens/colors/red-cool.json b/tokens/colors/red-cool.json new file mode 100644 index 00000000..ad80b6db --- /dev/null +++ b/tokens/colors/red-cool.json @@ -0,0 +1,66 @@ +{ + "color": { + "red-cool": { + "$type": "color", + "5": { + "$value": "#f8eff1" + }, + "10": { + "$value": "#f3e1e4" + }, + "20": { + "$value": "#ecbec6" + }, + "30": { + "$value": "#e09aa6" + }, + "40": { + "$value": "#e16b80" + }, + "50": { + "$value": "#cd425b" + }, + "60": { + "$value": "#9e394b" + }, + "70": { + "$value": "#68363f" + }, + "80": { + "$value": "#40282c" + }, + "90": { + "$value": "#1e1517" + }, + "vivid": { + "5": { + "$value": "#fff2f5" + }, + "10": { + "$value": "#f8dfe2" + }, + "20": { + "$value": "#f8b9c5" + }, + "30": { + "$value": "#fd8ba0" + }, + "40": { + "$value": "#f45d79" + }, + "50": { + "$value": "#e41d3d" + }, + "60": { + "$value": "#b21d38" + }, + "70": { + "$value": "#822133" + }, + "80": { + "$value": "#4f1c24" + } + } + } + } +} diff --git a/tokens/colors/red-warm.json b/tokens/colors/red-warm.json new file mode 100644 index 00000000..82e14d2d --- /dev/null +++ b/tokens/colors/red-warm.json @@ -0,0 +1,66 @@ +{ + "color": { + "red-warm": { + "$type": "color", + "5": { + "$value": "#f6efea" + }, + "10": { + "$value": "#f4e3db" + }, + "20": { + "$value": "#ecc0a7" + }, + "30": { + "$value": "#dca081" + }, + "40": { + "$value": "#d27a56" + }, + "50": { + "$value": "#c3512c" + }, + "60": { + "$value": "#805039" + }, + "70": { + "$value": "#524236" + }, + "80": { + "$value": "#332d29" + }, + "90": { + "$value": "#1f1c18" + }, + "vivid": { + "5": { + "$value": "#fff5ee" + }, + "10": { + "$value": "#fce1d4" + }, + "20": { + "$value": "#f6bd9c" + }, + "30": { + "$value": "#f39268" + }, + "40": { + "$value": "#ef5e25" + }, + "50": { + "$value": "#d54309" + }, + "60": { + "$value": "#9c3d10" + }, + "70": { + "$value": "#63340f" + }, + "80": { + "$value": "#3e2a1e" + } + } + } + } +} diff --git a/tokens/colors/red.json b/tokens/colors/red.json new file mode 100644 index 00000000..7585a4fc --- /dev/null +++ b/tokens/colors/red.json @@ -0,0 +1,66 @@ +{ + "color": { + "red": { + "$type": "color", + "5": { + "$value": "#f9eeee" + }, + "10": { + "$value": "#f8e1de" + }, + "20": { + "$value": "#f7bbb1" + }, + "30": { + "$value": "#f2938c" + }, + "40": { + "$value": "#e9695f" + }, + "50": { + "$value": "#d83933" + }, + "60": { + "$value": "#a23737" + }, + "70": { + "$value": "#6f3331" + }, + "80": { + "$value": "#3e2927" + }, + "90": { + "$value": "#1b1616" + }, + "vivid": { + "5": { + "$value": "#fff3f2" + }, + "10": { + "$value": "#fde0db" + }, + "20": { + "$value": "#fdb8ae" + }, + "30": { + "$value": "#ff8d7b" + }, + "40": { + "$value": "#fb5a47" + }, + "50": { + "$value": "#e52207" + }, + "60": { + "$value": "#b50909" + }, + "70": { + "$value": "#8b0a03" + }, + "80": { + "$value": "#5c1111" + } + } + } + } +} diff --git a/tokens/colors/violet-warm.json b/tokens/colors/violet-warm.json new file mode 100644 index 00000000..78fb0e07 --- /dev/null +++ b/tokens/colors/violet-warm.json @@ -0,0 +1,66 @@ +{ + "color": { + "violet-warm": { + "$type": "color", + "5": { + "$value": "#f8f0f9" + }, + "10": { + "$value": "#f6dff8" + }, + "20": { + "$value": "#e2bee4" + }, + "30": { + "$value": "#d29ad8" + }, + "40": { + "$value": "#bf77c8" + }, + "50": { + "$value": "#b04abd" + }, + "60": { + "$value": "#864381" + }, + "70": { + "$value": "#5c395a" + }, + "80": { + "$value": "#382936" + }, + "90": { + "$value": "#1b151b" + }, + "vivid": { + "5": { + "$value": "#fef2ff" + }, + "10": { + "$value": "#fbdcff" + }, + "20": { + "$value": "#f4b2ff" + }, + "30": { + "$value": "#ee83ff" + }, + "40": { + "$value": "#d85bef" + }, + "50": { + "$value": "#be32d0" + }, + "60": { + "$value": "#93348c" + }, + "70": { + "$value": "#711e6c" + }, + "80": { + "$value": "#481441" + } + } + } + } +} diff --git a/tokens/colors/violet.json b/tokens/colors/violet.json new file mode 100644 index 00000000..46025a86 --- /dev/null +++ b/tokens/colors/violet.json @@ -0,0 +1,66 @@ +{ + "color": { + "violet": { + "$type": "color", + "5": { + "$value": "#f4f1f9" + }, + "10": { + "$value": "#ebe3f9" + }, + "20": { + "$value": "#d0c3e9" + }, + "30": { + "$value": "#b8a2e3" + }, + "40": { + "$value": "#9d84d2" + }, + "50": { + "$value": "#8168b3" + }, + "60": { + "$value": "#665190" + }, + "70": { + "$value": "#4c3d69" + }, + "80": { + "$value": "#312b3f" + }, + "90": { + "$value": "#18161d" + }, + "vivid": { + "5": { + "$value": "#f7f2ff" + }, + "10": { + "$value": "#ede3ff" + }, + "20": { + "$value": "#d5bfff" + }, + "30": { + "$value": "#c39deb" + }, + "40": { + "$value": "#ad79e9" + }, + "50": { + "$value": "#9355dc" + }, + "60": { + "$value": "#783cb9" + }, + "70": { + "$value": "#54278f" + }, + "80": { + "$value": "#39215e" + } + } + } + } +} diff --git a/tokens/colors/white-transparent.json b/tokens/colors/white-transparent.json new file mode 100644 index 00000000..b5175ceb --- /dev/null +++ b/tokens/colors/white-transparent.json @@ -0,0 +1,37 @@ +{ + "color": { + "white-transparent": { + "$type": "color", + "5": { + "$value": "rgba(255,255,255,0.01)" + }, + "10": { + "$value": "rgba(255,255,255,0.1)" + }, + "20": { + "$value": "rgba(255,255,255,0.2)" + }, + "30": { + "$value": "rgba(255,255,255,0.3)" + }, + "40": { + "$value": "rgba(255,255,255,0.4)" + }, + "50": { + "$value": "rgba(255,255,255,0.5)" + }, + "60": { + "$value": "rgba(255,255,255,0.6)" + }, + "70": { + "$value": "rgba(255,255,255,0.7)" + }, + "80": { + "$value": "rgba(255,255,255,0.8)" + }, + "90": { + "$value": "rgba(255,255,255,0.9)" + } + } + } +} diff --git a/tokens/colors/yellow.json b/tokens/colors/yellow.json new file mode 100644 index 00000000..186597e1 --- /dev/null +++ b/tokens/colors/yellow.json @@ -0,0 +1,66 @@ +{ + "color": { + "yellow": { + "$type": "color", + "5": { + "$value": "#faf3d1" + }, + "10": { + "$value": "#f5e6af" + }, + "20": { + "$value": "#e6c74c" + }, + "30": { + "$value": "#c9ab48" + }, + "40": { + "$value": "#a88f48" + }, + "50": { + "$value": "#8a7237" + }, + "60": { + "$value": "#6b5a39" + }, + "70": { + "$value": "#504332" + }, + "80": { + "$value": "#332d27" + }, + "90": { + "$value": "#1a1614" + }, + "vivid": { + "5": { + "$value": "#fff5c2" + }, + "10": { + "$value": "#fee685" + }, + "20": { + "$value": "#face00" + }, + "30": { + "$value": "#ddaa01" + }, + "40": { + "$value": "#b38c00" + }, + "50": { + "$value": "#947100" + }, + "60": { + "$value": "#776017" + }, + "70": { + "$value": "#5c4809" + }, + "80": { + "$value": "#422d19" + } + } + } + } +} diff --git a/tokens/index.js b/tokens/index.js new file mode 100644 index 00000000..f0f6e531 --- /dev/null +++ b/tokens/index.js @@ -0,0 +1,8 @@ +import { readdirSync } from "node:fs"; + +const dirs = (p) => + readdirSync(p, { withFileTypes: true }) + .filter((d) => d.isDirectory()) + .map((d) => d.name); + +export default dirs(import.meta.dirname); diff --git a/tokens/dimension/spacing.json b/tokens/spacing/spacing.json similarity index 89% rename from tokens/dimension/spacing.json rename to tokens/spacing/spacing.json index ad6087b0..63b3f011 100644 --- a/tokens/dimension/spacing.json +++ b/tokens/spacing/spacing.json @@ -1,5 +1,6 @@ { "spacing": { + "$type": "dimension", "05": { "$value": { "value": ".25", "unit": "rem" } }, @@ -23,6 +24,7 @@ } }, "site-margins": { + "$type": "dimension", "mobile-width": { "$value": "{spacing.2}" }, @@ -31,9 +33,9 @@ } }, "size": { + "$type": "dimension", "touch-target": { "$value": "{spacing.6}" } - }, - "$type": "dimension" + } }