From be48f09b2fe99c1678cd1afc5616e2d9abcda69b Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Thu, 15 Aug 2024 09:07:15 +0200 Subject: [PATCH 01/10] feat: add style-dictionary tokens for download --- src/App.tsx | 4 +- src/utils/outputs/download.ts | 38 +++- src/utils/outputs/index.ts | 225 ++----------------- src/utils/outputs/style-dictionary/colors.ts | 149 ++++++++++++ src/utils/outputs/style-dictionary/index.ts | 49 ++++ src/utils/outputs/web/index.ts | 188 ++++++++++++++++ 6 files changed, 447 insertions(+), 206 deletions(-) create mode 100644 src/utils/outputs/style-dictionary/colors.ts create mode 100644 src/utils/outputs/style-dictionary/index.ts create mode 100644 src/utils/outputs/web/index.ts diff --git a/src/App.tsx b/src/App.tsx index d1a560b7..658719cb 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,12 +2,12 @@ import { Outlet } from "react-router-dom"; import Notifications from "./components/Notifications"; import { useThemeBuilderStore } from "./store"; import { useEffect } from "react"; +import { DefaultColorType } from "./utils/data.ts"; import { getNonColorCssProperties, getPaletteOutput, getSpeakingNames, -} from "./utils/outputs"; -import { DefaultColorType } from "./utils/data.ts"; +} from "./utils/outputs/web"; const App = () => { const { speakingNames, luminanceSteps, theme } = useThemeBuilderStore( diff --git a/src/utils/outputs/download.ts b/src/utils/outputs/download.ts index c85584fd..63a97e98 100644 --- a/src/utils/outputs/download.ts +++ b/src/utils/outputs/download.ts @@ -19,15 +19,20 @@ import { generateDensityEnumFile } from "./compose/density.ts"; import { getSketchColorsAsString } from "./sketch.ts"; import { getFontFaces } from "./web/fonts.ts"; import { kebabCase } from "../index.ts"; +import { generateCustomColorClass } from "./web/custom-color-class.ts"; +import { generateAndroidReadmeFile } from "./compose/readme.ts"; import { getCssPropertyAsString, getCssThemeProperties, getFullColorCss, getPaletteOutput, getSpeakingNames, -} from "./index.ts"; -import { generateCustomColorClass } from "./web/custom-color-class.ts"; -import { generateAndroidReadmeFile } from "./compose/readme.ts"; +} from "./web"; +import { + getSDColorPalette, + getSDSpeakingColors, +} from "./style-dictionary/colors.ts"; +import { getDBNonColorToken } from "./style-dictionary"; const download = (fileName: string, file: Blob) => { const element = document.createElement("a"); @@ -67,6 +72,33 @@ export const downloadTheme = async ( const zip = new JSZip(); zip.file(`${fileName}.json`, themeJsonString); + // Style dictionary + + const sdFolder: string = "StyleDictionary"; + zip.file( + `${sdFolder}/palette-colors.json`, + JSON.stringify(getSDColorPalette(allColors, luminanceSteps)), + ); + zip.file( + `${sdFolder}/speaking-colors.json`, + JSON.stringify(getSDSpeakingColors(speakingNames, allColors)), + ); + const token = getDBNonColorToken(theme); + const tokenProps = [ + "spacing", + "sizing", + "border", + "elevation", + "transition", + "font", + ]; + for (const prop of tokenProps) { + zip.file( + `${sdFolder}/${prop}s.json`, + JSON.stringify({ [prop]: token[prop] }), + ); + } + //Android const androidFolder: string = "Android"; const androidThemeFolder: string = `${androidFolder}/theme`; diff --git a/src/utils/outputs/index.ts b/src/utils/outputs/index.ts index a3d99234..8aa850c6 100644 --- a/src/utils/outputs/index.ts +++ b/src/utils/outputs/index.ts @@ -1,124 +1,34 @@ -import { - DefaultColorType, - HeisslufType, - SpeakingName, - ThemeType, -} from "../data.ts"; -import traverse from "traverse"; +import { DefaultColorType, HeisslufType } from "../data.ts"; import { getHeissluftColors } from "../generate-colors.ts"; export const prefix = "db"; -export const getCssPropertyAsString = ( - properties: any, - inRoot?: boolean, -): string => { - let resultString = ""; +export const nonRemProperties = ["opacity", "elevation", "transition", "font"]; - for (const [key, value] of Object.entries(properties)) { - resultString += `${key}: ${value};\n`; - } - - if (inRoot) { - return `:root{${resultString}}`; - } - - return resultString; -}; - -const nonRemProperties = ["opacity", "elevation", "transition", "font"]; - -const isFontFamily = (path: string[]): boolean => +export const isFontFamily = (path: string[]): boolean => (path[0] === "font" && path[1] === "family") || path[0] !== "font"; -export const getNonColorCssProperties = ( - theme: ThemeType, - asString?: boolean, -) => { - const resolvedProperties: any = {}; - traverse(theme).forEach(function (value) { - if ( - this.isLeaf && - this.path.length > 0 && - this.path[0] !== "colors" && - this.path[0] !== "additionalColors" && - this.path[0] !== "customColors" && - this.path[0] !== "branding" && - isFontFamily(this.path) && - !this.path.includes("_scale") - ) { - const key = `--${prefix}-${this.path - .map((path) => path.toLowerCase()) - .map((path) => { - if (path === "lineheight") { - return "line-height"; - } else if (path === "fontsize") { - return "font-size"; - } - return path; - }) - .join("-")}`; - - resolvedProperties[key] = - !nonRemProperties.includes(this.path[0]) && - (typeof value === "string" || value instanceof String) - ? `${value}rem` - : value; - - if (this.path.at(-1) === "fontSize") { - const lineHeightPath = [...this.path]; - lineHeightPath[lineHeightPath.length - 1] = "lineHeight"; - const fontSizeAsNumber = Number(value); - const lineHeightAsNumber = Number(traverse(theme).get(lineHeightPath)); - - const remainingIconPath = this.path - .filter((path) => path !== "typography" && path !== "fontSize") - .join("-"); - const fontSizing = fontSizeAsNumber * lineHeightAsNumber; - resolvedProperties[ - `--${prefix}-base-icon-weight-${remainingIconPath}` - ] = fontSizing * 16; - resolvedProperties[ - `--${prefix}-base-icon-font-size-${remainingIconPath}` - ] = `${fontSizing}rem`; - } - } - }); - - if (asString) { - return getCssPropertyAsString(resolvedProperties); - } - - return resolvedProperties; -}; - -export const getCssThemeProperties = (theme: ThemeType): string => { - const customTheme = getNonColorCssProperties(theme, true); - - return `:root{ - ${customTheme} - } - `; -}; - -export const getFullColorCss = ( - colorsPalette: string, - colorsSpeakingNames: string, -): string => { - return `:root{ - ${colorsPalette} - ${colorsSpeakingNames} - } - -[data-color-scheme="light"] { - color-scheme: light; -} - -[data-color-scheme="dark"] { - color-scheme: dark; -} - `; -}; +export const isDimensionProperty = (context: any) => + context.isLeaf && + context.path.length > 0 && + context.path[0] !== "colors" && + context.path[0] !== "additionalColors" && + context.path[0] !== "customColors" && + context.path[0] !== "branding" && + isFontFamily(context.path) && + !context.path.includes("_scale"); + +export const getTraverseKey = (path: string[], separator: string = "-") => + `${path + .map((p) => p.toLowerCase()) + .map((p) => { + return p === "lineheight" + ? "line-height" + : p === "fontsize" + ? "font-size" + : p; + }) + .join(separator)}`; export const getPalette = ( allColors: Record, @@ -142,90 +52,3 @@ export const getPalette = ( (previousValue, currentValue) => ({ ...previousValue, ...currentValue }), {}, ); - -export const getPaletteOutput = ( - allColors: Record, - luminanceSteps: number[], -): any => { - const palette: Record = getPalette( - allColors, - luminanceSteps, - ); - const result: any = {}; - - Object.entries(allColors).forEach(([unformattedName, color]) => { - const name = unformattedName.toLowerCase(); - - const hslType: HeisslufType[] = palette[unformattedName]; - hslType.forEach((hsl) => { - result[`--${prefix}-${name}-${hsl.index ?? hsl.name}`] = hsl.hex; - }); - - result[`--${prefix}-${name}-origin`] = color.origin; - result[`--${prefix}-${name}-origin-light-default`] = color.originLight; - result[`--${prefix}-${name}-origin-light-hovered`] = - color.originLightHovered; - result[`--${prefix}-${name}-origin-light-pressed`] = - color.originLightPressed; - result[`--${prefix}-${name}-on-origin-light-default`] = color.onOriginLight; - result[`--${prefix}-${name}-on-origin-light-hovered`] = - color.onOriginLightHovered; - result[`--${prefix}-${name}-on-origin-light-pressed`] = - color.onOriginLightPressed; - - result[`--${prefix}-${name}-origin-dark-default`] = color.originDark; - result[`--${prefix}-${name}-origin-dark-hovered`] = color.originDarkHovered; - result[`--${prefix}-${name}-origin-dark-pressed`] = color.originDarkPressed; - result[`--${prefix}-${name}-on-origin-dark-default`] = color.onOriginDark; - result[`--${prefix}-${name}-on-origin-dark-hovered`] = - color.onOriginDarkHovered; - result[`--${prefix}-${name}-on-origin-dark-pressed`] = - color.onOriginDarkPressed; - }); - - return result; -}; - -export const getSpeakingNames = ( - speakingNames: SpeakingName[], - allColors: Record, -): any => { - const result: any = {}; - Object.entries(allColors).forEach(([unformattedName]) => { - const name = unformattedName.toLowerCase(); - result[`--${prefix}-${name}-origin-default`] = - `light-dark(var(--${prefix}-${name}-origin-light-default),var(--${prefix}-${name}-origin-dark-default))`; - result[`--${prefix}-${name}-origin-hovered`] = - `light-dark(var(--${prefix}-${name}-origin-light-hovered),var(--${prefix}-${name}-origin-dark-hovered))`; - result[`--${prefix}-${name}-origin-pressed`] = - `light-dark(var(--${prefix}-${name}-origin-light-pressed),var(--${prefix}-${name}-origin-dark-pressed))`; - result[`--${prefix}-${name}-on-origin-default`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-default),var(--${prefix}-${name}-on-origin-dark-default))`; - result[`--${prefix}-${name}-on-origin-hovered`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-hovered),var(--${prefix}-${name}-on-origin-dark-hovered))`; - result[`--${prefix}-${name}-on-origin-pressed`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-pressed),var(--${prefix}-${name}-on-origin-dark-pressed))`; - - speakingNames.forEach((speakingName) => { - if ( - speakingName.transparencyDark !== undefined || - speakingName.transparencyLight !== undefined - ) { - result[`--${prefix}-${name}-${speakingName.name}`] = - `light-dark(color-mix(in srgb, transparent ${ - speakingName.transparencyLight - }%, var(--${prefix}-${name}-${ - speakingName.light - })),color-mix(in srgb, transparent ${ - speakingName.transparencyDark - }%, var(--${prefix}-${name}-${speakingName.dark})))`; - } else { - result[`--${prefix}-${name}-${speakingName.name}`] = - `light-dark(var(--${prefix}-${name}-${ - speakingName.light - }),var(--${prefix}-${name}-${speakingName.dark}))`; - } - }); - }); - return result; -}; diff --git a/src/utils/outputs/style-dictionary/colors.ts b/src/utils/outputs/style-dictionary/colors.ts new file mode 100644 index 00000000..0a0f266a --- /dev/null +++ b/src/utils/outputs/style-dictionary/colors.ts @@ -0,0 +1,149 @@ +import { DefaultColorType, HeisslufType, SpeakingName } from "../../data.ts"; +import { getPalette } from "../index.ts"; +import { setObjectByPath } from "./index.ts"; + +export const getSDColorPalette = ( + allColors: Record, + luminanceSteps: number[], +): any => { + const palette: Record = getPalette( + allColors, + luminanceSteps, + ); + const colors: any = {}; + + Object.entries(allColors).forEach(([unformattedName, color]) => { + const name = unformattedName.toLowerCase(); + + const colorValues: any = {}; + + const hslType: HeisslufType[] = palette[unformattedName]; + hslType.forEach((hsl) => { + colorValues[`${hsl.index ?? hsl.name}`] = { value: hsl.hex }; + }); + + colorValues.origin = { + base: { + value: color.origin, + }, + light: { + default: { + value: color.originLight, + }, + hovered: { + value: color.originLightHovered, + }, + pressed: { + value: color.originLightPressed, + }, + }, + dark: { + default: { + value: color.originDark, + }, + hovered: { + value: color.originDarkHovered, + }, + pressed: { + value: color.originDarkPressed, + }, + }, + }; + + colorValues.onOrigin = { + light: { + default: { + value: color.onOriginLight, + }, + hovered: { + value: color.onOriginLightHovered, + }, + pressed: { + value: color.onOriginLightPressed, + }, + }, + dark: { + default: { + value: color.onOriginDark, + }, + hovered: { + value: color.onOriginDarkHovered, + }, + pressed: { + value: color.onOriginDarkPressed, + }, + }, + }; + + colors[name] = colorValues; + }); + + return { colors }; +}; + +export const getSDSpeakingColors = ( + speakingNames: SpeakingName[], + allColors: Record, +): any => { + const colors: any = {}; + const colorTheme = ["light", "dark"]; + for (const [unformattedName] of Object.entries(allColors)) { + const name = unformattedName.toLowerCase(); + + colors[name] = {}; + + for (const theme of colorTheme) { + const isDark = theme === "dark"; + const themeObj: any = { + origin: { + default: { + value: `colors.origin.${theme}.default.value`, + }, + hovered: { + value: `colors.origin.${theme}.hovered.value`, + }, + pressed: { + value: `colors.origin.${theme}.pressed.value`, + }, + }, + onOrigin: { + default: { + value: `colors.onOrigin.${theme}.default.value`, + }, + hovered: { + value: `colors.onOrigin.${theme}.hovered.value`, + }, + pressed: { + value: `colors.onOrigin.${theme}.pressed.value`, + }, + }, + }; + + for (const speakingName of speakingNames) { + const dotName = speakingName.name.replaceAll("-", "."); + + setObjectByPath( + themeObj, + `${dotName}.value`, + `colors.${name}.${isDark ? speakingName.dark : speakingName.light}.value`, + ); + + if ( + speakingName.transparencyDark !== undefined || + speakingName.transparencyLight !== undefined + ) { + setObjectByPath( + themeObj, + `${dotName}.transparent`, + isDark + ? speakingName.transparencyDark + : speakingName.transparencyLight, + ); + } + } + + colors[name][theme] = themeObj; + } + } + return { colors }; +}; diff --git a/src/utils/outputs/style-dictionary/index.ts b/src/utils/outputs/style-dictionary/index.ts new file mode 100644 index 00000000..6656e2e7 --- /dev/null +++ b/src/utils/outputs/style-dictionary/index.ts @@ -0,0 +1,49 @@ +import { ThemeType } from "../../data.ts"; +import traverse from "traverse"; +import { + getTraverseKey, + isDimensionProperty, + nonRemProperties, +} from "../index.ts"; + +export const setObjectByPath = ( + initObj: any, + path: string, + value: any, +): any => { + if (path == "") return value; + + const [k, next] = path.split({ + [Symbol.split](s) { + const i = s.indexOf("."); + return i == -1 ? [s, ""] : [s.slice(0, i), s.slice(i + 1)]; + }, + }); + + if (initObj !== undefined && typeof initObj !== "object") { + console.error(`cannot set property ${k} of ${typeof initObj}`); + } + + return Object.assign(initObj ?? {}, { + [k]: setObjectByPath(initObj?.[k], next, value), + }); +}; + +export const getDBNonColorToken = (theme: ThemeType) => { + const resolvedProperties: any = {}; + traverse(theme).forEach(function (value) { + if (isDimensionProperty(this)) { + const key = getTraverseKey(this.path, "."); + + const finalValue = + !nonRemProperties.includes(this.path[0]) && + (typeof value === "string" || value instanceof String) + ? `${value}rem` + : value; + + setObjectByPath(resolvedProperties, key, finalValue); + } + }); + + return resolvedProperties; +}; diff --git a/src/utils/outputs/web/index.ts b/src/utils/outputs/web/index.ts new file mode 100644 index 00000000..68053fe8 --- /dev/null +++ b/src/utils/outputs/web/index.ts @@ -0,0 +1,188 @@ +import { + DefaultColorType, + HeisslufType, + SpeakingName, + ThemeType, +} from "../../data.ts"; +import traverse from "traverse"; +import { + getPalette, + getTraverseKey, + isDimensionProperty, + nonRemProperties, + prefix, +} from "../index.ts"; + +export const getCssPropertyAsString = ( + properties: any, + inRoot?: boolean, +): string => { + let resultString = ""; + + for (const [key, value] of Object.entries(properties)) { + resultString += `${key}: ${value};\n`; + } + + if (inRoot) { + return `:root{${resultString}}`; + } + + return resultString; +}; + +export const getNonColorCssProperties = ( + theme: ThemeType, + asString?: boolean, +) => { + const resolvedProperties: any = {}; + traverse(theme).forEach(function (value) { + if (isDimensionProperty(this)) { + const key = `--${prefix}-${getTraverseKey(this.path)}`; + + resolvedProperties[key] = + !nonRemProperties.includes(this.path[0]) && + (typeof value === "string" || value instanceof String) + ? `${value}rem` + : value; + + if (this.path.at(-1) === "fontSize") { + const lineHeightPath = [...this.path]; + lineHeightPath[lineHeightPath.length - 1] = "lineHeight"; + const fontSizeAsNumber = Number(value); + const lineHeightAsNumber = Number(traverse(theme).get(lineHeightPath)); + + const remainingIconPath = this.path + .filter((path) => path !== "typography" && path !== "fontSize") + .join("-"); + const fontSizing = fontSizeAsNumber * lineHeightAsNumber; + resolvedProperties[ + `--${prefix}-base-icon-weight-${remainingIconPath}` + ] = fontSizing * 16; + resolvedProperties[ + `--${prefix}-base-icon-font-size-${remainingIconPath}` + ] = `${fontSizing}rem`; + } + } + }); + + if (asString) { + return getCssPropertyAsString(resolvedProperties); + } + + return resolvedProperties; +}; + +export const getCssThemeProperties = (theme: ThemeType): string => { + const customTheme = getNonColorCssProperties(theme, true); + + return `:root{ + ${customTheme} + } + `; +}; + +export const getFullColorCss = ( + colorsPalette: string, + colorsSpeakingNames: string, +): string => { + return `:root{ + ${colorsPalette} + ${colorsSpeakingNames} + } + +[data-color-scheme="light"] { + color-scheme: light; +} + +[data-color-scheme="dark"] { + color-scheme: dark; +} + `; +}; + +export const getPaletteOutput = ( + allColors: Record, + luminanceSteps: number[], +): any => { + const palette: Record = getPalette( + allColors, + luminanceSteps, + ); + const result: any = {}; + + Object.entries(allColors).forEach(([unformattedName, color]) => { + const name = unformattedName.toLowerCase(); + + const hslType: HeisslufType[] = palette[unformattedName]; + hslType.forEach((hsl) => { + result[`--${prefix}-${name}-${hsl.index ?? hsl.name}`] = hsl.hex; + }); + + result[`--${prefix}-${name}-origin`] = color.origin; + result[`--${prefix}-${name}-origin-light-default`] = color.originLight; + result[`--${prefix}-${name}-origin-light-hovered`] = + color.originLightHovered; + result[`--${prefix}-${name}-origin-light-pressed`] = + color.originLightPressed; + result[`--${prefix}-${name}-on-origin-light-default`] = color.onOriginLight; + result[`--${prefix}-${name}-on-origin-light-hovered`] = + color.onOriginLightHovered; + result[`--${prefix}-${name}-on-origin-light-pressed`] = + color.onOriginLightPressed; + + result[`--${prefix}-${name}-origin-dark-default`] = color.originDark; + result[`--${prefix}-${name}-origin-dark-hovered`] = color.originDarkHovered; + result[`--${prefix}-${name}-origin-dark-pressed`] = color.originDarkPressed; + result[`--${prefix}-${name}-on-origin-dark-default`] = color.onOriginDark; + result[`--${prefix}-${name}-on-origin-dark-hovered`] = + color.onOriginDarkHovered; + result[`--${prefix}-${name}-on-origin-dark-pressed`] = + color.onOriginDarkPressed; + }); + + return result; +}; + +export const getSpeakingNames = ( + speakingNames: SpeakingName[], + allColors: Record, +): any => { + const result: any = {}; + Object.entries(allColors).forEach(([unformattedName]) => { + const name = unformattedName.toLowerCase(); + result[`--${prefix}-${name}-origin-default`] = + `light-dark(var(--${prefix}-${name}-origin-light-default),var(--${prefix}-${name}-origin-dark-default))`; + result[`--${prefix}-${name}-origin-hovered`] = + `light-dark(var(--${prefix}-${name}-origin-light-hovered),var(--${prefix}-${name}-origin-dark-hovered))`; + result[`--${prefix}-${name}-origin-pressed`] = + `light-dark(var(--${prefix}-${name}-origin-light-pressed),var(--${prefix}-${name}-origin-dark-pressed))`; + result[`--${prefix}-${name}-on-origin-default`] = + `light-dark(var(--${prefix}-${name}-on-origin-light-default),var(--${prefix}-${name}-on-origin-dark-default))`; + result[`--${prefix}-${name}-on-origin-hovered`] = + `light-dark(var(--${prefix}-${name}-on-origin-light-hovered),var(--${prefix}-${name}-on-origin-dark-hovered))`; + result[`--${prefix}-${name}-on-origin-pressed`] = + `light-dark(var(--${prefix}-${name}-on-origin-light-pressed),var(--${prefix}-${name}-on-origin-dark-pressed))`; + + speakingNames.forEach((speakingName) => { + if ( + speakingName.transparencyDark !== undefined || + speakingName.transparencyLight !== undefined + ) { + result[`--${prefix}-${name}-${speakingName.name}`] = + `light-dark(color-mix(in srgb, transparent ${ + speakingName.transparencyLight + }%, var(--${prefix}-${name}-${ + speakingName.light + })),color-mix(in srgb, transparent ${ + speakingName.transparencyDark + }%, var(--${prefix}-${name}-${speakingName.dark})))`; + } else { + result[`--${prefix}-${name}-${speakingName.name}`] = + `light-dark(var(--${prefix}-${name}-${ + speakingName.light + }),var(--${prefix}-${name}-${speakingName.dark}))`; + } + }); + }); + return result; +}; From d069fa88432bd0569bc1b6b99df283a7713ea518 Mon Sep 17 00:00:00 2001 From: Nicolas Merget <104347736+nmerget@users.noreply.github.com> Date: Thu, 15 Aug 2024 10:13:01 +0200 Subject: [PATCH 02/10] Update src/utils/outputs/style-dictionary/colors.ts Co-authored-by: Tim Kolberger --- src/utils/outputs/style-dictionary/colors.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/utils/outputs/style-dictionary/colors.ts b/src/utils/outputs/style-dictionary/colors.ts index 0a0f266a..1577f599 100644 --- a/src/utils/outputs/style-dictionary/colors.ts +++ b/src/utils/outputs/style-dictionary/colors.ts @@ -97,7 +97,7 @@ export const getSDSpeakingColors = ( const themeObj: any = { origin: { default: { - value: `colors.origin.${theme}.default.value`, + value: `{colors.origin.${theme}.default.value}`, }, hovered: { value: `colors.origin.${theme}.hovered.value`, From 07f6a48ea5416bece1b05cd1374328eab2ae2b77 Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Thu, 15 Aug 2024 10:31:43 +0200 Subject: [PATCH 03/10] chore: update style-dictionary color output --- src/utils/outputs/style-dictionary/colors.ts | 90 +++++++++++--------- 1 file changed, 49 insertions(+), 41 deletions(-) diff --git a/src/utils/outputs/style-dictionary/colors.ts b/src/utils/outputs/style-dictionary/colors.ts index 1577f599..8a6093ad 100644 --- a/src/utils/outputs/style-dictionary/colors.ts +++ b/src/utils/outputs/style-dictionary/colors.ts @@ -24,9 +24,13 @@ export const getSDColorPalette = ( colorValues.origin = { base: { + comment: "This is just to resolve the original origin color", value: color.origin, }, - light: { + }; + + colorValues.light = { + origin: { default: { value: color.originLight, }, @@ -37,40 +41,44 @@ export const getSDColorPalette = ( value: color.originLightPressed, }, }, - dark: { - default: { - value: color.originDark, - }, - hovered: { - value: color.originDarkHovered, - }, - pressed: { - value: color.originDarkPressed, + on: { + origin: { + default: { + value: color.onOriginLight, + }, + hovered: { + value: color.onOriginLightHovered, + }, + pressed: { + value: color.onOriginLightPressed, + }, }, }, }; - colorValues.onOrigin = { - light: { + colorValues.dark = { + origin: { default: { - value: color.onOriginLight, + value: color.originDark, }, hovered: { - value: color.onOriginLightHovered, + value: color.originDarkHovered, }, pressed: { - value: color.onOriginLightPressed, + value: color.originDarkPressed, }, }, - dark: { - default: { - value: color.onOriginDark, - }, - hovered: { - value: color.onOriginDarkHovered, - }, - pressed: { - value: color.onOriginDarkPressed, + on: { + origin: { + default: { + value: color.onOriginDark, + }, + hovered: { + value: color.onOriginDarkHovered, + }, + pressed: { + value: color.onOriginDarkPressed, + }, }, }, }; @@ -85,36 +93,36 @@ export const getSDSpeakingColors = ( speakingNames: SpeakingName[], allColors: Record, ): any => { - const colors: any = {}; + const colors: any = { light: {}, dark: {} }; const colorTheme = ["light", "dark"]; for (const [unformattedName] of Object.entries(allColors)) { const name = unformattedName.toLowerCase(); - colors[name] = {}; - for (const theme of colorTheme) { const isDark = theme === "dark"; const themeObj: any = { origin: { default: { - value: `{colors.origin.${theme}.default.value}`, + value: `{colors.${theme}.origin.default.value}`, }, hovered: { - value: `colors.origin.${theme}.hovered.value`, + value: `{colors.${theme}.origin.hovered.value}`, }, pressed: { - value: `colors.origin.${theme}.pressed.value`, + value: `{colors.${theme}.origin.pressed.value}`, }, }, - onOrigin: { - default: { - value: `colors.onOrigin.${theme}.default.value`, - }, - hovered: { - value: `colors.onOrigin.${theme}.hovered.value`, - }, - pressed: { - value: `colors.onOrigin.${theme}.pressed.value`, + on: { + origin: { + default: { + value: `{colors.${theme}.on.origin.default.value}`, + }, + hovered: { + value: `{colors.${theme}.on.origin.hovered.value}`, + }, + pressed: { + value: `{colors.${theme}.on.origin.pressed.value}`, + }, }, }, }; @@ -125,7 +133,7 @@ export const getSDSpeakingColors = ( setObjectByPath( themeObj, `${dotName}.value`, - `colors.${name}.${isDark ? speakingName.dark : speakingName.light}.value`, + `{colors.${name}.${isDark ? speakingName.dark : speakingName.light}.value}`, ); if ( @@ -142,7 +150,7 @@ export const getSDSpeakingColors = ( } } - colors[name][theme] = themeObj; + colors[theme][name] = themeObj; } } return { colors }; From bb465f12d2718871eb9426a422e8e173e6a229a5 Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Thu, 15 Aug 2024 10:33:34 +0200 Subject: [PATCH 04/10] fix: issue with missing name for origin colors --- src/utils/outputs/style-dictionary/colors.ts | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/utils/outputs/style-dictionary/colors.ts b/src/utils/outputs/style-dictionary/colors.ts index 8a6093ad..1f68fcd0 100644 --- a/src/utils/outputs/style-dictionary/colors.ts +++ b/src/utils/outputs/style-dictionary/colors.ts @@ -103,25 +103,25 @@ export const getSDSpeakingColors = ( const themeObj: any = { origin: { default: { - value: `{colors.${theme}.origin.default.value}`, + value: `{colors.${name}.${theme}.origin.default.value}`, }, hovered: { - value: `{colors.${theme}.origin.hovered.value}`, + value: `{colors.${name}.${theme}.origin.hovered.value}`, }, pressed: { - value: `{colors.${theme}.origin.pressed.value}`, + value: `{colors.${name}.${theme}.origin.pressed.value}`, }, }, on: { origin: { default: { - value: `{colors.${theme}.on.origin.default.value}`, + value: `{colors.${name}.${theme}.on.origin.default.value}`, }, hovered: { - value: `{colors.${theme}.on.origin.hovered.value}`, + value: `{colors.${name}.${theme}.on.origin.hovered.value}`, }, pressed: { - value: `{colors.${theme}.on.origin.pressed.value}`, + value: `{colors.${name}.${theme}.on.origin.pressed.value}`, }, }, }, From a5d40dae71d6c611fce19a95e99961e4cb367ffa Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Thu, 27 Feb 2025 15:40:31 +0100 Subject: [PATCH 05/10] refactor: generating of css via style dictionary --- package-lock.json | 2159 +++++++++++++---- package.json | 6 +- src/App.tsx | 37 +- .../Customization/Settings/Scaling/data.ts | 32 +- .../Settings/Scaling/scaling.tsx | 11 +- .../Landing/ThemeSelect/theme-select.tsx | 15 +- src/data/db-theme.json | 923 ------- src/data/db-theme/branding.json | 9 + src/data/db-theme/colors.json | 382 +++ src/data/default-theme.json | 929 ------- src/data/default-theme/border.json | 29 + src/data/default-theme/branding.json | 9 + src/data/default-theme/colors.json | 381 +++ src/data/default-theme/elevation.json | 65 + src/data/default-theme/fonts.json | 82 + src/data/default-theme/sizing.json | 43 + src/data/default-theme/spacing.json | 147 ++ src/data/default-theme/transition.json | 23 + .../default-theme/typography/expressive.json | 456 ++++ .../default-theme/typography/functional.json | 456 ++++ .../default-theme/typography/regular.json | 456 ++++ src/data/sbahn-theme.json | 928 ------- src/data/sbahn-theme/branding.json | 9 + src/data/sbahn-theme/colors.json | 381 +++ src/pages/Customization/customization.tsx | 2 - src/store/index.ts | 6 +- src/store/themes.ts | 47 + src/utils/data.ts | 64 +- src/utils/index.ts | 16 + src/utils/outputs/compose/dimensions.ts | 1 + src/utils/outputs/compose/elevation.ts | 34 +- src/utils/outputs/download.ts | 107 +- src/utils/outputs/index.ts | 41 - src/utils/outputs/style-dictionary/colors.ts | 199 +- .../style-dictionary/config/formats.ts | 43 + .../outputs/style-dictionary/config/index.ts | 75 + .../config/transform-groups.ts | 26 + .../style-dictionary/config/transforms.ts | 23 + src/utils/outputs/style-dictionary/index.ts | 69 +- src/utils/outputs/web/index.ts | 188 -- 40 files changed, 5166 insertions(+), 3743 deletions(-) delete mode 100644 src/data/db-theme.json create mode 100644 src/data/db-theme/branding.json create mode 100644 src/data/db-theme/colors.json delete mode 100644 src/data/default-theme.json create mode 100644 src/data/default-theme/border.json create mode 100644 src/data/default-theme/branding.json create mode 100644 src/data/default-theme/colors.json create mode 100644 src/data/default-theme/elevation.json create mode 100644 src/data/default-theme/fonts.json create mode 100644 src/data/default-theme/sizing.json create mode 100644 src/data/default-theme/spacing.json create mode 100644 src/data/default-theme/transition.json create mode 100644 src/data/default-theme/typography/expressive.json create mode 100644 src/data/default-theme/typography/functional.json create mode 100644 src/data/default-theme/typography/regular.json delete mode 100644 src/data/sbahn-theme.json create mode 100644 src/data/sbahn-theme/branding.json create mode 100644 src/data/sbahn-theme/colors.json create mode 100644 src/store/themes.ts create mode 100644 src/utils/outputs/style-dictionary/config/formats.ts create mode 100644 src/utils/outputs/style-dictionary/config/index.ts create mode 100644 src/utils/outputs/style-dictionary/config/transform-groups.ts create mode 100644 src/utils/outputs/style-dictionary/config/transforms.ts delete mode 100644 src/utils/outputs/web/index.ts diff --git a/package-lock.json b/package-lock.json index 0d5e525e..6367ffac 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "theme-builder", "version": "0.0.0", "dependencies": { + "@bundled-es-modules/memfs": "^4.9.4", "@craftjs/core": "^0.2.11", "@db-ux/db-theme": "1.0.2", "@db-ux/react-core-components": "1.0.0", @@ -37,6 +38,7 @@ "react-dom": "^18.3.1", "react-i18next": "15.4.0", "react-router-dom": "7.1.5", + "style-dictionary": "^4.3.3", "traverse": "^0.6.10", "zustand": "^5.0.3" }, @@ -382,6 +384,112 @@ "node": ">=6.9.0" } }, + "node_modules/@bundled-es-modules/deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-Rk453EklPUPC3NRWc3VUNI/SSUjdBaFoaQvFRmNBNtMHVtOFD5AntiWg5kEE1hqcPqedYFDzxE3ZcMYPcA195w==", + "dependencies": { + "deepmerge": "^4.3.1" + } + }, + "node_modules/@bundled-es-modules/glob": { + "version": "10.4.2", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/glob/-/glob-10.4.2.tgz", + "integrity": "sha512-740y5ofkzydsFao5EXJrGilcIL6EFEw/cmPf2uhTw9J6G1YOhiIFjNFCHdpgEiiH5VlU3G0SARSjlFlimRRSMA==", + "hasInstallScript": true, + "dependencies": { + "buffer": "^6.0.3", + "events": "^3.3.0", + "glob": "^10.4.2", + "patch-package": "^8.0.0", + "path": "^0.12.7", + "stream": "^0.0.3", + "string_decoder": "^1.3.0", + "url": "^0.11.3" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/glob": { + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", + "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@bundled-es-modules/glob/node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/@bundled-es-modules/glob/node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, + "node_modules/@bundled-es-modules/memfs": { + "version": "4.9.4", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/memfs/-/memfs-4.9.4.tgz", + "integrity": "sha512-1XyYPUaIHwEOdF19wYVLBtHJRr42Do+3ctht17cZOHwHf67vkmRNPlYDGY2kJps4RgE5+c7nEZmEzxxvb1NZWA==", + "dependencies": { + "assert": "^2.0.0", + "buffer": "^6.0.3", + "events": "^3.3.0", + "memfs": "^4.9.3", + "path": "^0.12.7", + "stream": "^0.0.3", + "util": "^0.12.5" + } + }, "node_modules/@craftjs/core": { "version": "0.2.11", "resolved": "https://registry.npmjs.org/@craftjs/core/-/core-0.2.11.tgz", @@ -999,7 +1107,6 @@ "version": "8.0.2", "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", - "dev": true, "dependencies": { "string-width": "^5.1.2", "string-width-cjs": "npm:string-width@^4.2.0", @@ -1016,7 +1123,6 @@ "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true, "engines": { "node": ">=12" }, @@ -1028,7 +1134,6 @@ "version": "7.1.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, "dependencies": { "ansi-regex": "^6.0.1" }, @@ -1087,6 +1192,57 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "node_modules/@jsonjoy.com/base64": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz", + "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, + "node_modules/@jsonjoy.com/json-pack": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.1.tgz", + "integrity": "sha512-osjeBqMJ2lb/j/M8NCPjs1ylqWIcTRTycIhVB5pt6LgzgeRSb0YRZ7j9RfA8wIUrsr/medIuhVyonXRZWLyfdw==", + "dependencies": { + "@jsonjoy.com/base64": "^1.1.1", + "@jsonjoy.com/util": "^1.1.2", + "hyperdyperid": "^1.2.0", + "thingies": "^1.20.0" + }, + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, + "node_modules/@jsonjoy.com/util": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz", + "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -1400,7 +1556,6 @@ "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", - "dev": true, "optional": true, "engines": { "node": ">=14" @@ -2612,6 +2767,21 @@ "vite": "^4.2.0 || ^5.0.0 || ^6.0.0" } }, + "node_modules/@yarnpkg/lockfile": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", + "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==" + }, + "node_modules/@zip.js/zip.js": { + "version": "2.7.57", + "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.57.tgz", + "integrity": "sha512-BtonQ1/jDnGiMed6OkV6rZYW78gLmLswkHOzyMrMb+CAR7CZO8phOHO6c2qw6qb1g1betN7kwEHhhZk30dv+NA==", + "engines": { + "bun": ">=0.7.0", + "deno": ">=1.0.0", + "node": ">=16.5.0" + } + }, "node_modules/ace-builds": { "version": "1.36.5", "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.36.5.tgz", @@ -2658,11 +2828,24 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true, "engines": { "node": ">=8" } }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, "node_modules/any-promise": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", @@ -2746,6 +2929,26 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/assert": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz", + "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==", + "dependencies": { + "call-bind": "^1.0.2", + "is-nan": "^1.3.2", + "object-is": "^1.1.5", + "object.assign": "^4.1.4", + "util": "^0.12.5" + } + }, + "node_modules/at-least-node": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz", + "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==", + "engines": { + "node": ">= 4.0.0" + } + }, "node_modules/autoprefixer": { "version": "10.4.20", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz", @@ -2800,8 +3003,26 @@ "node_modules/balanced-match": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" + }, + "node_modules/base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] }, "node_modules/binary-extensions": { "version": "2.3.0", @@ -2819,7 +3040,6 @@ "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -2829,7 +3049,6 @@ "version": "3.0.3", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", - "dev": true, "dependencies": { "fill-range": "^7.1.1" }, @@ -2869,16 +3088,65 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/buffer": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz", + "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.2.1" + } + }, "node_modules/call-bind": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", - "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz", + "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==", "dependencies": { + "call-bind-apply-helpers": "^1.0.0", "es-define-property": "^1.0.0", - "es-errors": "^1.3.0", - "function-bind": "^1.1.2", "get-intrinsic": "^1.2.4", - "set-function-length": "^1.2.1" + "set-function-length": "^1.2.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", + "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/call-bound": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz", + "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "get-intrinsic": "^1.2.6" }, "engines": { "node": ">= 0.4" @@ -2925,6 +3193,22 @@ } ] }, + "node_modules/chalk": { + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz", + "integrity": "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==", + "engines": { + "node": "^12.17.0 || ^14.13 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/change-case": { + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz", + "integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==" + }, "node_modules/chokidar": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", @@ -2966,6 +3250,36 @@ "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-3.1.2.tgz", "integrity": "sha512-IJnETTalXbsLx1eKEgx19d5L6SRM7cH4vINw/99p/M11HCuXGRWL+6YmCm7FWFGIo6dtWuQoQi1dc5yQ7ESIHg==" }, + "node_modules/ci-info": { + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz", + "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/sibiraj-s" + } + ], + "engines": { + "node": ">=8" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, "node_modules/colorparsley": { "version": "0.1.8", "resolved": "https://registry.npmjs.org/colorparsley/-/colorparsley-0.1.8.tgz", @@ -2980,11 +3294,21 @@ "node": ">= 6" } }, + "node_modules/component-emitter": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-2.0.0.tgz", + "integrity": "sha512-4m5s3Me2xxlVKG9PkZpQqHQR7bgpnN7joDMJ4yvVkVXngjoITG76IaZmzmywSeRTeTpc6N6r3H3+KyUurV8OYw==", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==" }, "node_modules/convert-source-map": { "version": "2.0.0", @@ -3023,7 +3347,6 @@ "version": "7.0.6", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", - "dev": true, "license": "MIT", "dependencies": { "path-key": "^3.1.0", @@ -3128,6 +3451,14 @@ "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", "dev": true }, + "node_modules/deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/define-data-property": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", @@ -3278,11 +3609,23 @@ "url": "https://github.com/fb55/domutils?sponsor=1" } }, + "node_modules/dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", - "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", - "dev": true + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==" }, "node_modules/electron-to-chromium": { "version": "1.5.65", @@ -3293,8 +3636,7 @@ "node_modules/emoji-regex": { "version": "9.2.2", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", - "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", - "dev": true + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==" }, "node_modules/entities": { "version": "4.5.0", @@ -3367,12 +3709,9 @@ } }, "node_modules/es-define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", - "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", - "dependencies": { - "get-intrinsic": "^1.2.4" - }, + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", "engines": { "node": ">= 0.4" } @@ -3386,9 +3725,9 @@ } }, "node_modules/es-object-atoms": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz", - "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", "dependencies": { "es-errors": "^1.3.0" }, @@ -3580,29 +3919,14 @@ "url": "https://opencollective.com/eslint" } }, - "node_modules/eslint/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "node_modules/eslint/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/eslint/node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" }, "engines": { "node": ">=10" @@ -3611,24 +3935,6 @@ "url": "https://github.com/chalk/chalk?sponsor=1" } }, - "node_modules/eslint/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/eslint/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, "node_modules/eslint/node_modules/escape-string-regexp": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", @@ -3656,27 +3962,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/eslint/node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/eslint/node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/espree": { "version": "9.6.1", "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", @@ -3736,6 +4021,14 @@ "node": ">=0.10.0" } }, + "node_modules/events": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", + "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", + "engines": { + "node": ">=0.8.x" + } + }, "node_modules/fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", @@ -3806,7 +4099,6 @@ "version": "7.1.1", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", - "dev": true, "dependencies": { "to-regex-range": "^5.0.1" }, @@ -3830,6 +4122,14 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/find-yarn-workspace-root": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz", + "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==", + "dependencies": { + "micromatch": "^4.0.2" + } + }, "node_modules/flat-cache": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", @@ -3861,7 +4161,6 @@ "version": "3.3.0", "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==", - "dev": true, "dependencies": { "cross-spawn": "^7.0.0", "signal-exit": "^4.0.1" @@ -3886,11 +4185,24 @@ "url": "https://github.com/sponsors/rawify" } }, + "node_modules/fs-extra": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz", + "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==", + "dependencies": { + "at-least-node": "^1.0.0", + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", - "dev": true + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==" }, "node_modules/fsevents": { "version": "2.3.3", @@ -3949,15 +4261,20 @@ } }, "node_modules/get-intrinsic": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", - "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", + "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==", "dependencies": { + "call-bind-apply-helpers": "^1.0.2", + "es-define-property": "^1.0.1", "es-errors": "^1.3.0", + "es-object-atoms": "^1.1.1", "function-bind": "^1.1.2", - "has-proto": "^1.0.1", - "has-symbols": "^1.0.3", - "hasown": "^2.0.0" + "get-proto": "^1.0.1", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -3966,6 +4283,18 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/get-symbol-description": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz", @@ -3986,7 +4315,6 @@ "version": "7.2.3", "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "dev": true, "dependencies": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", @@ -4058,16 +4386,21 @@ } }, "node_modules/gopd": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", - "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", - "dependencies": { - "get-intrinsic": "^1.1.3" + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==" + }, "node_modules/graphemer": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", @@ -4094,6 +4427,14 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "engines": { + "node": ">=8" + } + }, "node_modules/has-property-descriptors": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", @@ -4117,9 +4458,9 @@ } }, "node_modules/has-symbols": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", - "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", "engines": { "node": ">= 0.4" }, @@ -4241,6 +4582,14 @@ "url": "https://github.com/sponsors/typicode" } }, + "node_modules/hyperdyperid": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz", + "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==", + "engines": { + "node": ">=10.18" + } + }, "node_modules/i18next": { "version": "24.2.2", "resolved": "https://registry.npmjs.org/i18next/-/i18next-24.2.2.tgz", @@ -4289,6 +4638,25 @@ "cross-fetch": "4.0.0" } }, + "node_modules/ieee754": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, "node_modules/ignore": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz", @@ -4346,7 +4714,6 @@ "version": "1.0.6", "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", - "dev": true, "dependencies": { "once": "^1.3.0", "wrappy": "1" @@ -4375,6 +4742,21 @@ "node": ">= 0.4" } }, + "node_modules/is-arguments": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz", + "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==", + "dependencies": { + "call-bound": "^1.0.2", + "has-tostringtag": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-array-buffer": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz", @@ -4479,6 +4861,20 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-docker": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", + "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", + "bin": { + "is-docker": "cli.js" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -4492,11 +4888,27 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true, "engines": { "node": ">=8" } }, + "node_modules/is-generator-function": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz", + "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==", + "dependencies": { + "call-bound": "^1.0.3", + "get-proto": "^1.0.0", + "has-tostringtag": "^1.0.2", + "safe-regex-test": "^1.1.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-glob": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", @@ -4509,6 +4921,21 @@ "node": ">=0.10.0" } }, + "node_modules/is-nan": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz", + "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==", + "dependencies": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-negative-zero": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz", @@ -4524,7 +4951,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true, "engines": { "node": ">=0.12.0" } @@ -4552,13 +4978,26 @@ "node": ">=8" } }, + "node_modules/is-plain-obj": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz", + "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-regex": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", - "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz", + "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==", "dependencies": { - "call-bind": "^1.0.2", - "has-tostringtag": "^1.0.0" + "call-bound": "^1.0.2", + "gopd": "^1.2.0", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.2" }, "engines": { "node": ">= 0.4" @@ -4634,6 +5073,17 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "dependencies": { + "is-docker": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", @@ -4642,14 +5092,12 @@ "node_modules/isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", - "dev": true + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" }, "node_modules/jackspeak": { "version": "3.4.3", "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", - "dev": true, "dependencies": { "@isaacs/cliui": "^8.0.2" }, @@ -4714,17 +5162,39 @@ "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", "dev": true }, + "node_modules/json-stable-stringify": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.2.1.tgz", + "integrity": "sha512-Lp6HbbBgosLmJbjx0pBLbgvx68FaFU1sdkmBuckmhhJ88kL13OA51CDtR2yJB50eCNMH9wRqtQNNiAqQH4YXnA==", + "dependencies": { + "call-bind": "^1.0.8", + "call-bound": "^1.0.3", + "isarray": "^2.0.5", + "jsonify": "^0.0.1", + "object-keys": "^1.1.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/json-stable-stringify-without-jsonify": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", "dev": true }, + "node_modules/json-stable-stringify/node_modules/isarray": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", + "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==" + }, "node_modules/json5": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", - "dev": true, "bin": { "json5": "lib/cli.js" }, @@ -4732,6 +5202,25 @@ "node": ">=6" } }, + "node_modules/jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dependencies": { + "universalify": "^2.0.0" + }, + "optionalDependencies": { + "graceful-fs": "^4.1.6" + } + }, + "node_modules/jsonify": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz", + "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/jszip": { "version": "3.10.1", "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz", @@ -4743,6 +5232,14 @@ "setimmediate": "^1.0.5" } }, + "node_modules/klaw-sync": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz", + "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==", + "dependencies": { + "graceful-fs": "^4.1.11" + } + }, "node_modules/levn": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", @@ -4870,11 +5367,37 @@ "markdown-it": "bin/markdown-it.mjs" } }, + "node_modules/math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/mdurl": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz", "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==" }, + "node_modules/memfs": { + "version": "4.17.0", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.17.0.tgz", + "integrity": "sha512-4eirfZ7thblFmqFjywlTmuWVSvccHAJbn1r8qQLzmTO11qcqpohOjmY2mFce6x7x7WtskzRqApPD0hv+Oa74jg==", + "dependencies": { + "@jsonjoy.com/json-pack": "^1.0.3", + "@jsonjoy.com/util": "^1.3.0", + "tree-dump": "^1.0.1", + "tslib": "^2.0.0" + }, + "engines": { + "node": ">= 4.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + } + }, "node_modules/memorystream": { "version": "0.3.1", "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz", @@ -4897,7 +5420,6 @@ "version": "4.0.8", "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", - "dev": true, "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" @@ -4910,7 +5432,6 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, "dependencies": { "brace-expansion": "^1.1.7" }, @@ -4918,11 +5439,18 @@ "node": "*" } }, + "node_modules/minimist": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/minipass": { "version": "7.1.2", "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", - "dev": true, "engines": { "node": ">=16 || 14 >=14.17" } @@ -5160,9 +5688,27 @@ } }, "node_modules/object-inspect": { - "version": "1.13.1", - "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", - "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==", + "version": "1.13.4", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", + "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/object-is": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz", + "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==", + "dependencies": { + "call-bind": "^1.0.7", + "define-properties": "^1.2.1" + }, + "engines": { + "node": ">= 0.4" + }, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -5196,11 +5742,25 @@ "version": "1.4.0", "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dev": true, "dependencies": { "wrappy": "1" } }, + "node_modules/open": { + "version": "7.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz", + "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==", + "dependencies": { + "is-docker": "^2.0.0", + "is-wsl": "^2.1.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/optionator": { "version": "0.9.3", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", @@ -5223,6 +5783,14 @@ "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz", "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==" }, + "node_modules/os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/p-limit": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", @@ -5256,8 +5824,7 @@ "node_modules/package-json-from-dist": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", - "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==", - "dev": true + "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==" }, "node_modules/pako": { "version": "1.0.11", @@ -5276,6 +5843,79 @@ "node": ">=6" } }, + "node_modules/patch-package": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz", + "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==", + "dependencies": { + "@yarnpkg/lockfile": "^1.1.0", + "chalk": "^4.1.2", + "ci-info": "^3.7.0", + "cross-spawn": "^7.0.3", + "find-yarn-workspace-root": "^2.0.0", + "fs-extra": "^9.0.0", + "json-stable-stringify": "^1.0.2", + "klaw-sync": "^6.0.0", + "minimist": "^1.2.6", + "open": "^7.4.2", + "rimraf": "^2.6.3", + "semver": "^7.5.3", + "slash": "^2.0.0", + "tmp": "^0.0.33", + "yaml": "^2.2.2" + }, + "bin": { + "patch-package": "index.js" + }, + "engines": { + "node": ">=14", + "npm": ">5" + } + }, + "node_modules/patch-package/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/patch-package/node_modules/rimraf": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", + "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", + "deprecated": "Rimraf versions prior to v4 are no longer supported", + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + } + }, + "node_modules/patch-package/node_modules/slash": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz", + "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", + "engines": { + "node": ">=6" + } + }, + "node_modules/path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==", + "dependencies": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, "node_modules/path-exists": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", @@ -5289,7 +5929,6 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -5298,7 +5937,6 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", - "dev": true, "engines": { "node": ">=8" } @@ -5313,7 +5951,6 @@ "version": "1.11.1", "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", - "dev": true, "dependencies": { "lru-cache": "^10.2.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" @@ -5328,8 +5965,7 @@ "node_modules/path-scurry/node_modules/lru-cache": { "version": "10.4.3", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", - "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", - "dev": true + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==" }, "node_modules/path-type": { "version": "4.0.0", @@ -5340,6 +5976,24 @@ "node": ">=8" } }, + "node_modules/path-unified": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/path-unified/-/path-unified-0.2.0.tgz", + "integrity": "sha512-MNKqvrKbbbb5p7XHXV6ZAsf/1f/yJQa13S/fcX0uua8ew58Tgc6jXV+16JyAbnR/clgCH+euKDxrF2STxMHdrg==" + }, + "node_modules/path/node_modules/inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==" + }, + "node_modules/path/node_modules/util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "dependencies": { + "inherits": "2.0.3" + } + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -5350,7 +6004,6 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, "engines": { "node": ">=8.6" }, @@ -5552,6 +6205,14 @@ "url": "https://github.com/prettier/prettier?sponsor=1" } }, + "node_modules/process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==", + "engines": { + "node": ">= 0.6.0" + } + }, "node_modules/process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", @@ -5886,6 +6547,20 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/qs": { + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz", + "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==", + "dependencies": { + "side-channel": "^1.1.0" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -6251,13 +6926,13 @@ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" }, "node_modules/safe-regex-test": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz", - "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz", + "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==", "dependencies": { - "call-bind": "^1.0.6", + "call-bound": "^1.0.2", "es-errors": "^1.3.0", - "is-regex": "^1.1.4" + "is-regex": "^1.2.1" }, "engines": { "node": ">= 0.4" @@ -6333,7 +7008,6 @@ "version": "7.6.0", "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", - "dev": true, "dependencies": { "lru-cache": "^6.0.0" }, @@ -6348,7 +7022,6 @@ "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, "dependencies": { "yallist": "^4.0.0" }, @@ -6359,8 +7032,7 @@ "node_modules/semver/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" }, "node_modules/set-cookie-parser": { "version": "2.7.1", @@ -6369,16 +7041,16 @@ "license": "MIT" }, "node_modules/set-function-length": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.1.tgz", - "integrity": "sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", + "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==", "dependencies": { - "define-data-property": "^1.1.2", + "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "function-bind": "^1.1.2", - "get-intrinsic": "^1.2.3", + "get-intrinsic": "^1.2.4", "gopd": "^1.0.1", - "has-property-descriptors": "^1.0.1" + "has-property-descriptors": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -6411,7 +7083,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", - "dev": true, "dependencies": { "shebang-regex": "^3.0.0" }, @@ -6423,7 +7094,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", - "dev": true, "engines": { "node": ">=8" } @@ -6438,14 +7108,65 @@ } }, "node_modules/side-channel": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.5.tgz", - "integrity": "sha512-QcgiIWV4WV7qWExbN5llt6frQB/lBven9pqliLXfGPB+K9ZYXxDozp0wLkHS24kWCm+6YXH/f0HhnObZnZOBnQ==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz", + "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==", "dependencies": { - "call-bind": "^1.0.6", "es-errors": "^1.3.0", - "get-intrinsic": "^1.2.4", - "object-inspect": "^1.13.1" + "object-inspect": "^1.13.3", + "side-channel-list": "^1.0.0", + "side-channel-map": "^1.0.1", + "side-channel-weakmap": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-list": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz", + "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz", + "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-weakmap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz", + "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==", + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3", + "side-channel-map": "^1.0.1" }, "engines": { "node": ">= 0.4" @@ -6458,7 +7179,6 @@ "version": "4.1.0", "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", - "dev": true, "engines": { "node": ">=14" }, @@ -6484,6 +7204,14 @@ "node": ">=0.10.0" } }, + "node_modules/stream": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/stream/-/stream-0.0.3.tgz", + "integrity": "sha512-aMsbn7VKrl4A2T7QAQQbzgN7NVc70vgF5INQrBXqn4dCXN1zy3L9HGgLO5s7PExmdrzTJ8uR/27aviW8or8/+A==", + "dependencies": { + "component-emitter": "^2.0.0" + } + }, "node_modules/string_decoder": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", @@ -6496,7 +7224,6 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", - "dev": true, "dependencies": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", @@ -6514,7 +7241,6 @@ "version": "4.2.3", "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -6527,14 +7253,12 @@ "node_modules/string-width-cjs/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" }, "node_modules/string-width/node_modules/ansi-regex": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true, "engines": { "node": ">=12" }, @@ -6546,7 +7270,6 @@ "version": "7.1.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, "dependencies": { "ansi-regex": "^6.0.1" }, @@ -6607,7 +7330,6 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, "dependencies": { "ansi-regex": "^5.0.1" }, @@ -6620,7 +7342,6 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, "dependencies": { "ansi-regex": "^5.0.1" }, @@ -6634,10 +7355,45 @@ "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", "dev": true, "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/style-dictionary": { + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-4.3.3.tgz", + "integrity": "sha512-93ISASYmvGdKOvNHFaOZ+mVsCNQdoZzhSEq7JINE0BjMoE8zUzkwFyGDUBnfmXayHq/F4B4MCWmtjqjgHAYthw==", + "hasInstallScript": true, + "dependencies": { + "@bundled-es-modules/deepmerge": "^4.3.1", + "@bundled-es-modules/glob": "^10.4.2", + "@bundled-es-modules/memfs": "^4.9.4", + "@zip.js/zip.js": "^2.7.44", + "chalk": "^5.3.0", + "change-case": "^5.3.0", + "commander": "^12.1.0", + "is-plain-obj": "^4.1.0", + "json5": "^2.2.2", + "patch-package": "^8.0.0", + "path-unified": "^0.2.0", + "prettier": "^3.3.3", + "tinycolor2": "^1.6.0" + }, + "bin": { + "style-dictionary": "bin/style-dictionary.js" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/style-dictionary/node_modules/commander": { + "version": "12.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz", + "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==", + "engines": { + "node": ">=18" } }, "node_modules/style-to-js": { @@ -6722,6 +7478,17 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/supports-preserve-symlinks-flag": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", @@ -6798,11 +7565,27 @@ "node": ">=0.8" } }, + "node_modules/thingies": { + "version": "1.21.0", + "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz", + "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==", + "engines": { + "node": ">=10.18" + }, + "peerDependencies": { + "tslib": "^2" + } + }, "node_modules/tiny-invariant": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz", "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==" }, + "node_modules/tinycolor2": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz", + "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==" + }, "node_modules/tippy.js": { "version": "6.3.7", "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz", @@ -6812,11 +7595,21 @@ "@popperjs/core": "^2.9.0" } }, + "node_modules/tmp": { + "version": "0.0.33", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", + "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", + "dependencies": { + "os-tmpdir": "~1.0.2" + }, + "engines": { + "node": ">=0.6.0" + } + }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, "dependencies": { "is-number": "^7.0.0" }, @@ -6845,6 +7638,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/tree-dump": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz", + "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==", + "engines": { + "node": ">=10.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/streamich" + }, + "peerDependencies": { + "tslib": "2" + } + }, "node_modules/ts-api-utils": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz", @@ -6863,6 +7671,11 @@ "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", "dev": true }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==" + }, "node_modules/turbo-stream": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz", @@ -7019,6 +7832,14 @@ "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz", "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==" }, + "node_modules/universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", + "engines": { + "node": ">= 10.0.0" + } + }, "node_modules/update-browserslist-db": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz", @@ -7058,6 +7879,23 @@ "punycode": "^2.1.0" } }, + "node_modules/url": { + "version": "0.11.4", + "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz", + "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==", + "dependencies": { + "punycode": "^1.4.1", + "qs": "^6.12.3" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/url/node_modules/punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==" + }, "node_modules/use-sync-external-store": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz", @@ -7066,6 +7904,18 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/util": { + "version": "0.12.5", + "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz", + "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==", + "dependencies": { + "inherits": "^2.0.3", + "is-arguments": "^1.0.4", + "is-generator-function": "^1.0.7", + "is-typed-array": "^1.1.3", + "which-typed-array": "^1.1.2" + } + }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -7174,7 +8024,6 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", - "dev": true, "dependencies": { "isexe": "^2.0.0" }, @@ -7222,7 +8071,6 @@ "version": "8.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", - "dev": true, "dependencies": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", @@ -7240,7 +8088,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", @@ -7253,50 +8100,15 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, - "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/wrap-ansi-cjs/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/wrap-ansi-cjs/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" }, "node_modules/wrap-ansi-cjs/node_modules/string-width": { "version": "4.2.3", "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -7310,7 +8122,6 @@ "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true, "engines": { "node": ">=12" }, @@ -7322,7 +8133,6 @@ "version": "6.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", - "dev": true, "engines": { "node": ">=12" }, @@ -7334,7 +8144,6 @@ "version": "7.1.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, "dependencies": { "ansi-regex": "^6.0.1" }, @@ -7348,8 +8157,7 @@ "node_modules/wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", - "dev": true + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==" }, "node_modules/yallist": { "version": "3.1.1", @@ -7361,7 +8169,6 @@ "version": "2.6.0", "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz", "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==", - "dev": true, "bin": { "yaml": "bin.mjs" }, @@ -7642,6 +8449,87 @@ "@babel/helper-validator-identifier": "^7.25.9" } }, + "@bundled-es-modules/deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-Rk453EklPUPC3NRWc3VUNI/SSUjdBaFoaQvFRmNBNtMHVtOFD5AntiWg5kEE1hqcPqedYFDzxE3ZcMYPcA195w==", + "requires": { + "deepmerge": "^4.3.1" + } + }, + "@bundled-es-modules/glob": { + "version": "10.4.2", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/glob/-/glob-10.4.2.tgz", + "integrity": "sha512-740y5ofkzydsFao5EXJrGilcIL6EFEw/cmPf2uhTw9J6G1YOhiIFjNFCHdpgEiiH5VlU3G0SARSjlFlimRRSMA==", + "requires": { + "buffer": "^6.0.3", + "events": "^3.3.0", + "glob": "^10.4.2", + "patch-package": "^8.0.0", + "path": "^0.12.7", + "stream": "^0.0.3", + "string_decoder": "^1.3.0", + "url": "^0.11.3" + }, + "dependencies": { + "brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "requires": { + "balanced-match": "^1.0.0" + } + }, + "glob": { + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", + "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "requires": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + } + }, + "minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "requires": { + "brace-expansion": "^2.0.1" + } + }, + "safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==" + }, + "string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "requires": { + "safe-buffer": "~5.2.0" + } + } + } + }, + "@bundled-es-modules/memfs": { + "version": "4.9.4", + "resolved": "https://registry.npmjs.org/@bundled-es-modules/memfs/-/memfs-4.9.4.tgz", + "integrity": "sha512-1XyYPUaIHwEOdF19wYVLBtHJRr42Do+3ctht17cZOHwHf67vkmRNPlYDGY2kJps4RgE5+c7nEZmEzxxvb1NZWA==", + "requires": { + "assert": "^2.0.0", + "buffer": "^6.0.3", + "events": "^3.3.0", + "memfs": "^4.9.3", + "path": "^0.12.7", + "stream": "^0.0.3", + "util": "^0.12.5" + } + }, "@craftjs/core": { "version": "0.2.11", "resolved": "https://registry.npmjs.org/@craftjs/core/-/core-0.2.11.tgz", @@ -7962,7 +8850,6 @@ "version": "8.0.2", "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", - "dev": true, "requires": { "string-width": "^5.1.2", "string-width-cjs": "npm:string-width@^4.2.0", @@ -7975,14 +8862,12 @@ "ansi-regex": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==" }, "strip-ansi": { "version": "7.1.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, "requires": { "ansi-regex": "^6.0.1" } @@ -8028,6 +8913,29 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "@jsonjoy.com/base64": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz", + "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==", + "requires": {} + }, + "@jsonjoy.com/json-pack": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.1.tgz", + "integrity": "sha512-osjeBqMJ2lb/j/M8NCPjs1ylqWIcTRTycIhVB5pt6LgzgeRSb0YRZ7j9RfA8wIUrsr/medIuhVyonXRZWLyfdw==", + "requires": { + "@jsonjoy.com/base64": "^1.1.1", + "@jsonjoy.com/util": "^1.1.2", + "hyperdyperid": "^1.2.0", + "thingies": "^1.20.0" + } + }, + "@jsonjoy.com/util": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz", + "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==", + "requires": {} + }, "@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -8167,7 +9075,6 @@ "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", - "dev": true, "optional": true }, "@popperjs/core": { @@ -8892,6 +9799,16 @@ "react-refresh": "^0.14.2" } }, + "@yarnpkg/lockfile": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", + "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==" + }, + "@zip.js/zip.js": { + "version": "2.7.57", + "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.57.tgz", + "integrity": "sha512-BtonQ1/jDnGiMed6OkV6rZYW78gLmLswkHOzyMrMb+CAR7CZO8phOHO6c2qw6qb1g1betN7kwEHhhZk30dv+NA==" + }, "ace-builds": { "version": "1.36.5", "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.36.5.tgz", @@ -8925,8 +9842,15 @@ "ansi-regex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==" + }, + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "requires": { + "color-convert": "^2.0.1" + } }, "any-promise": { "version": "1.3.0", @@ -8993,6 +9917,23 @@ "is-shared-array-buffer": "^1.0.2" } }, + "assert": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz", + "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==", + "requires": { + "call-bind": "^1.0.2", + "is-nan": "^1.3.2", + "object-is": "^1.1.5", + "object.assign": "^4.1.4", + "util": "^0.12.5" + } + }, + "at-least-node": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz", + "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==" + }, "autoprefixer": { "version": "10.4.20", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz", @@ -9018,8 +9959,12 @@ "balanced-match": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" + }, + "base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==" }, "binary-extensions": { "version": "2.3.0", @@ -9031,7 +9976,6 @@ "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -9041,7 +9985,6 @@ "version": "3.0.3", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", - "dev": true, "requires": { "fill-range": "^7.1.1" } @@ -9058,16 +10001,42 @@ "update-browserslist-db": "^1.1.1" } }, + "buffer": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz", + "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==", + "requires": { + "base64-js": "^1.3.1", + "ieee754": "^1.2.1" + } + }, "call-bind": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", - "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz", + "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==", "requires": { + "call-bind-apply-helpers": "^1.0.0", "es-define-property": "^1.0.0", - "es-errors": "^1.3.0", - "function-bind": "^1.1.2", "get-intrinsic": "^1.2.4", - "set-function-length": "^1.2.1" + "set-function-length": "^1.2.2" + } + }, + "call-bind-apply-helpers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", + "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", + "requires": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + } + }, + "call-bound": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz", + "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==", + "requires": { + "call-bind-apply-helpers": "^1.0.1", + "get-intrinsic": "^1.2.6" } }, "callsites": { @@ -9088,6 +10057,16 @@ "integrity": "sha512-G1LRwLIQjBQoyq0ZJGqGIJUXzJ8irpbjHLpVRXDvBEScFJ9b17sgK6vlx0GAJFE21okD7zXl08rRRUfq6HdoEQ==", "dev": true }, + "chalk": { + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz", + "integrity": "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==" + }, + "change-case": { + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz", + "integrity": "sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==" + }, "chokidar": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", @@ -9120,6 +10099,24 @@ "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-3.1.2.tgz", "integrity": "sha512-IJnETTalXbsLx1eKEgx19d5L6SRM7cH4vINw/99p/M11HCuXGRWL+6YmCm7FWFGIo6dtWuQoQi1dc5yQ7ESIHg==" }, + "ci-info": { + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz", + "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==" + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, "colorparsley": { "version": "0.1.8", "resolved": "https://registry.npmjs.org/colorparsley/-/colorparsley-0.1.8.tgz", @@ -9131,11 +10128,15 @@ "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", "dev": true }, + "component-emitter": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-2.0.0.tgz", + "integrity": "sha512-4m5s3Me2xxlVKG9PkZpQqHQR7bgpnN7joDMJ4yvVkVXngjoITG76IaZmzmywSeRTeTpc6N6r3H3+KyUurV8OYw==" + }, "concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==" }, "convert-source-map": { "version": "2.0.0", @@ -9170,7 +10171,6 @@ "version": "7.0.6", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", - "dev": true, "requires": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -9239,6 +10239,11 @@ "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", "dev": true }, + "deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==" + }, "define-data-property": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", @@ -9342,11 +10347,20 @@ "domhandler": "^5.0.3" } }, + "dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "requires": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + } + }, "eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", - "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", - "dev": true + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==" }, "electron-to-chromium": { "version": "1.5.65", @@ -9357,8 +10371,7 @@ "emoji-regex": { "version": "9.2.2", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", - "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", - "dev": true + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==" }, "entities": { "version": "4.5.0", @@ -9419,12 +10432,9 @@ } }, "es-define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", - "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", - "requires": { - "get-intrinsic": "^1.2.4" - } + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==" }, "es-errors": { "version": "1.3.0", @@ -9432,9 +10442,9 @@ "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==" }, "es-object-atoms": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz", - "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", "requires": { "es-errors": "^1.3.0" } @@ -9544,15 +10554,6 @@ "text-table": "^0.2.0" }, "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, "chalk": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", @@ -9563,21 +10564,6 @@ "supports-color": "^7.1.0" } }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, "escape-string-regexp": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", @@ -9592,21 +10578,6 @@ "requires": { "type-fest": "^0.20.2" } - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } } } }, @@ -9681,6 +10652,11 @@ "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", "dev": true }, + "events": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", + "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==" + }, "fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", @@ -9744,7 +10720,6 @@ "version": "7.1.1", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", - "dev": true, "requires": { "to-regex-range": "^5.0.1" } @@ -9759,6 +10734,14 @@ "path-exists": "^4.0.0" } }, + "find-yarn-workspace-root": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz", + "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==", + "requires": { + "micromatch": "^4.0.2" + } + }, "flat-cache": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", @@ -9787,7 +10770,6 @@ "version": "3.3.0", "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==", - "dev": true, "requires": { "cross-spawn": "^7.0.0", "signal-exit": "^4.0.1" @@ -9799,11 +10781,21 @@ "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==", "dev": true }, + "fs-extra": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz", + "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==", + "requires": { + "at-least-node": "^1.0.0", + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + } + }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", - "dev": true + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==" }, "fsevents": { "version": "2.3.3", @@ -9840,15 +10832,29 @@ "dev": true }, "get-intrinsic": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", - "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", + "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==", "requires": { + "call-bind-apply-helpers": "^1.0.2", + "es-define-property": "^1.0.1", "es-errors": "^1.3.0", + "es-object-atoms": "^1.1.1", "function-bind": "^1.1.2", - "has-proto": "^1.0.1", - "has-symbols": "^1.0.3", - "hasown": "^2.0.0" + "get-proto": "^1.0.1", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" + } + }, + "get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "requires": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" } }, "get-symbol-description": { @@ -9865,7 +10871,6 @@ "version": "7.2.3", "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "dev": true, "requires": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", @@ -9913,12 +10918,14 @@ } }, "gopd": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", - "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", - "requires": { - "get-intrinsic": "^1.1.3" - } + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==" + }, + "graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==" }, "graphemer": { "version": "1.4.0", @@ -9940,6 +10947,11 @@ "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz", "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==" }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==" + }, "has-property-descriptors": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", @@ -9954,9 +10966,9 @@ "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==" }, "has-symbols": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", - "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==" + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==" }, "has-tostringtag": { "version": "1.0.2", @@ -10030,6 +11042,11 @@ "resolved": "https://registry.npmjs.org/husky/-/husky-9.1.7.tgz", "integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==" }, + "hyperdyperid": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz", + "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==" + }, "i18next": { "version": "24.2.2", "resolved": "https://registry.npmjs.org/i18next/-/i18next-24.2.2.tgz", @@ -10054,6 +11071,11 @@ "cross-fetch": "4.0.0" } }, + "ieee754": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==" + }, "ignore": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz", @@ -10095,7 +11117,6 @@ "version": "1.0.6", "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", - "dev": true, "requires": { "once": "^1.3.0", "wrappy": "1" @@ -10121,6 +11142,15 @@ "side-channel": "^1.0.4" } }, + "is-arguments": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz", + "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==", + "requires": { + "call-bound": "^1.0.2", + "has-tostringtag": "^1.0.2" + } + }, "is-array-buffer": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz", @@ -10186,6 +11216,11 @@ "has-tostringtag": "^1.0.0" } }, + "is-docker": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", + "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==" + }, "is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -10195,8 +11230,18 @@ "is-fullwidth-code-point": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==" + }, + "is-generator-function": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz", + "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==", + "requires": { + "call-bound": "^1.0.3", + "get-proto": "^1.0.0", + "has-tostringtag": "^1.0.2", + "safe-regex-test": "^1.1.0" + } }, "is-glob": { "version": "4.0.3", @@ -10207,6 +11252,15 @@ "is-extglob": "^2.1.1" } }, + "is-nan": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz", + "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==", + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3" + } + }, "is-negative-zero": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz", @@ -10215,8 +11269,7 @@ "is-number": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==" }, "is-number-object": { "version": "1.0.7", @@ -10232,13 +11285,20 @@ "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", "dev": true }, + "is-plain-obj": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz", + "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==" + }, "is-regex": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", - "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz", + "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==", "requires": { - "call-bind": "^1.0.2", - "has-tostringtag": "^1.0.0" + "call-bound": "^1.0.2", + "gopd": "^1.2.0", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.2" } }, "is-shared-array-buffer": { @@ -10281,6 +11341,14 @@ "call-bind": "^1.0.2" } }, + "is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "requires": { + "is-docker": "^2.0.0" + } + }, "isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", @@ -10289,14 +11357,12 @@ "isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", - "dev": true + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" }, "jackspeak": { "version": "3.4.3", "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", - "dev": true, "requires": { "@isaacs/cliui": "^8.0.2", "@pkgjs/parseargs": "^0.11.0" @@ -10340,6 +11406,25 @@ "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", "dev": true }, + "json-stable-stringify": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.2.1.tgz", + "integrity": "sha512-Lp6HbbBgosLmJbjx0pBLbgvx68FaFU1sdkmBuckmhhJ88kL13OA51CDtR2yJB50eCNMH9wRqtQNNiAqQH4YXnA==", + "requires": { + "call-bind": "^1.0.8", + "call-bound": "^1.0.3", + "isarray": "^2.0.5", + "jsonify": "^0.0.1", + "object-keys": "^1.1.1" + }, + "dependencies": { + "isarray": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", + "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==" + } + } + }, "json-stable-stringify-without-jsonify": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", @@ -10349,8 +11434,21 @@ "json5": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", - "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", - "dev": true + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==" + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + } + }, + "jsonify": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz", + "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==" }, "jszip": { "version": "3.10.1", @@ -10363,6 +11461,14 @@ "setimmediate": "^1.0.5" } }, + "klaw-sync": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz", + "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==", + "requires": { + "graceful-fs": "^4.1.11" + } + }, "levn": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", @@ -10466,11 +11572,27 @@ "uc.micro": "^2.1.0" } }, + "math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==" + }, "mdurl": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz", "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==" }, + "memfs": { + "version": "4.17.0", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.17.0.tgz", + "integrity": "sha512-4eirfZ7thblFmqFjywlTmuWVSvccHAJbn1r8qQLzmTO11qcqpohOjmY2mFce6x7x7WtskzRqApPD0hv+Oa74jg==", + "requires": { + "@jsonjoy.com/json-pack": "^1.0.3", + "@jsonjoy.com/util": "^1.3.0", + "tree-dump": "^1.0.1", + "tslib": "^2.0.0" + } + }, "memorystream": { "version": "0.3.1", "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz", @@ -10487,7 +11609,6 @@ "version": "4.0.8", "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", - "dev": true, "requires": { "braces": "^3.0.3", "picomatch": "^2.3.1" @@ -10497,16 +11618,19 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, "requires": { "brace-expansion": "^1.1.7" } }, + "minimist": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==" + }, "minipass": { "version": "7.1.2", "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", - "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", - "dev": true + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==" }, "ms": { "version": "2.1.2", @@ -10656,9 +11780,18 @@ "dev": true }, "object-inspect": { - "version": "1.13.1", - "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", - "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==" + "version": "1.13.4", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", + "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==" + }, + "object-is": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz", + "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==", + "requires": { + "call-bind": "^1.0.7", + "define-properties": "^1.2.1" + } }, "object-keys": { "version": "1.1.1", @@ -10680,11 +11813,19 @@ "version": "1.4.0", "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dev": true, "requires": { "wrappy": "1" } }, + "open": { + "version": "7.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz", + "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==", + "requires": { + "is-docker": "^2.0.0", + "is-wsl": "^2.1.1" + } + }, "optionator": { "version": "0.9.3", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", @@ -10704,6 +11845,11 @@ "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz", "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==" }, + "os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==" + }, "p-limit": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", @@ -10725,8 +11871,7 @@ "package-json-from-dist": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", - "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==", - "dev": true + "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==" }, "pako": { "version": "1.0.11", @@ -10742,6 +11887,76 @@ "callsites": "^3.0.0" } }, + "patch-package": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz", + "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==", + "requires": { + "@yarnpkg/lockfile": "^1.1.0", + "chalk": "^4.1.2", + "ci-info": "^3.7.0", + "cross-spawn": "^7.0.3", + "find-yarn-workspace-root": "^2.0.0", + "fs-extra": "^9.0.0", + "json-stable-stringify": "^1.0.2", + "klaw-sync": "^6.0.0", + "minimist": "^1.2.6", + "open": "^7.4.2", + "rimraf": "^2.6.3", + "semver": "^7.5.3", + "slash": "^2.0.0", + "tmp": "^0.0.33", + "yaml": "^2.2.2" + }, + "dependencies": { + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "rimraf": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", + "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", + "requires": { + "glob": "^7.1.3" + } + }, + "slash": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz", + "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==" + } + } + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + }, + "dependencies": { + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + } + } + }, "path-exists": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", @@ -10751,14 +11966,12 @@ "path-is-absolute": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", - "dev": true + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==" }, "path-key": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", - "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", - "dev": true + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==" }, "path-parse": { "version": "1.0.7", @@ -10770,7 +11983,6 @@ "version": "1.11.1", "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", - "dev": true, "requires": { "lru-cache": "^10.2.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" @@ -10779,8 +11991,7 @@ "lru-cache": { "version": "10.4.3", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", - "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", - "dev": true + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==" } } }, @@ -10790,6 +12001,11 @@ "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", "dev": true }, + "path-unified": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/path-unified/-/path-unified-0.2.0.tgz", + "integrity": "sha512-MNKqvrKbbbb5p7XHXV6ZAsf/1f/yJQa13S/fcX0uua8ew58Tgc6jXV+16JyAbnR/clgCH+euKDxrF2STxMHdrg==" + }, "picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -10799,8 +12015,7 @@ "picomatch": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" }, "pify": { "version": "2.3.0", @@ -10896,6 +12111,11 @@ "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.1.tgz", "integrity": "sha512-hPpFQvHwL3Qv5AdRvBFMhnKo4tYxp0ReXiPn2bxkiohEX6mBeBwEpBSQTkD458RaaDKQMYSp4hX4UtfUTA5wDw==" }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==" + }, "process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", @@ -11178,6 +12398,14 @@ } } }, + "qs": { + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz", + "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==", + "requires": { + "side-channel": "^1.1.0" + } + }, "queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -11423,13 +12651,13 @@ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" }, "safe-regex-test": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz", - "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz", + "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==", "requires": { - "call-bind": "^1.0.6", + "call-bound": "^1.0.2", "es-errors": "^1.3.0", - "is-regex": "^1.1.4" + "is-regex": "^1.2.1" } }, "sass": { @@ -11479,7 +12707,6 @@ "version": "7.6.0", "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", - "dev": true, "requires": { "lru-cache": "^6.0.0" }, @@ -11488,7 +12715,6 @@ "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, "requires": { "yallist": "^4.0.0" } @@ -11496,8 +12722,7 @@ "yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" } } }, @@ -11507,16 +12732,16 @@ "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==" }, "set-function-length": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.1.tgz", - "integrity": "sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", + "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==", "requires": { - "define-data-property": "^1.1.2", + "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "function-bind": "^1.1.2", - "get-intrinsic": "^1.2.3", + "get-intrinsic": "^1.2.4", "gopd": "^1.0.1", - "has-property-descriptors": "^1.0.1" + "has-property-descriptors": "^1.0.2" } }, "set-function-name": { @@ -11543,7 +12768,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", - "dev": true, "requires": { "shebang-regex": "^3.0.0" } @@ -11551,8 +12775,7 @@ "shebang-regex": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", - "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", - "dev": true + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==" }, "shell-quote": { "version": "1.8.1", @@ -11561,21 +12784,53 @@ "dev": true }, "side-channel": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.5.tgz", - "integrity": "sha512-QcgiIWV4WV7qWExbN5llt6frQB/lBven9pqliLXfGPB+K9ZYXxDozp0wLkHS24kWCm+6YXH/f0HhnObZnZOBnQ==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz", + "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==", "requires": { - "call-bind": "^1.0.6", "es-errors": "^1.3.0", - "get-intrinsic": "^1.2.4", - "object-inspect": "^1.13.1" + "object-inspect": "^1.13.3", + "side-channel-list": "^1.0.0", + "side-channel-map": "^1.0.1", + "side-channel-weakmap": "^1.0.2" + } + }, + "side-channel-list": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz", + "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==", + "requires": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3" + } + }, + "side-channel-map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz", + "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==", + "requires": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3" + } + }, + "side-channel-weakmap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz", + "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==", + "requires": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3", + "side-channel-map": "^1.0.1" } }, "signal-exit": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", - "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", - "dev": true + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==" }, "slash": { "version": "3.0.0", @@ -11589,6 +12844,14 @@ "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", "dev": true }, + "stream": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/stream/-/stream-0.0.3.tgz", + "integrity": "sha512-aMsbn7VKrl4A2T7QAQQbzgN7NVc70vgF5INQrBXqn4dCXN1zy3L9HGgLO5s7PExmdrzTJ8uR/27aviW8or8/+A==", + "requires": { + "component-emitter": "^2.0.0" + } + }, "string_decoder": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", @@ -11601,7 +12864,6 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", - "dev": true, "requires": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", @@ -11611,14 +12873,12 @@ "ansi-regex": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==" }, "strip-ansi": { "version": "7.1.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, "requires": { "ansi-regex": "^6.0.1" } @@ -11629,7 +12889,6 @@ "version": "npm:string-width@4.2.3", "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, "requires": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -11639,8 +12898,7 @@ "emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" } } }, @@ -11679,7 +12937,6 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, "requires": { "ansi-regex": "^5.0.1" } @@ -11688,7 +12945,6 @@ "version": "npm:strip-ansi@6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, "requires": { "ansi-regex": "^5.0.1" } @@ -11699,6 +12955,33 @@ "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", "dev": true }, + "style-dictionary": { + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-4.3.3.tgz", + "integrity": "sha512-93ISASYmvGdKOvNHFaOZ+mVsCNQdoZzhSEq7JINE0BjMoE8zUzkwFyGDUBnfmXayHq/F4B4MCWmtjqjgHAYthw==", + "requires": { + "@bundled-es-modules/deepmerge": "^4.3.1", + "@bundled-es-modules/glob": "^10.4.2", + "@bundled-es-modules/memfs": "^4.9.4", + "@zip.js/zip.js": "^2.7.44", + "chalk": "^5.3.0", + "change-case": "^5.3.0", + "commander": "^12.1.0", + "is-plain-obj": "^4.1.0", + "json5": "^2.2.2", + "patch-package": "^8.0.0", + "path-unified": "^0.2.0", + "prettier": "^3.3.3", + "tinycolor2": "^1.6.0" + }, + "dependencies": { + "commander": { + "version": "12.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz", + "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==" + } + } + }, "style-to-js": { "version": "1.1.16", "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.16.tgz", @@ -11764,6 +13047,14 @@ } } }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "requires": { + "has-flag": "^4.0.0" + } + }, "supports-preserve-symlinks-flag": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", @@ -11824,11 +13115,22 @@ "thenify": ">= 3.1.0 < 4" } }, + "thingies": { + "version": "1.21.0", + "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz", + "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==", + "requires": {} + }, "tiny-invariant": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz", "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==" }, + "tinycolor2": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz", + "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==" + }, "tippy.js": { "version": "6.3.7", "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz", @@ -11837,11 +13139,18 @@ "@popperjs/core": "^2.9.0" } }, + "tmp": { + "version": "0.0.33", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", + "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", + "requires": { + "os-tmpdir": "~1.0.2" + } + }, "to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, "requires": { "is-number": "^7.0.0" } @@ -11861,6 +13170,12 @@ "which-typed-array": "^1.1.15" } }, + "tree-dump": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz", + "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==", + "requires": {} + }, "ts-api-utils": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz", @@ -11874,6 +13189,11 @@ "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", "dev": true }, + "tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==" + }, "turbo-stream": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz", @@ -11982,6 +13302,11 @@ "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz", "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==" }, + "universalify": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==" + }, "update-browserslist-db": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz", @@ -12001,12 +13326,40 @@ "punycode": "^2.1.0" } }, + "url": { + "version": "0.11.4", + "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz", + "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==", + "requires": { + "punycode": "^1.4.1", + "qs": "^6.12.3" + }, + "dependencies": { + "punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==" + } + } + }, "use-sync-external-store": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz", "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==", "requires": {} }, + "util": { + "version": "0.12.5", + "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz", + "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==", + "requires": { + "inherits": "^2.0.3", + "is-arguments": "^1.0.4", + "is-generator-function": "^1.0.7", + "is-typed-array": "^1.1.3", + "which-typed-array": "^1.1.2" + } + }, "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -12052,7 +13405,6 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", - "dev": true, "requires": { "isexe": "^2.0.0" } @@ -12085,7 +13437,6 @@ "version": "8.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", - "dev": true, "requires": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", @@ -12095,20 +13446,17 @@ "ansi-regex": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", - "dev": true + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==" }, "ansi-styles": { "version": "6.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", - "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", - "dev": true + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==" }, "strip-ansi": { "version": "7.1.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, "requires": { "ansi-regex": "^6.0.1" } @@ -12119,48 +13467,21 @@ "version": "npm:wrap-ansi@7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, "requires": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" }, "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, "emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" }, "string-width": { "version": "4.2.3", "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, "requires": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -12172,8 +13493,7 @@ "wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", - "dev": true + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==" }, "yallist": { "version": "3.1.1", @@ -12184,8 +13504,7 @@ "yaml": { "version": "2.6.0", "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz", - "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==", - "dev": true + "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==" }, "yocto-queue": { "version": "0.1.0", diff --git a/package.json b/package.json index e42f97e9..b27d27d3 100644 --- a/package.json +++ b/package.json @@ -19,9 +19,10 @@ "preview": "vite preview" }, "dependencies": { + "@bundled-es-modules/memfs": "^4.9.4", "@craftjs/core": "^0.2.11", - "@db-ux/react-core-components": "1.0.0", "@db-ux/db-theme": "1.0.2", + "@db-ux/react-core-components": "1.0.0", "@redux-devtools/extension": "^3.3.0", "@tiptap/extension-color": "^2.11.5", "@tiptap/extension-text-style": "^2.10.3", @@ -48,6 +49,7 @@ "react-dom": "^18.3.1", "react-i18next": "15.4.0", "react-router-dom": "7.1.5", + "style-dictionary": "^4.3.3", "traverse": "^0.6.10", "zustand": "^5.0.3" }, @@ -69,10 +71,10 @@ "ncp": "^2.0.0", "npm-run-all2": "^7.0.2", "postcss": "^8.5.1", + "purgecss": "7.0.2", "sass": "^1.85.0", "tailwindcss": "^3.4.17", "typescript": "^5.7.3", - "purgecss": "7.0.2", "vite": "^6.1.0" } } diff --git a/src/App.tsx b/src/App.tsx index 658719cb..8dfbb34b 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -4,10 +4,12 @@ import { useThemeBuilderStore } from "./store"; import { useEffect } from "react"; import { DefaultColorType } from "./utils/data.ts"; import { - getNonColorCssProperties, - getPaletteOutput, - getSpeakingNames, -} from "./utils/outputs/web"; + getSDColorPalette, + getSDSpeakingColors, +} from "./utils/outputs/style-dictionary/colors.ts"; +import { mergeObjectsRecursive } from "./utils"; +import { runStyleDictionary } from "./utils/outputs/style-dictionary"; +import { appConfig } from "./utils/outputs/style-dictionary/config"; const App = () => { const { speakingNames, luminanceSteps, theme } = useThemeBuilderStore( @@ -21,20 +23,23 @@ const App = () => { ...theme.customColors, }; - const cssProps: any = { - ...getPaletteOutput(allColors, luminanceSteps), - ...getSpeakingNames(speakingNames, allColors), - ...getNonColorCssProperties(theme), + const sdColorPalette = getSDColorPalette(allColors, luminanceSteps); + const sdSpeakingColors = getSDSpeakingColors(speakingNames, allColors); + + const finalTheme = { + ...theme, + ...mergeObjectsRecursive(sdColorPalette, sdSpeakingColors), }; - const pages = document.getElementsByTagName("html"); - Array.from(pages).forEach((page: Element) => { - page.setAttribute( - "style", - Object.entries(cssProps) - .map((value) => `${value[0]}:${value[1]};`) - .join(" "), - ); + runStyleDictionary({ + tokens: finalTheme, + ...appConfig, + }).then((result) => { + const page = document.querySelector("html"); + const overwrites = result["/overwrites"]; + if (page && overwrites) { + page.setAttribute("style", overwrites); + } }); }, [speakingNames, theme, luminanceSteps]); diff --git a/src/components/Customization/Settings/Scaling/data.ts b/src/components/Customization/Settings/Scaling/data.ts index faf6d552..d7c6467e 100644 --- a/src/components/Customization/Settings/Scaling/data.ts +++ b/src/components/Customization/Settings/Scaling/data.ts @@ -1,22 +1,22 @@ -import DefaultTheme from "../../../../data/default-theme.json"; import traverse from "traverse"; +import { defaultTheme } from "../../../../store/themes.ts"; export type ShirtSelectionType = { label: string; params: string[]; }; -const theme = traverse(DefaultTheme); +const theme = traverse(defaultTheme); export const getShirtValue = ( scaleString: string, path: string[], ): string | number | undefined => { - if (path.at(-1) === "_scale") { + if (path.at(-2) === "_scale") { return scaleString; } - let scale = 1; + let scale: number; if (scaleString === "none") { scale = 0; @@ -30,30 +30,6 @@ export const getShirtValue = ( return undefined; } - if (path[0] === "elevation") { - if (path.at(-1) === "sm") { - return ( - `0 0 ${scale}px -${scale}px rgba(0, 0, 0, 0.2),` + - `0 0 ${4 * scale}px ${scale}px rgba(0, 0, 0, 0.12),` + - `0 0 ${2 * scale}px 0 rgba(0, 0, 0, 0.14)` - ); - } - if (path.at(-1) === "md") { - return ( - `0 0 ${2 * scale}px -${scale}px rgba(0, 0, 0, 0.2),` + - `0 0 ${8 * scale}px ${scale}px rgba(0, 0, 0, 0.12),` + - `0 0 ${4 * scale}px 0 rgba(0, 0, 0, 0.14)` - ); - } - if (path.at(-1) === "lg") { - return ( - `0 0 ${4 * scale}px -${3 * scale}px rgba(0, 0, 0, 0.2),` + - `0 0 ${16 * scale}px ${3 * scale}px rgba(0, 0, 0, 0.12),` + - `0 0 ${8 * scale}px ${scale}px rgba(0, 0, 0, 0.14)` - ); - } - } - if (path.length < 2) { return undefined; } diff --git a/src/components/Customization/Settings/Scaling/scaling.tsx b/src/components/Customization/Settings/Scaling/scaling.tsx index 865f03f2..0bf818d7 100644 --- a/src/components/Customization/Settings/Scaling/scaling.tsx +++ b/src/components/Customization/Settings/Scaling/scaling.tsx @@ -7,9 +7,9 @@ import traverse from "traverse"; const getFromJsonByArray = (params: string[], json: any): any => { try { let currentObject = json; - params.forEach((param) => { + for (const param of params) { currentObject = currentObject[param]; - }); + } return currentObject; } catch (error) { @@ -29,7 +29,8 @@ const Scaling = ({ label, params }: ShirtSelectionType) => { if ( this.isLeaf && this.path.length > 0 && - path.every((value, index) => value === this.path[index]) + path.every((value, index) => value === this.path[index]) && + this.path.at(-1) === "value" ) { this.update(getShirtValue(scale, this.path) || value); } @@ -46,7 +47,7 @@ const Scaling = ({ label, params }: ShirtSelectionType) => { { setDetfaultTheme(event.target.value); }} @@ -75,7 +76,7 @@ const Scaling = ({ label, params }: ShirtSelectionType) => { )} - {(params.includes("elevation") || params.includes("radius")) && ( + {params.includes("radius") && ( <> diff --git a/src/components/Landing/ThemeSelect/theme-select.tsx b/src/components/Landing/ThemeSelect/theme-select.tsx index fb576a2b..149f05d7 100644 --- a/src/components/Landing/ThemeSelect/theme-select.tsx +++ b/src/components/Landing/ThemeSelect/theme-select.tsx @@ -1,4 +1,9 @@ -import { DBCard, DBIcon, DBSection, DBTooltip } from "@db-ux/react-core-components"; +import { + DBCard, + DBIcon, + DBSection, + DBTooltip, +} from "@db-ux/react-core-components"; import { useThemeBuilderStore } from "../../../store"; import { Link } from "react-router-dom"; import Demo from "../../../pages/Demo"; @@ -10,14 +15,8 @@ import { ThemeType, speakingNamesDefaultMapping, } from "../../../utils/data.ts"; -import DefaultTheme from "../../../data/default-theme.json"; -import DBTheme from "../../../data/db-theme.json"; -import SBahnTheme from "../../../data/sbahn-theme.json"; import { getThemeImage } from "../../../utils"; - -const defaultTheme = DefaultTheme as unknown as ThemeType; -const sBahnTheme = SBahnTheme as unknown as ThemeType; -const dbTheme = DBTheme as unknown as ThemeType; +import { dbTheme, defaultTheme, sBahnTheme } from "../../../store/themes.ts"; const themes: Record = { neutralTheme: defaultTheme, diff --git a/src/data/db-theme.json b/src/data/db-theme.json deleted file mode 100644 index 1854cd5e..00000000 --- a/src/data/db-theme.json +++ /dev/null @@ -1,923 +0,0 @@ -{ - "branding": { - "name": "DB", - "image": { - "light": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyOCIgaWQ9ImxvZ28iPgoJPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjI0IiBmaWxsPSJ0cmFuc3BhcmVudCIgc3R5bGU9ImZpbGw6dHJhbnNwYXJlbnQ7ZmlsbDogdmFyKC0tZGItbG9nby1iYWNrZ3JvdW5kY29sb3IsIHRyYW5zcGFyZW50KSI+PC9yZWN0PgoJPHBhdGggZD0iTTI3LjIgNy41M2gtMS40M3Y0LjU0aDEuODNjMS41My4wMyAyLjQ3LTEuMDQgMi40Ny0yLjI3IDAtMS42My0uOTYtMi4zMi0yLjg3LTIuMjd6bS42IDcuOGgtMi4wNHY0Ljg0aDEuODRjLjcuMDEgMy4wNyAwIDMuMDctMi4zNyAwLTEuMDEtLjYyLTIuNS0yLjg3LTIuNDd6bS0xNy4xLTcuN2gtLjgzdjEyLjU0aDEuNTNjMi41OC4wNiAzLjc3LTIuMDUgMy43Ny01Ljk3IDAtMy42LS40MS02Ljc0LTQuNDctNi41N3ptMTguNC0yLjc2YzUuMTMuMDIgNS4yMyA0LjAzIDUuMjMgNC40M2E0LjMzIDQuMzMgMCAwMS0zLjE1IDQuMTN2LjE0YzMuMjYuNzkgMy43NSAzLjE0IDMuNzUgNC40MyAwIDQuNzYtNC42OCA1LjAyLTYuNzEgNS4wM2gtNi42OFY0Ljg3aDcuNTZ6bS0xNi45IDBjNC43LjAyIDcuMjMgMy4wMSA3LjIzIDkuMDMgMCA1LjI5LTEuNjggOS4xLTcuMjMgOS4xM0g1LjU0VjQuODdoNi42NnptMjMuNy0xLjk0SDRjLS42MyAwLTEuMDQuNS0xLjA2IDEuMDVsLS4wMS4xMnYxOS43YzAgLjU3LjM1IDEuMjIuOTUgMS4yNmwuMTIuMDFoMzEuOWMuNjMgMCAxLjEzLS42IDEuMTYtMS4xNGwuMDEtLjEzVjQuMWExLjIgMS4yIDAgMDAtMS4xNy0xLjE3em0wLTIuODZjMi4xIDAgMy45NyAxLjU2IDQuMDMgMy42M3YyMC4yYTQgNCAwIDAxLTMuODMgNC4wM0g0QTMuOTEgMy45MSAwIDAxLjA3IDI0LjFWMy45QTMuOCAzLjggMCAwMTMuOC4wN2gzMi4xeiIgZmlsbD0iI2YwMTQxNCIgc3R5bGU9ImZpbGw6I2YwMTQxNDtmaWxsOiB2YXIoLS1kYi1sb2dvLWNvbG9yLCAjZjAxNDE0KSI+PC9wYXRoPgo8L3N2Zz4K", - "dark": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyOCIgaWQ9ImxvZ28iPgoJPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjI0IiBmaWxsPSJ0cmFuc3BhcmVudCIgc3R5bGU9ImZpbGw6dHJhbnNwYXJlbnQ7ZmlsbDogdmFyKC0tZGItbG9nby1iYWNrZ3JvdW5kY29sb3IsIHRyYW5zcGFyZW50KSI+PC9yZWN0PgoJPHBhdGggZD0iTTI3LjIgNy41M2gtMS40M3Y0LjU0aDEuODNjMS41My4wMyAyLjQ3LTEuMDQgMi40Ny0yLjI3IDAtMS42My0uOTYtMi4zMi0yLjg3LTIuMjd6bS42IDcuOGgtMi4wNHY0Ljg0aDEuODRjLjcuMDEgMy4wNyAwIDMuMDctMi4zNyAwLTEuMDEtLjYyLTIuNS0yLjg3LTIuNDd6bS0xNy4xLTcuN2gtLjgzdjEyLjU0aDEuNTNjMi41OC4wNiAzLjc3LTIuMDUgMy43Ny01Ljk3IDAtMy42LS40MS02Ljc0LTQuNDctNi41N3ptMTguNC0yLjc2YzUuMTMuMDIgNS4yMyA0LjAzIDUuMjMgNC40M2E0LjMzIDQuMzMgMCAwMS0zLjE1IDQuMTN2LjE0YzMuMjYuNzkgMy43NSAzLjE0IDMuNzUgNC40MyAwIDQuNzYtNC42OCA1LjAyLTYuNzEgNS4wM2gtNi42OFY0Ljg3aDcuNTZ6bS0xNi45IDBjNC43LjAyIDcuMjMgMy4wMSA3LjIzIDkuMDMgMCA1LjI5LTEuNjggOS4xLTcuMjMgOS4xM0g1LjU0VjQuODdoNi42NnptMjMuNy0xLjk0SDRjLS42MyAwLTEuMDQuNS0xLjA2IDEuMDVsLS4wMS4xMnYxOS43YzAgLjU3LjM1IDEuMjIuOTUgMS4yNmwuMTIuMDFoMzEuOWMuNjMgMCAxLjEzLS42IDEuMTYtMS4xNGwuMDEtLjEzVjQuMWExLjIgMS4yIDAgMDAtMS4xNy0xLjE3em0wLTIuODZjMi4xIDAgMy45NyAxLjU2IDQuMDMgMy42M3YyMC4yYTQgNCAwIDAxLTMuODMgNC4wM0g0QTMuOTEgMy45MSAwIDAxLjA3IDI0LjFWMy45QTMuOCAzLjggMCAwMTMuOC4wN2gzMi4xeiIgZmlsbD0iI2YwMTQxNCIgc3R5bGU9ImZpbGw6I2YwMTQxNDtmaWxsOiB2YXIoLS1kYi1sb2dvLWNvbG9yLCAjZjAxNDE0KSI+PC9wYXRoPgo8L3N2Zz4K" - } - }, - "spacing": { - "_scale": "100%", - "responsive": { - "regular": { - "desktop": { - "3xl": "40", - "2xl": "30", - "xl": "15", - "lg": "7.5", - "md": "5", - "sm": "3", - "xs": "2", - "2xs": "1.5", - "3xs": "1.25" - }, - "tablet": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.75", - "sm": "2.5", - "md": "4", - "lg": "6", - "xl": "10", - "2xl": "15", - "3xl": "30" - }, - "mobile": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.5", - "sm": "2", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "10", - "3xl": "15" - } - }, - "functional": { - "desktop": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.75", - "sm": "2.5", - "md": "4", - "lg": "6", - "xl": "10", - "2xl": "15", - "3xl": "30" - }, - "tablet": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.5", - "sm": "2", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "10", - "3xl": "15" - }, - "mobile": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.25", - "sm": "1.75", - "md": "2.5", - "lg": "4", - "xl": "6", - "2xl": "7.5", - "3xl": "10" - } - }, - "expressive": { - "desktop": { - "3xs": "1.75", - "2xs": "2", - "xs": "3", - "sm": "5", - "md": "7.5", - "lg": "15", - "xl": "30", - "2xl": "40", - "3xl": "50" - }, - "tablet": { - "3xs": "1.5", - "2xs": "1.75", - "xs": "2.5", - "sm": "4", - "md": "6", - "lg": "10", - "xl": "15", - "2xl": "30", - "3xl": "40" - }, - "mobile": { - "3xs": "1.25", - "2xs": "1.5", - "xs": "2", - "sm": "3", - "md": "5", - "lg": "7.5", - "xl": "10", - "2xl": "15", - "3xl": "30" - } - } - }, - "fixed": { - "regular": { - "3xs": "0.125", - "2xs": "0.25", - "xs": "0.5", - "sm": "0.75", - "md": "1", - "lg": "1.5", - "xl": "2", - "2xl": "3", - "3xl": "5" - }, - "functional": { - "3xs": "0.125", - "2xs": "0.25", - "xs": "0.375", - "sm": "0.5", - "md": "0.75", - "lg": "1", - "xl": "1.5", - "2xl": "2", - "3xl": "3" - }, - "expressive": { - "3xs": "0.25", - "2xs": "0.5", - "xs": "0.75", - "sm": "1", - "md": "1.5", - "lg": "2", - "xl": "3", - "2xl": "5", - "3xl": "7.5" - } - } - }, - "sizing": { - "_scale": "100%", - "fixed": { "mobile": { "header": "3.5" } }, - "regular": { - "3xl": "15", - "2xl": "10", - "xl": "6", - "lg": "4", - "md": "2.5", - "sm": "1.5", - "xs": "1", - "2xs": "0.75", - "3xs": "0.5" - }, - "functional": { - "3xs": "0.375", - "2xs": "0.625", - "xs": "0.875", - "sm": "1.25", - "md": "2", - "lg": "3", - "xl": "5", - "2xl": "7.5", - "3xl": "10" - }, - "expressive": { - "3xs": "0.625", - "2xs": "0.875", - "xs": "1.25", - "sm": "1.75", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "15", - "3xl": "30" - } - }, - "typography": { - "regular": { - "desktop": { - "headline": { - "3xl": { "lineHeight": 1.2, "fontSize": "5" }, - "2xl": { "lineHeight": 1.25, "fontSize": "4" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "lg": { "lineHeight": 1.2, "fontSize": "2.5" }, - "md": { "lineHeight": 1.25, "fontSize": "2" }, - "sm": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" }, - "xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" } - }, - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "2xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "3xl": { "lineHeight": 1.5, "fontSize": "2" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "2xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "3xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.25, "fontSize": "2" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.25, "fontSize": "2" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "2xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "3xl": { "lineHeight": 1.5, "fontSize": "2" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.25, "fontSize": "2" }, - "md": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "sm": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "2xs": { "lineHeight": 1.25, "fontSize": "1" }, - "3xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" } - } - } - }, - "functional": { - "desktop": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.25, "fontSize": "2" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.25, "fontSize": "2" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.5, "fontSize": "1" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.5, "fontSize": "1" }, - "3xl": { "lineHeight": 1.5, "fontSize": "1" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "md": { "lineHeight": 1.2, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.25, "fontSize": "1" }, - "xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - } - }, - "expressive": { - "desktop": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.5, "fontSize": "2" }, - "3xl": { "lineHeight": 1.6, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "md": { "lineHeight": 1.2, "fontSize": "2.5" }, - "sm": { "lineHeight": 1.25, "fontSize": "2" }, - "xl": { "lineHeight": 1.25, "fontSize": "4" }, - "xs": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xl": { "lineHeight": 1.2, "fontSize": "5" }, - "2xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.25, "fontSize": "6" }, - "3xs": { "lineHeight": 1.2, "fontSize": "1.25" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.5, "fontSize": "2" }, - "3xl": { "lineHeight": 1.6, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.2, "fontSize": "2.5" }, - "md": { "lineHeight": 1.25, "fontSize": "2" }, - "sm": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "2xl": { "lineHeight": 1.25, "fontSize": "4" }, - "2xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "3xl": { "lineHeight": 1.2, "fontSize": "5" }, - "3xs": { "lineHeight": 1.2, "fontSize": "1.25" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.25, "fontSize": "2" }, - "md": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "sm": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "2xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.25, "fontSize": "1" }, - "3xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" } - } - } - } - }, - "border": { - "height": { - "_scale": "100%", - "3xs": "0.0625", - "2xs": "0.125", - "xs": "0.25", - "sm": "0.375", - "md": "0.5", - "lg": "0.625", - "xl": "0.75", - "2xl": "0.875", - "3xl": "1" - }, - "radius": { - "_scale": "100%", - "3xs": "0.0625", - "2xs": "0.125", - "xs": "0.25", - "sm": "0.5", - "md": "0.75", - "lg": "1", - "xl": "1.5", - "2xl": "1.75", - "3xl": "2", - "full": "500" - } - }, - "elevation": { - "_scale": "100%", - "sm": "0 0 1px -1px rgba(0, 0, 0, 0.2), 0 0 4px 1px rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)", - "md": "0 0 2px -1px rgba(0, 0, 0, 0.2), 0 0 8px 1px rgba(0, 0, 0, 0.12), 0 0 4px 0 rgba(0, 0, 0, 0.14)", - "lg": "0 0 4px -3px rgba(0, 0, 0, 0.2), 0 0 16px 3px rgba(0, 0, 0, 0.12), 0 0 8px 1px rgba(0, 0, 0, 0.14)" - }, - "transition": { - "duration": { - "x-slow": "0.5s", - "slow": "0.4s", - "medium": "0.3s", - "fast": "0.15s", - "x-fast": "0.075s" - }, - "timing": { - "show": "cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "hide": "cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "emotional": "cubic-bezier(0.27, 0.05, 0.4, 0.95)", - "functional": "cubic-bezier(0.15, 0, 0.45, 1)" - }, - "straight": { - "show": "0.5s cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "hide": "0.4s cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "emotional": "0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95)", - "functional": "0.3s cubic-bezier(0.15, 0, 0.45, 1)" - } - }, - "font": { - "family": { - "sans": "'DB Screen Sans', Helvetica, Arial, sans-serif", - "head": "'DB Screen Head', Helvetica, Arial, sans-serif" - }, - "sans": { - "digitalregular": { - "name": "DB Screen Sans Digital Regular", - "localName": "DB Screen Sans Digital", - "localShortName": "DB Sans Digital", - "family": "DB Screen Sans", - "weight": 300, - "woff2": "dbscreensans-digitalregular.woff2" - }, - "regular": { - "name": "DB Screen Sans Regular", - "localName": "DB Screen Sans", - "localShortName": "DB Sans", - "family": "DB Screen Sans", - "weight": 400, - "woff2": "dbscreensans-regular.woff2" - }, - "medium": { - "name": "DB Screen Sans Medium", - "localName": "DB Screen Sans Medium", - "localShortName": "DB Sans Medium", - "family": "DB Screen Sans", - "weight": 500, - "woff2": "dbscreensans-medium.woff2" - }, - "semibold": { - "name": "DB Screen Sans SemiBold", - "localName": "DB Screen Sans SemiBold", - "localShortName": "DB Sans SemiBold", - "family": "DB Screen Sans", - "weight": 600, - "woff2": "dbscreensans-semibold.woff2" - }, - "bold": { - "name": "DB Screen Sans Bold", - "localName": "DB Screen Sans Bold", - "localShortName": "DB Sans Bold", - "family": "DB Screen Sans", - "weight": 700, - "woff2": "dbscreensans-bold.woff2" - } - }, - "head": { - "light": { - "name": "DB Screen Head Light", - "localName": "DB Screen Head Light", - "localShortName": "DB Head Light", - "family": "DB Screen Head", - "weight": 300, - "woff2": "dbscreenhead-light.woff2" - }, - "regular": { - "name": "DB Screen Head", - "localName": "DB Screen Head", - "localShortName": "DB Head", - "family": "DB Screen Head", - "weight": 400, - "woff2": "dbscreenhead-regular.woff2" - }, - "black": { - "name": "DB Screen Head Black", - "localName": "DB Screen Head Black", - "localShortName": "DB Head Black", - "family": "DB Screen Head", - "weight": 900, - "woff2": "dbscreenhead-black.woff2" - } - } - }, - "colors": { - "neutral": { - "origin": "#AFB4Bb", - "originHSLBgLight": "#edeeef", - "originHSLBgDark": "#070708", - "originLightAlternative": "#73777e", - "originLightAccessible": false, - "originLightDefault": "#AFB4Bb", - "originLightHovered": "#9399a2", - "originLightPressed": "#7a7f86", - "originDarkAlternative": "#AFB4Bb", - "originDarkAccessible": true, - "originDarkDefault": "#AFB4Bb", - "originDarkHovered": "#9399a2", - "originDarkPressed": "#7a7f86", - "onOriginLightDefault": "#070708", - "onOriginLightHovered": "#1e2022", - "onOriginLightPressed": "#323538", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#070708", - "onOriginDarkDefault": "#070708", - "onOriginDarkHovered": "#1e2022", - "onOriginDarkPressed": "#323538", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#070708" - }, - "brand": { - "origin": "#EC0016", - "originHSLBgLight": "#ffe9e9", - "originHSLBgDark": "#1a0000", - "originLightAlternative": "#EC0016", - "originLightAccessible": true, - "originLightDefault": "#EC0016", - "originLightHovered": "#bd000f", - "originLightPressed": "#900009", - "originDarkAlternative": "#EC0016", - "originDarkAccessible": true, - "originDarkDefault": "#EC0016", - "originDarkHovered": "#bd000f", - "originDarkPressed": "#900009", - "onOriginLightDefault": "#ffffff", - "onOriginLightHovered": "#ffdada", - "onOriginLightPressed": "#ffb3b4", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#ffffff", - "onOriginDarkDefault": "#ffffff", - "onOriginDarkHovered": "#ffdada", - "onOriginDarkPressed": "#ffb3b4", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#ffffff" - }, - "informational": { - "origin": "#55B9E6", - "originHSLBgLight": "#e0f0fc", - "originHSLBgDark": "#02080d", - "originLightAlternative": "#387f9e", - "originLightAccessible": false, - "originLightDefault": "#55B9E6", - "originLightHovered": "#479dc3", - "originLightPressed": "#3982a2", - "originDarkAlternative": "#55B9E6", - "originDarkAccessible": true, - "originDarkDefault": "#55B9E6", - "originDarkHovered": "#479dc3", - "originDarkPressed": "#3982a2", - "onOriginLightDefault": "#02080d", - "onOriginLightHovered": "#0a222d", - "onOriginLightPressed": "#153848", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#02080d", - "onOriginDarkDefault": "#02080d", - "onOriginDarkHovered": "#0a222d", - "onOriginDarkPressed": "#153848", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#02080d" - }, - "warning": { - "origin": "#F8AB37", - "originHSLBgLight": "#feeadc", - "originHSLBgDark": "#0e0601", - "originLightAlternative": "#a06d20", - "originLightAccessible": false, - "originLightDefault": "#F8AB37", - "originLightHovered": "#d5922e", - "originLightPressed": "#b37a25", - "originDarkAlternative": "#F8AB37", - "originDarkAccessible": true, - "originDarkDefault": "#F8AB37", - "originDarkHovered": "#d5922e", - "originDarkPressed": "#b37a25", - "onOriginLightDefault": "#0e0601", - "onOriginLightHovered": "#2e1c04", - "onOriginLightPressed": "#493009", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#0e0601", - "onOriginDarkDefault": "#0e0601", - "onOriginDarkHovered": "#2e1c04", - "onOriginDarkPressed": "#493009", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#0e0601" - }, - "successful": { - "origin": "#9FD45F", - "originHSLBgLight": "#cffba4", - "originHSLBgDark": "#050902", - "originLightAlternative": "#5f8137", - "originLightAccessible": false, - "originLightDefault": "#9FD45F", - "originLightHovered": "#89b751", - "originLightPressed": "#739a43", - "originDarkAlternative": "#9FD45F", - "originDarkAccessible": true, - "originDarkDefault": "#9FD45F", - "originDarkHovered": "#89b751", - "originDarkPressed": "#739a43", - "onOriginLightDefault": "#050902", - "onOriginLightHovered": "#18230a", - "onOriginLightPressed": "#293a15", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#050902", - "onOriginDarkDefault": "#050902", - "onOriginDarkHovered": "#18230a", - "onOriginDarkPressed": "#293a15", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#050902" - }, - "critical": { - "origin": "#FA9090", - "originHSLBgLight": "#fee9e9", - "originHSLBgDark": "#190101", - "originLightAlternative": "#e91e1e", - "originLightAccessible": false, - "originLightDefault": "#FA9090", - "originLightHovered": "#f96060", - "originLightPressed": "#ee1f1f", - "originDarkAlternative": "#FA9090", - "originDarkAccessible": true, - "originDarkDefault": "#FA9090", - "originDarkHovered": "#f96060", - "originDarkPressed": "#ee1f1f", - "onOriginLightDefault": "#190101", - "onOriginLightHovered": "#470303", - "onOriginLightPressed": "#6e0808", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#190101", - "onOriginDarkDefault": "#190101", - "onOriginDarkHovered": "#470303", - "onOriginDarkPressed": "#6e0808", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#190101" - } - }, - "additionalColors": { - "yellow": { - "origin": "#FFF000", - "originHSLBgLight": "#fff25a", - "originHSLBgDark": "#090800", - "originLightAlternative": "#817900", - "originLightAccessible": false, - "originLightDefault": "#FFF000", - "originLightHovered": "#e1d300", - "originLightPressed": "#c3b700", - "originDarkAlternative": "#FFF000", - "originDarkAccessible": true, - "originDarkDefault": "#FFF000", - "originDarkHovered": "#e1d300", - "originDarkPressed": "#c3b700", - "onOriginLightDefault": "#090800", - "onOriginLightHovered": "#232000", - "onOriginLightPressed": "#3a3600", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#090800", - "onOriginDarkDefault": "#090800", - "onOriginDarkHovered": "#232000", - "onOriginDarkPressed": "#3a3600", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#090800" - }, - "orange": { - "origin": "#F8AB37", - "originHSLBgLight": "#feeadc", - "originHSLBgDark": "#0e0601", - "originLightAlternative": "#a06d20", - "originLightAccessible": false, - "originLightDefault": "#F8AB37", - "originLightHovered": "#d5922e", - "originLightPressed": "#b37a25", - "originDarkAlternative": "#F8AB37", - "originDarkAccessible": true, - "originDarkDefault": "#F8AB37", - "originDarkHovered": "#d5922e", - "originDarkPressed": "#b37a25", - "onOriginLightDefault": "#0e0601", - "onOriginLightHovered": "#2e1c04", - "onOriginLightPressed": "#493009", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#0e0601", - "onOriginDarkDefault": "#0e0601", - "onOriginDarkHovered": "#2e1c04", - "onOriginDarkPressed": "#493009", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#0e0601" - }, - "red": { - "origin": "#FA9090", - "originHSLBgLight": "#fee9e9", - "originHSLBgDark": "#190101", - "originLightAlternative": "#e91e1e", - "originLightAccessible": false, - "originLightDefault": "#FA9090", - "originLightHovered": "#f96060", - "originLightPressed": "#ee1f1f", - "originDarkAlternative": "#FA9090", - "originDarkAccessible": true, - "originDarkDefault": "#FA9090", - "originDarkHovered": "#f96060", - "originDarkPressed": "#ee1f1f", - "onOriginLightDefault": "#190101", - "onOriginLightHovered": "#470303", - "onOriginLightPressed": "#6e0808", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#190101", - "onOriginDarkDefault": "#190101", - "onOriginDarkHovered": "#470303", - "onOriginDarkPressed": "#6e0808", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#190101" - }, - "pink": { - "origin": "#EE7BAe", - "originHSLBgLight": "#fbe9f0", - "originHSLBgDark": "#15020a", - "originLightAlternative": "#d13a88", - "originLightAccessible": false, - "originLightDefault": "#EE7BAe", - "originLightHovered": "#ea4499", - "originLightPressed": "#c1357d", - "originDarkAlternative": "#EE7BAe", - "originDarkAccessible": true, - "originDarkDefault": "#EE7BAe", - "originDarkHovered": "#ea4499", - "originDarkPressed": "#c1357d", - "onOriginLightDefault": "#000000", - "onOriginLightHovered": "#380921", - "onOriginLightPressed": "#5b1438", - "onOriginLightAccessible": false, - "onOriginLightAlternative": "#000000", - "onOriginDarkDefault": "#ffffff", - "onOriginDarkHovered": "#f9dbe6", - "onOriginDarkPressed": "#f4b5cd", - "onOriginDarkAccessible": false, - "onOriginDarkAlternative": "#ffffff" - }, - "violet": { - "origin": "#C2A1C7", - "originHSLBgLight": "#f2ecf3", - "originHSLBgDark": "#0b060c", - "originLightAlternative": "#926998", - "originLightAccessible": false, - "originLightDefault": "#C2A1C7", - "originLightHovered": "#ae82b5", - "originLightPressed": "#936998", - "originDarkAlternative": "#C2A1C7", - "originDarkAccessible": true, - "originDarkDefault": "#C2A1C7", - "originDarkHovered": "#ae82b5", - "originDarkPressed": "#936998", - "onOriginLightDefault": "#0b060c", - "onOriginLightHovered": "#291b2b", - "onOriginLightPressed": "#432e45", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#0b060c", - "onOriginDarkDefault": "#0b060c", - "onOriginDarkHovered": "#291b2b", - "onOriginDarkPressed": "#432e45", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#0b060c" - }, - "blue": { - "origin": "#73AEF4", - "originHSLBgLight": "#e6eefd", - "originHSLBgDark": "#010812", - "originLightAlternative": "#327bbe", - "originLightAccessible": false, - "originLightDefault": "#73AEF4", - "originLightHovered": "#3e94e4", - "originLightPressed": "#317abd", - "originDarkAlternative": "#73AEF4", - "originDarkAccessible": true, - "originDarkDefault": "#73AEF4", - "originDarkHovered": "#3e94e4", - "originDarkPressed": "#317abd", - "onOriginLightDefault": "#01040a", - "onOriginLightHovered": "#071f35", - "onOriginLightPressed": "#113455", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#01040a", - "onOriginDarkDefault": "#01040a", - "onOriginDarkHovered": "#071f35", - "onOriginDarkPressed": "#113455", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#01040a" - }, - "cyan": { - "origin": "#55B9E6", - "originHSLBgLight": "#e0f0fc", - "originHSLBgDark": "#02080d", - "originLightAlternative": "#387f9e", - "originLightAccessible": false, - "originLightDefault": "#55B9E6", - "originLightHovered": "#479dc3", - "originLightPressed": "#3982a2", - "originDarkAlternative": "#55B9E6", - "originDarkAccessible": true, - "originDarkDefault": "#55B9E6", - "originDarkHovered": "#479dc3", - "originDarkPressed": "#3982a2", - "onOriginLightDefault": "#02080d", - "onOriginLightHovered": "#0a222d", - "onOriginLightPressed": "#153848", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#02080d", - "onOriginDarkDefault": "#02080d", - "onOriginDarkHovered": "#0a222d", - "onOriginDarkPressed": "#153848", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#02080d" - }, - "turquoise": { - "origin": "#83CACA", - "originHSLBgLight": "#c3f8f8", - "originHSLBgDark": "#030808", - "originLightAlternative": "#517f7f", - "originLightAccessible": false, - "originLightDefault": "#83CACA", - "originLightHovered": "#70adad", - "originLightPressed": "#5d9292", - "originDarkAlternative": "#83CACA", - "originDarkAccessible": true, - "originDarkDefault": "#83CACA", - "originDarkHovered": "#70adad", - "originDarkPressed": "#5d9292", - "onOriginLightDefault": "#030808", - "onOriginLightHovered": "#122222", - "onOriginLightPressed": "#213838", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#030808", - "onOriginDarkDefault": "#030808", - "onOriginDarkHovered": "#122222", - "onOriginDarkPressed": "#213838", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#030808" - }, - "green": { - "origin": "#9FD45f", - "originHSLBgLight": "#cffba4", - "originHSLBgDark": "#050902", - "originLightAlternative": "#5f8137", - "originLightAccessible": false, - "originLightDefault": "#9FD45f", - "originLightHovered": "#89b751", - "originLightPressed": "#739a43", - "originDarkAlternative": "#9FD45f", - "originDarkAccessible": true, - "originDarkDefault": "#9FD45f", - "originDarkHovered": "#89b751", - "originDarkPressed": "#739a43", - "onOriginLightDefault": "#050902", - "onOriginLightHovered": "#18230a", - "onOriginLightPressed": "#293a15", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#050902", - "onOriginDarkDefault": "#050902", - "onOriginDarkHovered": "#18230a", - "onOriginDarkPressed": "#293a15", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#050902" - } - }, - "customColors": {} -} diff --git a/src/data/db-theme/branding.json b/src/data/db-theme/branding.json new file mode 100644 index 00000000..ff33c55f --- /dev/null +++ b/src/data/db-theme/branding.json @@ -0,0 +1,9 @@ +{ + "branding": { + "name": "DB", + "image": { + "light": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyOCIgaWQ9ImxvZ28iPgoJPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjI0IiBmaWxsPSJ0cmFuc3BhcmVudCIgc3R5bGU9ImZpbGw6dHJhbnNwYXJlbnQ7ZmlsbDogdmFyKC0tZGItbG9nby1iYWNrZ3JvdW5kY29sb3IsIHRyYW5zcGFyZW50KSI+PC9yZWN0PgoJPHBhdGggZD0iTTI3LjIgNy41M2gtMS40M3Y0LjU0aDEuODNjMS41My4wMyAyLjQ3LTEuMDQgMi40Ny0yLjI3IDAtMS42My0uOTYtMi4zMi0yLjg3LTIuMjd6bS42IDcuOGgtMi4wNHY0Ljg0aDEuODRjLjcuMDEgMy4wNyAwIDMuMDctMi4zNyAwLTEuMDEtLjYyLTIuNS0yLjg3LTIuNDd6bS0xNy4xLTcuN2gtLjgzdjEyLjU0aDEuNTNjMi41OC4wNiAzLjc3LTIuMDUgMy43Ny01Ljk3IDAtMy42LS40MS02Ljc0LTQuNDctNi41N3ptMTguNC0yLjc2YzUuMTMuMDIgNS4yMyA0LjAzIDUuMjMgNC40M2E0LjMzIDQuMzMgMCAwMS0zLjE1IDQuMTN2LjE0YzMuMjYuNzkgMy43NSAzLjE0IDMuNzUgNC40MyAwIDQuNzYtNC42OCA1LjAyLTYuNzEgNS4wM2gtNi42OFY0Ljg3aDcuNTZ6bS0xNi45IDBjNC43LjAyIDcuMjMgMy4wMSA3LjIzIDkuMDMgMCA1LjI5LTEuNjggOS4xLTcuMjMgOS4xM0g1LjU0VjQuODdoNi42NnptMjMuNy0xLjk0SDRjLS42MyAwLTEuMDQuNS0xLjA2IDEuMDVsLS4wMS4xMnYxOS43YzAgLjU3LjM1IDEuMjIuOTUgMS4yNmwuMTIuMDFoMzEuOWMuNjMgMCAxLjEzLS42IDEuMTYtMS4xNGwuMDEtLjEzVjQuMWExLjIgMS4yIDAgMDAtMS4xNy0xLjE3em0wLTIuODZjMi4xIDAgMy45NyAxLjU2IDQuMDMgMy42M3YyMC4yYTQgNCAwIDAxLTMuODMgNC4wM0g0QTMuOTEgMy45MSAwIDAxLjA3IDI0LjFWMy45QTMuOCAzLjggMCAwMTMuOC4wN2gzMi4xeiIgZmlsbD0iI2YwMTQxNCIgc3R5bGU9ImZpbGw6I2YwMTQxNDtmaWxsOiB2YXIoLS1kYi1sb2dvLWNvbG9yLCAjZjAxNDE0KSI+PC9wYXRoPgo8L3N2Zz4K", + "dark": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyOCIgaWQ9ImxvZ28iPgoJPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjI0IiBmaWxsPSJ0cmFuc3BhcmVudCIgc3R5bGU9ImZpbGw6dHJhbnNwYXJlbnQ7ZmlsbDogdmFyKC0tZGItbG9nby1iYWNrZ3JvdW5kY29sb3IsIHRyYW5zcGFyZW50KSI+PC9yZWN0PgoJPHBhdGggZD0iTTI3LjIgNy41M2gtMS40M3Y0LjU0aDEuODNjMS41My4wMyAyLjQ3LTEuMDQgMi40Ny0yLjI3IDAtMS42My0uOTYtMi4zMi0yLjg3LTIuMjd6bS42IDcuOGgtMi4wNHY0Ljg0aDEuODRjLjcuMDEgMy4wNyAwIDMuMDctMi4zNyAwLTEuMDEtLjYyLTIuNS0yLjg3LTIuNDd6bS0xNy4xLTcuN2gtLjgzdjEyLjU0aDEuNTNjMi41OC4wNiAzLjc3LTIuMDUgMy43Ny01Ljk3IDAtMy42LS40MS02Ljc0LTQuNDctNi41N3ptMTguNC0yLjc2YzUuMTMuMDIgNS4yMyA0LjAzIDUuMjMgNC40M2E0LjMzIDQuMzMgMCAwMS0zLjE1IDQuMTN2LjE0YzMuMjYuNzkgMy43NSAzLjE0IDMuNzUgNC40MyAwIDQuNzYtNC42OCA1LjAyLTYuNzEgNS4wM2gtNi42OFY0Ljg3aDcuNTZ6bS0xNi45IDBjNC43LjAyIDcuMjMgMy4wMSA3LjIzIDkuMDMgMCA1LjI5LTEuNjggOS4xLTcuMjMgOS4xM0g1LjU0VjQuODdoNi42NnptMjMuNy0xLjk0SDRjLS42MyAwLTEuMDQuNS0xLjA2IDEuMDVsLS4wMS4xMnYxOS43YzAgLjU3LjM1IDEuMjIuOTUgMS4yNmwuMTIuMDFoMzEuOWMuNjMgMCAxLjEzLS42IDEuMTYtMS4xNGwuMDEtLjEzVjQuMWExLjIgMS4yIDAgMDAtMS4xNy0xLjE3em0wLTIuODZjMi4xIDAgMy45NyAxLjU2IDQuMDMgMy42M3YyMC4yYTQgNCAwIDAxLTMuODMgNC4wM0g0QTMuOTEgMy45MSAwIDAxLjA3IDI0LjFWMy45QTMuOCAzLjggMCAwMTMuOC4wN2gzMi4xeiIgZmlsbD0iI2YwMTQxNCIgc3R5bGU9ImZpbGw6I2YwMTQxNDtmaWxsOiB2YXIoLS1kYi1sb2dvLWNvbG9yLCAjZjAxNDE0KSI+PC9wYXRoPgo8L3N2Zz4K" + } + } +} diff --git a/src/data/db-theme/colors.json b/src/data/db-theme/colors.json new file mode 100644 index 00000000..0d5dd87d --- /dev/null +++ b/src/data/db-theme/colors.json @@ -0,0 +1,382 @@ +{ + "colors": { + "neutral": { + "origin": "#AFB4Bb", + "originHSLBgLight": "#edeeef", + "originHSLBgDark": "#070708", + "originLightAlternative": "#73777e", + "originLightAccessible": false, + "originLightDefault": "#AFB4Bb", + "originLightHovered": "#9399a2", + "originLightPressed": "#7a7f86", + "originDarkAlternative": "#AFB4Bb", + "originDarkAccessible": true, + "originDarkDefault": "#AFB4Bb", + "originDarkHovered": "#9399a2", + "originDarkPressed": "#7a7f86", + "onOriginLightDefault": "#070708", + "onOriginLightHovered": "#1e2022", + "onOriginLightPressed": "#323538", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#070708", + "onOriginDarkDefault": "#070708", + "onOriginDarkHovered": "#1e2022", + "onOriginDarkPressed": "#323538", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#070708" + }, + "brand": { + "origin": "#EC0016", + "originHSLBgLight": "#ffe9e9", + "originHSLBgDark": "#1a0000", + "originLightAlternative": "#EC0016", + "originLightAccessible": true, + "originLightDefault": "#EC0016", + "originLightHovered": "#bd000f", + "originLightPressed": "#900009", + "originDarkAlternative": "#EC0016", + "originDarkAccessible": true, + "originDarkDefault": "#EC0016", + "originDarkHovered": "#bd000f", + "originDarkPressed": "#900009", + "onOriginLightDefault": "#ffffff", + "onOriginLightHovered": "#ffdada", + "onOriginLightPressed": "#ffb3b4", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#ffffff", + "onOriginDarkDefault": "#ffffff", + "onOriginDarkHovered": "#ffdada", + "onOriginDarkPressed": "#ffb3b4", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#ffffff" + }, + "informational": { + "origin": "#55B9E6", + "originHSLBgLight": "#e0f0fc", + "originHSLBgDark": "#02080d", + "originLightAlternative": "#387f9e", + "originLightAccessible": false, + "originLightDefault": "#55B9E6", + "originLightHovered": "#479dc3", + "originLightPressed": "#3982a2", + "originDarkAlternative": "#55B9E6", + "originDarkAccessible": true, + "originDarkDefault": "#55B9E6", + "originDarkHovered": "#479dc3", + "originDarkPressed": "#3982a2", + "onOriginLightDefault": "#02080d", + "onOriginLightHovered": "#0a222d", + "onOriginLightPressed": "#153848", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#02080d", + "onOriginDarkDefault": "#02080d", + "onOriginDarkHovered": "#0a222d", + "onOriginDarkPressed": "#153848", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#02080d" + }, + "warning": { + "origin": "#F8AB37", + "originHSLBgLight": "#feeadc", + "originHSLBgDark": "#0e0601", + "originLightAlternative": "#a06d20", + "originLightAccessible": false, + "originLightDefault": "#F8AB37", + "originLightHovered": "#d5922e", + "originLightPressed": "#b37a25", + "originDarkAlternative": "#F8AB37", + "originDarkAccessible": true, + "originDarkDefault": "#F8AB37", + "originDarkHovered": "#d5922e", + "originDarkPressed": "#b37a25", + "onOriginLightDefault": "#0e0601", + "onOriginLightHovered": "#2e1c04", + "onOriginLightPressed": "#493009", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#0e0601", + "onOriginDarkDefault": "#0e0601", + "onOriginDarkHovered": "#2e1c04", + "onOriginDarkPressed": "#493009", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#0e0601" + }, + "successful": { + "origin": "#9FD45F", + "originHSLBgLight": "#cffba4", + "originHSLBgDark": "#050902", + "originLightAlternative": "#5f8137", + "originLightAccessible": false, + "originLightDefault": "#9FD45F", + "originLightHovered": "#89b751", + "originLightPressed": "#739a43", + "originDarkAlternative": "#9FD45F", + "originDarkAccessible": true, + "originDarkDefault": "#9FD45F", + "originDarkHovered": "#89b751", + "originDarkPressed": "#739a43", + "onOriginLightDefault": "#050902", + "onOriginLightHovered": "#18230a", + "onOriginLightPressed": "#293a15", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#050902", + "onOriginDarkDefault": "#050902", + "onOriginDarkHovered": "#18230a", + "onOriginDarkPressed": "#293a15", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#050902" + }, + "critical": { + "origin": "#FA9090", + "originHSLBgLight": "#fee9e9", + "originHSLBgDark": "#190101", + "originLightAlternative": "#e91e1e", + "originLightAccessible": false, + "originLightDefault": "#FA9090", + "originLightHovered": "#f96060", + "originLightPressed": "#ee1f1f", + "originDarkAlternative": "#FA9090", + "originDarkAccessible": true, + "originDarkDefault": "#FA9090", + "originDarkHovered": "#f96060", + "originDarkPressed": "#ee1f1f", + "onOriginLightDefault": "#190101", + "onOriginLightHovered": "#470303", + "onOriginLightPressed": "#6e0808", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#190101", + "onOriginDarkDefault": "#190101", + "onOriginDarkHovered": "#470303", + "onOriginDarkPressed": "#6e0808", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#190101" + } + }, + "additionalColors": { + "yellow": { + "origin": "#FFF000", + "originHSLBgLight": "#fff25a", + "originHSLBgDark": "#090800", + "originLightAlternative": "#817900", + "originLightAccessible": false, + "originLightDefault": "#FFF000", + "originLightHovered": "#e1d300", + "originLightPressed": "#c3b700", + "originDarkAlternative": "#FFF000", + "originDarkAccessible": true, + "originDarkDefault": "#FFF000", + "originDarkHovered": "#e1d300", + "originDarkPressed": "#c3b700", + "onOriginLightDefault": "#090800", + "onOriginLightHovered": "#232000", + "onOriginLightPressed": "#3a3600", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#090800", + "onOriginDarkDefault": "#090800", + "onOriginDarkHovered": "#232000", + "onOriginDarkPressed": "#3a3600", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#090800" + }, + "orange": { + "origin": "#F8AB37", + "originHSLBgLight": "#feeadc", + "originHSLBgDark": "#0e0601", + "originLightAlternative": "#a06d20", + "originLightAccessible": false, + "originLightDefault": "#F8AB37", + "originLightHovered": "#d5922e", + "originLightPressed": "#b37a25", + "originDarkAlternative": "#F8AB37", + "originDarkAccessible": true, + "originDarkDefault": "#F8AB37", + "originDarkHovered": "#d5922e", + "originDarkPressed": "#b37a25", + "onOriginLightDefault": "#0e0601", + "onOriginLightHovered": "#2e1c04", + "onOriginLightPressed": "#493009", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#0e0601", + "onOriginDarkDefault": "#0e0601", + "onOriginDarkHovered": "#2e1c04", + "onOriginDarkPressed": "#493009", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#0e0601" + }, + "red": { + "origin": "#FA9090", + "originHSLBgLight": "#fee9e9", + "originHSLBgDark": "#190101", + "originLightAlternative": "#e91e1e", + "originLightAccessible": false, + "originLightDefault": "#FA9090", + "originLightHovered": "#f96060", + "originLightPressed": "#ee1f1f", + "originDarkAlternative": "#FA9090", + "originDarkAccessible": true, + "originDarkDefault": "#FA9090", + "originDarkHovered": "#f96060", + "originDarkPressed": "#ee1f1f", + "onOriginLightDefault": "#190101", + "onOriginLightHovered": "#470303", + "onOriginLightPressed": "#6e0808", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#190101", + "onOriginDarkDefault": "#190101", + "onOriginDarkHovered": "#470303", + "onOriginDarkPressed": "#6e0808", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#190101" + }, + "pink": { + "origin": "#EE7BAe", + "originHSLBgLight": "#fbe9f0", + "originHSLBgDark": "#15020a", + "originLightAlternative": "#d13a88", + "originLightAccessible": false, + "originLightDefault": "#EE7BAe", + "originLightHovered": "#ea4499", + "originLightPressed": "#c1357d", + "originDarkAlternative": "#EE7BAe", + "originDarkAccessible": true, + "originDarkDefault": "#EE7BAe", + "originDarkHovered": "#ea4499", + "originDarkPressed": "#c1357d", + "onOriginLightDefault": "#000000", + "onOriginLightHovered": "#380921", + "onOriginLightPressed": "#5b1438", + "onOriginLightAccessible": false, + "onOriginLightAlternative": "#000000", + "onOriginDarkDefault": "#ffffff", + "onOriginDarkHovered": "#f9dbe6", + "onOriginDarkPressed": "#f4b5cd", + "onOriginDarkAccessible": false, + "onOriginDarkAlternative": "#ffffff" + }, + "violet": { + "origin": "#C2A1C7", + "originHSLBgLight": "#f2ecf3", + "originHSLBgDark": "#0b060c", + "originLightAlternative": "#926998", + "originLightAccessible": false, + "originLightDefault": "#C2A1C7", + "originLightHovered": "#ae82b5", + "originLightPressed": "#936998", + "originDarkAlternative": "#C2A1C7", + "originDarkAccessible": true, + "originDarkDefault": "#C2A1C7", + "originDarkHovered": "#ae82b5", + "originDarkPressed": "#936998", + "onOriginLightDefault": "#0b060c", + "onOriginLightHovered": "#291b2b", + "onOriginLightPressed": "#432e45", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#0b060c", + "onOriginDarkDefault": "#0b060c", + "onOriginDarkHovered": "#291b2b", + "onOriginDarkPressed": "#432e45", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#0b060c" + }, + "blue": { + "origin": "#73AEF4", + "originHSLBgLight": "#e6eefd", + "originHSLBgDark": "#010812", + "originLightAlternative": "#327bbe", + "originLightAccessible": false, + "originLightDefault": "#73AEF4", + "originLightHovered": "#3e94e4", + "originLightPressed": "#317abd", + "originDarkAlternative": "#73AEF4", + "originDarkAccessible": true, + "originDarkDefault": "#73AEF4", + "originDarkHovered": "#3e94e4", + "originDarkPressed": "#317abd", + "onOriginLightDefault": "#01040a", + "onOriginLightHovered": "#071f35", + "onOriginLightPressed": "#113455", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#01040a", + "onOriginDarkDefault": "#01040a", + "onOriginDarkHovered": "#071f35", + "onOriginDarkPressed": "#113455", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#01040a" + }, + "cyan": { + "origin": "#55B9E6", + "originHSLBgLight": "#e0f0fc", + "originHSLBgDark": "#02080d", + "originLightAlternative": "#387f9e", + "originLightAccessible": false, + "originLightDefault": "#55B9E6", + "originLightHovered": "#479dc3", + "originLightPressed": "#3982a2", + "originDarkAlternative": "#55B9E6", + "originDarkAccessible": true, + "originDarkDefault": "#55B9E6", + "originDarkHovered": "#479dc3", + "originDarkPressed": "#3982a2", + "onOriginLightDefault": "#02080d", + "onOriginLightHovered": "#0a222d", + "onOriginLightPressed": "#153848", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#02080d", + "onOriginDarkDefault": "#02080d", + "onOriginDarkHovered": "#0a222d", + "onOriginDarkPressed": "#153848", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#02080d" + }, + "turquoise": { + "origin": "#83CACA", + "originHSLBgLight": "#c3f8f8", + "originHSLBgDark": "#030808", + "originLightAlternative": "#517f7f", + "originLightAccessible": false, + "originLightDefault": "#83CACA", + "originLightHovered": "#70adad", + "originLightPressed": "#5d9292", + "originDarkAlternative": "#83CACA", + "originDarkAccessible": true, + "originDarkDefault": "#83CACA", + "originDarkHovered": "#70adad", + "originDarkPressed": "#5d9292", + "onOriginLightDefault": "#030808", + "onOriginLightHovered": "#122222", + "onOriginLightPressed": "#213838", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#030808", + "onOriginDarkDefault": "#030808", + "onOriginDarkHovered": "#122222", + "onOriginDarkPressed": "#213838", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#030808" + }, + "green": { + "origin": "#9FD45f", + "originHSLBgLight": "#cffba4", + "originHSLBgDark": "#050902", + "originLightAlternative": "#5f8137", + "originLightAccessible": false, + "originLightDefault": "#9FD45f", + "originLightHovered": "#89b751", + "originLightPressed": "#739a43", + "originDarkAlternative": "#9FD45f", + "originDarkAccessible": true, + "originDarkDefault": "#9FD45f", + "originDarkHovered": "#89b751", + "originDarkPressed": "#739a43", + "onOriginLightDefault": "#050902", + "onOriginLightHovered": "#18230a", + "onOriginLightPressed": "#293a15", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#050902", + "onOriginDarkDefault": "#050902", + "onOriginDarkHovered": "#18230a", + "onOriginDarkPressed": "#293a15", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#050902" + } + }, + "customColors": {} +} diff --git a/src/data/default-theme.json b/src/data/default-theme.json deleted file mode 100644 index f3f0f312..00000000 --- a/src/data/default-theme.json +++ /dev/null @@ -1,929 +0,0 @@ -{ - "branding": { - "name": "Whitelabel", - "image": { - "light": "peace-in-a-box.svg", - "dark": "peace-in-a-box-white.svg" - } - }, - "spacing": { - "_scale": "100%", - "responsive": { - "regular": { - "desktop": { - "3xl": "40", - "2xl": "30", - "xl": "15", - "lg": "7.5", - "md": "5", - "sm": "3", - "xs": "2", - "2xs": "1.5", - "3xs": "1.25" - }, - "tablet": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.75", - "sm": "2.5", - "md": "4", - "lg": "6", - "xl": "10", - "2xl": "15", - "3xl": "30" - }, - "mobile": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.5", - "sm": "2", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "10", - "3xl": "15" - } - }, - "functional": { - "desktop": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.75", - "sm": "2.5", - "md": "4", - "lg": "6", - "xl": "10", - "2xl": "15", - "3xl": "30" - }, - "tablet": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.5", - "sm": "2", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "10", - "3xl": "15" - }, - "mobile": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.25", - "sm": "1.75", - "md": "2.5", - "lg": "4", - "xl": "6", - "2xl": "7.5", - "3xl": "10" - } - }, - "expressive": { - "desktop": { - "3xs": "1.75", - "2xs": "2", - "xs": "3", - "sm": "5", - "md": "7.5", - "lg": "15", - "xl": "30", - "2xl": "40", - "3xl": "50" - }, - "tablet": { - "3xs": "1.5", - "2xs": "1.75", - "xs": "2.5", - "sm": "4", - "md": "6", - "lg": "10", - "xl": "15", - "2xl": "30", - "3xl": "40" - }, - "mobile": { - "3xs": "1.25", - "2xs": "1.5", - "xs": "2", - "sm": "3", - "md": "5", - "lg": "7.5", - "xl": "10", - "2xl": "15", - "3xl": "30" - } - } - }, - "fixed": { - "regular": { - "3xs": "0.125", - "2xs": "0.25", - "xs": "0.5", - "sm": "0.75", - "md": "1", - "lg": "1.5", - "xl": "2", - "2xl": "3", - "3xl": "5" - }, - "functional": { - "3xs": "0.125", - "2xs": "0.25", - "xs": "0.375", - "sm": "0.5", - "md": "0.75", - "lg": "1", - "xl": "1.5", - "2xl": "2", - "3xl": "3" - }, - "expressive": { - "3xs": "0.25", - "2xs": "0.5", - "xs": "0.75", - "sm": "1", - "md": "1.5", - "lg": "2", - "xl": "3", - "2xl": "5", - "3xl": "7.5" - } - } - }, - "sizing": { - "_scale": "100%", - "fixed": { - "mobile": { - "header": "3.5" - } - }, - "regular": { - "3xl": "15", - "2xl": "10", - "xl": "6", - "lg": "4", - "md": "2.5", - "sm": "1.5", - "xs": "1", - "2xs": "0.75", - "3xs": "0.5" - }, - "functional": { - "3xs": "0.375", - "2xs": "0.625", - "xs": "0.875", - "sm": "1.25", - "md": "2", - "lg": "3", - "xl": "5", - "2xl": "7.5", - "3xl": "10" - }, - "expressive": { - "3xs": "0.625", - "2xs": "0.875", - "xs": "1.25", - "sm": "1.75", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "15", - "3xl": "30" - } - }, - "typography": { - "regular": { - "desktop": { - "headline": { - "3xl": { "lineHeight": 1.2, "fontSize": "5" }, - "2xl": { "lineHeight": 1.25, "fontSize": "4" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "lg": { "lineHeight": 1.2, "fontSize": "2.5" }, - "md": { "lineHeight": 1.25, "fontSize": "2" }, - "sm": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" }, - "xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" } - }, - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "2xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "3xl": { "lineHeight": 1.5, "fontSize": "2" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "2xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "3xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.25, "fontSize": "2" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.25, "fontSize": "2" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "2xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "3xl": { "lineHeight": 1.5, "fontSize": "2" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.25, "fontSize": "2" }, - "md": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "sm": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "2xs": { "lineHeight": 1.25, "fontSize": "1" }, - "3xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" } - } - } - }, - "functional": { - "desktop": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.25, "fontSize": "2" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.25, "fontSize": "2" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.5, "fontSize": "1" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.5, "fontSize": "1" }, - "3xl": { "lineHeight": 1.5, "fontSize": "1" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "md": { "lineHeight": 1.2, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.25, "fontSize": "1" }, - "xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - } - }, - "expressive": { - "desktop": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.5, "fontSize": "2" }, - "3xl": { "lineHeight": 1.6, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "md": { "lineHeight": 1.2, "fontSize": "2.5" }, - "sm": { "lineHeight": 1.25, "fontSize": "2" }, - "xl": { "lineHeight": 1.25, "fontSize": "4" }, - "xs": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xl": { "lineHeight": 1.2, "fontSize": "5" }, - "2xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.25, "fontSize": "6" }, - "3xs": { "lineHeight": 1.2, "fontSize": "1.25" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.5, "fontSize": "2" }, - "3xl": { "lineHeight": 1.6, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.2, "fontSize": "2.5" }, - "md": { "lineHeight": 1.25, "fontSize": "2" }, - "sm": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "2xl": { "lineHeight": 1.25, "fontSize": "4" }, - "2xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "3xl": { "lineHeight": 1.2, "fontSize": "5" }, - "3xs": { "lineHeight": 1.2, "fontSize": "1.25" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { - "lineHeight": 1.25, - "fontSize": "2" - }, - "md": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "sm": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "2xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.25, "fontSize": "1" }, - "3xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" } - } - } - } - }, - "border": { - "height": { - "_scale": "100%", - "3xs": "0.0625", - "2xs": "0.125", - "xs": "0.25", - "sm": "0.375", - "md": "0.5", - "lg": "0.625", - "xl": "0.75", - "2xl": "0.875", - "3xl": "1" - }, - "radius": { - "_scale": "100%", - "3xs": "0.0625", - "2xs": "0.125", - "xs": "0.25", - "sm": "0.5", - "md": "0.75", - "lg": "1", - "xl": "1.5", - "2xl": "1.75", - "3xl": "2", - "full": "500" - } - }, - "elevation": { - "_scale": "100%", - "sm": "0 0 1px -1px rgba(0, 0, 0, 0.2), 0 0 4px 1px rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)", - "md": "0 0 2px -1px rgba(0, 0, 0, 0.2), 0 0 8px 1px rgba(0, 0, 0, 0.12), 0 0 4px 0 rgba(0, 0, 0, 0.14)", - "lg": "0 0 4px -3px rgba(0, 0, 0, 0.2), 0 0 16px 3px rgba(0, 0, 0, 0.12), 0 0 8px 1px rgba(0, 0, 0, 0.14)" - }, - "transition": { - "duration": { - "x-slow": "0.5s", - "slow": "0.4s", - "medium": "0.3s", - "fast": "0.15s", - "x-fast": "0.075s" - }, - "timing": { - "show": "cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "hide": "cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "emotional": "cubic-bezier(0.27, 0.05, 0.4, 0.95)", - "functional": "cubic-bezier(0.15, 0, 0.45, 1)" - }, - "straight": { - "show": "0.5s cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "hide": "0.4s cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "emotional": "0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95)", - "functional": "0.3s cubic-bezier(0.15, 0, 0.45, 1)" - } - }, - "font": { - "family": { - "sans": "'DB Screen Sans', Helvetica, Arial, sans-serif", - "head": "'DB Screen Head', Helvetica, Arial, sans-serif" - }, - "sans": { - "digitalregular": { - "name": "DB Screen Sans Digital Regular", - "localName": "DB Screen Sans Digital", - "localShortName": "DB Sans Digital", - "family": "DB Screen Sans", - "weight": 300, - "woff2": "dbscreensans-digitalregular.woff2" - }, - "regular": { - "name": "DB Screen Sans Regular", - "localName": "DB Screen Sans", - "localShortName": "DB Sans", - "family": "DB Screen Sans", - "weight": 400, - "woff2": "dbscreensans-regular.woff2" - }, - "medium": { - "name": "DB Screen Sans Medium", - "localName": "DB Screen Sans Medium", - "localShortName": "DB Sans Medium", - "family": "DB Screen Sans", - "weight": 500, - "woff2": "dbscreensans-medium.woff2" - }, - "semibold": { - "name": "DB Screen Sans SemiBold", - "localName": "DB Screen Sans SemiBold", - "localShortName": "DB Sans SemiBold", - "family": "DB Screen Sans", - "weight": 600, - "woff2": "dbscreensans-semibold.woff2" - }, - "bold": { - "name": "DB Screen Sans Bold", - "localName": "DB Screen Sans Bold", - "localShortName": "DB Sans Bold", - "family": "DB Screen Sans", - "weight": 700, - "woff2": "dbscreensans-bold.woff2" - } - }, - "head": { - "light": { - "name": "DB Screen Head Light", - "localName": "DB Screen Head Light", - "localShortName": "DB Head Light", - "family": "DB Screen Head", - "weight": 300, - "woff2": "dbscreenhead-light.woff2" - }, - "regular": { - "name": "DB Screen Head", - "localName": "DB Screen Head", - "localShortName": "DB Head", - "family": "DB Screen Head", - "weight": 400, - "woff2": "dbscreenhead-regular.woff2" - }, - "black": { - "name": "DB Screen Head Black", - "localName": "DB Screen Head Black", - "localShortName": "DB Head Black", - "family": "DB Screen Head", - "weight": 900, - "woff2": "dbscreenhead-black.woff2" - } - } - }, - "colors": { - "neutral": { - "origin": "#646973", - "originHSLBgLight": "#edeef0", - "originHSLBgDark": "#070709", - "originLightDefault": "#646973", - "originLightAlternative": "#646973", - "originLightAccessible": true, - "originLightHovered": "#4d5159", - "originLightPressed": "#373a40", - "originDarkDefault": "#646973", - "originDarkAlternative": "#646973", - "originDarkAccessible": true, - "originDarkHovered": "#7c828e", - "originDarkPressed": "#969ca9", - "onOriginLightDefault": "#f9f9fa", - "onOriginLightHovered": "#dcdce2", - "onOriginLightPressed": "#c0c0cb", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#f9f9fa", - "onOriginDarkDefault": "#f9f9fa", - "onOriginDarkHovered": "#dcdce2", - "onOriginDarkPressed": "#c0c0cb", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#f9f9fa" - }, - "brand": { - "origin": "#242629", - "originHSLBgLight": "#edeef0", - "originHSLBgDark": "#070708", - "originLightDefault": "#242629", - "originLightAlternative": "#242629", - "originLightAccessible": true, - "originLightHovered": "#393c40", - "originLightPressed": "#4f5358", - "originDarkDefault": "#242629", - "originDarkAlternative": "#5a5f65", - "originDarkAccessible": false, - "originDarkHovered": "#393c40", - "originDarkPressed": "#4f5358", - "onOriginLightDefault": "#f9f9fa", - "onOriginLightHovered": "#dcdce2", - "onOriginLightPressed": "#c0c0cb", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#f9f9fa", - "onOriginDarkDefault": "#f9f9fa", - "onOriginDarkHovered": "#dcdce2", - "onOriginDarkPressed": "#c0c0cb", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#f9f9fa" - }, - "informational": { - "origin": "#309FD1", - "originHSLBgLight": "#e0f0fe", - "originHSLBgDark": "#01080f", - "originLightDefault": "#309FD1", - "originLightAlternative": "#257fa8", - "originLightAccessible": false, - "originLightHovered": "#2684ae", - "originLightPressed": "#1d698c", - "originDarkDefault": "#309FD1", - "originDarkAlternative": "#309FD1", - "originDarkAccessible": true, - "originDarkHovered": "#3abbf5", - "originDarkPressed": "#96d2fb", - "onOriginLightDefault": "#01080f", - "onOriginLightHovered": "#072231", - "onOriginLightPressed": "#0f384f", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#01080f", - "onOriginDarkDefault": "#01080f", - "onOriginDarkHovered": "#072231", - "onOriginDarkPressed": "#0f384f", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#01080f" - }, - "warning": { - "origin": "#F39200", - "originHSLBgLight": "#ffeadf", - "originHSLBgDark": "#100500", - "originLightDefault": "#F39200", - "originLightAlternative": "#ad6600", - "originLightAccessible": false, - "originLightHovered": "#ce7b00", - "originLightPressed": "#aa6500", - "originDarkDefault": "#F39200", - "originDarkAlternative": "#F39200", - "originDarkAccessible": true, - "originDarkHovered": "#ffb47b", - "originDarkPressed": "#ffd9c3", - "onOriginLightDefault": "#100500", - "onOriginLightHovered": "#331900", - "onOriginLightPressed": "#512b00", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#100500", - "onOriginDarkDefault": "#100500", - "onOriginDarkHovered": "#331900", - "onOriginDarkPressed": "#512b00", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#100500" - }, - "successful": { - "origin": "#63A615", - "originHSLBgLight": "#c3ff9d", - "originHSLBgDark": "#030900", - "originLightDefault": "#63A615", - "originLightAlternative": "#4e850f", - "originLightAccessible": false, - "originLightHovered": "#51890f", - "originLightPressed": "#406e0a", - "originDarkDefault": "#63A615", - "originDarkAlternative": "#63A615", - "originDarkAccessible": true, - "originDarkHovered": "#75c31b", - "originDarkPressed": "#88e221", - "onOriginLightDefault": "#030900", - "onOriginLightHovered": "#122400", - "onOriginLightPressed": "#213c00", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#030900", - "onOriginDarkDefault": "#030900", - "onOriginDarkHovered": "#122400", - "onOriginDarkPressed": "#213c00", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#030900" - }, - "critical": { - "origin": "#EC0016", - "originHSLBgLight": "#ffe9e9", - "originHSLBgDark": "#1a0000", - "originLightDefault": "#EC0016", - "originLightAlternative": "#EC0016", - "originLightAccessible": true, - "originLightHovered": "#bd000f", - "originLightPressed": "#900009", - "originDarkDefault": "#EC0016", - "originDarkAlternative": "#EC0016", - "originDarkAccessible": true, - "originDarkHovered": "#ff4f53", - "originDarkPressed": "#ff8587", - "onOriginLightDefault": "#ffffff", - "onOriginLightHovered": "#ffdada", - "onOriginLightPressed": "#ffb3b4", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#000000", - "onOriginDarkDefault": "#ffffff", - "onOriginDarkHovered": "#ffdada", - "onOriginDarkPressed": "#ffb3b4", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#ffffff" - } - }, - "additionalColors": { - "yellow": { - "origin": "#FFD800", - "originHSLBgLight": "#ffedbc", - "originHSLBgDark": "#0a0700", - "originLightDefault": "#FFD800", - "originLightAlternative": "#8c7600", - "originLightAccessible": false, - "originLightHovered": "#dfbc00", - "originLightPressed": "#bfa200", - "originDarkDefault": "#FFD800", - "originDarkAlternative": "#FFD800", - "originDarkAccessible": true, - "originDarkHovered": "#dfbc00", - "originDarkPressed": "#bfa200", - "onOriginLightDefault": "#0a0700", - "onOriginLightHovered": "#261f00", - "onOriginLightPressed": "#3f3400", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#0a0700", - "onOriginDarkDefault": "#0a0700", - "onOriginDarkHovered": "#261f00", - "onOriginDarkPressed": "#3f3400", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#0a0700" - }, - "orange": { - "origin": "#F39200", - "originHSLBgLight": "#ffeadf", - "originHSLBgDark": "#100500", - "originLightDefault": "#F39200", - "originLightAlternative": "#ad6600", - "originLightAccessible": false, - "originLightHovered": "#ce7b00", - "originLightPressed": "#aa6500", - "originDarkDefault": "#F39200", - "originDarkAlternative": "#F39200", - "originDarkAccessible": true, - "originDarkHovered": "#ffb47b", - "originDarkPressed": "#ffd9c3", - "onOriginLightDefault": "#100500", - "onOriginLightHovered": "#331900", - "onOriginLightPressed": "#512b00", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#100500", - "onOriginDarkDefault": "#100500", - "onOriginDarkHovered": "#331900", - "onOriginDarkPressed": "#512b00", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#100500" - }, - "red": { - "origin": "#EC0016", - "originHSLBgLight": "#ffe9e9", - "originHSLBgDark": "#1a0000", - "originLightDefault": "#EC0016", - "originLightAlternative": "#EC0016", - "originLightAccessible": true, - "originLightHovered": "#bd000f", - "originLightPressed": "#900009", - "originDarkDefault": "#EC0016", - "originDarkAlternative": "#EC0016", - "originDarkAccessible": true, - "originDarkHovered": "#ff4f53", - "originDarkPressed": "#ff8587", - "onOriginLightDefault": "#ffffff", - "onOriginLightHovered": "#ffdada", - "onOriginLightPressed": "#ffb3b4", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#000000", - "onOriginDarkDefault": "#ffffff", - "onOriginDarkHovered": "#ffdada", - "onOriginDarkPressed": "#ffb3b4", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#ffffff" - }, - "pink": { - "origin": "#E93E8F", - "originHSLBgLight": "#fce9ef", - "originHSLBgDark": "#160209", - "originLightDefault": "#E93E8F", - "originLightAlternative": "#E93E8F", - "originLightAccessible": true, - "originLightHovered": "#be3174", - "originLightPressed": "#95245a", - "originDarkDefault": "#E93E8F", - "originDarkAlternative": "#E93E8F", - "originDarkAccessible": true, - "originDarkHovered": "#ef75a6", - "originDarkPressed": "#f3a0be", - "onOriginLightDefault": "#260413", - "onOriginLightHovered": "#490e29", - "onOriginLightPressed": "#6e1941", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#260413", - "onOriginDarkDefault": "#260413", - "onOriginDarkHovered": "#490e29", - "onOriginDarkPressed": "#6e1941", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#260413" - }, - "violet": { - "origin": "#814997", - "originHSLBgLight": "#f3ebf7", - "originHSLBgDark": "#0d0412", - "originLightDefault": "#814997", - "originLightAlternative": "#814997", - "originLightAccessible": true, - "originLightHovered": "#623673", - "originLightPressed": "#452452", - "originDarkDefault": "#814997", - "originDarkAlternative": "#814997", - "originDarkAccessible": true, - "originDarkHovered": "#a15dbc", - "originDarkPressed": "#b67cce", - "onOriginLightDefault": "#fbf8fc", - "onOriginLightHovered": "#e9d7ee", - "onOriginLightPressed": "#d7b5e1", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#fbf8fc", - "onOriginDarkDefault": "#fbf8fc", - "onOriginDarkHovered": "#e9d7ee", - "onOriginDarkPressed": "#d7b5e1", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#fbf8fc" - }, - "blue": { - "origin": "#1455C0", - "originHSLBgLight": "#eaedfe", - "originHSLBgDark": "#00061b", - "originLightDefault": "#1455C0", - "originLightAlternative": "#1455C0", - "originLightAccessible": true, - "originLightHovered": "#0c3f92", - "originLightPressed": "#062a67", - "originDarkDefault": "#1455C0", - "originDarkAlternative": "#1558c6", - "originDarkAccessible": false, - "originDarkHovered": "#1c6cf0", - "originDarkPressed": "#5c87fa", - "onOriginLightDefault": "#f8f9ff", - "onOriginLightHovered": "#d5dbff", - "onOriginLightPressed": "#b0beff", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#f8f9ff", - "onOriginDarkDefault": "#f8f9ff", - "onOriginDarkHovered": "#d5dbff", - "onOriginDarkPressed": "#b0beff", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#f8f9ff" - }, - "cyan": { - "origin": "#309FD1", - "originHSLBgLight": "#e0f0fe", - "originHSLBgDark": "#01080f", - "originLightDefault": "#309FD1", - "originLightAlternative": "#257fa8", - "originLightAccessible": false, - "originLightHovered": "#2684ae", - "originLightPressed": "#1d698c", - "originDarkDefault": "#309FD1", - "originDarkAlternative": "#309FD1", - "originDarkAccessible": true, - "originDarkHovered": "#3abbf5", - "originDarkPressed": "#96d2fb", - "onOriginLightDefault": "#01080f", - "onOriginLightHovered": "#072231", - "onOriginLightPressed": "#0f384f", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#01080f", - "onOriginDarkDefault": "#01080f", - "onOriginDarkHovered": "#072231", - "onOriginDarkPressed": "#0f384f", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#01080f" - }, - "turquoise": { - "origin": "#00A099", - "originHSLBgLight": "#9bfff8", - "originHSLBgDark": "#000908", - "originLightDefault": "#00A099", - "originLightAlternative": "#00857f", - "originLightAccessible": false, - "originLightHovered": "#00847e", - "originLightPressed": "#006864", - "originDarkDefault": "#00A099", - "originDarkAlternative": "#00A099", - "originDarkAccessible": true, - "originDarkHovered": "#00bdb5", - "originDarkPressed": "#00dcd2", - "onOriginLightDefault": "#000908", - "onOriginLightHovered": "#002422", - "onOriginLightPressed": "#003c38", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#000908", - "onOriginDarkDefault": "#000908", - "onOriginDarkHovered": "#002422", - "onOriginDarkPressed": "#003c38", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#000908" - }, - "green": { - "origin": "#63A615", - "originHSLBgLight": "#c3ff9d", - "originHSLBgDark": "#030900", - "originLightDefault": "#63A615", - "originLightAlternative": "#4e850f", - "originLightAccessible": false, - "originLightHovered": "#51890f", - "originLightPressed": "#406e0a", - "originDarkDefault": "#63A615", - "originDarkAlternative": "#63A615", - "originDarkAccessible": true, - "originDarkHovered": "#75c31b", - "originDarkPressed": "#88e221", - "onOriginLightDefault": "#030900", - "onOriginLightHovered": "#122400", - "onOriginLightPressed": "#213c00", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#030900", - "onOriginDarkDefault": "#030900", - "onOriginDarkHovered": "#122400", - "onOriginDarkPressed": "#213c00", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#030900" - } - } -} diff --git a/src/data/default-theme/border.json b/src/data/default-theme/border.json new file mode 100644 index 00000000..4d8592b4 --- /dev/null +++ b/src/data/default-theme/border.json @@ -0,0 +1,29 @@ +{ + "border": { + "height": { + "_scale": { "value": "100%" }, + "3xs": { "value": "0.0625", "type": "dimension" }, + "2xs": { "value": "0.125", "type": "dimension" }, + "xs": { "value": "0.25", "type": "dimension" }, + "sm": { "value": "0.375", "type": "dimension" }, + "md": { "value": "0.5", "type": "dimension" }, + "lg": { "value": "0.625", "type": "dimension" }, + "xl": { "value": "0.75", "type": "dimension" }, + "2xl": { "value": "0.875", "type": "dimension" }, + "3xl": { "value": "1", "type": "dimension" } + }, + "radius": { + "_scale": { "value": "100%" }, + "3xs": { "value": "0.0625", "type": "dimension" }, + "2xs": { "value": "0.125", "type": "dimension" }, + "xs": { "value": "0.25", "type": "dimension" }, + "sm": { "value": "0.5", "type": "dimension" }, + "md": { "value": "0.75", "type": "dimension" }, + "lg": { "value": "1", "type": "dimension" }, + "xl": { "value": "1.5", "type": "dimension" }, + "2xl": { "value": "1.75", "type": "dimension" }, + "3xl": { "value": "2", "type": "dimension" }, + "full": { "value": "500", "type": "dimension" } + } + } +} diff --git a/src/data/default-theme/branding.json b/src/data/default-theme/branding.json new file mode 100644 index 00000000..accc6ecc --- /dev/null +++ b/src/data/default-theme/branding.json @@ -0,0 +1,9 @@ +{ + "branding": { + "name": "Whitelabel", + "image": { + "light": "peace-in-a-box.svg", + "dark": "peace-in-a-box-white.svg" + } + } +} diff --git a/src/data/default-theme/colors.json b/src/data/default-theme/colors.json new file mode 100644 index 00000000..42ac952a --- /dev/null +++ b/src/data/default-theme/colors.json @@ -0,0 +1,381 @@ +{ + "colors": { + "neutral": { + "origin": "#646973", + "originHSLBgLight": "#edeef0", + "originHSLBgDark": "#070709", + "originLightDefault": "#646973", + "originLightAlternative": "#646973", + "originLightAccessible": true, + "originLightHovered": "#4d5159", + "originLightPressed": "#373a40", + "originDarkDefault": "#646973", + "originDarkAlternative": "#646973", + "originDarkAccessible": true, + "originDarkHovered": "#7c828e", + "originDarkPressed": "#969ca9", + "onOriginLightDefault": "#f9f9fa", + "onOriginLightHovered": "#dcdce2", + "onOriginLightPressed": "#c0c0cb", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#f9f9fa", + "onOriginDarkDefault": "#f9f9fa", + "onOriginDarkHovered": "#dcdce2", + "onOriginDarkPressed": "#c0c0cb", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#f9f9fa" + }, + "brand": { + "origin": "#242629", + "originHSLBgLight": "#edeef0", + "originHSLBgDark": "#070708", + "originLightDefault": "#242629", + "originLightAlternative": "#242629", + "originLightAccessible": true, + "originLightHovered": "#393c40", + "originLightPressed": "#4f5358", + "originDarkDefault": "#242629", + "originDarkAlternative": "#5a5f65", + "originDarkAccessible": false, + "originDarkHovered": "#393c40", + "originDarkPressed": "#4f5358", + "onOriginLightDefault": "#f9f9fa", + "onOriginLightHovered": "#dcdce2", + "onOriginLightPressed": "#c0c0cb", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#f9f9fa", + "onOriginDarkDefault": "#f9f9fa", + "onOriginDarkHovered": "#dcdce2", + "onOriginDarkPressed": "#c0c0cb", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#f9f9fa" + }, + "informational": { + "origin": "#309FD1", + "originHSLBgLight": "#e0f0fe", + "originHSLBgDark": "#01080f", + "originLightDefault": "#309FD1", + "originLightAlternative": "#257fa8", + "originLightAccessible": false, + "originLightHovered": "#2684ae", + "originLightPressed": "#1d698c", + "originDarkDefault": "#309FD1", + "originDarkAlternative": "#309FD1", + "originDarkAccessible": true, + "originDarkHovered": "#3abbf5", + "originDarkPressed": "#96d2fb", + "onOriginLightDefault": "#01080f", + "onOriginLightHovered": "#072231", + "onOriginLightPressed": "#0f384f", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#01080f", + "onOriginDarkDefault": "#01080f", + "onOriginDarkHovered": "#072231", + "onOriginDarkPressed": "#0f384f", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#01080f" + }, + "warning": { + "origin": "#F39200", + "originHSLBgLight": "#ffeadf", + "originHSLBgDark": "#100500", + "originLightDefault": "#F39200", + "originLightAlternative": "#ad6600", + "originLightAccessible": false, + "originLightHovered": "#ce7b00", + "originLightPressed": "#aa6500", + "originDarkDefault": "#F39200", + "originDarkAlternative": "#F39200", + "originDarkAccessible": true, + "originDarkHovered": "#ffb47b", + "originDarkPressed": "#ffd9c3", + "onOriginLightDefault": "#100500", + "onOriginLightHovered": "#331900", + "onOriginLightPressed": "#512b00", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#100500", + "onOriginDarkDefault": "#100500", + "onOriginDarkHovered": "#331900", + "onOriginDarkPressed": "#512b00", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#100500" + }, + "successful": { + "origin": "#63A615", + "originHSLBgLight": "#c3ff9d", + "originHSLBgDark": "#030900", + "originLightDefault": "#63A615", + "originLightAlternative": "#4e850f", + "originLightAccessible": false, + "originLightHovered": "#51890f", + "originLightPressed": "#406e0a", + "originDarkDefault": "#63A615", + "originDarkAlternative": "#63A615", + "originDarkAccessible": true, + "originDarkHovered": "#75c31b", + "originDarkPressed": "#88e221", + "onOriginLightDefault": "#030900", + "onOriginLightHovered": "#122400", + "onOriginLightPressed": "#213c00", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#030900", + "onOriginDarkDefault": "#030900", + "onOriginDarkHovered": "#122400", + "onOriginDarkPressed": "#213c00", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#030900" + }, + "critical": { + "origin": "#EC0016", + "originHSLBgLight": "#ffe9e9", + "originHSLBgDark": "#1a0000", + "originLightDefault": "#EC0016", + "originLightAlternative": "#EC0016", + "originLightAccessible": true, + "originLightHovered": "#bd000f", + "originLightPressed": "#900009", + "originDarkDefault": "#EC0016", + "originDarkAlternative": "#EC0016", + "originDarkAccessible": true, + "originDarkHovered": "#ff4f53", + "originDarkPressed": "#ff8587", + "onOriginLightDefault": "#ffffff", + "onOriginLightHovered": "#ffdada", + "onOriginLightPressed": "#ffb3b4", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#000000", + "onOriginDarkDefault": "#ffffff", + "onOriginDarkHovered": "#ffdada", + "onOriginDarkPressed": "#ffb3b4", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#ffffff" + } + }, + "additionalColors": { + "yellow": { + "origin": "#FFD800", + "originHSLBgLight": "#ffedbc", + "originHSLBgDark": "#0a0700", + "originLightDefault": "#FFD800", + "originLightAlternative": "#8c7600", + "originLightAccessible": false, + "originLightHovered": "#dfbc00", + "originLightPressed": "#bfa200", + "originDarkDefault": "#FFD800", + "originDarkAlternative": "#FFD800", + "originDarkAccessible": true, + "originDarkHovered": "#dfbc00", + "originDarkPressed": "#bfa200", + "onOriginLightDefault": "#0a0700", + "onOriginLightHovered": "#261f00", + "onOriginLightPressed": "#3f3400", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#0a0700", + "onOriginDarkDefault": "#0a0700", + "onOriginDarkHovered": "#261f00", + "onOriginDarkPressed": "#3f3400", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#0a0700" + }, + "orange": { + "origin": "#F39200", + "originHSLBgLight": "#ffeadf", + "originHSLBgDark": "#100500", + "originLightDefault": "#F39200", + "originLightAlternative": "#ad6600", + "originLightAccessible": false, + "originLightHovered": "#ce7b00", + "originLightPressed": "#aa6500", + "originDarkDefault": "#F39200", + "originDarkAlternative": "#F39200", + "originDarkAccessible": true, + "originDarkHovered": "#ffb47b", + "originDarkPressed": "#ffd9c3", + "onOriginLightDefault": "#100500", + "onOriginLightHovered": "#331900", + "onOriginLightPressed": "#512b00", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#100500", + "onOriginDarkDefault": "#100500", + "onOriginDarkHovered": "#331900", + "onOriginDarkPressed": "#512b00", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#100500" + }, + "red": { + "origin": "#EC0016", + "originHSLBgLight": "#ffe9e9", + "originHSLBgDark": "#1a0000", + "originLightDefault": "#EC0016", + "originLightAlternative": "#EC0016", + "originLightAccessible": true, + "originLightHovered": "#bd000f", + "originLightPressed": "#900009", + "originDarkDefault": "#EC0016", + "originDarkAlternative": "#EC0016", + "originDarkAccessible": true, + "originDarkHovered": "#ff4f53", + "originDarkPressed": "#ff8587", + "onOriginLightDefault": "#ffffff", + "onOriginLightHovered": "#ffdada", + "onOriginLightPressed": "#ffb3b4", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#000000", + "onOriginDarkDefault": "#ffffff", + "onOriginDarkHovered": "#ffdada", + "onOriginDarkPressed": "#ffb3b4", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#ffffff" + }, + "pink": { + "origin": "#E93E8F", + "originHSLBgLight": "#fce9ef", + "originHSLBgDark": "#160209", + "originLightDefault": "#E93E8F", + "originLightAlternative": "#E93E8F", + "originLightAccessible": true, + "originLightHovered": "#be3174", + "originLightPressed": "#95245a", + "originDarkDefault": "#E93E8F", + "originDarkAlternative": "#E93E8F", + "originDarkAccessible": true, + "originDarkHovered": "#ef75a6", + "originDarkPressed": "#f3a0be", + "onOriginLightDefault": "#260413", + "onOriginLightHovered": "#490e29", + "onOriginLightPressed": "#6e1941", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#260413", + "onOriginDarkDefault": "#260413", + "onOriginDarkHovered": "#490e29", + "onOriginDarkPressed": "#6e1941", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#260413" + }, + "violet": { + "origin": "#814997", + "originHSLBgLight": "#f3ebf7", + "originHSLBgDark": "#0d0412", + "originLightDefault": "#814997", + "originLightAlternative": "#814997", + "originLightAccessible": true, + "originLightHovered": "#623673", + "originLightPressed": "#452452", + "originDarkDefault": "#814997", + "originDarkAlternative": "#814997", + "originDarkAccessible": true, + "originDarkHovered": "#a15dbc", + "originDarkPressed": "#b67cce", + "onOriginLightDefault": "#fbf8fc", + "onOriginLightHovered": "#e9d7ee", + "onOriginLightPressed": "#d7b5e1", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#fbf8fc", + "onOriginDarkDefault": "#fbf8fc", + "onOriginDarkHovered": "#e9d7ee", + "onOriginDarkPressed": "#d7b5e1", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#fbf8fc" + }, + "blue": { + "origin": "#1455C0", + "originHSLBgLight": "#eaedfe", + "originHSLBgDark": "#00061b", + "originLightDefault": "#1455C0", + "originLightAlternative": "#1455C0", + "originLightAccessible": true, + "originLightHovered": "#0c3f92", + "originLightPressed": "#062a67", + "originDarkDefault": "#1455C0", + "originDarkAlternative": "#1558c6", + "originDarkAccessible": false, + "originDarkHovered": "#1c6cf0", + "originDarkPressed": "#5c87fa", + "onOriginLightDefault": "#f8f9ff", + "onOriginLightHovered": "#d5dbff", + "onOriginLightPressed": "#b0beff", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#f8f9ff", + "onOriginDarkDefault": "#f8f9ff", + "onOriginDarkHovered": "#d5dbff", + "onOriginDarkPressed": "#b0beff", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#f8f9ff" + }, + "cyan": { + "origin": "#309FD1", + "originHSLBgLight": "#e0f0fe", + "originHSLBgDark": "#01080f", + "originLightDefault": "#309FD1", + "originLightAlternative": "#257fa8", + "originLightAccessible": false, + "originLightHovered": "#2684ae", + "originLightPressed": "#1d698c", + "originDarkDefault": "#309FD1", + "originDarkAlternative": "#309FD1", + "originDarkAccessible": true, + "originDarkHovered": "#3abbf5", + "originDarkPressed": "#96d2fb", + "onOriginLightDefault": "#01080f", + "onOriginLightHovered": "#072231", + "onOriginLightPressed": "#0f384f", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#01080f", + "onOriginDarkDefault": "#01080f", + "onOriginDarkHovered": "#072231", + "onOriginDarkPressed": "#0f384f", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#01080f" + }, + "turquoise": { + "origin": "#00A099", + "originHSLBgLight": "#9bfff8", + "originHSLBgDark": "#000908", + "originLightDefault": "#00A099", + "originLightAlternative": "#00857f", + "originLightAccessible": false, + "originLightHovered": "#00847e", + "originLightPressed": "#006864", + "originDarkDefault": "#00A099", + "originDarkAlternative": "#00A099", + "originDarkAccessible": true, + "originDarkHovered": "#00bdb5", + "originDarkPressed": "#00dcd2", + "onOriginLightDefault": "#000908", + "onOriginLightHovered": "#002422", + "onOriginLightPressed": "#003c38", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#000908", + "onOriginDarkDefault": "#000908", + "onOriginDarkHovered": "#002422", + "onOriginDarkPressed": "#003c38", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#000908" + }, + "green": { + "origin": "#63A615", + "originHSLBgLight": "#c3ff9d", + "originHSLBgDark": "#030900", + "originLightDefault": "#63A615", + "originLightAlternative": "#4e850f", + "originLightAccessible": false, + "originLightHovered": "#51890f", + "originLightPressed": "#406e0a", + "originDarkDefault": "#63A615", + "originDarkAlternative": "#63A615", + "originDarkAccessible": true, + "originDarkHovered": "#75c31b", + "originDarkPressed": "#88e221", + "onOriginLightDefault": "#030900", + "onOriginLightHovered": "#122400", + "onOriginLightPressed": "#213c00", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#030900", + "onOriginDarkDefault": "#030900", + "onOriginDarkHovered": "#122400", + "onOriginDarkPressed": "#213c00", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#030900" + } + } +} diff --git a/src/data/default-theme/elevation.json b/src/data/default-theme/elevation.json new file mode 100644 index 00000000..e8382067 --- /dev/null +++ b/src/data/default-theme/elevation.json @@ -0,0 +1,65 @@ +{ + "elevation": { + "_scale": { "value": "100%" }, + "sm": { + "type": "shadow", + "value": [ + { + "color": "#00000033", + "blur": 1, + "spread": -1 + }, + { + "color": "#0000001f", + "blur": 4, + "spread": 1 + }, + { + "color": "#00000024", + "blur": 2, + "spread": 0 + } + ] + }, + "md": { + "type": "shadow", + "value": [ + { + "color": "#00000033", + "blur": 2, + "spread": -1 + }, + { + "color": "#0000001f", + "blur": 8, + "spread": 1 + }, + { + "color": "#00000024", + "blur": 4, + "spread": 0 + } + ] + }, + "lg": { + "type": "shadow", + "value": [ + { + "color": "#00000033", + "blur": 4, + "spread": -3 + }, + { + "color": "#0000001f", + "blur": 16, + "spread": 3 + }, + { + "color": "#00000024", + "blur": 8, + "spread": 1 + } + ] + } + } +} diff --git a/src/data/default-theme/fonts.json b/src/data/default-theme/fonts.json new file mode 100644 index 00000000..54a3dd4a --- /dev/null +++ b/src/data/default-theme/fonts.json @@ -0,0 +1,82 @@ +{ + "font": { + "family": { + "sans": { + "type": "fontFamily", + "value": "'DB Screen Sans', Helvetica, Arial, sans-serif" + }, + "head": { + "type": "fontFamily", + "value": "'DB Screen Head', Helvetica, Arial, sans-serif" + } + }, + "sans": { + "digitalregular": { + "name": "DB Screen Sans Digital Regular", + "localName": "DB Screen Sans Digital", + "localShortName": "DB Sans Digital", + "family": "DB Screen Sans", + "weight": 300, + "woff2": "dbscreensans-digitalregular.woff2" + }, + "regular": { + "name": "DB Screen Sans Regular", + "localName": "DB Screen Sans", + "localShortName": "DB Sans", + "family": "DB Screen Sans", + "weight": 400, + "woff2": "dbscreensans-regular.woff2" + }, + "medium": { + "name": "DB Screen Sans Medium", + "localName": "DB Screen Sans Medium", + "localShortName": "DB Sans Medium", + "family": "DB Screen Sans", + "weight": 500, + "woff2": "dbscreensans-medium.woff2" + }, + "semibold": { + "name": "DB Screen Sans SemiBold", + "localName": "DB Screen Sans SemiBold", + "localShortName": "DB Sans SemiBold", + "family": "DB Screen Sans", + "weight": 600, + "woff2": "dbscreensans-semibold.woff2" + }, + "bold": { + "name": "DB Screen Sans Bold", + "localName": "DB Screen Sans Bold", + "localShortName": "DB Sans Bold", + "family": "DB Screen Sans", + "weight": 700, + "woff2": "dbscreensans-bold.woff2" + } + }, + "head": { + "light": { + "name": "DB Screen Head Light", + "localName": "DB Screen Head Light", + "localShortName": "DB Head Light", + "family": "DB Screen Head", + "weight": 300, + "woff2": "dbscreenhead-light.woff2" + }, + "regular": { + "name": "DB Screen Head", + "localName": "DB Screen Head", + "localShortName": "DB Head", + "family": "DB Screen Head", + "weight": 400, + "woff2": "dbscreenhead-regular.woff2" + }, + "black": { + "name": "DB Screen Head Black", + "localName": "DB Screen Head Black", + "localShortName": "DB Head Black", + "family": "DB Screen Head", + "weight": 900, + "woff2": "dbscreenhead-black.woff2" + } + } + } +} diff --git a/src/data/default-theme/sizing.json b/src/data/default-theme/sizing.json new file mode 100644 index 00000000..3a209bcc --- /dev/null +++ b/src/data/default-theme/sizing.json @@ -0,0 +1,43 @@ +{ + "sizing": { + "_scale": { "value": "100%" }, + "fixed": { + "mobile": { + "header": { "value": "3.5", "type": "dimension" } + } + }, + "regular": { + "3xl": { "value": "15", "type": "dimension" }, + "2xl": { "value": "10", "type": "dimension" }, + "xl": { "value": "6", "type": "dimension" }, + "lg": { "value": "4", "type": "dimension" }, + "md": { "value": "2.5", "type": "dimension" }, + "sm": { "value": "1.5", "type": "dimension" }, + "xs": { "value": "1", "type": "dimension" }, + "2xs": { "value": "0.75", "type": "dimension" }, + "3xs": { "value": "0.5", "type": "dimension" } + }, + "functional": { + "3xs": { "value": "0.375", "type": "dimension" }, + "2xs": { "value": "0.625", "type": "dimension" }, + "xs": { "value": "0.875", "type": "dimension" }, + "sm": { "value": "1.25", "type": "dimension" }, + "md": { "value": "2", "type": "dimension" }, + "lg": { "value": "3", "type": "dimension" }, + "xl": { "value": "5", "type": "dimension" }, + "2xl": { "value": "7.5", "type": "dimension" }, + "3xl": { "value": "10", "type": "dimension" } + }, + "expressive": { + "3xs": { "value": "0.625", "type": "dimension" }, + "2xs": { "value": "0.875", "type": "dimension" }, + "xs": { "value": "1.25", "type": "dimension" }, + "sm": { "value": "1.75", "type": "dimension" }, + "md": { "value": "3", "type": "dimension" }, + "lg": { "value": "5", "type": "dimension" }, + "xl": { "value": "7.5", "type": "dimension" }, + "2xl": { "value": "15", "type": "dimension" }, + "3xl": { "value": "30", "type": "dimension" } + } + } +} diff --git a/src/data/default-theme/spacing.json b/src/data/default-theme/spacing.json new file mode 100644 index 00000000..a9fe52bf --- /dev/null +++ b/src/data/default-theme/spacing.json @@ -0,0 +1,147 @@ +{ + "spacing": { + "_scale": { "value": "100%" }, + "responsive": { + "regular": { + "desktop": { + "3xl": { "value": "40", "type": "dimension" }, + "2xl": { "value": "30", "type": "dimension" }, + "xl": { "value": "15", "type": "dimension" }, + "lg": { "value": "7.5", "type": "dimension" }, + "md": { "value": "5", "type": "dimension" }, + "sm": { "value": "3", "type": "dimension" }, + "xs": { "value": "2", "type": "dimension" }, + "2xs": { "value": "1.5", "type": "dimension" }, + "3xs": { "value": "1.25", "type": "dimension" } + }, + "tablet": { + "3xs": { "value": "1", "type": "dimension" }, + "2xs": { "value": "1.25", "type": "dimension" }, + "xs": { "value": "1.75", "type": "dimension" }, + "sm": { "value": "2.5", "type": "dimension" }, + "md": { "value": "4", "type": "dimension" }, + "lg": { "value": "6", "type": "dimension" }, + "xl": { "value": "10", "type": "dimension" }, + "2xl": { "value": "15", "type": "dimension" }, + "3xl": { "value": "30", "type": "dimension" } + }, + "mobile": { + "3xs": { "value": "1", "type": "dimension" }, + "2xs": { "value": "1.25", "type": "dimension" }, + "xs": { "value": "1.5", "type": "dimension" }, + "sm": { "value": "2", "type": "dimension" }, + "md": { "value": "3", "type": "dimension" }, + "lg": { "value": "5", "type": "dimension" }, + "xl": { "value": "7.5", "type": "dimension" }, + "2xl": { "value": "10", "type": "dimension" }, + "3xl": { "value": "15", "type": "dimension" } + } + }, + "functional": { + "desktop": { + "3xs": { "value": "1", "type": "dimension" }, + "2xs": { "value": "1.25", "type": "dimension" }, + "xs": { "value": "1.75", "type": "dimension" }, + "sm": { "value": "2.5", "type": "dimension" }, + "md": { "value": "4", "type": "dimension" }, + "lg": { "value": "6", "type": "dimension" }, + "xl": { "value": "10", "type": "dimension" }, + "2xl": { "value": "15", "type": "dimension" }, + "3xl": { "value": "30", "type": "dimension" } + }, + "tablet": { + "3xs": { "value": "1", "type": "dimension" }, + "2xs": { "value": "1.25", "type": "dimension" }, + "xs": { "value": "1.5", "type": "dimension" }, + "sm": { "value": "2", "type": "dimension" }, + "md": { "value": "3", "type": "dimension" }, + "lg": { "value": "5", "type": "dimension" }, + "xl": { "value": "7.5", "type": "dimension" }, + "2xl": { "value": "10", "type": "dimension" }, + "3xl": { "value": "15", "type": "dimension" } + }, + "mobile": { + "3xs": { "value": "1", "type": "dimension" }, + "2xs": { "value": "1.25", "type": "dimension" }, + "xs": { "value": "1.25", "type": "dimension" }, + "sm": { "value": "1.75", "type": "dimension" }, + "md": { "value": "2.5", "type": "dimension" }, + "lg": { "value": "4", "type": "dimension" }, + "xl": { "value": "6", "type": "dimension" }, + "2xl": { "value": "7.5", "type": "dimension" }, + "3xl": { "value": "10", "type": "dimension" } + } + }, + "expressive": { + "desktop": { + "3xs": { "value": "1.75", "type": "dimension" }, + "2xs": { "value": "2", "type": "dimension" }, + "xs": { "value": "3", "type": "dimension" }, + "sm": { "value": "5", "type": "dimension" }, + "md": { "value": "7.5", "type": "dimension" }, + "lg": { "value": "15", "type": "dimension" }, + "xl": { "value": "30", "type": "dimension" }, + "2xl": { "value": "40", "type": "dimension" }, + "3xl": { "value": "50", "type": "dimension" } + }, + "tablet": { + "3xs": { "value": "1.5", "type": "dimension" }, + "2xs": { "value": "1.75", "type": "dimension" }, + "xs": { "value": "2.5", "type": "dimension" }, + "sm": { "value": "4", "type": "dimension" }, + "md": { "value": "6", "type": "dimension" }, + "lg": { "value": "10", "type": "dimension" }, + "xl": { "value": "15", "type": "dimension" }, + "2xl": { "value": "30", "type": "dimension" }, + "3xl": { "value": "40", "type": "dimension" } + }, + "mobile": { + "3xs": { "value": "1.25", "type": "dimension" }, + "2xs": { "value": "1.5", "type": "dimension" }, + "xs": { "value": "2", "type": "dimension" }, + "sm": { "value": "3", "type": "dimension" }, + "md": { "value": "5", "type": "dimension" }, + "lg": { "value": "7.5", "type": "dimension" }, + "xl": { "value": "10", "type": "dimension" }, + "2xl": { "value": "15", "type": "dimension" }, + "3xl": { "value": "30", "type": "dimension" } + } + } + }, + "fixed": { + "regular": { + "3xs": { "value": "0.125", "type": "dimension" }, + "2xs": { "value": "0.25", "type": "dimension" }, + "xs": { "value": "0.5", "type": "dimension" }, + "sm": { "value": "0.75", "type": "dimension" }, + "md": { "value": "1", "type": "dimension" }, + "lg": { "value": "1.5", "type": "dimension" }, + "xl": { "value": "2", "type": "dimension" }, + "2xl": { "value": "3", "type": "dimension" }, + "3xl": { "value": "5", "type": "dimension" } + }, + "functional": { + "3xs": { "value": "0.125", "type": "dimension" }, + "2xs": { "value": "0.25", "type": "dimension" }, + "xs": { "value": "0.375", "type": "dimension" }, + "sm": { "value": "0.5", "type": "dimension" }, + "md": { "value": "0.75", "type": "dimension" }, + "lg": { "value": "1", "type": "dimension" }, + "xl": { "value": "1.5", "type": "dimension" }, + "2xl": { "value": "2", "type": "dimension" }, + "3xl": { "value": "3", "type": "dimension" } + }, + "expressive": { + "3xs": { "value": "0.25", "type": "dimension" }, + "2xs": { "value": "0.5", "type": "dimension" }, + "xs": { "value": "0.75", "type": "dimension" }, + "sm": { "value": "1", "type": "dimension" }, + "md": { "value": "1.5", "type": "dimension" }, + "lg": { "value": "2", "type": "dimension" }, + "xl": { "value": "3", "type": "dimension" }, + "2xl": { "value": "5", "type": "dimension" }, + "3xl": { "value": "7.5", "type": "dimension" } + } + } + } +} diff --git a/src/data/default-theme/transition.json b/src/data/default-theme/transition.json new file mode 100644 index 00000000..fb576849 --- /dev/null +++ b/src/data/default-theme/transition.json @@ -0,0 +1,23 @@ +{ + "transition": { + "duration": { + "x-slow": { "value": "0.5s" }, + "slow": { "value": "0.4s" }, + "medium": { "value": "0.3s" }, + "fast": { "value": "0.15s" }, + "x-fast": { "value": "0.075s" } + }, + "timing": { + "show": { "value": "cubic-bezier(0.49, 0.1, 0.16, 1) normal both" }, + "hide": { "value": "cubic-bezier(0.49, 0.1, 0.16, 1) normal both" }, + "emotional": { "value": "cubic-bezier(0.27, 0.05, 0.4, 0.95)" }, + "functional": { "value": "cubic-bezier(0.15, 0, 0.45, 1)" } + }, + "straight": { + "show": { "value": "0.5s cubic-bezier(0.49, 0.1, 0.16, 1) normal both" }, + "hide": { "value": "0.4s cubic-bezier(0.49, 0.1, 0.16, 1) normal both" }, + "emotional": { "value": "0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95)" }, + "functional": { "value": "0.3s cubic-bezier(0.15, 0, 0.45, 1)" } + } + } +} diff --git a/src/data/default-theme/typography/expressive.json b/src/data/default-theme/typography/expressive.json new file mode 100644 index 00000000..ba5e9d64 --- /dev/null +++ b/src/data/default-theme/typography/expressive.json @@ -0,0 +1,456 @@ +{ + "typography": { + "expressive": { + "desktop": { + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.6, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + }, + "headline": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "3rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "4rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "6rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + } + } + }, + "tablet": { + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.6, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + }, + "headline": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "3rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "4rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + } + } + }, + "mobile": { + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + }, + "headline": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + } + } + } + } + } +} diff --git a/src/data/default-theme/typography/functional.json b/src/data/default-theme/typography/functional.json new file mode 100644 index 00000000..44b12dfb --- /dev/null +++ b/src/data/default-theme/typography/functional.json @@ -0,0 +1,456 @@ +{ + "typography": { + "functional": { + "desktop": { + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + }, + "headline": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + } + } + }, + "tablet": { + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + }, + "headline": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + } + } + }, + "mobile": { + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + }, + "headline": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + } + } + } + } + } +} diff --git a/src/data/default-theme/typography/regular.json b/src/data/default-theme/typography/regular.json new file mode 100644 index 00000000..e87368ec --- /dev/null +++ b/src/data/default-theme/typography/regular.json @@ -0,0 +1,456 @@ +{ + "typography": { + "regular": { + "desktop": { + "headline": { + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "4rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "3rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + } + }, + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + } + }, + "mobile": { + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + }, + "headline": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-head)" + } + } + } + }, + "tablet": { + "body": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "0.875rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "0.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.4285714285714286, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.5, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.4, + "fontSize": "0.625rem", + "fontFamily": "var(--db-font-family-sans)" + } + } + }, + "headline": { + "lg": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "2rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "md": { + "type": "typography", + "value": { + "lineHeight": 1.1428571428571428, + "fontSize": "1.75rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "sm": { + "type": "typography", + "value": { + "lineHeight": 1.1666666666666667, + "fontSize": "1.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xl": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "2.5rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "xs": { + "type": "typography", + "value": { + "lineHeight": 1.2, + "fontSize": "1.25rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "3rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "2xs": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xl": { + "type": "typography", + "value": { + "lineHeight": 1.3333333333333333, + "fontSize": "3rem", + "fontFamily": "var(--db-font-family-head)" + } + }, + "3xs": { + "type": "typography", + "value": { + "lineHeight": 1.25, + "fontSize": "1rem", + "fontFamily": "var(--db-font-family-head)" + } + } + } + } + } + } +} diff --git a/src/data/sbahn-theme.json b/src/data/sbahn-theme.json deleted file mode 100644 index bf1ea70f..00000000 --- a/src/data/sbahn-theme.json +++ /dev/null @@ -1,928 +0,0 @@ -{ - "branding": { - "name": "S-Bahn", - "image": { - "light": "sbahn_logo.svg" - } - }, - "spacing": { - "_scale": "100%", - "responsive": { - "regular": { - "desktop": { - "3xl": "40", - "2xl": "30", - "xl": "15", - "lg": "7.5", - "md": "5", - "sm": "3", - "xs": "2", - "2xs": "1.5", - "3xs": "1.25" - }, - "tablet": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.75", - "sm": "2.5", - "md": "4", - "lg": "6", - "xl": "10", - "2xl": "15", - "3xl": "30" - }, - "mobile": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.5", - "sm": "2", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "10", - "3xl": "15" - } - }, - "functional": { - "desktop": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.75", - "sm": "2.5", - "md": "4", - "lg": "6", - "xl": "10", - "2xl": "15", - "3xl": "30" - }, - "tablet": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.5", - "sm": "2", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "10", - "3xl": "15" - }, - "mobile": { - "3xs": "1", - "2xs": "1.25", - "xs": "1.25", - "sm": "1.75", - "md": "2.5", - "lg": "4", - "xl": "6", - "2xl": "7.5", - "3xl": "10" - } - }, - "expressive": { - "desktop": { - "3xs": "1.75", - "2xs": "2", - "xs": "3", - "sm": "5", - "md": "7.5", - "lg": "15", - "xl": "30", - "2xl": "40", - "3xl": "50" - }, - "tablet": { - "3xs": "1.5", - "2xs": "1.75", - "xs": "2.5", - "sm": "4", - "md": "6", - "lg": "10", - "xl": "15", - "2xl": "30", - "3xl": "40" - }, - "mobile": { - "3xs": "1.25", - "2xs": "1.5", - "xs": "2", - "sm": "3", - "md": "5", - "lg": "7.5", - "xl": "10", - "2xl": "15", - "3xl": "30" - } - } - }, - "fixed": { - "regular": { - "3xs": "0.125", - "2xs": "0.25", - "xs": "0.5", - "sm": "0.75", - "md": "1", - "lg": "1.5", - "xl": "2", - "2xl": "3", - "3xl": "5" - }, - "functional": { - "3xs": "0.125", - "2xs": "0.25", - "xs": "0.375", - "sm": "0.5", - "md": "0.75", - "lg": "1", - "xl": "1.5", - "2xl": "2", - "3xl": "3" - }, - "expressive": { - "3xs": "0.25", - "2xs": "0.5", - "xs": "0.75", - "sm": "1", - "md": "1.5", - "lg": "2", - "xl": "3", - "2xl": "5", - "3xl": "7.5" - } - } - }, - "sizing": { - "_scale": "100%", - "fixed": { - "mobile": { - "header": "3.5" - } - }, - "regular": { - "3xl": "15", - "2xl": "10", - "xl": "6", - "lg": "4", - "md": "2.5", - "sm": "1.5", - "xs": "1", - "2xs": "0.75", - "3xs": "0.5" - }, - "functional": { - "3xs": "0.375", - "2xs": "0.625", - "xs": "0.875", - "sm": "1.25", - "md": "2", - "lg": "3", - "xl": "5", - "2xl": "7.5", - "3xl": "10" - }, - "expressive": { - "3xs": "0.625", - "2xs": "0.875", - "xs": "1.25", - "sm": "1.75", - "md": "3", - "lg": "5", - "xl": "7.5", - "2xl": "15", - "3xl": "30" - } - }, - "typography": { - "regular": { - "desktop": { - "headline": { - "3xl": { "lineHeight": 1.2, "fontSize": "5" }, - "2xl": { "lineHeight": 1.25, "fontSize": "4" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "lg": { "lineHeight": 1.2, "fontSize": "2.5" }, - "md": { "lineHeight": 1.25, "fontSize": "2" }, - "sm": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" }, - "xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" } - }, - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "2xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "3xl": { "lineHeight": 1.5, "fontSize": "2" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "2xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "3xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.25, "fontSize": "2" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.25, "fontSize": "2" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.4, "fontSize": "1.25" }, - "md": { "lineHeight": 1.5, "fontSize": "1" }, - "sm": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "2xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "3xl": { "lineHeight": 1.5, "fontSize": "2" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.25, "fontSize": "2" }, - "md": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "sm": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "2xs": { "lineHeight": 1.25, "fontSize": "1" }, - "3xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" } - } - } - }, - "functional": { - "desktop": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.4, "fontSize": "1.25" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "md": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "sm": { "lineHeight": 1.2, "fontSize": "1.25" }, - "xl": { "lineHeight": 1.25, "fontSize": "2" }, - "xs": { "lineHeight": 1.25, "fontSize": "1" }, - "2xl": { "lineHeight": 1.25, "fontSize": "2" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.25, "fontSize": "2" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.5, "fontSize": "1" }, - "md": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "sm": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "xl": { "lineHeight": 1.5, "fontSize": "1" }, - "xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "2xl": { "lineHeight": 1.5, "fontSize": "1" }, - "3xl": { "lineHeight": 1.5, "fontSize": "1" }, - "2xs": { "lineHeight": 1.4, "fontSize": "0.625" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "md": { "lineHeight": 1.2, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.25, "fontSize": "1" }, - "xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" }, - "3xl": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "3xs": { "lineHeight": 1.1428571428571428, "fontSize": "0.875" } - } - } - }, - "expressive": { - "desktop": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.5, "fontSize": "2" }, - "3xl": { "lineHeight": 1.6, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "md": { "lineHeight": 1.2, "fontSize": "2.5" }, - "sm": { "lineHeight": 1.25, "fontSize": "2" }, - "xl": { "lineHeight": 1.25, "fontSize": "4" }, - "xs": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "2xl": { "lineHeight": 1.2, "fontSize": "5" }, - "2xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.25, "fontSize": "6" }, - "3xs": { "lineHeight": 1.2, "fontSize": "1.25" } - } - }, - "tablet": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.4285714285714286, "fontSize": "1.75" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.5, "fontSize": "2" }, - "3xl": { "lineHeight": 1.6, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { "lineHeight": 1.2, "fontSize": "2.5" }, - "md": { "lineHeight": 1.25, "fontSize": "2" }, - "sm": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "3" }, - "xs": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "2xl": { "lineHeight": 1.25, "fontSize": "4" }, - "2xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "3xl": { "lineHeight": 1.2, "fontSize": "5" }, - "3xs": { "lineHeight": 1.2, "fontSize": "1.25" } - } - }, - "mobile": { - "body": { - "lg": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "md": { "lineHeight": 1.4, "fontSize": "1.25" }, - "sm": { "lineHeight": 1.5, "fontSize": "1" }, - "xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "xs": { "lineHeight": 1.4285714285714286, "fontSize": "0.875" }, - "2xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "3xl": { "lineHeight": 1.3333333333333333, "fontSize": "1.5" }, - "2xs": { "lineHeight": 1.3333333333333333, "fontSize": "0.75" }, - "3xs": { "lineHeight": 1.4, "fontSize": "0.625" } - }, - "headline": { - "lg": { - "lineHeight": 1.25, - "fontSize": "2" - }, - "md": { "lineHeight": 1.1428571428571428, "fontSize": "1.75" }, - "sm": { "lineHeight": 1.1666666666666667, "fontSize": "1.5" }, - "xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "xs": { "lineHeight": 1.2, "fontSize": "1.25" }, - "2xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "2xs": { "lineHeight": 1.25, "fontSize": "1" }, - "3xl": { "lineHeight": 1.2, "fontSize": "2.5" }, - "3xs": { "lineHeight": 1.25, "fontSize": "1" } - } - } - } - }, - "border": { - "height": { - "_scale": "100%", - "3xs": "0.0625", - "2xs": "0.125", - "xs": "0.25", - "sm": "0.375", - "md": "0.5", - "lg": "0.625", - "xl": "0.75", - "2xl": "0.875", - "3xl": "1" - }, - "radius": { - "_scale": "100%", - "3xs": "0.0625", - "2xs": "0.125", - "xs": "0.25", - "sm": "0.5", - "md": "0.75", - "lg": "1", - "xl": "1.5", - "2xl": "1.75", - "3xl": "2", - "full": "500" - } - }, - "elevation": { - "_scale": "100%", - "sm": "0 0 1px -1px rgba(0, 0, 0, 0.2), 0 0 4px 1px rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)", - "md": "0 0 2px -1px rgba(0, 0, 0, 0.2), 0 0 8px 1px rgba(0, 0, 0, 0.12), 0 0 4px 0 rgba(0, 0, 0, 0.14)", - "lg": "0 0 4px -3px rgba(0, 0, 0, 0.2), 0 0 16px 3px rgba(0, 0, 0, 0.12), 0 0 8px 1px rgba(0, 0, 0, 0.14)" - }, - "transition": { - "duration": { - "x-slow": "0.5s", - "slow": "0.4s", - "medium": "0.3s", - "fast": "0.15s", - "x-fast": "0.075s" - }, - "timing": { - "show": "cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "hide": "cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "emotional": "cubic-bezier(0.27, 0.05, 0.4, 0.95)", - "functional": "cubic-bezier(0.15, 0, 0.45, 1)" - }, - "straight": { - "show": "0.5s cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "hide": "0.4s cubic-bezier(0.49, 0.1, 0.16, 1) normal both", - "emotional": "0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95)", - "functional": "0.3s cubic-bezier(0.15, 0, 0.45, 1)" - } - }, - "font": { - "family": { - "sans": "'DB Screen Sans', Helvetica, Arial, sans-serif", - "head": "'DB Screen Head', Helvetica, Arial, sans-serif" - }, - "sans": { - "digitalregular": { - "name": "DB Screen Sans Digital Regular", - "localName": "DB Screen Sans Digital", - "localShortName": "DB Sans Digital", - "family": "DB Screen Sans", - "weight": 300, - "woff2": "dbscreensans-digitalregular.woff2" - }, - "regular": { - "name": "DB Screen Sans Regular", - "localName": "DB Screen Sans", - "localShortName": "DB Sans", - "family": "DB Screen Sans", - "weight": 400, - "woff2": "dbscreensans-regular.woff2" - }, - "medium": { - "name": "DB Screen Sans Medium", - "localName": "DB Screen Sans Medium", - "localShortName": "DB Sans Medium", - "family": "DB Screen Sans", - "weight": 500, - "woff2": "dbscreensans-medium.woff2" - }, - "semibold": { - "name": "DB Screen Sans SemiBold", - "localName": "DB Screen Sans SemiBold", - "localShortName": "DB Sans SemiBold", - "family": "DB Screen Sans", - "weight": 600, - "woff2": "dbscreensans-semibold.woff2" - }, - "bold": { - "name": "DB Screen Sans Bold", - "localName": "DB Screen Sans Bold", - "localShortName": "DB Sans Bold", - "family": "DB Screen Sans", - "weight": 700, - "woff2": "dbscreensans-bold.woff2" - } - }, - "head": { - "light": { - "name": "DB Screen Head Light", - "localName": "DB Screen Head Light", - "localShortName": "DB Head Light", - "family": "DB Screen Head", - "weight": 300, - "woff2": "dbscreenhead-light.woff2" - }, - "regular": { - "name": "DB Screen Head", - "localName": "DB Screen Head", - "localShortName": "DB Head", - "family": "DB Screen Head", - "weight": 400, - "woff2": "dbscreenhead-regular.woff2" - }, - "black": { - "name": "DB Screen Head Black", - "localName": "DB Screen Head Black", - "localShortName": "DB Head Black", - "family": "DB Screen Head", - "weight": 900, - "woff2": "dbscreenhead-black.woff2" - } - } - }, - "colors": { - "neutral": { - "origin": "#AFB4Bb", - "originHSLBgLight": "#edeeef", - "originHSLBgDark": "#070708", - "originLightAlternative": "#73777e", - "originLightAccessible": false, - "originLightDefault": "#AFB4Bb", - "originLightHovered": "#9399a2", - "originLightPressed": "#7a7f86", - "originDarkAlternative": "#AFB4Bb", - "originDarkAccessible": true, - "originDarkDefault": "#AFB4Bb", - "originDarkHovered": "#9399a2", - "originDarkPressed": "#7a7f86", - "onOriginLightDefault": "#070708", - "onOriginLightHovered": "#1e2022", - "onOriginLightPressed": "#323538", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#070708", - "onOriginDarkDefault": "#070708", - "onOriginDarkHovered": "#1e2022", - "onOriginDarkPressed": "#323538", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#070708" - }, - "brand": { - "origin": "#408335", - "originHSLBgLight": "#c7fbc2", - "originHSLBgDark": "#020901", - "originLightAlternative": "#408335", - "originLightAccessible": true, - "originLightDefault": "#408335", - "originLightHovered": "#316828", - "originLightPressed": "#234e1c", - "originDarkAlternative": "#408335", - "originDarkAccessible": true, - "originDarkDefault": "#408335", - "originDarkHovered": "#316828", - "originDarkPressed": "#234e1c", - "onOriginLightDefault": "#f7fef6", - "onOriginLightHovered": "#85f973", - "onOriginLightPressed": "#6edb5c", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#f7fef6", - "onOriginDarkDefault": "#f7fef6", - "onOriginDarkHovered": "#85f973", - "onOriginDarkPressed": "#6edb5c", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#f7fef6" - }, - "informational": { - "origin": "#55B9E6", - "originHSLBgLight": "#e0f0fc", - "originHSLBgDark": "#02080d", - "originLightAlternative": "#387f9e", - "originLightAccessible": false, - "originLightDefault": "#55B9E6", - "originLightHovered": "#479dc3", - "originLightPressed": "#3982a2", - "originDarkAlternative": "#55B9E6", - "originDarkAccessible": true, - "originDarkDefault": "#55B9E6", - "originDarkHovered": "#479dc3", - "originDarkPressed": "#3982a2", - "onOriginLightDefault": "#02080d", - "onOriginLightHovered": "#0a222d", - "onOriginLightPressed": "#153848", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#02080d", - "onOriginDarkDefault": "#02080d", - "onOriginDarkHovered": "#0a222d", - "onOriginDarkPressed": "#153848", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#02080d" - }, - "warning": { - "origin": "#F8AB37", - "originHSLBgLight": "#feeadc", - "originHSLBgDark": "#0e0601", - "originLightAlternative": "#a06d20", - "originLightAccessible": false, - "originLightDefault": "#F8AB37", - "originLightHovered": "#d5922e", - "originLightPressed": "#b37a25", - "originDarkAlternative": "#F8AB37", - "originDarkAccessible": true, - "originDarkDefault": "#F8AB37", - "originDarkHovered": "#d5922e", - "originDarkPressed": "#b37a25", - "onOriginLightDefault": "#0e0601", - "onOriginLightHovered": "#2e1c04", - "onOriginLightPressed": "#493009", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#0e0601", - "onOriginDarkDefault": "#0e0601", - "onOriginDarkHovered": "#2e1c04", - "onOriginDarkPressed": "#493009", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#0e0601" - }, - "successful": { - "origin": "#9FD45F", - "originHSLBgLight": "#cffba4", - "originHSLBgDark": "#050902", - "originLightAlternative": "#5f8137", - "originLightAccessible": false, - "originLightDefault": "#9FD45F", - "originLightHovered": "#89b751", - "originLightPressed": "#739a43", - "originDarkAlternative": "#9FD45F", - "originDarkAccessible": true, - "originDarkDefault": "#9FD45F", - "originDarkHovered": "#89b751", - "originDarkPressed": "#739a43", - "onOriginLightDefault": "#050902", - "onOriginLightHovered": "#18230a", - "onOriginLightPressed": "#293a15", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#050902", - "onOriginDarkDefault": "#050902", - "onOriginDarkHovered": "#18230a", - "onOriginDarkPressed": "#293a15", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#050902" - }, - "critical": { - "origin": "#FA9090", - "originHSLBgLight": "#fee9e9", - "originHSLBgDark": "#190101", - "originLightAlternative": "#e91e1e", - "originLightAccessible": false, - "originLightDefault": "#FA9090", - "originLightHovered": "#f96060", - "originLightPressed": "#ee1f1f", - "originDarkAlternative": "#FA9090", - "originDarkAccessible": true, - "originDarkDefault": "#FA9090", - "originDarkHovered": "#f96060", - "originDarkPressed": "#ee1f1f", - "onOriginLightDefault": "#190101", - "onOriginLightHovered": "#470303", - "onOriginLightPressed": "#6e0808", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#190101", - "onOriginDarkDefault": "#190101", - "onOriginDarkHovered": "#470303", - "onOriginDarkPressed": "#6e0808", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#190101" - } - }, - "additionalColors": { - "yellow": { - "origin": "#FFF000", - "originHSLBgLight": "#fff25a", - "originHSLBgDark": "#090800", - "originLightAlternative": "#817900", - "originLightAccessible": false, - "originLightDefault": "#FFF000", - "originLightHovered": "#e1d300", - "originLightPressed": "#c3b700", - "originDarkAlternative": "#FFF000", - "originDarkAccessible": true, - "originDarkDefault": "#FFF000", - "originDarkHovered": "#e1d300", - "originDarkPressed": "#c3b700", - "onOriginLightDefault": "#090800", - "onOriginLightHovered": "#232000", - "onOriginLightPressed": "#3a3600", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#090800", - "onOriginDarkDefault": "#090800", - "onOriginDarkHovered": "#232000", - "onOriginDarkPressed": "#3a3600", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#090800" - }, - "orange": { - "origin": "#F8AB37", - "originHSLBgLight": "#feeadc", - "originHSLBgDark": "#0e0601", - "originLightAlternative": "#a06d20", - "originLightAccessible": false, - "originLightDefault": "#F8AB37", - "originLightHovered": "#d5922e", - "originLightPressed": "#b37a25", - "originDarkAlternative": "#F8AB37", - "originDarkAccessible": true, - "originDarkDefault": "#F8AB37", - "originDarkHovered": "#d5922e", - "originDarkPressed": "#b37a25", - "onOriginLightDefault": "#0e0601", - "onOriginLightHovered": "#2e1c04", - "onOriginLightPressed": "#493009", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#0e0601", - "onOriginDarkDefault": "#0e0601", - "onOriginDarkHovered": "#2e1c04", - "onOriginDarkPressed": "#493009", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#0e0601" - }, - "red": { - "origin": "#FA9090", - "originHSLBgLight": "#fee9e9", - "originHSLBgDark": "#190101", - "originLightAlternative": "#e91e1e", - "originLightAccessible": false, - "originLightDefault": "#FA9090", - "originLightHovered": "#f96060", - "originLightPressed": "#ee1f1f", - "originDarkAlternative": "#FA9090", - "originDarkAccessible": true, - "originDarkDefault": "#FA9090", - "originDarkHovered": "#f96060", - "originDarkPressed": "#ee1f1f", - "onOriginLightDefault": "#190101", - "onOriginLightHovered": "#470303", - "onOriginLightPressed": "#6e0808", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#190101", - "onOriginDarkDefault": "#190101", - "onOriginDarkHovered": "#470303", - "onOriginDarkPressed": "#6e0808", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#190101" - }, - "pink": { - "origin": "#EE7BAe", - "originHSLBgLight": "#fbe9f0", - "originHSLBgDark": "#15020a", - "originLightAlternative": "#d13a88", - "originLightAccessible": false, - "originLightDefault": "#EE7BAe", - "originLightHovered": "#ea4499", - "originLightPressed": "#c1357d", - "originDarkAlternative": "#EE7BAe", - "originDarkAccessible": true, - "originDarkDefault": "#EE7BAe", - "originDarkHovered": "#ea4499", - "originDarkPressed": "#c1357d", - "onOriginLightDefault": "#000000", - "onOriginLightHovered": "#380921", - "onOriginLightPressed": "#5b1438", - "onOriginLightAccessible": false, - "onOriginLightAlternative": "#000000", - "onOriginDarkDefault": "#ffffff", - "onOriginDarkHovered": "#f9dbe6", - "onOriginDarkPressed": "#f4b5cd", - "onOriginDarkAccessible": false, - "onOriginDarkAlternative": "#ffffff" - }, - "violet": { - "origin": "#C2A1C7", - "originHSLBgLight": "#f2ecf3", - "originHSLBgDark": "#0b060c", - "originLightAlternative": "#926998", - "originLightAccessible": false, - "originLightDefault": "#C2A1C7", - "originLightHovered": "#ae82b5", - "originLightPressed": "#936998", - "originDarkAlternative": "#C2A1C7", - "originDarkAccessible": true, - "originDarkDefault": "#C2A1C7", - "originDarkHovered": "#ae82b5", - "originDarkPressed": "#936998", - "onOriginLightDefault": "#0b060c", - "onOriginLightHovered": "#291b2b", - "onOriginLightPressed": "#432e45", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#0b060c", - "onOriginDarkDefault": "#0b060c", - "onOriginDarkHovered": "#291b2b", - "onOriginDarkPressed": "#432e45", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#0b060c" - }, - "blue": { - "origin": "#73AEF4", - "originHSLBgLight": "#e6eefd", - "originHSLBgDark": "#010812", - "originLightAlternative": "#327bbe", - "originLightAccessible": false, - "originLightDefault": "#73AEF4", - "originLightHovered": "#3e94e4", - "originLightPressed": "#317abd", - "originDarkAlternative": "#73AEF4", - "originDarkAccessible": true, - "originDarkDefault": "#73AEF4", - "originDarkHovered": "#3e94e4", - "originDarkPressed": "#317abd", - "onOriginLightDefault": "#01040a", - "onOriginLightHovered": "#071f35", - "onOriginLightPressed": "#113455", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#01040a", - "onOriginDarkDefault": "#01040a", - "onOriginDarkHovered": "#071f35", - "onOriginDarkPressed": "#113455", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#01040a" - }, - "cyan": { - "origin": "#55B9E6", - "originHSLBgLight": "#e0f0fc", - "originHSLBgDark": "#02080d", - "originLightAlternative": "#387f9e", - "originLightAccessible": false, - "originLightDefault": "#55B9E6", - "originLightHovered": "#479dc3", - "originLightPressed": "#3982a2", - "originDarkAlternative": "#55B9E6", - "originDarkAccessible": true, - "originDarkDefault": "#55B9E6", - "originDarkHovered": "#479dc3", - "originDarkPressed": "#3982a2", - "onOriginLightDefault": "#02080d", - "onOriginLightHovered": "#0a222d", - "onOriginLightPressed": "#153848", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#02080d", - "onOriginDarkDefault": "#02080d", - "onOriginDarkHovered": "#0a222d", - "onOriginDarkPressed": "#153848", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#02080d" - }, - "turquoise": { - "origin": "#83CACA", - "originHSLBgLight": "#c3f8f8", - "originHSLBgDark": "#030808", - "originLightAlternative": "#517f7f", - "originLightAccessible": false, - "originLightDefault": "#83CACA", - "originLightHovered": "#70adad", - "originLightPressed": "#5d9292", - "originDarkAlternative": "#83CACA", - "originDarkAccessible": true, - "originDarkDefault": "#83CACA", - "originDarkHovered": "#70adad", - "originDarkPressed": "#5d9292", - "onOriginLightDefault": "#030808", - "onOriginLightHovered": "#122222", - "onOriginLightPressed": "#213838", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#030808", - "onOriginDarkDefault": "#030808", - "onOriginDarkHovered": "#122222", - "onOriginDarkPressed": "#213838", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#030808" - }, - "green": { - "origin": "#9FD45f", - "originHSLBgLight": "#cffba4", - "originHSLBgDark": "#050902", - "originLightAlternative": "#5f8137", - "originLightAccessible": false, - "originLightDefault": "#9FD45f", - "originLightHovered": "#89b751", - "originLightPressed": "#739a43", - "originDarkAlternative": "#9FD45f", - "originDarkAccessible": true, - "originDarkDefault": "#9FD45f", - "originDarkHovered": "#89b751", - "originDarkPressed": "#739a43", - "onOriginLightDefault": "#050902", - "onOriginLightHovered": "#18230a", - "onOriginLightPressed": "#293a15", - "onOriginLightAccessible": true, - "onOriginLightAlternative": "#050902", - "onOriginDarkDefault": "#050902", - "onOriginDarkHovered": "#18230a", - "onOriginDarkPressed": "#293a15", - "onOriginDarkAccessible": true, - "onOriginDarkAlternative": "#050902" - } - } -} diff --git a/src/data/sbahn-theme/branding.json b/src/data/sbahn-theme/branding.json new file mode 100644 index 00000000..7acd428a --- /dev/null +++ b/src/data/sbahn-theme/branding.json @@ -0,0 +1,9 @@ +{ + "branding": { + "name": "S-Bahn", + "image": { + "light": "sbahn_logo.svg", + "dark": "sbahn_logo.svg" + } + } +} diff --git a/src/data/sbahn-theme/colors.json b/src/data/sbahn-theme/colors.json new file mode 100644 index 00000000..beeb91b2 --- /dev/null +++ b/src/data/sbahn-theme/colors.json @@ -0,0 +1,381 @@ +{ + "colors": { + "neutral": { + "origin": "#AFB4Bb", + "originHSLBgLight": "#edeeef", + "originHSLBgDark": "#070708", + "originLightAlternative": "#73777e", + "originLightAccessible": false, + "originLightDefault": "#AFB4Bb", + "originLightHovered": "#9399a2", + "originLightPressed": "#7a7f86", + "originDarkAlternative": "#AFB4Bb", + "originDarkAccessible": true, + "originDarkDefault": "#AFB4Bb", + "originDarkHovered": "#9399a2", + "originDarkPressed": "#7a7f86", + "onOriginLightDefault": "#070708", + "onOriginLightHovered": "#1e2022", + "onOriginLightPressed": "#323538", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#070708", + "onOriginDarkDefault": "#070708", + "onOriginDarkHovered": "#1e2022", + "onOriginDarkPressed": "#323538", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#070708" + }, + "brand": { + "origin": "#408335", + "originHSLBgLight": "#c7fbc2", + "originHSLBgDark": "#020901", + "originLightAlternative": "#408335", + "originLightAccessible": true, + "originLightDefault": "#408335", + "originLightHovered": "#316828", + "originLightPressed": "#234e1c", + "originDarkAlternative": "#408335", + "originDarkAccessible": true, + "originDarkDefault": "#408335", + "originDarkHovered": "#316828", + "originDarkPressed": "#234e1c", + "onOriginLightDefault": "#f7fef6", + "onOriginLightHovered": "#85f973", + "onOriginLightPressed": "#6edb5c", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#f7fef6", + "onOriginDarkDefault": "#f7fef6", + "onOriginDarkHovered": "#85f973", + "onOriginDarkPressed": "#6edb5c", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#f7fef6" + }, + "informational": { + "origin": "#55B9E6", + "originHSLBgLight": "#e0f0fc", + "originHSLBgDark": "#02080d", + "originLightAlternative": "#387f9e", + "originLightAccessible": false, + "originLightDefault": "#55B9E6", + "originLightHovered": "#479dc3", + "originLightPressed": "#3982a2", + "originDarkAlternative": "#55B9E6", + "originDarkAccessible": true, + "originDarkDefault": "#55B9E6", + "originDarkHovered": "#479dc3", + "originDarkPressed": "#3982a2", + "onOriginLightDefault": "#02080d", + "onOriginLightHovered": "#0a222d", + "onOriginLightPressed": "#153848", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#02080d", + "onOriginDarkDefault": "#02080d", + "onOriginDarkHovered": "#0a222d", + "onOriginDarkPressed": "#153848", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#02080d" + }, + "warning": { + "origin": "#F8AB37", + "originHSLBgLight": "#feeadc", + "originHSLBgDark": "#0e0601", + "originLightAlternative": "#a06d20", + "originLightAccessible": false, + "originLightDefault": "#F8AB37", + "originLightHovered": "#d5922e", + "originLightPressed": "#b37a25", + "originDarkAlternative": "#F8AB37", + "originDarkAccessible": true, + "originDarkDefault": "#F8AB37", + "originDarkHovered": "#d5922e", + "originDarkPressed": "#b37a25", + "onOriginLightDefault": "#0e0601", + "onOriginLightHovered": "#2e1c04", + "onOriginLightPressed": "#493009", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#0e0601", + "onOriginDarkDefault": "#0e0601", + "onOriginDarkHovered": "#2e1c04", + "onOriginDarkPressed": "#493009", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#0e0601" + }, + "successful": { + "origin": "#9FD45F", + "originHSLBgLight": "#cffba4", + "originHSLBgDark": "#050902", + "originLightAlternative": "#5f8137", + "originLightAccessible": false, + "originLightDefault": "#9FD45F", + "originLightHovered": "#89b751", + "originLightPressed": "#739a43", + "originDarkAlternative": "#9FD45F", + "originDarkAccessible": true, + "originDarkDefault": "#9FD45F", + "originDarkHovered": "#89b751", + "originDarkPressed": "#739a43", + "onOriginLightDefault": "#050902", + "onOriginLightHovered": "#18230a", + "onOriginLightPressed": "#293a15", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#050902", + "onOriginDarkDefault": "#050902", + "onOriginDarkHovered": "#18230a", + "onOriginDarkPressed": "#293a15", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#050902" + }, + "critical": { + "origin": "#FA9090", + "originHSLBgLight": "#fee9e9", + "originHSLBgDark": "#190101", + "originLightAlternative": "#e91e1e", + "originLightAccessible": false, + "originLightDefault": "#FA9090", + "originLightHovered": "#f96060", + "originLightPressed": "#ee1f1f", + "originDarkAlternative": "#FA9090", + "originDarkAccessible": true, + "originDarkDefault": "#FA9090", + "originDarkHovered": "#f96060", + "originDarkPressed": "#ee1f1f", + "onOriginLightDefault": "#190101", + "onOriginLightHovered": "#470303", + "onOriginLightPressed": "#6e0808", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#190101", + "onOriginDarkDefault": "#190101", + "onOriginDarkHovered": "#470303", + "onOriginDarkPressed": "#6e0808", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#190101" + } + }, + "additionalColors": { + "yellow": { + "origin": "#FFF000", + "originHSLBgLight": "#fff25a", + "originHSLBgDark": "#090800", + "originLightAlternative": "#817900", + "originLightAccessible": false, + "originLightDefault": "#FFF000", + "originLightHovered": "#e1d300", + "originLightPressed": "#c3b700", + "originDarkAlternative": "#FFF000", + "originDarkAccessible": true, + "originDarkDefault": "#FFF000", + "originDarkHovered": "#e1d300", + "originDarkPressed": "#c3b700", + "onOriginLightDefault": "#090800", + "onOriginLightHovered": "#232000", + "onOriginLightPressed": "#3a3600", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#090800", + "onOriginDarkDefault": "#090800", + "onOriginDarkHovered": "#232000", + "onOriginDarkPressed": "#3a3600", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#090800" + }, + "orange": { + "origin": "#F8AB37", + "originHSLBgLight": "#feeadc", + "originHSLBgDark": "#0e0601", + "originLightAlternative": "#a06d20", + "originLightAccessible": false, + "originLightDefault": "#F8AB37", + "originLightHovered": "#d5922e", + "originLightPressed": "#b37a25", + "originDarkAlternative": "#F8AB37", + "originDarkAccessible": true, + "originDarkDefault": "#F8AB37", + "originDarkHovered": "#d5922e", + "originDarkPressed": "#b37a25", + "onOriginLightDefault": "#0e0601", + "onOriginLightHovered": "#2e1c04", + "onOriginLightPressed": "#493009", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#0e0601", + "onOriginDarkDefault": "#0e0601", + "onOriginDarkHovered": "#2e1c04", + "onOriginDarkPressed": "#493009", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#0e0601" + }, + "red": { + "origin": "#FA9090", + "originHSLBgLight": "#fee9e9", + "originHSLBgDark": "#190101", + "originLightAlternative": "#e91e1e", + "originLightAccessible": false, + "originLightDefault": "#FA9090", + "originLightHovered": "#f96060", + "originLightPressed": "#ee1f1f", + "originDarkAlternative": "#FA9090", + "originDarkAccessible": true, + "originDarkDefault": "#FA9090", + "originDarkHovered": "#f96060", + "originDarkPressed": "#ee1f1f", + "onOriginLightDefault": "#190101", + "onOriginLightHovered": "#470303", + "onOriginLightPressed": "#6e0808", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#190101", + "onOriginDarkDefault": "#190101", + "onOriginDarkHovered": "#470303", + "onOriginDarkPressed": "#6e0808", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#190101" + }, + "pink": { + "origin": "#EE7BAe", + "originHSLBgLight": "#fbe9f0", + "originHSLBgDark": "#15020a", + "originLightAlternative": "#d13a88", + "originLightAccessible": false, + "originLightDefault": "#EE7BAe", + "originLightHovered": "#ea4499", + "originLightPressed": "#c1357d", + "originDarkAlternative": "#EE7BAe", + "originDarkAccessible": true, + "originDarkDefault": "#EE7BAe", + "originDarkHovered": "#ea4499", + "originDarkPressed": "#c1357d", + "onOriginLightDefault": "#000000", + "onOriginLightHovered": "#380921", + "onOriginLightPressed": "#5b1438", + "onOriginLightAccessible": false, + "onOriginLightAlternative": "#000000", + "onOriginDarkDefault": "#ffffff", + "onOriginDarkHovered": "#f9dbe6", + "onOriginDarkPressed": "#f4b5cd", + "onOriginDarkAccessible": false, + "onOriginDarkAlternative": "#ffffff" + }, + "violet": { + "origin": "#C2A1C7", + "originHSLBgLight": "#f2ecf3", + "originHSLBgDark": "#0b060c", + "originLightAlternative": "#926998", + "originLightAccessible": false, + "originLightDefault": "#C2A1C7", + "originLightHovered": "#ae82b5", + "originLightPressed": "#936998", + "originDarkAlternative": "#C2A1C7", + "originDarkAccessible": true, + "originDarkDefault": "#C2A1C7", + "originDarkHovered": "#ae82b5", + "originDarkPressed": "#936998", + "onOriginLightDefault": "#0b060c", + "onOriginLightHovered": "#291b2b", + "onOriginLightPressed": "#432e45", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#0b060c", + "onOriginDarkDefault": "#0b060c", + "onOriginDarkHovered": "#291b2b", + "onOriginDarkPressed": "#432e45", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#0b060c" + }, + "blue": { + "origin": "#73AEF4", + "originHSLBgLight": "#e6eefd", + "originHSLBgDark": "#010812", + "originLightAlternative": "#327bbe", + "originLightAccessible": false, + "originLightDefault": "#73AEF4", + "originLightHovered": "#3e94e4", + "originLightPressed": "#317abd", + "originDarkAlternative": "#73AEF4", + "originDarkAccessible": true, + "originDarkDefault": "#73AEF4", + "originDarkHovered": "#3e94e4", + "originDarkPressed": "#317abd", + "onOriginLightDefault": "#01040a", + "onOriginLightHovered": "#071f35", + "onOriginLightPressed": "#113455", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#01040a", + "onOriginDarkDefault": "#01040a", + "onOriginDarkHovered": "#071f35", + "onOriginDarkPressed": "#113455", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#01040a" + }, + "cyan": { + "origin": "#55B9E6", + "originHSLBgLight": "#e0f0fc", + "originHSLBgDark": "#02080d", + "originLightAlternative": "#387f9e", + "originLightAccessible": false, + "originLightDefault": "#55B9E6", + "originLightHovered": "#479dc3", + "originLightPressed": "#3982a2", + "originDarkAlternative": "#55B9E6", + "originDarkAccessible": true, + "originDarkDefault": "#55B9E6", + "originDarkHovered": "#479dc3", + "originDarkPressed": "#3982a2", + "onOriginLightDefault": "#02080d", + "onOriginLightHovered": "#0a222d", + "onOriginLightPressed": "#153848", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#02080d", + "onOriginDarkDefault": "#02080d", + "onOriginDarkHovered": "#0a222d", + "onOriginDarkPressed": "#153848", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#02080d" + }, + "turquoise": { + "origin": "#83CACA", + "originHSLBgLight": "#c3f8f8", + "originHSLBgDark": "#030808", + "originLightAlternative": "#517f7f", + "originLightAccessible": false, + "originLightDefault": "#83CACA", + "originLightHovered": "#70adad", + "originLightPressed": "#5d9292", + "originDarkAlternative": "#83CACA", + "originDarkAccessible": true, + "originDarkDefault": "#83CACA", + "originDarkHovered": "#70adad", + "originDarkPressed": "#5d9292", + "onOriginLightDefault": "#030808", + "onOriginLightHovered": "#122222", + "onOriginLightPressed": "#213838", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#030808", + "onOriginDarkDefault": "#030808", + "onOriginDarkHovered": "#122222", + "onOriginDarkPressed": "#213838", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#030808" + }, + "green": { + "origin": "#9FD45f", + "originHSLBgLight": "#cffba4", + "originHSLBgDark": "#050902", + "originLightAlternative": "#5f8137", + "originLightAccessible": false, + "originLightDefault": "#9FD45f", + "originLightHovered": "#89b751", + "originLightPressed": "#739a43", + "originDarkAlternative": "#9FD45f", + "originDarkAccessible": true, + "originDarkDefault": "#9FD45f", + "originDarkHovered": "#89b751", + "originDarkPressed": "#739a43", + "onOriginLightDefault": "#050902", + "onOriginLightHovered": "#18230a", + "onOriginLightPressed": "#293a15", + "onOriginLightAccessible": true, + "onOriginLightAlternative": "#050902", + "onOriginDarkDefault": "#050902", + "onOriginDarkHovered": "#18230a", + "onOriginDarkPressed": "#293a15", + "onOriginDarkAccessible": true, + "onOriginDarkAlternative": "#050902" + } + } +} diff --git a/src/pages/Customization/customization.tsx b/src/pages/Customization/customization.tsx index 66a30b83..74e7cdca 100644 --- a/src/pages/Customization/customization.tsx +++ b/src/pages/Customization/customization.tsx @@ -72,8 +72,6 @@ const Customization = () => { - - diff --git a/src/store/index.ts b/src/store/index.ts index 4f000875..b0388d37 100644 --- a/src/store/index.ts +++ b/src/store/index.ts @@ -8,13 +8,9 @@ import { } from "./state.ts"; import { defaultLuminances, - ThemeType, speakingNamesDefaultMapping, } from "../utils/data.ts"; - -import DefaultTheme from "../data/default-theme.json"; - -const defaultTheme = DefaultTheme as unknown as ThemeType; +import { defaultTheme } from "./themes.ts"; export const useThemeBuilderStore = create()( // eslint-disable-next-line @typescript-eslint/ban-ts-comment diff --git a/src/store/themes.ts b/src/store/themes.ts new file mode 100644 index 00000000..2c8544e1 --- /dev/null +++ b/src/store/themes.ts @@ -0,0 +1,47 @@ +import { ThemeType } from "../utils/data.ts"; +import Border from "../data/default-theme/border.json"; +import Elevation from "../data/default-theme/elevation.json"; +import Fonts from "../data/default-theme/fonts.json"; +import Sizing from "../data/default-theme/sizing.json"; +import Spacing from "../data/default-theme/spacing.json"; +import Transition from "../data/default-theme/transition.json"; +import TypographyRegular from "../data/default-theme/typography/regular.json"; +import TypographyExpressive from "../data/default-theme/typography/expressive.json"; +import TypographyFunctional from "../data/default-theme/typography/functional.json"; + +import Branding from "../data/default-theme/branding.json"; +import Colors from "../data/default-theme/colors.json"; + +import DBBranding from "../data/db-theme/branding.json"; +import DBColors from "../data/db-theme/colors.json"; + +import SBahnBranding from "../data/sbahn-theme/branding.json"; +import SBahnBColors from "../data/sbahn-theme/colors.json"; + +export const defaultTheme: ThemeType = { + ...Border, + ...Elevation, + ...Fonts, + ...Sizing, + ...Spacing, + ...Transition, + typography: { + ...TypographyRegular.typography, + ...TypographyExpressive.typography, + ...TypographyFunctional.typography, + }, + ...Branding, + ...Colors, +}; + +export const dbTheme: ThemeType = { + ...defaultTheme, + ...DBBranding, + ...DBColors, +}; + +export const sBahnTheme: ThemeType = { + ...defaultTheme, + ...SBahnBranding, + ...SBahnBColors, +}; diff --git a/src/utils/data.ts b/src/utils/data.ts index 7cce25ec..ef415f4f 100644 --- a/src/utils/data.ts +++ b/src/utils/data.ts @@ -66,22 +66,28 @@ export type AdditionalColorMappingType = { green: DefaultColorType; }; +export type ThemeValue = { + value: T; + type?: string; +}; + export type ThemeTypographyType = { lineHeight: number; fontSize: string; + fontFamily?: string; }; export type ThemeSizing = { - _scale?: number; - "2xl"?: string | ThemeTypographyType; - "2xs"?: string | ThemeTypographyType; - "3xl"?: string | ThemeTypographyType; - "3xs"?: string | ThemeTypographyType; - lg?: string | ThemeTypographyType; - md?: string | ThemeTypographyType; - sm?: string | ThemeTypographyType; - xl?: string | ThemeTypographyType; - xs?: string | ThemeTypographyType; + _scale?: ThemeValue; + "2xl"?: ThemeValue | ThemeValue; + "2xs"?: ThemeValue | ThemeValue; + "3xl"?: ThemeValue | ThemeValue; + "3xs"?: ThemeValue | ThemeValue; + lg?: ThemeValue | ThemeValue; + md?: ThemeValue | ThemeValue; + sm?: ThemeValue | ThemeValue; + xl?: ThemeValue | ThemeValue; + xs?: ThemeValue | ThemeValue; }; export type ThemeTypography = { @@ -109,21 +115,21 @@ export type ThemeBorder = { export type SizingFixedType = { fixed: { mobile: { - header: string; + header: ThemeValue; }; }; }; export type TransitionType = { duration: { - "x-slow": string; - slow: string; - medium: string; - fast: string; - "x-fast": string; + "x-slow": ThemeValue; + slow: ThemeValue; + medium: ThemeValue; + fast: ThemeValue; + "x-fast": ThemeValue; }; - timing: Record; - straight: Record; + timing: Record>; + straight: Record>; }; export type FontType = { @@ -136,8 +142,8 @@ export type FontType = { }; export type FontsType = { family: { - sans: string; - head: string; + sans: ThemeValue; + head: ThemeValue; }; sans: Record; head: Record; @@ -151,6 +157,19 @@ export type BrandingType = { }; }; +export type ElevationValueType = { + blur: number; + spread: number; + color: string; +}; + +export type ElevationType = { + _scale?: ThemeValue; + md?: ThemeValue; + sm?: ThemeValue; + lg?: ThemeValue; +}; + export type ThemeType = { branding: BrandingType; spacing: { @@ -159,8 +178,7 @@ export type ThemeType = { }; sizing: ThemeTonalities & SizingFixedType; typography: ThemeTonalities; - opacity: ThemeSizing; - elevation: ThemeSizing; + elevation: ElevationType; border: ThemeBorder; colors: DefaultColorMappingType; additionalColors: AdditionalColorMappingType; @@ -182,6 +200,8 @@ export type HeisslufType = { luminance: number; }; +export const SEMANTIC_COLOR = "semantic-color"; + export type SpeakingName = { name: string; light: number; diff --git a/src/utils/index.ts b/src/utils/index.ts index 75e41126..719ba958 100644 --- a/src/utils/index.ts +++ b/src/utils/index.ts @@ -42,3 +42,19 @@ export const kebabCase = ( } return "ERROR"; }; + +export const mergeObjectsRecursive = (obj1: any, obj2: any): any => { + const result: any = { ...obj1 }; + + for (const key in obj2) { + if (Object.prototype.hasOwnProperty.call(obj2, key)) { + if (obj1[key] && typeof obj1[key] === 'object' && typeof obj2[key] === 'object') { + result[key] = mergeObjectsRecursive(obj1[key], obj2[key]); + } else { + result[key] = obj2[key]; + } + } + } + + return result; +}; diff --git a/src/utils/outputs/compose/dimensions.ts b/src/utils/outputs/compose/dimensions.ts index 8de017f4..f0692977 100644 --- a/src/utils/outputs/compose/dimensions.ts +++ b/src/utils/outputs/compose/dimensions.ts @@ -36,6 +36,7 @@ val ${brandName}DimensionsMap = mapOf( !this.path.includes("desktop") && !this.path.includes("_scale") ) { + this.path.pop(); const key = `${kebabCase(this.path.join("-"), true)}`; const finalValue = typeof value === "string" || value instanceof String diff --git a/src/utils/outputs/compose/elevation.ts b/src/utils/outputs/compose/elevation.ts index 3cffe900..ab60601c 100644 --- a/src/utils/outputs/compose/elevation.ts +++ b/src/utils/outputs/compose/elevation.ts @@ -1,8 +1,8 @@ -import { ThemeSizing } from "../../data.ts"; +import { ElevationType, ElevationValueType, ThemeValue } from "../../data.ts"; import { designSystemShortName, replacePackageName } from "./shared.ts"; export const generateComposeElevationFile = ( - allElevations: ThemeSizing, + allElevations: ElevationType, ): string => { let resolvedTokenFile = `package ${replacePackageName}.core @@ -79,37 +79,19 @@ internal data class ${designSystemShortName}ElevationShadowConfig( enum class ${designSystemShortName}Elevation(internal val config: List<${designSystemShortName}ElevationShadowConfig>) { `; - Object.entries(allElevations).forEach(([name, elevationScheme]) => { - if (name == "_scale") return; + for (const [name, elevationScheme] of Object.entries(allElevations)) { + if (name == "_scale") continue; - const elevationStages = elevationScheme - .toString() - .replaceAll(" ", " ") - .replaceAll("rgba(", "") - .replaceAll("), ", "#") - .replaceAll(")", "") - .replaceAll(",", "") - .replaceAll("px", "") - .split("#"); + const elevationLayer = elevationScheme as ThemeValue; resolvedTokenFile += ` ${name.toUpperCase()}( listOf(`; - for (const elevationStage of elevationStages) { - const elevationValues = elevationStage.split(" "); - const horizontal = elevationValues[0]; - const vertical = elevationValues[1]; - const blur = elevationValues[2]; - const spread = elevationValues[3]; - const red = elevationValues[4]; - const green = elevationValues[5]; - const blue = elevationValues[6]; - const alpha = elevationValues[7]; - + for (const { blur, spread, color } of elevationLayer.value) { resolvedTokenFile += ` - ${designSystemShortName}ElevationShadowConfig(DpOffset(${horizontal}.dp, ${vertical}.dp), ${blur}.dp, ${spread.startsWith("-") ? "(" + spread + ")" : spread}.dp, Color(${red}f, ${green}f, ${blue}f, ${alpha}f)),`; + ${designSystemShortName}ElevationShadowConfig(DpOffset(0.dp, 0.dp), ${blur}.dp, ${spread < 0 ? "(" + spread + ")" : spread}.dp, Color(${color}f)),`; } resolvedTokenFile += `\n ),\n ),\n`; - }); + } resolvedTokenFile += "}\n"; return resolvedTokenFile; diff --git a/src/utils/outputs/download.ts b/src/utils/outputs/download.ts index b31851d7..b7c30617 100644 --- a/src/utils/outputs/download.ts +++ b/src/utils/outputs/download.ts @@ -1,6 +1,5 @@ import JSZip from "jszip"; import { DefaultColorType, SpeakingName, ThemeType } from "../data.ts"; -import { generateReadmeFile } from "./web/readme.ts"; import { generateBrandThemeFile, generateThemeFile } from "./compose/theme.ts"; import { generateColorScheme, @@ -18,25 +17,21 @@ import { import { generateDensityEnumFile } from "./compose/density.ts"; import { getSketchColorsAsString } from "./sketch.ts"; import { getFontFaces } from "./web/fonts.ts"; -import { kebabCase } from "../index.ts"; +import { kebabCase, mergeObjectsRecursive } from "../index.ts"; import { generateCustomColorClass } from "./web/custom-color-class.ts"; import { generateAndroidReadmeFile } from "./compose/readme.ts"; import { - getCssPropertyAsString, - getCssThemeProperties, - getFullColorCss, - getPaletteOutput, - getSpeakingNames, -} from "./web"; + convertDirectoryJsonToFiles, + runStyleDictionary, +} from "./style-dictionary"; +import { generateComposeElevationFile } from "./compose/elevation.ts"; +import { designSystemName, designSystemShortName } from "./compose/shared.ts"; +import { getAutoCompleteFile } from "./web/auto-complete"; import { getSDColorPalette, getSDSpeakingColors, } from "./style-dictionary/colors.ts"; -import { getDBNonColorToken } from "./style-dictionary"; -import { generateComposeElevationFile } from "./compose/elevation.ts"; -import { designSystemName, designSystemShortName } from "./compose/shared.ts"; -import { getAutoCompleteFile } from "./web/auto-complete"; -import { getTypedCssPropertyAsString } from "./index.ts"; +import { platformsConfig } from "./style-dictionary/config"; const download = (fileName: string, file: Blob) => { const element = document.createElement("a"); @@ -69,7 +64,6 @@ export const downloadTheme = async ( const fileName = (theme.branding.name || `default-theme`) + "Theme"; const themeJsonString = JSON.stringify(theme); - const themeProperties = getCssThemeProperties(theme); const brandName = kebabCase(theme.branding.name); const composeFileName = kebabCase(fileName); @@ -79,30 +73,26 @@ export const downloadTheme = async ( // Style dictionary + const sdColorPalette = getSDColorPalette(allColors, luminanceSteps); + const sdSpeakingColors = getSDSpeakingColors(speakingNames, allColors); + + const finalTheme = { + ...theme, + ...mergeObjectsRecursive(sdColorPalette, sdSpeakingColors), + }; + const sdFolder: string = "StyleDictionary"; - zip.file( - `${sdFolder}/palette-colors.json`, - JSON.stringify(getSDColorPalette(allColors, luminanceSteps)), - ); - zip.file( - `${sdFolder}/speaking-colors.json`, - JSON.stringify(getSDSpeakingColors(speakingNames, allColors)), - ); - const token = getDBNonColorToken(theme); - const tokenProps = [ - "spacing", - "sizing", - "border", - "elevation", - "transition", - "font", - ]; - for (const prop of tokenProps) { - zip.file( - `${sdFolder}/${prop}s.json`, - JSON.stringify({ [prop]: token[prop] }), - ); - } + const directoryJSON = await runStyleDictionary({ + tokens: finalTheme, + ...platformsConfig, + }); + const files: File[] = convertDirectoryJsonToFiles(directoryJSON); + files + .filter((file) => file.name.includes(".")) + .forEach((file) => { + zip.file(`${sdFolder}${file.name}`, file); + }); + zip.file(`${sdFolder}/sd.config.json`, JSON.stringify(finalTheme)); //Android const androidFolder: string = "Android"; @@ -166,24 +156,6 @@ export const downloadTheme = async ( // Web const webFolder: string = "Web"; - - zip.file(`${webFolder}/${fileName}-theme.css`, themeProperties); - - const colorsPalette = getTypedCssPropertyAsString( - getPaletteOutput(allColors, luminanceSteps), - "color", - ); - const colorSpeakingNames = getCssPropertyAsString( - getSpeakingNames(speakingNames, allColors), - true, - ); - zip.file( - `${webFolder}/${fileName}-colors-full.css`, - getFullColorCss(colorsPalette, colorSpeakingNames), - ); - zip.file(`${webFolder}/${fileName}-palette.css`, colorsPalette); - zip.file(`${webFolder}/${fileName}-speaking-names.css`, colorSpeakingNames); - zip.file(`${webFolder}/README.md`, generateReadmeFile(fileName)); zip.file( `${webFolder}/auto-complete/${fileName}.ide.css`, getAutoCompleteFile(allColors), @@ -193,16 +165,6 @@ export const downloadTheme = async ( if (theme.customColors) { const customColorsFolder: string = "Custom Colors"; - const customColorsPalette = getTypedCssPropertyAsString( - getPaletteOutput(theme.customColors, luminanceSteps), - "color", - ); - - const customColorsSpeakingNames = getCssPropertyAsString( - getSpeakingNames(speakingNames, theme.customColors), - true, - ); - let allCustomColorClasses = ""; for (const colorName of Object.keys(theme.customColors)) { const colorClass = generateCustomColorClass(colorName.toLowerCase()); @@ -217,21 +179,6 @@ export const downloadTheme = async ( `${webFolder}/${customColorsFolder}/classes/all.css`, allCustomColorClasses, ); - - zip.file( - `${webFolder}/${customColorsFolder}/${fileName}-custom-colors-full.css`, - getFullColorCss(customColorsPalette, customColorsSpeakingNames), - ); - - zip.file( - `${webFolder}/${customColorsFolder}/${fileName}-custom-colors-palette.css`, - customColorsPalette, - ); - - zip.file( - `${webFolder}/${customColorsFolder}/${fileName}-speaking-names-custom-colors.css`, - customColorsSpeakingNames, - ); } const zipFile = await zip.generateAsync({ type: "blob" }); diff --git a/src/utils/outputs/index.ts b/src/utils/outputs/index.ts index 94c1c530..0d4e308e 100644 --- a/src/utils/outputs/index.ts +++ b/src/utils/outputs/index.ts @@ -3,47 +3,6 @@ import { getHeissluftColors } from "../generate-colors.ts"; export const prefix = "db"; -export const nonRemProperties = ["opacity", "elevation", "transition", "font"]; - -export const getTypedCssPropertyAsString = ( - properties: any, - type: string, -): string => { - let resultString = ""; - - for (const [key, value] of Object.entries(properties)) { - resultString += `@property ${key} { syntax: "<${type}>"; initial-value: ${value}; inherits: true; }\n`; - } - - return resultString; -}; - -export const isFontFamily = (path: string[]): boolean => - (path[0] === "font" && path[1] === "family") || path[0] !== "font"; - -export const isDimensionProperty = (context: any) => - context.isLeaf && - context.path.length > 0 && - context.path[0] !== "colors" && - context.path[0] !== "additionalColors" && - context.path[0] !== "customColors" && - context.path[0] !== "branding" && - isFontFamily(context.path) && - !context.path.includes("_scale"); - - -export const getTraverseKey = (path: string[], separator: string = "-") => - `${path - .map((p) => p.toLowerCase()) - .map((p) => { - return p === "lineheight" - ? "line-height" - : p === "fontsize" - ? "font-size" - : p; - }) - .join(separator)}`; - export const getPalette = ( allColors: Record, luminanceSteps: number[], diff --git a/src/utils/outputs/style-dictionary/colors.ts b/src/utils/outputs/style-dictionary/colors.ts index 23a0e494..8622561b 100644 --- a/src/utils/outputs/style-dictionary/colors.ts +++ b/src/utils/outputs/style-dictionary/colors.ts @@ -1,6 +1,10 @@ -import { DefaultColorType, HeisslufType, SpeakingName } from "../../data.ts"; +import { + DefaultColorType, + HeisslufType, + SEMANTIC_COLOR, + SpeakingName, +} from "../../data.ts"; import { getPalette } from "../index.ts"; -import { setObjectByPath } from "./index.ts"; export const getSDColorPalette = ( allColors: Record, @@ -18,66 +22,77 @@ export const getSDColorPalette = ( const colorValues: any = {}; const hslType: HeisslufType[] = palette[unformattedName]; - hslType.forEach((hsl) => { - colorValues[`${hsl.index ?? hsl.name}`] = { value: hsl.hex }; - }); + for (const hsl of hslType) { + colorValues[`${hsl.index ?? hsl.name}`] = { + value: hsl.hex, + type: "color", + }; + } colorValues.origin = { base: { comment: "This is just to resolve the original origin color", value: color.origin, + type: "color", }, - }; - - colorValues.light = { - origin: { + light: { default: { value: color.originLightDefault, + type: "color", }, hovered: { value: color.originLightHovered, + type: "color", }, pressed: { value: color.originLightPressed, + type: "color", }, }, - on: { - origin: { - default: { - value: color.onOriginLightDefault, - }, - hovered: { - value: color.onOriginLightHovered, - }, - pressed: { - value: color.onOriginLightPressed, - }, - }, - }, - }; - - colorValues.dark = { - origin: { + dark: { default: { value: color.originDarkDefault, + type: "color", }, hovered: { value: color.originDarkHovered, + type: "color", }, pressed: { value: color.originDarkPressed, + type: "color", }, }, - on: { - origin: { + }; + + colorValues.on = { + origin: { + light: { + default: { + value: color.onOriginLightDefault, + type: "color", + }, + hovered: { + value: color.onOriginLightHovered, + type: "color", + }, + pressed: { + value: color.onOriginLightPressed, + type: "color", + }, + }, + dark: { default: { value: color.onOriginDarkDefault, + type: "color", }, hovered: { value: color.onOriginDarkHovered, + type: "color", }, pressed: { value: color.onOriginDarkPressed, + type: "color", }, }, }, @@ -86,72 +101,106 @@ export const getSDColorPalette = ( colors[name] = colorValues; }); - return { colors }; + return colors; +}; + +export const setObjectByPath = ( + initObj: any, + path: string, + value: any, +): any => { + if (path == "") return value; + + const [k, next] = path.split({ + [Symbol.split](s) { + const i = s.indexOf("."); + return i == -1 ? [s, ""] : [s.slice(0, i), s.slice(i + 1)]; + }, + }); + + if (initObj !== undefined && typeof initObj !== "object") { + console.error(`cannot set property ${k} of ${typeof initObj}`); + } + + return Object.assign(initObj ?? {}, { + [k]: setObjectByPath(initObj?.[k], next, value), + }); }; export const getSDSpeakingColors = ( speakingNames: SpeakingName[], allColors: Record, ): any => { - const colors: any = { light: {}, dark: {} }; - const colorTheme = ["light", "dark"]; + const colors: any = {}; for (const [unformattedName] of Object.entries(allColors)) { const name = unformattedName.toLowerCase(); - for (const theme of colorTheme) { - const isDark = theme === "dark"; - const themeObj: any = { - origin: { - default: { - value: `{colors.${name}.${theme}.origin.default.value}`, + const themeObj: any = { + origin: { + default: { + type: SEMANTIC_COLOR, + value: { + light: [name, "origin", "light", "default"], + dark: [name, "origin", "dark", "default"], }, - hovered: { - value: `{colors.${name}.${theme}.origin.hovered.value}`, + }, + hovered: { + type: SEMANTIC_COLOR, + value: { + light: [name, "origin", "light", "hovered"], + dark: [name, "origin", "dark", "hovered"], }, - pressed: { - value: `{colors.${name}.${theme}.origin.pressed.value}`, + }, + pressed: { + type: SEMANTIC_COLOR, + value: { + light: [name, "origin", "light", "pressed"], + dark: [name, "origin", "dark", "pressed"], }, }, - on: { - origin: { - default: { - value: `{colors.${name}.${theme}.on.origin.default.value}`, + }, + on: { + origin: { + default: { + type: SEMANTIC_COLOR, + value: { + light: [name, "on", "origin", "light", "default"], + dark: [name, "on", "origin", "dark", "default"], }, - hovered: { - value: `{colors.${name}.${theme}.on.origin.hovered.value}`, + }, + hovered: { + type: SEMANTIC_COLOR, + value: { + light: [name, "on", "origin", "light", "hovered"], + dark: [name, "on", "origin", "dark", "hovered"], }, - pressed: { - value: `{colors.${name}.${theme}.on.origin.pressed.value}`, + }, + pressed: { + type: SEMANTIC_COLOR, + value: { + light: [name, "on", "origin", "light", "pressed"], + dark: [name, "on", "origin", "dark", "pressed"], }, }, }, - }; + }, + }; + + for (const speakingName of speakingNames) { + const dotName = speakingName.name.replaceAll("-", "."); - for (const speakingName of speakingNames) { - const dotName = speakingName.name.replaceAll("-", "."); - - setObjectByPath( - themeObj, - `${dotName}.value`, - `{colors.${name}.${isDark ? speakingName.dark : speakingName.light}.value}`, - ); - - if ( - speakingName.transparencyDark !== undefined || - speakingName.transparencyLight !== undefined - ) { - setObjectByPath( - themeObj, - `${dotName}.transparent`, - isDark - ? speakingName.transparencyDark - : speakingName.transparencyLight, - ); - } - } - - colors[theme][name] = themeObj; + setObjectByPath(themeObj, `${dotName}`, { + type: SEMANTIC_COLOR, + value: { + light: [name, speakingName.light], + dark: [name, speakingName.dark], + transparencyDark: speakingName.transparencyDark, + transparencyLight: speakingName.transparencyLight, + }, + }); } + + colors[name] = themeObj; } - return { colors }; + return colors; }; diff --git a/src/utils/outputs/style-dictionary/config/formats.ts b/src/utils/outputs/style-dictionary/config/formats.ts new file mode 100644 index 00000000..80521c9d --- /dev/null +++ b/src/utils/outputs/style-dictionary/config/formats.ts @@ -0,0 +1,43 @@ +import { Format, TransformedToken } from "style-dictionary/types"; + +const getSyntax = (token: TransformedToken) => { + if (token.type === "dimension") { + return "length"; + } + if (token.type === "color") { + return "color"; + } + + return "*"; +}; + +export const CssPropertyFormat: Format = { + name: "cssPropertyFormat", + format: ({ dictionary }) => { + return dictionary.allTokens + .map( + (token: TransformedToken) => + `@property --${token.name} { + syntax: "<${getSyntax(token)}>"; + initial-value: ${token.value}; + inherits: true; +} + +`, + ) + .join(""); + }, +}; + +export const CssAppOverwriteFormat: Format = { + name: "cssAppOverwriteFormat", + format: ({ dictionary }) => { + return dictionary.allTokens + .map( + (token: TransformedToken) => + `--${token.name}:${token.value}; +`, + ) + .join(""); + }, +}; diff --git a/src/utils/outputs/style-dictionary/config/index.ts b/src/utils/outputs/style-dictionary/config/index.ts new file mode 100644 index 00000000..ceaf34a0 --- /dev/null +++ b/src/utils/outputs/style-dictionary/config/index.ts @@ -0,0 +1,75 @@ +import { type Config } from "style-dictionary"; +import { TransformedToken } from "style-dictionary/types"; +import { SEMANTIC_COLOR } from "../../../data.ts"; + +const scaleFilter = (token: TransformedToken) => !token.name.endsWith("scale"); + +const semanticColorFilter = (token: TransformedToken) => + token.type === SEMANTIC_COLOR; + +export const appConfig: Config = { + platforms: { + app: { + prefix: "db", + transformGroup: "custom/css", + files: [ + { + destination: "overwrites", + format: "cssAppOverwriteFormat", + filter: (token: TransformedToken) => scaleFilter(token), + }, + ], + }, + }, +}; + +export const platformsConfig: Config = { + platforms: { + css: { + prefix: "db", + transformGroup: "css", + files: [ + { + destination: "css/variables.css", + format: "css/variables", + filter: (token: TransformedToken) => + scaleFilter(token) && !semanticColorFilter(token), + }, + ], + }, + semanticColorVariables: { + prefix: "db", + transformGroup: "custom/css", + files: [ + { + destination: "css/semantic-color-variables.css", + format: "css/variables", + filter: (token: TransformedToken) => semanticColorFilter(token), + }, + ], + }, + properties: { + prefix: "db", + transformGroup: "css", + files: [ + { + destination: "css/properties.css", + format: "cssPropertyFormat", + filter: (token: TransformedToken) => + scaleFilter(token) && !semanticColorFilter(token), + }, + ], + }, + semanticColorProperties: { + prefix: "db", + transformGroup: "custom/css", + files: [ + { + destination: "css/semantic-color-properties.css", + format: "cssPropertyFormat", + filter: (token: TransformedToken) => semanticColorFilter(token), + }, + ], + }, + }, +}; diff --git a/src/utils/outputs/style-dictionary/config/transform-groups.ts b/src/utils/outputs/style-dictionary/config/transform-groups.ts new file mode 100644 index 00000000..0a08cb9e --- /dev/null +++ b/src/utils/outputs/style-dictionary/config/transform-groups.ts @@ -0,0 +1,26 @@ +import { CSS_SEMANTIC_COLORS_NAME } from "./transforms.ts"; + +export type TransformGroup = { + name: string; + transforms: string[]; +}; + +export const CustomCssTransFormGroup: TransformGroup = { + name: "custom/css", + transforms: [ + "attribute/cti", + "name/kebab", + "time/seconds", + "html/icon", + "size/rem", + "color/css", + "asset/url", + "fontFamily/css", + "cubicBezier/css", + "strokeStyle/css/shorthand", + "border/css/shorthand", + "typography/css/shorthand", + "transition/css/shorthand", + "shadow/css/shorthand", + ].concat([CSS_SEMANTIC_COLORS_NAME]), +}; diff --git a/src/utils/outputs/style-dictionary/config/transforms.ts b/src/utils/outputs/style-dictionary/config/transforms.ts new file mode 100644 index 00000000..017c4782 --- /dev/null +++ b/src/utils/outputs/style-dictionary/config/transforms.ts @@ -0,0 +1,23 @@ +import { Transform } from "style-dictionary/types"; +import { SEMANTIC_COLOR } from "../../../data.ts"; + +export const CSS_SEMANTIC_COLORS_NAME = "css/semantic-colors"; +export const SemanticColorsTransform: Transform = { + name: CSS_SEMANTIC_COLORS_NAME, + type: "value", + filter: (token) => token.type === SEMANTIC_COLOR, + transform: (token, { prefix }) => { + let lightVar = `var(--${[prefix, ...token.value.light].join("-")})`; + let darkVar = `var(--${[prefix, ...token.value.dark].join("-")})`; + + if (token.value.transparencyDark) { + darkVar = `color-mix(in srgb, transparent ${token.value.transparencyDark}%, ${darkVar})`; + } + + if (token.value.transparencyLight) { + lightVar = `color-mix(in srgb, transparent ${token.value.transparencyLight}%, ${lightVar})`; + } + + return `light-dark(${lightVar},${darkVar});`; + }, +}; diff --git a/src/utils/outputs/style-dictionary/index.ts b/src/utils/outputs/style-dictionary/index.ts index 6656e2e7..1555f4e1 100644 --- a/src/utils/outputs/style-dictionary/index.ts +++ b/src/utils/outputs/style-dictionary/index.ts @@ -1,49 +1,28 @@ -import { ThemeType } from "../../data.ts"; -import traverse from "traverse"; -import { - getTraverseKey, - isDimensionProperty, - nonRemProperties, -} from "../index.ts"; - -export const setObjectByPath = ( - initObj: any, - path: string, - value: any, -): any => { - if (path == "") return value; - - const [k, next] = path.split({ - [Symbol.split](s) { - const i = s.indexOf("."); - return i == -1 ? [s, ""] : [s.slice(0, i), s.slice(i + 1)]; - }, - }); - - if (initObj !== undefined && typeof initObj !== "object") { - console.error(`cannot set property ${k} of ${typeof initObj}`); - } - - return Object.assign(initObj ?? {}, { - [k]: setObjectByPath(initObj?.[k], next, value), - }); +import { DirectoryJSON, Volume } from "@bundled-es-modules/memfs"; +import StyleDictionary, { type Config } from "style-dictionary"; +import { CustomCssTransFormGroup } from "./config/transform-groups.ts"; +import { CssAppOverwriteFormat, CssPropertyFormat } from "./config/formats.ts"; +import { SemanticColorsTransform } from "./config/transforms.ts"; + +StyleDictionary.registerFormat(CssPropertyFormat); +StyleDictionary.registerFormat(CssAppOverwriteFormat); +StyleDictionary.registerTransform(SemanticColorsTransform); +StyleDictionary.registerTransformGroup(CustomCssTransFormGroup); + +export const runStyleDictionary = async (config: Config) => { + const volume = new Volume(); + const sd = new StyleDictionary(config, { volume }); + await sd.buildAllPlatforms(); + + return volume.toJSON(); }; -export const getDBNonColorToken = (theme: ThemeType) => { - const resolvedProperties: any = {}; - traverse(theme).forEach(function (value) { - if (isDimensionProperty(this)) { - const key = getTraverseKey(this.path, "."); - - const finalValue = - !nonRemProperties.includes(this.path[0]) && - (typeof value === "string" || value instanceof String) - ? `${value}rem` - : value; - - setObjectByPath(resolvedProperties, key, finalValue); +export const convertDirectoryJsonToFiles = ( + directoryJSON: DirectoryJSON, +) => + Object.entries(directoryJSON).flatMap(([path, content]) => { + if (!content) { + return []; } + return new File([content], path); }); - - return resolvedProperties; -}; diff --git a/src/utils/outputs/web/index.ts b/src/utils/outputs/web/index.ts deleted file mode 100644 index bdb2bf1e..00000000 --- a/src/utils/outputs/web/index.ts +++ /dev/null @@ -1,188 +0,0 @@ -import { - DefaultColorType, - HeisslufType, - SpeakingName, - ThemeType, -} from "../../data.ts"; -import traverse from "traverse"; -import { - getPalette, - getTraverseKey, - isDimensionProperty, - nonRemProperties, - prefix, -} from "../index.ts"; - -export const getCssPropertyAsString = ( - properties: any, - inRoot?: boolean, -): string => { - let resultString = ""; - - for (const [key, value] of Object.entries(properties)) { - resultString += `${key}: ${value};\n`; - } - - if (inRoot) { - return `:root{${resultString}}`; - } - - return resultString; -}; - -export const getNonColorCssProperties = ( - theme: ThemeType, - asString?: boolean, -) => { - const resolvedProperties: any = {}; - traverse(theme).forEach(function (value) { - if (isDimensionProperty(this)) { - const key = `--${prefix}-${getTraverseKey(this.path)}`; - - resolvedProperties[key] = - !nonRemProperties.includes(this.path[0]) && - (typeof value === "string" || value instanceof String) - ? `${value}rem` - : value; - - if (this.path.at(-1) === "fontSize") { - const lineHeightPath = [...this.path]; - lineHeightPath[lineHeightPath.length - 1] = "lineHeight"; - const fontSizeAsNumber = Number(value); - const lineHeightAsNumber = Number(traverse(theme).get(lineHeightPath)); - - const remainingIconPath = this.path - .filter((path) => path !== "typography" && path !== "fontSize") - .join("-"); - const fontSizing = fontSizeAsNumber * lineHeightAsNumber; - resolvedProperties[ - `--${prefix}-base-icon-weight-${remainingIconPath}` - ] = fontSizing * 16; - resolvedProperties[ - `--${prefix}-base-icon-font-size-${remainingIconPath}` - ] = `${fontSizing}rem`; - } - } - }); - - if (asString) { - return getCssPropertyAsString(resolvedProperties); - } - - return resolvedProperties; -}; - -export const getCssThemeProperties = (theme: ThemeType): string => { - const customTheme = getNonColorCssProperties(theme, true); - - return `:root{ - ${customTheme} - } - `; -}; - -export const getFullColorCss = ( - colorsPalette: string, - colorsSpeakingNames: string, -): string => { - return `:root{ - ${colorsPalette} - ${colorsSpeakingNames} - } - -[data-color-scheme="light"] { - color-scheme: light; -} - -[data-color-scheme="dark"] { - color-scheme: dark; -} - `; -}; - -export const getPaletteOutput = ( - allColors: Record, - luminanceSteps: number[], -): any => { - const palette: Record = getPalette( - allColors, - luminanceSteps, - ); - const result: any = {}; - - Object.entries(allColors).forEach(([unformattedName, color]) => { - const name = unformattedName.toLowerCase(); - - const hslType: HeisslufType[] = palette[unformattedName]; - hslType.forEach((hsl) => { - result[`--${prefix}-${name}-${hsl.index ?? hsl.name}`] = hsl.hex; - }); - - result[`--${prefix}-${name}-origin`] = color.origin; - result[`--${prefix}-${name}-origin-light-default`] = color.originLightDefault; - result[`--${prefix}-${name}-origin-light-hovered`] = - color.originLightHovered; - result[`--${prefix}-${name}-origin-light-pressed`] = - color.originLightPressed; - result[`--${prefix}-${name}-on-origin-light-default`] = color.onOriginLightDefault; - result[`--${prefix}-${name}-on-origin-light-hovered`] = - color.onOriginLightHovered; - result[`--${prefix}-${name}-on-origin-light-pressed`] = - color.onOriginLightPressed; - - result[`--${prefix}-${name}-origin-dark-default`] = color.originDarkDefault; - result[`--${prefix}-${name}-origin-dark-hovered`] = color.originDarkHovered; - result[`--${prefix}-${name}-origin-dark-pressed`] = color.originDarkPressed; - result[`--${prefix}-${name}-on-origin-dark-default`] = color.onOriginDarkDefault; - result[`--${prefix}-${name}-on-origin-dark-hovered`] = - color.onOriginDarkHovered; - result[`--${prefix}-${name}-on-origin-dark-pressed`] = - color.onOriginDarkPressed; - }); - - return result; -}; - -export const getSpeakingNames = ( - speakingNames: SpeakingName[], - allColors: Record, -): any => { - const result: any = {}; - Object.entries(allColors).forEach(([unformattedName]) => { - const name = unformattedName.toLowerCase(); - result[`--${prefix}-${name}-origin-default`] = - `light-dark(var(--${prefix}-${name}-origin-light-default),var(--${prefix}-${name}-origin-dark-default))`; - result[`--${prefix}-${name}-origin-hovered`] = - `light-dark(var(--${prefix}-${name}-origin-light-hovered),var(--${prefix}-${name}-origin-dark-hovered))`; - result[`--${prefix}-${name}-origin-pressed`] = - `light-dark(var(--${prefix}-${name}-origin-light-pressed),var(--${prefix}-${name}-origin-dark-pressed))`; - result[`--${prefix}-${name}-on-origin-default`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-default),var(--${prefix}-${name}-on-origin-dark-default))`; - result[`--${prefix}-${name}-on-origin-hovered`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-hovered),var(--${prefix}-${name}-on-origin-dark-hovered))`; - result[`--${prefix}-${name}-on-origin-pressed`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-pressed),var(--${prefix}-${name}-on-origin-dark-pressed))`; - - speakingNames.forEach((speakingName) => { - if ( - speakingName.transparencyDark !== undefined || - speakingName.transparencyLight !== undefined - ) { - result[`--${prefix}-${name}-${speakingName.name}`] = - `light-dark(color-mix(in srgb, transparent ${ - speakingName.transparencyLight - }%, var(--${prefix}-${name}-${ - speakingName.light - })),color-mix(in srgb, transparent ${ - speakingName.transparencyDark - }%, var(--${prefix}-${name}-${speakingName.dark})))`; - } else { - result[`--${prefix}-${name}-${speakingName.name}`] = - `light-dark(var(--${prefix}-${name}-${ - speakingName.light - }),var(--${prefix}-${name}-${speakingName.dark}))`; - } - }); - }); - return result; -}; From 19a9eb53caf20b9148abc25aa67f38b643008d8a Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Thu, 27 Feb 2025 16:55:39 +0100 Subject: [PATCH 06/10] fix: issue with missing font-size-height --- src/App.tsx | 2 + src/utils/outputs/download.ts | 2 + .../outputs/style-dictionary/typography.ts | 46 +++++++++++++++++++ 3 files changed, 50 insertions(+) create mode 100644 src/utils/outputs/style-dictionary/typography.ts diff --git a/src/App.tsx b/src/App.tsx index 8dfbb34b..b4fdd96e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -10,6 +10,7 @@ import { import { mergeObjectsRecursive } from "./utils"; import { runStyleDictionary } from "./utils/outputs/style-dictionary"; import { appConfig } from "./utils/outputs/style-dictionary/config"; +import { getSDBaseIconProps } from "./utils/outputs/style-dictionary/typography.ts"; const App = () => { const { speakingNames, luminanceSteps, theme } = useThemeBuilderStore( @@ -27,6 +28,7 @@ const App = () => { const sdSpeakingColors = getSDSpeakingColors(speakingNames, allColors); const finalTheme = { + ...getSDBaseIconProps(theme), ...theme, ...mergeObjectsRecursive(sdColorPalette, sdSpeakingColors), }; diff --git a/src/utils/outputs/download.ts b/src/utils/outputs/download.ts index b7c30617..dce11478 100644 --- a/src/utils/outputs/download.ts +++ b/src/utils/outputs/download.ts @@ -32,6 +32,7 @@ import { getSDSpeakingColors, } from "./style-dictionary/colors.ts"; import { platformsConfig } from "./style-dictionary/config"; +import { getSDBaseIconProps } from "./style-dictionary/typography.ts"; const download = (fileName: string, file: Blob) => { const element = document.createElement("a"); @@ -77,6 +78,7 @@ export const downloadTheme = async ( const sdSpeakingColors = getSDSpeakingColors(speakingNames, allColors); const finalTheme = { + ...getSDBaseIconProps(theme), ...theme, ...mergeObjectsRecursive(sdColorPalette, sdSpeakingColors), }; diff --git a/src/utils/outputs/style-dictionary/typography.ts b/src/utils/outputs/style-dictionary/typography.ts new file mode 100644 index 00000000..99a69600 --- /dev/null +++ b/src/utils/outputs/style-dictionary/typography.ts @@ -0,0 +1,46 @@ +import { ThemeType } from "../../data.ts"; +import traverse from "traverse"; +import { setObjectByPath } from "./colors.ts"; + +export const getSDBaseIconProps = (theme: ThemeType): any => { + const baseIconWeight = {}; + const baseIconFontSize = {}; + + traverse(theme.typography).map(function (value) { + if ( + this.isLeaf && + this.path.length > 0 && + this.path.at(-1) === "fontSize" + ) { + const lineHeightPath = [...this.path]; + lineHeightPath[lineHeightPath.length - 1] = "lineHeight"; + const fontSizeAsNumber = Number(value.replace("rem", "")); + const lineHeightAsNumber = Number( + traverse(theme.typography).get(lineHeightPath), + ); + + lineHeightPath.pop(); + + const fontSizing = lineHeightAsNumber * fontSizeAsNumber; + setObjectByPath( + baseIconWeight, + lineHeightPath.join("."), + fontSizing * 16, + ); + setObjectByPath( + baseIconFontSize, + lineHeightPath.join("."), + `${fontSizing}rem`, + ); + } + }); + + return { + base: { + icon: { + weight: baseIconWeight, + "font-size": baseIconFontSize, + }, + }, + }; +}; From 6021b69c6153c66197bf7921e8b5417a89e7a18d Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Mon, 3 Mar 2025 11:34:54 +0100 Subject: [PATCH 07/10] fix: issue with double semicolon --- src/utils/outputs/style-dictionary/config/transforms.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/utils/outputs/style-dictionary/config/transforms.ts b/src/utils/outputs/style-dictionary/config/transforms.ts index 017c4782..15844a9e 100644 --- a/src/utils/outputs/style-dictionary/config/transforms.ts +++ b/src/utils/outputs/style-dictionary/config/transforms.ts @@ -18,6 +18,6 @@ export const SemanticColorsTransform: Transform = { lightVar = `color-mix(in srgb, transparent ${token.value.transparencyLight}%, ${lightVar})`; } - return `light-dark(${lightVar},${darkVar});`; + return `light-dark(${lightVar},${darkVar})`; }, }; From b9664996e24874985489d267485120e5b149f9e1 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 11 Mar 2025 12:44:57 +0100 Subject: [PATCH 08/10] refactor: prettier --- .github/dependabot.yml | 2 +- scripts/cleanup-gh-pages.js | 91 +++++++++---------- .../Customization/LogoUpload/logo-upload.tsx | 10 +- .../Preview/ColorPalettes/index.scss | 8 +- src/components/DefaultPage/default-page.tsx | 7 +- src/index.scss | 1 - src/pages/Demo/demo.tsx | 6 +- src/pages/Playground/index.scss | 3 +- src/utils/generate-colors.ts | 2 +- src/utils/index.ts | 6 +- src/utils/outputs/web/auto-complete/data.ts | 17 +++- src/utils/outputs/web/auto-complete/index.ts | 7 +- tailwind.config.js | 10 +- vite.config.ts | 2 +- 14 files changed, 95 insertions(+), 77 deletions(-) diff --git a/.github/dependabot.yml b/.github/dependabot.yml index 747b88b0..ba50cf91 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -16,4 +16,4 @@ updates: ignore: # We currently need to ignore eslint@v9 - dependency-name: "eslint" - update-types: [ "version-update:semver-major" ] \ No newline at end of file + update-types: ["version-update:semver-major"] diff --git a/scripts/cleanup-gh-pages.js b/scripts/cleanup-gh-pages.js index 52217a99..c0373c54 100644 --- a/scripts/cleanup-gh-pages.js +++ b/scripts/cleanup-gh-pages.js @@ -1,59 +1,56 @@ /* * Fetches all branches and deletes all review-branches in github pages */ -import FS from 'node:fs'; +import FS from "node:fs"; -const TAG = 'cleanup-gh-pages:'; +const TAG = "cleanup-gh-pages:"; const removeOldFromPath = (isTag, data) => { - const path = `public/${isTag ? 'version' : 'review'}`; - if ( - FS.existsSync(path) && - data?.filter((branch) => branch.name).length > 0 - ) { - const dirsToDelete = FS.readdirSync(path) - .filter((file) => !data.find((branch) => branch.name === file)) - // Let's not clean up specific folders - .filter((file) => !['main', 'latest'].includes(file)); - if (dirsToDelete?.length > 0) { - console.log( - TAG, - `Start removing ${isTag ? 'tags' : 'branches'} from gh-pages` - ); - console.log(TAG, dirsToDelete); - for (const dir of dirsToDelete) { - FS.rmSync(`${path}/${dir}`, { - recursive: true, - force: true - }); - console.log(TAG, `deleted ${isTag ? 'tag' : 'branch'} ${dir}`); - } - - return true; - } - - console.log(TAG, `All ${isTag ? 'tags' : 'branches'} are up to date`); - } - - return false; + const path = `public/${isTag ? "version" : "review"}`; + if (FS.existsSync(path) && data?.filter((branch) => branch.name).length > 0) { + const dirsToDelete = FS.readdirSync(path) + .filter((file) => !data.find((branch) => branch.name === file)) + // Let's not clean up specific folders + .filter((file) => !["main", "latest"].includes(file)); + if (dirsToDelete?.length > 0) { + console.log( + TAG, + `Start removing ${isTag ? "tags" : "branches"} from gh-pages`, + ); + console.log(TAG, dirsToDelete); + for (const dir of dirsToDelete) { + FS.rmSync(`${path}/${dir}`, { + recursive: true, + force: true, + }); + console.log(TAG, `deleted ${isTag ? "tag" : "branch"} ${dir}`); + } + + return true; + } + + console.log(TAG, `All ${isTag ? "tags" : "branches"} are up to date`); + } + + return false; }; const cleanUpPages = async ({ github, context }) => { - const { repo, owner } = context.repo; - const branches = await github.rest.repos.listBranches({ - owner, - repo - }); - const tags = await github.rest.repos.listTags({ - owner, - repo - }); - - return { - deploy: - removeOldFromPath(false, branches.data) || - removeOldFromPath(true, tags.data) - }; + const { repo, owner } = context.repo; + const branches = await github.rest.repos.listBranches({ + owner, + repo, + }); + const tags = await github.rest.repos.listTags({ + owner, + repo, + }); + + return { + deploy: + removeOldFromPath(false, branches.data) || + removeOldFromPath(true, tags.data), + }; }; export default cleanUpPages; diff --git a/src/components/Customization/LogoUpload/logo-upload.tsx b/src/components/Customization/LogoUpload/logo-upload.tsx index e6a812e0..e270fe0a 100644 --- a/src/components/Customization/LogoUpload/logo-upload.tsx +++ b/src/components/Customization/LogoUpload/logo-upload.tsx @@ -13,10 +13,7 @@ const LogoUpload = memo(() => {
{t("logo")}
-
+
Light { />
-
+
Dark { >
-
+

{t("Dashboard")}

{ for (const key in obj2) { if (Object.prototype.hasOwnProperty.call(obj2, key)) { - if (obj1[key] && typeof obj1[key] === 'object' && typeof obj2[key] === 'object') { + if ( + obj1[key] && + typeof obj1[key] === "object" && + typeof obj2[key] === "object" + ) { result[key] = mergeObjectsRecursive(obj1[key], obj2[key]); } else { result[key] = obj2[key]; diff --git a/src/utils/outputs/web/auto-complete/data.ts b/src/utils/outputs/web/auto-complete/data.ts index 391f0a7c..b3616c9a 100644 --- a/src/utils/outputs/web/auto-complete/data.ts +++ b/src/utils/outputs/web/auto-complete/data.ts @@ -24,11 +24,13 @@ export const generateColorProperties = (color: string): string => { colorStates.forEach((state) => { backgroundColors.forEach((bgColor) => { result += - ["-", prefix, color, "bg", bgColor, state].join("-") + `: "Change the background color level of the current element. Can be used on containers and components.";\n`; + ["-", prefix, color, "bg", bgColor, state].join("-") + + `: "Change the background color level of the current element. Can be used on containers and components.";\n`; }); onBackgroundColors.forEach((onBgColor) => { result += - ["-", prefix, color, "on-bg", onBgColor, state].join("-") + `: "Change the foreground color with another emphasis of the current element.";\n`; + ["-", prefix, color, "on-bg", onBgColor, state].join("-") + + `: "Change the foreground color with another emphasis of the current element.";\n`; }); invertedColors.forEach((invertedColor) => { result += @@ -37,9 +39,14 @@ export const generateColorProperties = (color: string): string => { }); result += - ["-", prefix, color, "on-bg", "inverted", state].join("-") + `: "Change the foreground color of the current element. Only used with inverted background colors.";\n`; - result += ["-", prefix, color, "origin", state].join("-") + `: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";\n`; - result += ["-", prefix, color, "on-origin", state].join("-") + `: "Change the foreground color of the current element. Only used with origin as background color.";\n`; + ["-", prefix, color, "on-bg", "inverted", state].join("-") + + `: "Change the foreground color of the current element. Only used with inverted background colors.";\n`; + result += + ["-", prefix, color, "origin", state].join("-") + + `: "Origin color can be used for background and foreground. Use this if you know what you are doing, it might not be accessible.";\n`; + result += + ["-", prefix, color, "on-origin", state].join("-") + + `: "Change the foreground color of the current element. Only used with origin as background color.";\n`; }); return result; }; diff --git a/src/utils/outputs/web/auto-complete/index.ts b/src/utils/outputs/web/auto-complete/index.ts index faa95ddb..5efc189b 100644 --- a/src/utils/outputs/web/auto-complete/index.ts +++ b/src/utils/outputs/web/auto-complete/index.ts @@ -38,7 +38,12 @@ export const getColorVariables = ( const getClasses = (allColors: Record) => { const combinedClasses = [ ...allClasses, - { name: `container-color`, description: "These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set.", sizes: Object.keys(allColors) }, + { + name: `container-color`, + description: + "These classes define the monochromatic adaptive color scheme for a container. Texts, icons and backgrounds in it than automatically adapt to the color set.", + sizes: Object.keys(allColors), + }, ]; let result = ""; combinedClasses.forEach((classSet) => { diff --git a/tailwind.config.js b/tailwind.config.js index 80aea6ab..05ecd0f2 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -7,10 +7,10 @@ export default { theme: { ...tokens, gap: ({ theme }) => ({ - ...theme("spacing") + ...theme("spacing"), }), space: ({ theme }) => ({ - ...theme("spacing") - }) - } -}; \ No newline at end of file + ...theme("spacing"), + }), + }, +}; diff --git a/vite.config.ts b/vite.config.ts index 497a33d7..e08ed5c2 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -7,5 +7,5 @@ export default defineConfig({ plugins: [react()], define: { global: {}, - } + }, }); From fcf3fe04165ed22178f7de664f41de5f0a96f77a Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Wed, 12 Mar 2025 10:55:49 +0100 Subject: [PATCH 09/10] chore: remove unused props from sdConfig --- src/utils/outputs/download.ts | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/utils/outputs/download.ts b/src/utils/outputs/download.ts index dce11478..7e10dbd8 100644 --- a/src/utils/outputs/download.ts +++ b/src/utils/outputs/download.ts @@ -94,7 +94,13 @@ export const downloadTheme = async ( .forEach((file) => { zip.file(`${sdFolder}${file.name}`, file); }); - zip.file(`${sdFolder}/sd.config.json`, JSON.stringify(finalTheme)); + + const sdConfig = { ...finalTheme }; + delete sdConfig.branding; + delete sdConfig.colors; + delete sdConfig.customColors; + delete sdConfig.additionalColors; + zip.file(`${sdFolder}/sd.config.json`, JSON.stringify(sdConfig)); //Android const androidFolder: string = "Android"; From 58d76ef94ddbfd8a52b11b023147e0cdc85ead48 Mon Sep 17 00:00:00 2001 From: Nicolas Merget Date: Fri, 28 Mar 2025 11:00:28 +0100 Subject: [PATCH 10/10] feat: add sab config --- src/utils/outputs/download.ts | 18 +++++--- src/utils/outputs/index.ts | 44 ------------------- src/utils/outputs/style-dictionary/index.ts | 25 +++++++++++ .../outputs/style-dictionary/typography.ts | 33 +++++++++++++- 4 files changed, 69 insertions(+), 51 deletions(-) diff --git a/src/utils/outputs/download.ts b/src/utils/outputs/download.ts index 7e10dbd8..09220892 100644 --- a/src/utils/outputs/download.ts +++ b/src/utils/outputs/download.ts @@ -22,6 +22,8 @@ import { generateCustomColorClass } from "./web/custom-color-class.ts"; import { generateAndroidReadmeFile } from "./compose/readme.ts"; import { convertDirectoryJsonToFiles, + deleteUnusedProps, + getSabStyleDictionary, runStyleDictionary, } from "./style-dictionary"; import { generateComposeElevationFile } from "./compose/elevation.ts"; @@ -95,12 +97,16 @@ export const downloadTheme = async ( zip.file(`${sdFolder}${file.name}`, file); }); - const sdConfig = { ...finalTheme }; - delete sdConfig.branding; - delete sdConfig.colors; - delete sdConfig.customColors; - delete sdConfig.additionalColors; - zip.file(`${sdFolder}/sd.config.json`, JSON.stringify(sdConfig)); + const defaultConfig = { ...finalTheme }; + deleteUnusedProps(defaultConfig); + zip.file(`${sdFolder}/default.config.json`, JSON.stringify(defaultConfig)); + + zip.file( + `${sdFolder}/sab.config.json`, + JSON.stringify( + getSabStyleDictionary(theme, sdColorPalette, sdSpeakingColors), + ), + ); //Android const androidFolder: string = "Android"; diff --git a/src/utils/outputs/index.ts b/src/utils/outputs/index.ts index e447f250..d0c1aed4 100644 --- a/src/utils/outputs/index.ts +++ b/src/utils/outputs/index.ts @@ -71,47 +71,3 @@ export const getPaletteOutput = ( return result; }; - -export const getSpeakingNames = ( - speakingNames: SpeakingName[], - allColors: Record, -): any => { - const result: any = {}; - Object.entries(allColors).forEach(([unformattedName]) => { - const name = unformattedName.toLowerCase(); - result[`--${prefix}-${name}-origin-default`] = - `light-dark(var(--${prefix}-${name}-origin-light-default),var(--${prefix}-${name}-origin-dark-default))`; - result[`--${prefix}-${name}-origin-hovered`] = - `light-dark(var(--${prefix}-${name}-origin-light-hovered),var(--${prefix}-${name}-origin-dark-hovered))`; - result[`--${prefix}-${name}-origin-pressed`] = - `light-dark(var(--${prefix}-${name}-origin-light-pressed),var(--${prefix}-${name}-origin-dark-pressed))`; - result[`--${prefix}-${name}-on-origin-default`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-default),var(--${prefix}-${name}-on-origin-dark-default))`; - result[`--${prefix}-${name}-on-origin-hovered`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-hovered),var(--${prefix}-${name}-on-origin-dark-hovered))`; - result[`--${prefix}-${name}-on-origin-pressed`] = - `light-dark(var(--${prefix}-${name}-on-origin-light-pressed),var(--${prefix}-${name}-on-origin-dark-pressed))`; - - speakingNames.forEach((speakingName) => { - if ( - speakingName.transparencyDark !== undefined || - speakingName.transparencyLight !== undefined - ) { - result[`--${prefix}-${name}-${speakingName.name}`] = - `light-dark(color-mix(in srgb, transparent ${ - speakingName.transparencyLight - }%, var(--${prefix}-${name}-${ - speakingName.light - })),color-mix(in srgb, transparent ${ - speakingName.transparencyDark - }%, var(--${prefix}-${name}-${speakingName.dark})))`; - } else { - result[`--${prefix}-${name}-${speakingName.name}`] = - `light-dark(var(--${prefix}-${name}-${ - speakingName.light - }),var(--${prefix}-${name}-${speakingName.dark}))`; - } - }); - }); - return result; -}; \ No newline at end of file diff --git a/src/utils/outputs/style-dictionary/index.ts b/src/utils/outputs/style-dictionary/index.ts index 1555f4e1..86990a6e 100644 --- a/src/utils/outputs/style-dictionary/index.ts +++ b/src/utils/outputs/style-dictionary/index.ts @@ -3,6 +3,9 @@ import StyleDictionary, { type Config } from "style-dictionary"; import { CustomCssTransFormGroup } from "./config/transform-groups.ts"; import { CssAppOverwriteFormat, CssPropertyFormat } from "./config/formats.ts"; import { SemanticColorsTransform } from "./config/transforms.ts"; +import { getSDBaseIconProps, traverseSABTypography } from "./typography.ts"; +import { mergeObjectsRecursive } from "../../index.ts"; +import { ThemeType } from "../../data.ts"; StyleDictionary.registerFormat(CssPropertyFormat); StyleDictionary.registerFormat(CssAppOverwriteFormat); @@ -26,3 +29,25 @@ export const convertDirectoryJsonToFiles = ( } return new File([content], path); }); + +export const deleteUnusedProps = (sdConfig: any) => { + delete sdConfig.branding; + delete sdConfig.colors; + delete sdConfig.customColors; + delete sdConfig.additionalColors; +}; + +export const getSabStyleDictionary = ( + theme: ThemeType, + sdColorPalette: any, + sdSpeakingColors: any, +): object => { + const sdConfig = { + ...getSDBaseIconProps(theme), + ...theme, + }; + deleteUnusedProps(sdConfig); + sdConfig.colors = mergeObjectsRecursive(sdColorPalette, sdSpeakingColors); + sdConfig.typography = traverseSABTypography(sdConfig.typography); + return sdConfig; +}; diff --git a/src/utils/outputs/style-dictionary/typography.ts b/src/utils/outputs/style-dictionary/typography.ts index 99a69600..91ee083d 100644 --- a/src/utils/outputs/style-dictionary/typography.ts +++ b/src/utils/outputs/style-dictionary/typography.ts @@ -1,4 +1,4 @@ -import { ThemeType } from "../../data.ts"; +import { ThemeTonalities, ThemeType } from "../../data.ts"; import traverse from "traverse"; import { setObjectByPath } from "./colors.ts"; @@ -44,3 +44,34 @@ export const getSDBaseIconProps = (theme: ThemeType): any => { }, }; }; + +const typographyKeys: string[] = ["lineHeight", "fontSize", "fontFamily"]; + +export const traverseSABTypography = (typography: ThemeTonalities) => { + const updatedValue: any = { + lineHeight: {}, + fontSize: {}, + fontFamily: {}, + }; + const trav = traverse(typography); + trav.map(function (value) { + if (this.path.length === 3) { + Object.entries(value).forEach(([key, val]) => { + typographyKeys.forEach((typoKey) => { + try { + setObjectByPath( + updatedValue[typoKey], + [...this.path, key].join("."), + { + value: (val as any).value[typoKey], + }, + ); + } catch (error) { + console.error(error); + } + }); + }); + } + }); + return updatedValue; +};