From 712101bba4d40e8b21b2b140263eedf5d99cb9a8 Mon Sep 17 00:00:00 2001 From: Taylor Seamans Date: Mon, 26 Feb 2024 13:00:58 -0800 Subject: [PATCH] Add scaffold for CSS variables, adjust color system --- aries-site/package.json | 1 + aries-site/src/themes/aries.js | 48 +- design-tokens/src/build-style-dictionary.js | 15 +- design-tokens/tokens/color.dark.json | 204 ++++--- design-tokens/tokens/color.light.json | 204 ++++--- design-tokens/tokens/primitives.base.json | 558 ++++-------------- .../tokens/semantic-colors.dark.json | 304 ---------- .../tokens/semantic-colors.light.json | 304 ---------- sandbox/native-web/.gitignore | 24 + sandbox/native-web/css/app.css | 63 ++ sandbox/native-web/css/components.css | 142 +++++ sandbox/native-web/css/fonts.css | 36 ++ sandbox/native-web/css/utilities.css | 38 ++ sandbox/native-web/index.html | 13 + sandbox/native-web/javascript.svg | 1 + sandbox/native-web/main.js | 73 +++ sandbox/native-web/package.json | 18 + sandbox/native-web/utils.js | 17 + sandbox/native-web/yarn.lock | 463 +++++++++++++++ yarn.lock | 44 +- 20 files changed, 1271 insertions(+), 1299 deletions(-) delete mode 100644 design-tokens/tokens/semantic-colors.dark.json delete mode 100644 design-tokens/tokens/semantic-colors.light.json create mode 100644 sandbox/native-web/.gitignore create mode 100644 sandbox/native-web/css/app.css create mode 100644 sandbox/native-web/css/components.css create mode 100644 sandbox/native-web/css/fonts.css create mode 100644 sandbox/native-web/css/utilities.css create mode 100644 sandbox/native-web/index.html create mode 100644 sandbox/native-web/javascript.svg create mode 100644 sandbox/native-web/main.js create mode 100644 sandbox/native-web/package.json create mode 100644 sandbox/native-web/utils.js create mode 100644 sandbox/native-web/yarn.lock diff --git a/aries-site/package.json b/aries-site/package.json index 19d806d670..9a712c9672 100644 --- a/aries-site/package.json +++ b/aries-site/package.json @@ -10,6 +10,7 @@ "@mdx-js/react": "^2.3.0", "@next/mdx": "^13.4.4", "aries-core": "*", + "design-tokens": "*", "next": "13.4.4", "react-ga": "^2.7.0", "react-syntax-highlighter": "^15.4.4", diff --git a/aries-site/src/themes/aries.js b/aries-site/src/themes/aries.js index 5535bd5ec7..d8d571946c 100644 --- a/aries-site/src/themes/aries.js +++ b/aries-site/src/themes/aries.js @@ -3,15 +3,13 @@ import { deepMerge } from 'grommet/utils'; import { Info } from 'grommet-icons'; import { light, dark, desktop, mobile } from 'design-tokens'; -// TO DO can we use typescript in token exports to help enforce expected values? - const global = { borderSize: { xsmall: desktop.border.xsmall.$value, small: desktop.border.small.$value, - medium: desktop.border.medium.$value, // 4 - large: desktop.border.large.$value, // 12 - xlarge: desktop.border.xlarge.$value, // 24 + medium: desktop.border.medium.$value, + large: desktop.border.large.$value, + xlarge: desktop.border.xlarge.$value, }, edgeSize: { none: desktop.spacing.none.$value, @@ -39,9 +37,9 @@ const global = { borderSize: { xsmall: mobile.border.xsmall.$value, small: mobile.border.small.$value, - medium: mobile.border.medium.$value, // 4 - large: mobile.border.large.$value, // 12 - xlarge: mobile.border.xlarge.$value, // 24 + medium: mobile.border.medium.$value, + large: mobile.border.large.$value, + xlarge: mobile.border.xlarge.$value, }, edgeSize: { none: mobile.spacing.none.$value, @@ -69,9 +67,9 @@ const global = { borderSize: { xsmall: mobile.border.xsmall.$value, small: mobile.border.small.$value, - medium: mobile.border.medium.$value, // 4 - large: mobile.border.large.$value, // 12 - xlarge: mobile.border.xlarge.$value, // 24 + medium: mobile.border.medium.$value, + large: mobile.border.large.$value, + xlarge: mobile.border.xlarge.$value, }, edgeSize: { none: mobile.spacing.none.$value, @@ -152,32 +150,32 @@ const global = { light: light.color.foreground.selected.$value, }, // necessary to meet color contrast on HPE green background 'status-critical': { - dark: dark.color.foreground.status.critical.$value, - light: light.color.foreground.status.critical.$value, + dark: dark.color.status.critical.$value, + light: light.color.status.critical.$value, }, 'status-warning': { - dark: dark.color.foreground.status.warning.$value, - light: light.color.foreground.status.warning.$value, + dark: dark.color.status.warning.$value, + light: light.color.status.warning.$value, }, 'status-ok': { - dark: dark.color.foreground.status.ok.$value, - light: light.color.foreground.status.ok.$value, + dark: dark.color.status.ok.$value, + light: light.color.status.ok.$value, }, 'status-unknown': { - dark: dark.color.foreground.status.unknown.$value, - light: light.color.foreground.status.unknown.$value, + dark: dark.color.status.unknown.$value, + light: light.color.status.unknown.$value, }, 'validation-critical': { - light: light.color.background.validation.critical.$value, - dark: dark.color.background.validation.critical.$value, // 30% + light: light.color.validation.critical.$value, + dark: dark.color.validation.critical.$value, // 30% }, 'validation-ok': { - light: light.color.background.validation.ok.$value, - dark: dark.color.background.validation.ok.$value, + light: light.color.validation.ok.$value, + dark: dark.color.validation.ok.$value, }, 'validation-warning': { - light: light.color.background.validation.warning.$value, - dark: dark.color.background.validation.critical.$value, + light: light.color.validation.warning.$value, + dark: dark.color.validation.critical.$value, }, // TO DO do we want these as tokens? 'background-layer-overlay': '#00000080', diff --git a/design-tokens/src/build-style-dictionary.js b/design-tokens/src/build-style-dictionary.js index dabc7af885..33fc7cce2f 100644 --- a/design-tokens/src/build-style-dictionary.js +++ b/design-tokens/src/build-style-dictionary.js @@ -5,16 +5,17 @@ StyleDictionary.registerFormat({ name: 'css/variables-themed', formatter({ dictionary, file, options }) { const { outputReferences, theme } = options; + const darkTokens = StyleDictionary.formatHelpers.formattedVariables({ + format: 'css', + dictionary, + outputReferences, + }); return `${StyleDictionary.formatHelpers.fileHeader({ file, // eslint-disable-next-line max-len - })}:root[data-theme=${theme}] {\n${StyleDictionary.formatHelpers.formattedVariables( - { - format: 'css', - dictionary, - outputReferences, - }, - )}\n}\n`; + })}:root[data-theme=${theme}] {\n${darkTokens}\n}\n +@media (prefers-color-scheme: dark) {\n:root {\n${darkTokens}\n}\n}\n + `; }, }); diff --git a/design-tokens/tokens/color.dark.json b/design-tokens/tokens/color.dark.json index 0acc2a62d3..9e1b3f2b85 100644 --- a/design-tokens/tokens/color.dark.json +++ b/design-tokens/tokens/color.dark.json @@ -2,7 +2,7 @@ "color": { "brand": { "$type": "color", - "$value": "#01A982", + "$value": "{color.green.30}", "$description": "", "$extensions": { "com.figma": { @@ -15,7 +15,7 @@ "background": { "default": { "$type": "color", - "$value": "#1C1C1C", + "$value": "{color.grey.80}", "$description": "", "$extensions": { "com.figma": { @@ -27,7 +27,7 @@ }, "front": { "$type": "color", - "$value": "#222222", + "$value": "{color.grey.70}", "$description": "", "$extensions": { "com.figma": { @@ -39,7 +39,7 @@ }, "back": { "$type": "color", - "$value": "#1C1C1C", + "$value": "{color.grey.80}", "$description": "Background color applied to the base layer of the application.", "$extensions": { "com.figma": { @@ -51,7 +51,7 @@ }, "contrast": { "$type": "color", - "$value": "#FFFFFF0F", + "$value": "{color.white.6}", "$description": "abc", "$extensions": { "com.figma": { @@ -84,50 +84,12 @@ "codeSyntax": {} } } - }, - "validation": { - "critical": { - "$type": "color", - "$value": "#CC1F1A4D", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "warning": { - "$type": "color", - "$value": "#D891284D", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "ok": { - "$type": "color", - "$value": "#17D0A64D", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } } }, "border": { "default": { "$type": "color", - "$value": "#FFFFFF5C", + "$value": "{color.white.36}", "$description": "", "$extensions": { "com.figma": { @@ -139,7 +101,7 @@ }, "strong": { "$type": "color", - "$value": "#FFFFFFB8", + "$value": "{color.white.72}", "$description": "", "$extensions": { "com.figma": { @@ -151,7 +113,7 @@ }, "weak": { "$type": "color", - "$value": "#FFFFFF1F", + "$value": "{color.white.12}", "$description": "", "$extensions": { "com.figma": { @@ -165,7 +127,7 @@ "foreground": { "selected": { "$type": "color", - "$value": "#ffffff", + "$value": "{color.white.100}", "$description": "", "$extensions": { "com.figma": { @@ -174,54 +136,54 @@ "codeSyntax": {} } } - }, - "status": { - "critical": { - "$type": "color", - "$value": "#D04F4E", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } + } + }, + "status": { + "critical": { + "$type": "color", + "$value": "{color.red.40}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} } - }, - "warning": { - "$type": "color", - "$value": "#9B6310", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } + } + }, + "warning": { + "$type": "color", + "$value": "{color.yellow.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} } - }, - "ok": { - "$type": "color", - "$value": "#008567", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } + } + }, + "ok": { + "$type": "color", + "$value": "{color.green.40}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} } - }, - "unknown": { - "$type": "color", - "$value": "#555555", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } + } + }, + "unknown": { + "$type": "color", + "$value": "{color.grey.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} } } } @@ -229,7 +191,7 @@ "text": { "default": { "$type": "color", - "$value": "#FFFFFF", + "$value": "{color.white.100}", "$description": "Default text color.", "$extensions": { "com.figma": { @@ -241,7 +203,7 @@ }, "strong": { "$type": "color", - "$value": "#FFFFFF", + "$value": "{color.white.100}", "$description": "", "$extensions": { "com.figma": { @@ -253,7 +215,7 @@ }, "weak": { "$type": "color", - "$value": "#FFFFFF80", + "$value": "{color.white.50}", "$description": "", "$extensions": { "com.figma": { @@ -265,7 +227,7 @@ }, "xweak": { "$type": "color", - "$value": "#FFFFFF33", + "$value": "{color.white.20}", "$description": "", "$extensions": { "com.figma": { @@ -299,6 +261,56 @@ } } } + }, + "focus": { + "$type": "color", + "$value": "{color.teal.20}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "validation": { + "critical": { + "$type": "color", + "$value": "{color.red.70}", + "$description": "abc", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{color.yellow.70}", + "$description": "abc", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "ok": { + "$type": "color", + "$value": "{color.green.50}", + "$description": "abc", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } } } } diff --git a/design-tokens/tokens/color.light.json b/design-tokens/tokens/color.light.json index 058ccb6b64..0711807f59 100644 --- a/design-tokens/tokens/color.light.json +++ b/design-tokens/tokens/color.light.json @@ -2,7 +2,7 @@ "color": { "brand": { "$type": "color", - "$value": "#01A982", + "$value": "{color.green.30}", "$description": "", "$extensions": { "com.figma": { @@ -15,7 +15,7 @@ "background": { "default": { "$type": "color", - "$value": "#FFFFFF", + "$value": "{color.white.100}", "$description": "", "$extensions": { "com.figma": { @@ -27,7 +27,7 @@ }, "front": { "$type": "color", - "$value": "#FFFFFF", + "$value": "{color.white.100}", "$description": "Background color applied on top of background-back.", "$extensions": { "com.figma": { @@ -39,7 +39,7 @@ }, "back": { "$type": "color", - "$value": "#F7F7F7", + "$value": "{color.grey.10}", "$description": "Background color applied to the base layer of the application.", "$extensions": { "com.figma": { @@ -51,7 +51,7 @@ }, "contrast": { "$type": "color", - "$value": "#0000000a", + "$value": "{color.black.4}", "$description": "abc", "$extensions": { "com.figma": { @@ -84,50 +84,12 @@ "codeSyntax": {} } } - }, - "validation": { - "critical": { - "$type": "color", - "$value": "#FC61613D", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "warning": { - "$type": "color", - "$value": "#ffbc443d", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "ok": { - "$type": "color", - "$value": "#17eba03d", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } } }, "border": { "default": { "$type": "color", - "$value": "#0000005C", + "$value": "{color.black.36}", "$description": "", "$extensions": { "com.figma": { @@ -139,7 +101,7 @@ }, "strong": { "$type": "color", - "$value": "#000000B8", + "$value": "{color.black.72}", "$description": "", "$extensions": { "com.figma": { @@ -151,7 +113,7 @@ }, "weak": { "$type": "color", - "$value": "#0000001F", + "$value": "{color.black.12}", "$description": "", "$extensions": { "com.figma": { @@ -165,7 +127,7 @@ "foreground": { "selected": { "$type": "color", - "$value": "#ffffff", + "$value": "{color.white.100}", "$description": "", "$extensions": { "com.figma": { @@ -174,54 +136,54 @@ "codeSyntax": {} } } - }, - "status": { - "critical": { - "$type": "color", - "$value": "#FC5A5A", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } + } + }, + "status": { + "critical": { + "$type": "color", + "$value": "{color.red.30}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} } - }, - "warning": { - "$type": "color", - "$value": "#FFBC44", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } + } + }, + "warning": { + "$type": "color", + "$value": "{color.yellow.40}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} } - }, - "ok": { - "$type": "color", - "$value": "#17EBA0", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } + } + }, + "ok": { + "$type": "color", + "$value": "{color.green.20}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} } - }, - "unknown": { - "$type": "color", - "$value": "#CCCCCC", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } + } + }, + "unknown": { + "$type": "color", + "$value": "{color.grey.20}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} } } } @@ -229,7 +191,7 @@ "text": { "default": { "$type": "color", - "$value": "#555555", + "$value": "{color.grey.50}", "$description": "Default text color.", "$extensions": { "com.figma": { @@ -241,7 +203,7 @@ }, "strong": { "$type": "color", - "$value": "#333333", + "$value": "{color.grey.60}", "$description": "", "$extensions": { "com.figma": { @@ -253,7 +215,7 @@ }, "weak": { "$type": "color", - "$value": "#757575", + "$value": "{color.grey.40}", "$description": "", "$extensions": { "com.figma": { @@ -265,7 +227,7 @@ }, "xweak": { "$type": "color", - "$value": "#BBBBBB", + "$value": "{color.grey.30}", "$description": "", "$extensions": { "com.figma": { @@ -299,6 +261,56 @@ } } } + }, + "focus": { + "$type": "color", + "$value": "{color.teal.20}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "validation": { + "critical": { + "$type": "color", + "$value": "{color.red.10}", + "$description": "abc", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{color.yellow.10}", + "$description": "abc", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "ok": { + "$type": "color", + "$value": "{color.green.10}", + "$description": "abc", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } } } } diff --git a/design-tokens/tokens/primitives.base.json b/design-tokens/tokens/primitives.base.json index 4944d64443..fd44f05139 100644 --- a/design-tokens/tokens/primitives.base.json +++ b/design-tokens/tokens/primitives.base.json @@ -1,21 +1,9 @@ { "color": { "green": { - "100": { - "$type": "color", - "$value": "#7fcc97", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "200": { + "10": { "$type": "color", - "$value": "#60c38a", + "$value": "#17EBA03D", "$description": "", "$extensions": { "com.figma": { @@ -25,9 +13,9 @@ } } }, - "300": { + "20": { "$type": "color", - "$value": "#41ba82", + "$value": "#17EBA0", "$description": "", "$extensions": { "com.figma": { @@ -37,19 +25,7 @@ } } }, - "400": { - "$type": "color", - "$value": "#21b17f", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "500": { + "30": { "$type": "color", "$value": "#01a982", "$description": "", @@ -61,45 +37,9 @@ } } }, - "600": { - "$type": "color", - "$value": "#009e76", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "700": { - "$type": "color", - "$value": "#008e66", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "800": { - "$type": "color", - "$value": "#007955", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "900": { + "40": { "$type": "color", - "$value": "#005f41", + "$value": "#008567", "$description": "", "$extensions": { "com.figma": { @@ -109,9 +49,9 @@ } } }, - "000": { + "50": { "$type": "color", - "$value": "#9cd7a8", + "$value": "#17D0A64D", "$description": "", "$extensions": { "com.figma": { @@ -123,93 +63,9 @@ } }, "purple": { - "100": { - "$type": "color", - "$value": "#bcbcf0", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "200": { - "$type": "color", - "$value": "#a29bec", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "300": { - "$type": "color", - "$value": "#8e79ea", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "400": { - "$type": "color", - "$value": "#7f55e9", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "500": { - "$type": "color", - "$value": "#7630ea", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "600": { - "$type": "color", - "$value": "#6a19d7", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "700": { - "$type": "color", - "$value": "#5e07b3", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "800": { + "10": { "$type": "color", - "$value": "#56008c", + "$value": "#F740FF", "$description": "", "$extensions": { "com.figma": { @@ -219,9 +75,9 @@ } } }, - "900": { + "20": { "$type": "color", - "$value": "#470066", + "$value": "#7630EA", "$description": "", "$extensions": { "com.figma": { @@ -231,9 +87,9 @@ } } }, - "000": { + "30": { "$type": "color", - "$value": "#dbdef6", + "$value": "#6633BC", "$description": "", "$extensions": { "com.figma": { @@ -245,21 +101,9 @@ } }, "teal": { - "100": { - "$type": "color", - "$value": "#afeee7", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "200": { + "10": { "$type": "color", - "$value": "#8feae0", + "$value": "#82FFF2", "$description": "", "$extensions": { "com.figma": { @@ -269,9 +113,9 @@ } } }, - "300": { + "20": { "$type": "color", - "$value": "#6de7da", + "$value": "#00E8CF", "$description": "", "$extensions": { "com.figma": { @@ -281,81 +125,9 @@ } } }, - "400": { + "30": { "$type": "color", - "$value": "#4ae6d5", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "500": { - "$type": "color", - "$value": "#00e8cf", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "600": { - "$type": "color", - "$value": "#00d8d9", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "700": { - "$type": "color", - "$value": "#00a9b3", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "800": { - "$type": "color", - "$value": "#00778c", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "900": { - "$type": "color", - "$value": "#004966", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "000": { - "$type": "color", - "$value": "#cef3ef", + "$value": "#117B82", "$description": "", "$extensions": { "com.figma": { @@ -367,9 +139,9 @@ } }, "blue": { - "100": { + "10": { "$type": "color", - "$value": "#7630ea", + "$value": "#00C8FF", "$description": "", "$extensions": { "com.figma": { @@ -379,9 +151,9 @@ } } }, - "200": { + "20": { "$type": "color", - "$value": "#7630ea", + "$value": "#00739D", "$description": "", "$extensions": { "com.figma": { @@ -391,9 +163,9 @@ } } }, - "300": { + "30": { "$type": "color", - "$value": "#7630ea", + "$value": "#00567A", "$description": "", "$extensions": { "com.figma": { @@ -402,10 +174,12 @@ "codeSyntax": {} } } - }, - "400": { + } + }, + "red": { + "10": { "$type": "color", - "$value": "#7630ea", + "$value": "#FC61613D", "$description": "", "$extensions": { "com.figma": { @@ -415,9 +189,9 @@ } } }, - "500": { + "20": { "$type": "color", - "$value": "#7630ea", + "$value": "#FC6161", "$description": "", "$extensions": { "com.figma": { @@ -427,9 +201,9 @@ } } }, - "600": { + "30": { "$type": "color", - "$value": "#7630ea", + "$value": "#FC5a5a", "$description": "", "$extensions": { "com.figma": { @@ -439,9 +213,9 @@ } } }, - "700": { + "40": { "$type": "color", - "$value": "#7630ea", + "$value": "#d04f4e", "$description": "", "$extensions": { "com.figma": { @@ -451,9 +225,9 @@ } } }, - "800": { + "50": { "$type": "color", - "$value": "#7630ea", + "$value": "#C54E4B", "$description": "", "$extensions": { "com.figma": { @@ -463,9 +237,9 @@ } } }, - "900": { + "60": { "$type": "color", - "$value": "#7630ea", + "$value": "#A2423D", "$description": "", "$extensions": { "com.figma": { @@ -475,9 +249,9 @@ } } }, - "000": { + "70": { "$type": "color", - "$value": "#7630ea", + "$value": "#CC1F1A4D", "$description": "", "$extensions": { "com.figma": { @@ -488,10 +262,10 @@ } } }, - "red": { - "100": { + "orange": { + "10": { "$type": "color", - "$value": "#ed907c", + "$value": "#FFBC44", "$description": "", "$extensions": { "com.figma": { @@ -501,9 +275,9 @@ } } }, - "200": { + "20": { "$type": "color", - "$value": "#e57e6d", + "$value": "#FF8300", "$description": "", "$extensions": { "com.figma": { @@ -513,9 +287,9 @@ } } }, - "300": { + "30": { "$type": "color", - "$value": "#dc6d61", + "$value": "#9B6310", "$description": "", "$extensions": { "com.figma": { @@ -524,10 +298,12 @@ "codeSyntax": {} } } - }, - "400": { + } + }, + "yellow": { + "10": { "$type": "color", - "$value": "#d15d55", + "$value": "#FFBC443D", "$description": "", "$extensions": { "com.figma": { @@ -537,9 +313,9 @@ } } }, - "500": { + "20": { "$type": "color", - "$value": "#c54e4b", + "$value": "#FFEB59", "$description": "", "$extensions": { "com.figma": { @@ -549,9 +325,9 @@ } } }, - "600": { + "30": { "$type": "color", - "$value": "#b23835", + "$value": "#FEC901", "$description": "", "$extensions": { "com.figma": { @@ -561,9 +337,9 @@ } } }, - "700": { + "40": { "$type": "color", - "$value": "#9b2523", + "$value": "#FFBC44", "$description": "", "$extensions": { "com.figma": { @@ -573,9 +349,9 @@ } } }, - "800": { + "50": { "$type": "color", - "$value": "#811615", + "$value": "#9B6310", "$description": "", "$extensions": { "com.figma": { @@ -585,9 +361,9 @@ } } }, - "900": { + "60": { "$type": "color", - "$value": "#630b0a", + "$value": "#8D741C", "$description": "", "$extensions": { "com.figma": { @@ -597,9 +373,9 @@ } } }, - "000": { + "70": { "$type": "color", - "$value": "#f4a28b", + "$value": "#D891284D", "$description": "", "$extensions": { "com.figma": { @@ -610,10 +386,10 @@ } } }, - "orange": { - "100": { + "grey": { + "10": { "$type": "color", - "$value": "#7630ea", + "$value": "#F7F7F7", "$description": "", "$extensions": { "com.figma": { @@ -623,9 +399,9 @@ } } }, - "200": { + "20": { "$type": "color", - "$value": "#7630ea", + "$value": "#CCCCCC", "$description": "", "$extensions": { "com.figma": { @@ -635,9 +411,9 @@ } } }, - "300": { + "30": { "$type": "color", - "$value": "#7630ea", + "$value": "#BBBBBB", "$description": "", "$extensions": { "com.figma": { @@ -647,33 +423,9 @@ } } }, - "400": { + "40": { "$type": "color", - "$value": "#7630ea", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "500": { - "$type": "color", - "$value": "#7630ea", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "600": { - "$type": "color", - "$value": "#7630ea", + "$value": "#757575", "$description": "", "$extensions": { "com.figma": { @@ -683,9 +435,9 @@ } } }, - "700": { + "50": { "$type": "color", - "$value": "#7630ea", + "$value": "#555555", "$description": "", "$extensions": { "com.figma": { @@ -695,9 +447,9 @@ } } }, - "800": { + "60": { "$type": "color", - "$value": "#7630ea", + "$value": "#333333", "$description": "", "$extensions": { "com.figma": { @@ -707,9 +459,9 @@ } } }, - "900": { + "70": { "$type": "color", - "$value": "#7630ea", + "$value": "#222222", "$description": "", "$extensions": { "com.figma": { @@ -719,9 +471,9 @@ } } }, - "000": { + "80": { "$type": "color", - "$value": "#7630ea", + "$value": "#1C1C1C", "$description": "", "$extensions": { "com.figma": { @@ -732,10 +484,10 @@ } } }, - "yellow": { - "100": { + "black": { + "4": { "$type": "color", - "$value": "#7630ea", + "$value": "#0000000A", "$description": "", "$extensions": { "com.figma": { @@ -745,9 +497,9 @@ } } }, - "200": { + "12": { "$type": "color", - "$value": "#7630ea", + "$value": "#0000001F", "$description": "", "$extensions": { "com.figma": { @@ -757,9 +509,9 @@ } } }, - "300": { + "36": { "$type": "color", - "$value": "#7630ea", + "$value": "#0000005C", "$description": "", "$extensions": { "com.figma": { @@ -769,9 +521,9 @@ } } }, - "400": { + "50": { "$type": "color", - "$value": "#7630ea", + "$value": "#00000080", "$description": "", "$extensions": { "com.figma": { @@ -781,9 +533,9 @@ } } }, - "500": { + "72": { "$type": "color", - "$value": "#7630ea", + "$value": "#000000B8", "$description": "", "$extensions": { "com.figma": { @@ -793,57 +545,9 @@ } } }, - "600": { - "$type": "color", - "$value": "#7630ea", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "700": { - "$type": "color", - "$value": "#7630ea", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "800": { - "$type": "color", - "$value": "#7630ea", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "900": { - "$type": "color", - "$value": "#7630ea", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "000": { + "100": { "$type": "color", - "$value": "#7630ea", + "$value": "#000000", "$description": "", "$extensions": { "com.figma": { @@ -854,34 +558,10 @@ } } }, - "neutral": { - "100": { - "$type": "color", - "$value": "#f7f7f7", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "200": { - "$type": "color", - "$value": "#cccccc", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "300": { + "white": { + "6": { "$type": "color", - "$value": "#bbbbbb", + "$value": "#FFFFFF0F", "$description": "", "$extensions": { "com.figma": { @@ -891,9 +571,9 @@ } } }, - "400": { + "12": { "$type": "color", - "$value": "#757575", + "$value": "#FFFFFF1F", "$description": "", "$extensions": { "com.figma": { @@ -903,9 +583,9 @@ } } }, - "500": { + "20": { "$type": "color", - "$value": "#555555", + "$value": "#FFFFFF33", "$description": "", "$extensions": { "com.figma": { @@ -915,9 +595,9 @@ } } }, - "600": { + "36": { "$type": "color", - "$value": "#333333", + "$value": "#FFFFFF5C", "$description": "", "$extensions": { "com.figma": { @@ -927,9 +607,9 @@ } } }, - "700": { + "50": { "$type": "color", - "$value": "#333333", + "$value": "#FFFFFF80", "$description": "", "$extensions": { "com.figma": { @@ -939,9 +619,9 @@ } } }, - "800": { + "72": { "$type": "color", - "$value": "#222222", + "$value": "#FFFFFFB8", "$description": "", "$extensions": { "com.figma": { @@ -951,21 +631,9 @@ } } }, - "900": { - "$type": "color", - "$value": "#1c1c1c", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "000": { + "100": { "$type": "color", - "$value": "#ffffff", + "$value": "#FFFFFF", "$description": "", "$extensions": { "com.figma": { diff --git a/design-tokens/tokens/semantic-colors.dark.json b/design-tokens/tokens/semantic-colors.dark.json deleted file mode 100644 index 0205594a36..0000000000 --- a/design-tokens/tokens/semantic-colors.dark.json +++ /dev/null @@ -1,304 +0,0 @@ -{ - "color": { - "brand": { - "$type": "color", - "$value": "{color.green.500}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "background": { - "default": { - "$type": "color", - "$value": "{color.neutral.900}", - "$description": "Abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "front": { - "$type": "color", - "$value": "{color.neutral.700}", - "$description": "Background color applied on top of background-back.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "back": { - "$type": "color", - "$value": "{color.neutral.900}", - "$description": "Background color applied to the base layer of the application.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "contrast": { - "$type": "color", - "$value": "#0000000a", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "active": { - "$type": "color", - "$value": "{color.background.contrast}", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "selected": { - "$type": "color", - "$value": "{color.brand}", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "validation": { - "critical": { - "$type": "color", - "$value": "#fc61613d", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "warning": { - "$type": "color", - "$value": "#ffbc443d", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "ok": { - "$type": "color", - "$value": "#17eba03d", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } - }, - "border": { - "default": { - "$type": "color", - "$value": "{color.neutral.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "strong": { - "$type": "color", - "$value": "{color.neutral.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "weak": { - "$type": "color", - "$value": "{color.neutral.200}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "foreground": { - "selected": { - "$type": "color", - "$value": "#ffffff", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "status": { - "critical": { - "$type": "color", - "$value": "{color.red.500}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "warning": { - "$type": "color", - "$value": "{color.yellow.500}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "ok": { - "$type": "color", - "$value": "{color.green.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "unknown": { - "$type": "color", - "$value": "{color.neutral.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } - }, - "text": { - "default": { - "$type": "color", - "$value": "{color.neutral.500}", - "$description": "Default text color.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "strong": { - "$type": "color", - "$value": "{color.neutral.600}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "weak": { - "$type": "color", - "$value": "{color.neutral.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "xweak": { - "$type": "color", - "$value": "{color.neutral.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "active": { - "$type": "color", - "$value": "{color.text.strong}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "disabled": { - "$type": "color", - "$value": "{color.text.xweak}", - "$description": "Color of disabled text.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } - } -} diff --git a/design-tokens/tokens/semantic-colors.light.json b/design-tokens/tokens/semantic-colors.light.json deleted file mode 100644 index 26aed0305a..0000000000 --- a/design-tokens/tokens/semantic-colors.light.json +++ /dev/null @@ -1,304 +0,0 @@ -{ - "color": { - "brand": { - "$type": "color", - "$value": "{color.green.500}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "background": { - "default": { - "$type": "color", - "$value": "{color.neutral.000}", - "$description": "Abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "front": { - "$type": "color", - "$value": "{color.neutral.000}", - "$description": "Background color applied on top of background-back.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "back": { - "$type": "color", - "$value": "{color.neutral.100}", - "$description": "Background color applied to the base layer of the application.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "contrast": { - "$type": "color", - "$value": "#0000000a", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "active": { - "$type": "color", - "$value": "{color.background.contrast}", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "selected": { - "$type": "color", - "$value": "{color.brand}", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "validation": { - "critical": { - "$type": "color", - "$value": "#fc61613d", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "warning": { - "$type": "color", - "$value": "#ffbc443d", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "ok": { - "$type": "color", - "$value": "#17eba03d", - "$description": "abc", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } - }, - "border": { - "default": { - "$type": "color", - "$value": "{color.neutral.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "strong": { - "$type": "color", - "$value": "{color.neutral.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "weak": { - "$type": "color", - "$value": "{color.neutral.200}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - }, - "foreground": { - "selected": { - "$type": "color", - "$value": "#ffffff", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "status": { - "critical": { - "$type": "color", - "$value": "{color.red.500}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "warning": { - "$type": "color", - "$value": "{color.yellow.500}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "ok": { - "$type": "color", - "$value": "{color.green.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "unknown": { - "$type": "color", - "$value": "{color.neutral.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } - }, - "text": { - "default": { - "$type": "color", - "$value": "{color.neutral.500}", - "$description": "Default text color.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "strong": { - "$type": "color", - "$value": "{color.neutral.600}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "weak": { - "$type": "color", - "$value": "{color.neutral.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "xweak": { - "$type": "color", - "$value": "{color.neutral.300}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "active": { - "$type": "color", - "$value": "{color.text.strong}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - }, - "disabled": { - "$type": "color", - "$value": "{color.text.xweak}", - "$description": "Color of disabled text.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } - } -} diff --git a/sandbox/native-web/.gitignore b/sandbox/native-web/.gitignore new file mode 100644 index 0000000000..a547bf36d8 --- /dev/null +++ b/sandbox/native-web/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/sandbox/native-web/css/app.css b/sandbox/native-web/css/app.css new file mode 100644 index 0000000000..033b6f97e3 --- /dev/null +++ b/sandbox/native-web/css/app.css @@ -0,0 +1,63 @@ +:root { + font-family: Metric, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; + color-scheme: light dark; + background-color: var(--color-background-back); + color: var(--color-text-default); + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body { + margin: 0; + min-height: 100vh; + padding: 0; +} + +#app { + margin: 0 auto; +} + +/* ------- Layout styles --------- */ + +img.icon { + width: 18px; + height: 18px; +} + +/* card */ +.description { + font-weight: 500; +} + +.container { + container: pageSection / inline-size; +} + +.outer { + grid-template-columns: 1fr var(--content-medium); +} +.flex-flex { + grid-template-columns: 1fr 1fr; +} +.column { + display: flex; + flex-direction: column; + gap: var(--spacing-medium); +} + +@container pageSection (max-width: 768px) { + .outer { + grid-template-columns: 1fr; + } +} + +@container pageSection (max-width: 576px) { + .flex-flex { + grid-template-columns: 1fr; + } +} diff --git a/sandbox/native-web/css/components.css b/sandbox/native-web/css/components.css new file mode 100644 index 0000000000..c7c55e2336 --- /dev/null +++ b/sandbox/native-web/css/components.css @@ -0,0 +1,142 @@ +/* ------ Component styles ------ */ + +/* Anchor */ +a { + font-weight: 500; + color: var(--color-text-strong); + text-decoration: none; +} +a:hover { + text-decoration: underline; +} + +/* Button */ +button { + --button-backgroundColor: transparent; + --button-borderWidth: 0px; + --button-borderColor: var(--button-backgroundColor); + --button-lineHeight: 24px; + --button-label-color: var(--color-text-strong); + --button-label-fontWeight: 600; + --button-label-fontSize: 19px; + --button-borderRadius: 2rem; + --button-paddingVertical: calc(6px - var(--button-borderWidth)); + --button-paddingHorizontal: calc(18px - var(--button-borderWidth)); + + border-radius: var(--button-borderRadius); + background-color: var(--button-backgroundColor); + border: var(--button-borderWidth) solid var(--button-borderColor); + color: var(--button-label-color); + padding: var(--button-paddingVertical) var(--button-paddingHorizontal); + font-size: var(--button-label-fontSize); + line-height: var(--button-lineHeight); + font-weight: var(--button-label-fontWeight); + font-family: inherit; + cursor: pointer; + transition: border-color, background-color 0.25s; +} +button:hover { + --button-backgroundColor: var(--color-background-contrast); +} +/* button:focus, */ +button:focus-visible { + outline: 2px solid var(--color-focus); +} +button.primary { + --button-backgroundColor: var(--color-brand); + --button-label-color: var(--color-foreground-selected); + --button-label-fontWeight: bold; +} +button.secondary { + --button-borderColor: var(--color-brand); + --button-borderWidth: 2px; +} +button.secondary:hover { + --button-backgroundColor: transparent; + --button-borderWidth: 3px; +} +button.iconOnly { + --button-paddingVertical: 9px; + --button-paddingHorizontal: 9px; + --button-lineHeight: 0; +} + +/* Card */ +.card { + display: flex; + flex-direction: column; + align-items: flex-start; + background-color: var(--color-background-front); + border-radius: var(--radius-xlarge); + padding: var(--spacing-medium); + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 250ms; +} + +.card.interactive:hover { + box-shadow: var(--spacing-none) var(--spacing-xsmall) var(--spacing-small) + #0000001f; + cursor: pointer; +} + +/* Grid */ +.grid { + display: grid; + box-sizing: border-box; + grid-gap: var(--spacing-medium) var(--spacing-medium); +} + +/* Heading */ +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--color-text-strong); + margin: 0; + font-weight: 500; + line-height: 1; +} +h1 { + font-size: 2.25rem; /* 36px */ +} +h2 { + font-size: 1.5rem; /* 24px */ +} + +/* Page, PageContent */ +.page { + display: flex; + flex-direction: column; + box-sizing: border-box; + max-width: 100%; + width: 100%; +} + +.pageContent { + display: flex; + flex-direction: column; + box-sizing: border-box; + align-self: center; + max-width: 1536px; /* these shouldn't be responsive */ + min-width: 384px; + width: 100%; + padding-inline: var(--spacing-large); +} + +/* PageHeader */ +.pageHeader { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: var(--spacing-medium) 0 var(--spacing-large) 0; +} + +/* Text */ +span, +p { + font-size: 18px; + line-height: 24px; +} diff --git a/sandbox/native-web/css/fonts.css b/sandbox/native-web/css/fonts.css new file mode 100644 index 0000000000..96ec71a3cc --- /dev/null +++ b/sandbox/native-web/css/fonts.css @@ -0,0 +1,36 @@ +/* This is a copy from the grommet-theme-hpe font-face declarations in https://github.com/grommet/grommet-theme-hpe/blob/master/src/js/themes/hpe.js */ +@font-face { + font-family: "Metric"; + src: url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Regular.woff2") format('woff2'), + url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Regular.woff") format('woff'); + } + @font-face { + font-family: "Metric"; + src: url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Regular.woff2") format('woff2'), + url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Regular.woff") format('woff'); + font-weight: 400; + } + @font-face { + font-family: "Metric"; + src: url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Bold.woff2") format('woff2'), + url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Bold.woff") format('woff'); + font-weight: 700; + } + @font-face { + font-family: "Metric"; + src: url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Semibold.woff2") format('woff2'), + url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Semibold.woff") format('woff'); + font-weight: 600; + } + @font-face { + font-family: "Metric"; + src: url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Medium.woff2") format('woff2'), + url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Medium.woff") format('woff'); + font-weight: 500; + } + @font-face { + font-family: "Metric"; + src: url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Light.woff2") format('woff2'), + url("https://www.hpe.com/h41225/hfws-static/fonts/metric-hpe-web/MetricHPE-Web-Light.woff") format('woff'); + font-weight: 100; + } \ No newline at end of file diff --git a/sandbox/native-web/css/utilities.css b/sandbox/native-web/css/utilities.css new file mode 100644 index 0000000000..d225e590e7 --- /dev/null +++ b/sandbox/native-web/css/utilities.css @@ -0,0 +1,38 @@ +/* ------ Utility classes ------- */ + +.gap-xsmall { + gap: var(--spacing-xsmall); +} + +.gap-medium { + gap: var(--spacing-medium); +} + +.text-xsmall { + font-size: 14px; + line-height: 16px; +} +.text-small { + font-size: 16px; + line-height: 20px; +} +.text-medium { + font-size: 18px; + line-height: 24px; +} +.text-large { + font-size: 22px; + line-height: 28px; +} +.text-xlarge { + font-size: 24px; + line-height: 30px; +} +.text-xxlarge { + font-size: 36px; + line-height: 40px; +} +.text-3xl { + font-size: 42px; + line-height: 46px; +} diff --git a/sandbox/native-web/index.html b/sandbox/native-web/index.html new file mode 100644 index 0000000000..2ad7b1ab9e --- /dev/null +++ b/sandbox/native-web/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite App + + +
+ + + diff --git a/sandbox/native-web/javascript.svg b/sandbox/native-web/javascript.svg new file mode 100644 index 0000000000..f9abb2b728 --- /dev/null +++ b/sandbox/native-web/javascript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/sandbox/native-web/main.js b/sandbox/native-web/main.js new file mode 100644 index 0000000000..a5f21c4e5c --- /dev/null +++ b/sandbox/native-web/main.js @@ -0,0 +1,73 @@ +import 'design-tokens/dist/css/colors-dark.css'; +import 'design-tokens/dist/css/colors.css'; +import 'design-tokens/dist/css/dimensions-large.css'; +import 'design-tokens/dist/css/dimensions-small.css'; +import './css/components.css'; +import './css/fonts.css'; +import './css/app.css'; +import './css/utilities.css'; +import Sun from 'grommet-icons/img/sun.svg'; +import { toggleTheme } from './utils'; + +document.querySelector('#app').innerHTML = ` +
+
+
+

Console home

+ +
+
+
+
+
+
+

Block Storage

+ + Last used yesterday, at 8:36pm + + +
+
+

Private Cloud Enterprise

+ + Last used on July 17, 2023, at 8:36pm + +
+
+
+

Capacity

+ Volume + 32% + used + +
+
+
+
+

Find services

+ + Discover and launch services from out catalog. + +
+
+

Learn about the new HPE GreenLake Console experience

+ +
+
+
+
+
+
+ +
+
+`; + +toggleTheme(document.querySelector('#themeToggle')); + +// setupCounter(document.querySelector('#counter')); +//
+// +//
diff --git a/sandbox/native-web/package.json b/sandbox/native-web/package.json new file mode 100644 index 0000000000..dc5ecd012c --- /dev/null +++ b/sandbox/native-web/package.json @@ -0,0 +1,18 @@ +{ + "name": "native-web", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + }, + "devDependencies": { + "vite": "^5.1.4" + }, + "dependencies": { + "design-tokens": "file:.yalc/design-tokens", + "grommet-icons": "^4.12.0" + } +} diff --git a/sandbox/native-web/utils.js b/sandbox/native-web/utils.js new file mode 100644 index 0000000000..5db30b35f6 --- /dev/null +++ b/sandbox/native-web/utils.js @@ -0,0 +1,17 @@ +export const toggleTheme = element => { + const handleChange = () => { + const currentMode = document.documentElement.getAttribute('data-theme'); + // On page load or when changing themes, + // best to add inline in `head` to avoid FOUC + if (window.matchMedia('(prefers-color-scheme: dark)').matches) { + // TO DO double check this + } else { + document.documentElement.setAttribute( + 'data-theme', + !currentMode ? 'dark' : '', + ); + } + }; + + element.addEventListener('click', () => handleChange()); +}; diff --git a/sandbox/native-web/yarn.lock b/sandbox/native-web/yarn.lock new file mode 100644 index 0000000000..30c0313374 --- /dev/null +++ b/sandbox/native-web/yarn.lock @@ -0,0 +1,463 @@ +# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. +# yarn lockfile v1 + + +"@cspotcode/source-map-support@^0.8.0": + version "0.8.1" + resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1" + integrity sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw== + dependencies: + "@jridgewell/trace-mapping" "0.3.9" + +"@esbuild/aix-ppc64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz#d1bc06aedb6936b3b6d313bf809a5a40387d2b7f" + integrity sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA== + +"@esbuild/android-arm64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz#7ad65a36cfdb7e0d429c353e00f680d737c2aed4" + integrity sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA== + +"@esbuild/android-arm@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.19.12.tgz#b0c26536f37776162ca8bde25e42040c203f2824" + integrity sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w== + +"@esbuild/android-x64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.19.12.tgz#cb13e2211282012194d89bf3bfe7721273473b3d" + integrity sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew== + +"@esbuild/darwin-arm64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz#cbee41e988020d4b516e9d9e44dd29200996275e" + integrity sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g== + +"@esbuild/darwin-x64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz#e37d9633246d52aecf491ee916ece709f9d5f4cd" + integrity sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A== + +"@esbuild/freebsd-arm64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz#1ee4d8b682ed363b08af74d1ea2b2b4dbba76487" + integrity sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA== + +"@esbuild/freebsd-x64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz#37a693553d42ff77cd7126764b535fb6cc28a11c" + integrity sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg== + +"@esbuild/linux-arm64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz#be9b145985ec6c57470e0e051d887b09dddb2d4b" + integrity sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA== + +"@esbuild/linux-arm@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz#207ecd982a8db95f7b5279207d0ff2331acf5eef" + integrity sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w== + +"@esbuild/linux-ia32@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz#d0d86b5ca1562523dc284a6723293a52d5860601" + integrity sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA== + +"@esbuild/linux-loong64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz#9a37f87fec4b8408e682b528391fa22afd952299" + integrity sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA== + +"@esbuild/linux-mips64el@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz#4ddebd4e6eeba20b509d8e74c8e30d8ace0b89ec" + integrity sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w== + +"@esbuild/linux-ppc64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz#adb67dadb73656849f63cd522f5ecb351dd8dee8" + integrity sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg== + +"@esbuild/linux-riscv64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz#11bc0698bf0a2abf8727f1c7ace2112612c15adf" + integrity sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg== + +"@esbuild/linux-s390x@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz#e86fb8ffba7c5c92ba91fc3b27ed5a70196c3cc8" + integrity sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg== + +"@esbuild/linux-x64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz#5f37cfdc705aea687dfe5dfbec086a05acfe9c78" + integrity sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg== + +"@esbuild/netbsd-x64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz#29da566a75324e0d0dd7e47519ba2f7ef168657b" + integrity sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA== + +"@esbuild/openbsd-x64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz#306c0acbdb5a99c95be98bdd1d47c916e7dc3ff0" + integrity sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw== + +"@esbuild/sunos-x64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz#0933eaab9af8b9b2c930236f62aae3fc593faf30" + integrity sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA== + +"@esbuild/win32-arm64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz#773bdbaa1971b36db2f6560088639ccd1e6773ae" + integrity sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A== + +"@esbuild/win32-ia32@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz#000516cad06354cc84a73f0943a4aa690ef6fd67" + integrity sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ== + +"@esbuild/win32-x64@0.19.12": + version "0.19.12" + resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz#c57c8afbb4054a3ab8317591a0b7320360b444ae" + integrity sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA== + +"@jridgewell/resolve-uri@^3.0.3": + version "3.1.2" + resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6" + integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw== + +"@jridgewell/sourcemap-codec@^1.4.10": + version "1.4.15" + resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32" + integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg== + +"@jridgewell/trace-mapping@0.3.9": + version "0.3.9" + resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9" + integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ== + dependencies: + "@jridgewell/resolve-uri" "^3.0.3" + "@jridgewell/sourcemap-codec" "^1.4.10" + +"@rollup/rollup-android-arm-eabi@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.12.0.tgz#38c3abd1955a3c21d492af6b1a1dca4bb1d894d6" + integrity sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w== + +"@rollup/rollup-android-arm64@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.12.0.tgz#3822e929f415627609e53b11cec9a4be806de0e2" + integrity sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ== + +"@rollup/rollup-darwin-arm64@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.12.0.tgz#6c082de71f481f57df6cfa3701ab2a7afde96f69" + integrity sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ== + +"@rollup/rollup-darwin-x64@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.12.0.tgz#c34ca0d31f3c46a22c9afa0e944403eea0edcfd8" + integrity sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg== + +"@rollup/rollup-linux-arm-gnueabihf@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.12.0.tgz#48e899c1e438629c072889b824a98787a7c2362d" + integrity sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA== + +"@rollup/rollup-linux-arm64-gnu@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.12.0.tgz#788c2698a119dc229062d40da6ada8a090a73a68" + integrity sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA== + +"@rollup/rollup-linux-arm64-musl@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.12.0.tgz#3882a4e3a564af9e55804beeb67076857b035ab7" + integrity sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ== + +"@rollup/rollup-linux-riscv64-gnu@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.12.0.tgz#0c6ad792e1195c12bfae634425a3d2aa0fe93ab7" + integrity sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw== + +"@rollup/rollup-linux-x64-gnu@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.12.0.tgz#9d62485ea0f18d8674033b57aa14fb758f6ec6e3" + integrity sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA== + +"@rollup/rollup-linux-x64-musl@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.12.0.tgz#50e8167e28b33c977c1f813def2b2074d1435e05" + integrity sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw== + +"@rollup/rollup-win32-arm64-msvc@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.12.0.tgz#68d233272a2004429124494121a42c4aebdc5b8e" + integrity sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw== + +"@rollup/rollup-win32-ia32-msvc@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.12.0.tgz#366ca62221d1689e3b55a03f4ae12ae9ba595d40" + integrity sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA== + +"@rollup/rollup-win32-x64-msvc@4.12.0": + version "4.12.0" + resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.12.0.tgz#9ffdf9ed133a7464f4ae187eb9e1294413fab235" + integrity sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg== + +"@tsconfig/node10@^1.0.7": + version "1.0.9" + resolved "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.9.tgz#df4907fc07a886922637b15e02d4cebc4c0021b2" + integrity sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA== + +"@tsconfig/node12@^1.0.7": + version "1.0.11" + resolved "https://registry.yarnpkg.com/@tsconfig/node12/-/node12-1.0.11.tgz#ee3def1f27d9ed66dac6e46a295cffb0152e058d" + integrity sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag== + +"@tsconfig/node14@^1.0.0": + version "1.0.3" + resolved "https://registry.yarnpkg.com/@tsconfig/node14/-/node14-1.0.3.tgz#e4386316284f00b98435bf40f72f75a09dabf6c1" + integrity sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow== + +"@tsconfig/node16@^1.0.2": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.4.tgz#0b92dcc0cc1c81f6f306a381f28e31b1a56536e9" + integrity sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA== + +"@types/estree@1.0.5": + version "1.0.5" + resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4" + integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw== + +acorn-walk@^8.1.1: + version "8.3.2" + resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.2.tgz#7703af9415f1b6db9315d6895503862e231d34aa" + integrity sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A== + +acorn@^8.4.1: + version "8.11.3" + resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a" + integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg== + +arg@^4.1.0: + version "4.1.3" + resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089" + integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA== + +asynckit@^0.4.0: + version "0.4.0" + resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" + integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q== + +axios@^1.6.0: + version "1.6.7" + resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.7.tgz#7b48c2e27c96f9c68a2f8f31e2ab19f59b06b0a7" + integrity sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA== + dependencies: + follow-redirects "^1.15.4" + form-data "^4.0.0" + proxy-from-env "^1.1.0" + +combined-stream@^1.0.8: + version "1.0.8" + resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f" + integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg== + dependencies: + delayed-stream "~1.0.0" + +create-require@^1.1.0: + version "1.1.1" + resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333" + integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ== + +delayed-stream@~1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" + integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ== + +"design-tokens@file:.yalc/design-tokens": + version "0.1.0" + dependencies: + axios "^1.6.0" + dotenv "^16.3.1" + ts-node "^10.9.1" + typescript "^5.1.6" + +diff@^4.0.1: + version "4.0.2" + resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d" + integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A== + +dotenv@^16.3.1: + version "16.4.5" + resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.5.tgz#cdd3b3b604cb327e286b4762e13502f717cb099f" + integrity sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg== + +esbuild@^0.19.3: + version "0.19.12" + resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.19.12.tgz#dc82ee5dc79e82f5a5c3b4323a2a641827db3e04" + integrity sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg== + optionalDependencies: + "@esbuild/aix-ppc64" "0.19.12" + "@esbuild/android-arm" "0.19.12" + "@esbuild/android-arm64" "0.19.12" + "@esbuild/android-x64" "0.19.12" + "@esbuild/darwin-arm64" "0.19.12" + "@esbuild/darwin-x64" "0.19.12" + "@esbuild/freebsd-arm64" "0.19.12" + "@esbuild/freebsd-x64" "0.19.12" + "@esbuild/linux-arm" "0.19.12" + "@esbuild/linux-arm64" "0.19.12" + "@esbuild/linux-ia32" "0.19.12" + "@esbuild/linux-loong64" "0.19.12" + "@esbuild/linux-mips64el" "0.19.12" + "@esbuild/linux-ppc64" "0.19.12" + "@esbuild/linux-riscv64" "0.19.12" + "@esbuild/linux-s390x" "0.19.12" + "@esbuild/linux-x64" "0.19.12" + "@esbuild/netbsd-x64" "0.19.12" + "@esbuild/openbsd-x64" "0.19.12" + "@esbuild/sunos-x64" "0.19.12" + "@esbuild/win32-arm64" "0.19.12" + "@esbuild/win32-ia32" "0.19.12" + "@esbuild/win32-x64" "0.19.12" + +follow-redirects@^1.15.4: + version "1.15.5" + resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.5.tgz#54d4d6d062c0fa7d9d17feb008461550e3ba8020" + integrity sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw== + +form-data@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452" + integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww== + dependencies: + asynckit "^0.4.0" + combined-stream "^1.0.8" + mime-types "^2.1.12" + +fsevents@~2.3.2, fsevents@~2.3.3: + version "2.3.3" + resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6" + integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw== + +grommet-icons@^4.12.0: + version "4.12.0" + resolved "https://registry.yarnpkg.com/grommet-icons/-/grommet-icons-4.12.0.tgz#122c1f09c100f2ea6321c401107038caeda8a6b8" + integrity sha512-aPFVjdCBLbaUOpxzrNakxYz6DNYxS5lJeLP4tI6nZFfOzLhWH5LBf+tfkL/ZkLMNZC1Uqsw9awPvyvT03xLOsA== + +make-error@^1.1.1: + version "1.3.6" + resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2" + integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw== + +mime-db@1.52.0: + version "1.52.0" + resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70" + integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg== + +mime-types@^2.1.12: + version "2.1.35" + resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a" + integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw== + dependencies: + mime-db "1.52.0" + +nanoid@^3.3.7: + version "3.3.7" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8" + integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g== + +picocolors@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" + integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ== + +postcss@^8.4.35: + version "8.4.35" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.35.tgz#60997775689ce09011edf083a549cea44aabe2f7" + integrity sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA== + dependencies: + nanoid "^3.3.7" + picocolors "^1.0.0" + source-map-js "^1.0.2" + +proxy-from-env@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2" + integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg== + +rollup@^4.2.0: + version "4.12.0" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.12.0.tgz#0b6d1e5f3d46bbcf244deec41a7421dc54cc45b5" + integrity sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q== + dependencies: + "@types/estree" "1.0.5" + optionalDependencies: + "@rollup/rollup-android-arm-eabi" "4.12.0" + "@rollup/rollup-android-arm64" "4.12.0" + "@rollup/rollup-darwin-arm64" "4.12.0" + "@rollup/rollup-darwin-x64" "4.12.0" + "@rollup/rollup-linux-arm-gnueabihf" "4.12.0" + "@rollup/rollup-linux-arm64-gnu" "4.12.0" + "@rollup/rollup-linux-arm64-musl" "4.12.0" + "@rollup/rollup-linux-riscv64-gnu" "4.12.0" + "@rollup/rollup-linux-x64-gnu" "4.12.0" + "@rollup/rollup-linux-x64-musl" "4.12.0" + "@rollup/rollup-win32-arm64-msvc" "4.12.0" + "@rollup/rollup-win32-ia32-msvc" "4.12.0" + "@rollup/rollup-win32-x64-msvc" "4.12.0" + fsevents "~2.3.2" + +source-map-js@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" + integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== + +ts-node@^10.9.1: + version "10.9.2" + resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-10.9.2.tgz#70f021c9e185bccdca820e26dc413805c101c71f" + integrity sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ== + dependencies: + "@cspotcode/source-map-support" "^0.8.0" + "@tsconfig/node10" "^1.0.7" + "@tsconfig/node12" "^1.0.7" + "@tsconfig/node14" "^1.0.0" + "@tsconfig/node16" "^1.0.2" + acorn "^8.4.1" + acorn-walk "^8.1.1" + arg "^4.1.0" + create-require "^1.1.0" + diff "^4.0.1" + make-error "^1.1.1" + v8-compile-cache-lib "^3.0.1" + yn "3.1.1" + +typescript@^5.1.6: + version "5.3.3" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.3.3.tgz#b3ce6ba258e72e6305ba66f5c9b452aaee3ffe37" + integrity sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw== + +v8-compile-cache-lib@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz#6336e8d71965cb3d35a1bbb7868445a7c05264bf" + integrity sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg== + +vite@^5.1.4: + version "5.1.4" + resolved "https://registry.yarnpkg.com/vite/-/vite-5.1.4.tgz#14e9d3e7a6e488f36284ef13cebe149f060bcfb6" + integrity sha512-n+MPqzq+d9nMVTKyewqw6kSt+R3CkvF9QAKY8obiQn8g1fwTscKxyfaYnC632HtBXAQGc1Yjomphwn1dtwGAHg== + dependencies: + esbuild "^0.19.3" + postcss "^8.4.35" + rollup "^4.2.0" + optionalDependencies: + fsevents "~2.3.3" + +yn@3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50" + integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q== diff --git a/yarn.lock b/yarn.lock index 9d25377433..97863bf2ec 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1464,10 +1464,10 @@ minimatch "^3.1.2" strip-json-comments "^3.1.1" -"@eslint/js@8.56.0": - version "8.56.0" - resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.56.0.tgz#ef20350fec605a7f7035a01764731b2de0f3782b" - integrity sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A== +"@eslint/js@8.57.0": + version "8.57.0" + resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.0.tgz#a5417ae8427873f1dd08b70b3574b453e67b5f7f" + integrity sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g== "@hapi/hoek@^9.0.0", "@hapi/hoek@^9.3.0": version "9.3.0" @@ -1481,7 +1481,7 @@ dependencies: "@hapi/hoek" "^9.0.0" -"@humanwhocodes/config-array@^0.11.13": +"@humanwhocodes/config-array@^0.11.14": version "0.11.14" resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.14.tgz#d78e481a039f7566ecc9660b4ea7fe6b1fec442b" integrity sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg== @@ -1890,9 +1890,9 @@ chalk "^4.0.0" "@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2": - version "0.3.3" - resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098" - integrity sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ== + version "0.3.4" + resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.4.tgz#9b18145d26cf33d08576cf4c7665b28554480ed7" + integrity sha512-Oud2QPM5dHviZNn4y/WhhYKSXksv+1xLEIsNrAbGcFzUN3ubqWRFT5gwPchNc5NuzILOU4tPBDTZ4VwhL8Y7cw== dependencies: "@jridgewell/set-array" "^1.0.1" "@jridgewell/sourcemap-codec" "^1.4.10" @@ -1930,9 +1930,9 @@ "@jridgewell/sourcemap-codec" "^1.4.10" "@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.20", "@jridgewell/trace-mapping@^0.3.9": - version "0.3.22" - resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.22.tgz#72a621e5de59f5f1ef792d0793a82ee20f645e4c" - integrity sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw== + version "0.3.23" + resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.23.tgz#afc96847f3f07841477f303eed687707a5aacd80" + integrity sha512-9/4foRoUKp8s96tSkh8DlAAc5A0Ty8vLXld+l9gjKKY6ckwI8G15f0hskGmuLZu78ZlGa1vtsfOa+lnB4vG6Jg== dependencies: "@jridgewell/resolve-uri" "^3.1.0" "@jridgewell/sourcemap-codec" "^1.4.14" @@ -2484,9 +2484,9 @@ integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ== "@types/react@>=16": - version "18.2.58" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.58.tgz#22082d12898d11806f4a1aefb5583116a047493d" - integrity sha512-TaGvMNhxvG2Q0K0aYxiKfNDS5m5ZsoIBBbtfUorxdH4NGSXIlYvZxLJI+9Dd3KjeB3780bciLyAb7ylO8pLhPw== + version "18.2.59" + resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.59.tgz#14c7bcab22e2ce71d9eaa02f78d3d55067724d7f" + integrity sha512-DE+F6BYEC8VtajY85Qr7mmhTd/79rJKIHCg99MU9SWPB4xvLb6D1za2vYflgZfmPqQVEr6UqJTnLXEwzpVPuOg== dependencies: "@types/prop-types" "*" "@types/scheduler" "*" @@ -4392,9 +4392,9 @@ ee-first@1.1.1: integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow== electron-to-chromium@^1.4.668: - version "1.4.680" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.680.tgz#18a30d3f557993eda2d5b1e21a06c4d51875392f" - integrity sha512-4nToZ5jlPO14W82NkF32wyjhYqQByVaDmLy4J2/tYcAbJfgO2TKJC780Az1V13gzq4l73CJ0yuyalpXvxXXD9A== + version "1.4.682" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.682.tgz#27577b88ccccc810e09b05093345cf1830f1bd65" + integrity sha512-oCglfs8yYKs9RQjJFOHonSnhikPK3y+0SvSYc/YpYJV//6rqc0/hbwd0c7vgK4vrl6y2gJAwjkhkSGWK+z4KRA== elegant-spinner@^1.0.1: version "1.0.1" @@ -4837,15 +4837,15 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4 integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag== eslint@^8.30.0: - version "8.56.0" - resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.56.0.tgz#4957ce8da409dc0809f99ab07a1b94832ab74b15" - integrity sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ== + version "8.57.0" + resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.0.tgz#c786a6fd0e0b68941aaf624596fb987089195668" + integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ== dependencies: "@eslint-community/eslint-utils" "^4.2.0" "@eslint-community/regexpp" "^4.6.1" "@eslint/eslintrc" "^2.1.4" - "@eslint/js" "8.56.0" - "@humanwhocodes/config-array" "^0.11.13" + "@eslint/js" "8.57.0" + "@humanwhocodes/config-array" "^0.11.14" "@humanwhocodes/module-importer" "^1.0.1" "@nodelib/fs.walk" "^1.2.8" "@ungap/structured-clone" "^1.2.0"