From ad55dc66309b98d6a90c1405d44f465c4306c136 Mon Sep 17 00:00:00 2001 From: Brandon Clark <98107867+bclark-p44@users.noreply.github.com> Date: Tue, 27 Sep 2022 16:06:56 -0500 Subject: [PATCH] fix: removing style-dictionary from token build (#105) * fix: removing style-dictionary from token build * chore: package scripts cleanup * chore: adding changeset * fix: addressing feedback --- .changeset/calm-bobcats-trade.md | 2 + package.json | 12 +- packages/design-tokens/package.json | 9 +- packages/design-tokens/scripts/build.js | 60 --- packages/design-tokens/src/index.ts | 5 + packages/design-tokens/src/tokens/border.ts | 12 + packages/design-tokens/src/tokens/color.ts | 178 ++++++++ .../design-tokens/src/tokens/elevation.ts | 21 + packages/design-tokens/src/tokens/space.ts | 17 + .../design-tokens/src/tokens/typography.ts | 41 ++ .../design-tokens/tokens/border/radius.json | 6 - .../design-tokens/tokens/border/width.json | 7 - .../tokens/color/background.json | 15 - .../design-tokens/tokens/color/border.json | 11 - .../design-tokens/tokens/color/brand.json | 16 - .../design-tokens/tokens/color/palette.json | 129 ------ .../design-tokens/tokens/color/primary.json | 9 - packages/design-tokens/tokens/color/text.json | 14 - .../tokens/color/visualization.json | 38 -- .../tokens/elevation/shadow.json | 11 - .../tokens/elevation/z-index.json | 12 - .../design-tokens/tokens/layout/size.json | 9 - .../design-tokens/tokens/layout/space.json | 9 - .../tokens/typography/font-family.json | 8 - .../tokens/typography/font-size.json | 10 - .../tokens/typography/font-weight.json | 7 - .../tokens/typography/letter-spacing.json | 8 - .../tokens/typography/line-height.json | 10 - packages/design-tokens/tsconfig.json | 10 + tsconfig.json | 3 + yarn.lock | 381 +----------------- 31 files changed, 296 insertions(+), 784 deletions(-) create mode 100644 .changeset/calm-bobcats-trade.md delete mode 100644 packages/design-tokens/scripts/build.js create mode 100644 packages/design-tokens/src/index.ts create mode 100644 packages/design-tokens/src/tokens/border.ts create mode 100644 packages/design-tokens/src/tokens/color.ts create mode 100644 packages/design-tokens/src/tokens/elevation.ts create mode 100644 packages/design-tokens/src/tokens/space.ts create mode 100644 packages/design-tokens/src/tokens/typography.ts delete mode 100644 packages/design-tokens/tokens/border/radius.json delete mode 100644 packages/design-tokens/tokens/border/width.json delete mode 100644 packages/design-tokens/tokens/color/background.json delete mode 100644 packages/design-tokens/tokens/color/border.json delete mode 100644 packages/design-tokens/tokens/color/brand.json delete mode 100644 packages/design-tokens/tokens/color/palette.json delete mode 100644 packages/design-tokens/tokens/color/primary.json delete mode 100644 packages/design-tokens/tokens/color/text.json delete mode 100644 packages/design-tokens/tokens/color/visualization.json delete mode 100644 packages/design-tokens/tokens/elevation/shadow.json delete mode 100644 packages/design-tokens/tokens/elevation/z-index.json delete mode 100644 packages/design-tokens/tokens/layout/size.json delete mode 100644 packages/design-tokens/tokens/layout/space.json delete mode 100644 packages/design-tokens/tokens/typography/font-family.json delete mode 100644 packages/design-tokens/tokens/typography/font-size.json delete mode 100644 packages/design-tokens/tokens/typography/font-weight.json delete mode 100644 packages/design-tokens/tokens/typography/letter-spacing.json delete mode 100644 packages/design-tokens/tokens/typography/line-height.json create mode 100644 packages/design-tokens/tsconfig.json diff --git a/.changeset/calm-bobcats-trade.md b/.changeset/calm-bobcats-trade.md new file mode 100644 index 00000000..a845151c --- /dev/null +++ b/.changeset/calm-bobcats-trade.md @@ -0,0 +1,2 @@ +--- +--- diff --git a/package.json b/package.json index 074f190c..3b462233 100644 --- a/package.json +++ b/package.json @@ -9,19 +9,17 @@ "tooling/*" ], "scripts": { - "build": "run-s build:tokens build:packemon build:types", + "build": "run-s build:packemon build:types", "build:docs": "run-s build build:next", "build:packemon": "packemon build --addEngines", "build:next": "yarn workspace @project44-manifest/docs build", "build:storybook": "yarn workspace @project44-manifest/storybook build", - "build:tokens": "yarn workspace @project44-manifest/design-tokens build", "build:types": "tsc -b", - "dev": "yarn build:tokens && run-p dev:tokens dev:storybook", - "dev:all": "yarn build:tokens && run-p dev:tokens dev:storybook dev:website", - "dev:docs": "yarn build && yarn workspace @project44-manifest/docs dev", + "dev": "run-s build dev:storybook", + "dev:all": "run-p dev:storybook dev:website", + "dev:docs": "yarn workspace @project44-manifest/docs dev", "dev:packemon": "packemon watch", "dev:storybook": "yarn workspace @project44-manifest/storybook dev", - "dev:tokens": "yarn workspace @project44-manifest/design-tokens dev", "changeset": "changeset", "chromatic": "chromatic", "clean": "run-s clean:packemon clean:types", @@ -55,7 +53,6 @@ "@typescript-eslint/eslint-plugin": "^5.34.0", "@typescript-eslint/parser": "^5.34.0", "chokidar-cli": "^3.0.0", - "esbuild": "^0.15.7", "eslint": "^8.22.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-import": "^2.26.0", @@ -67,7 +64,6 @@ "eslint-plugin-react-perf": "^3.3.1", "fast-glob": "^3.2.12", "fs-extra": "^10.1.0", - "globby": "^13.1.2", "husky": "^8.0.1", "jest": "^28.1.3", "jest-axe": "^6.0.0", diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index 0996f68b..6eadd465 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -28,12 +28,7 @@ "url": "git@github.com:project-44/manifest.git", "directory": "packages/design-tokens" }, - "scripts": { - "build": "node scripts/build.js", - "clean": "rm -rf .turbo node_modules lib esm dts", - "dev": "chokidar \"tokens/**/*.json\" -c \"yarn build\"" - }, - "devDependencies": { - "style-dictionary": "^3.7.0" + "packemon": { + "platform": "browser" } } diff --git a/packages/design-tokens/scripts/build.js b/packages/design-tokens/scripts/build.js deleted file mode 100644 index 9e1be6b7..00000000 --- a/packages/design-tokens/scripts/build.js +++ /dev/null @@ -1,60 +0,0 @@ -const path = require('path'); -const StyleDictionary = require('style-dictionary'); - -const CATEGORIES = new Set(['border-width', 'font-size', 'line-height', 'radius', 'size', 'space']); -const ROOT_DIR = path.resolve(__dirname, '../'); - -StyleDictionary.registerTransform({ - name: 'size/pxToRem', - type: 'value', - matcher: token => CATEGORIES.has(token.attributes.category), - transformer: token => { - const tokenValue = token.original.value; - - if (tokenValue.includes('%') || tokenValue.includes('px') || tokenValue.includes('em')) { - return tokenValue; - } - - const baseFont = 16; - const parsedValue = parseFloat(tokenValue); - - if (parsedValue === 0) return '0'; - - return `${parsedValue / baseFont}rem`; - }, -}); - -StyleDictionary.registerTransformGroup({ - name: 'javascript', - transforms: ['attribute/cti', 'name/cti/camel', 'size/pxToRem', 'color/hex'], -}); - -StyleDictionary.extend({ - source: [path.join(ROOT_DIR, 'tokens/**/*.json')], - platforms: { - cjs: { - buildPath: path.join(ROOT_DIR, 'lib/'), - files: [{ destination: 'index.js', format: 'javascript/module-flat' }], - options: { - showFileHeader: false, - }, - transformGroup: 'javascript', - }, - esm: { - buildPath: path.join(ROOT_DIR, 'esm/'), - files: [{ destination: 'index.js', format: 'javascript/es6' }], - options: { - showFileHeader: false, - }, - transformGroup: 'javascript', - }, - ts: { - buildPath: path.join(ROOT_DIR, 'dts/'), - files: [{ destination: 'index.d.ts', format: 'typescript/es6-declarations' }], - options: { - showFileHeader: false, - }, - transformGroup: 'javascript', - }, - }, -}).buildAllPlatforms(); diff --git a/packages/design-tokens/src/index.ts b/packages/design-tokens/src/index.ts new file mode 100644 index 00000000..63511f0d --- /dev/null +++ b/packages/design-tokens/src/index.ts @@ -0,0 +1,5 @@ +export * from './tokens/border'; +export * from './tokens/color'; +export * from './tokens/elevation'; +export * from './tokens/space'; +export * from './tokens/typography'; diff --git a/packages/design-tokens/src/tokens/border.ts b/packages/design-tokens/src/tokens/border.ts new file mode 100644 index 00000000..38c68b1a --- /dev/null +++ b/packages/design-tokens/src/tokens/border.ts @@ -0,0 +1,12 @@ +/** -------------------------------------------- + * Border Radius + * -------------------------------------------- */ +export const radiusFull = '999em'; +export const radiusSmall = '2px'; + +/** -------------------------------------------- + * Border Width + * -------------------------------------------- */ +export const borderWidthLarge = '3px'; +export const borderWidthMedium = '2px'; +export const borderWidthSmall = '1px'; diff --git a/packages/design-tokens/src/tokens/color.ts b/packages/design-tokens/src/tokens/color.ts new file mode 100644 index 00000000..47ed0ca6 --- /dev/null +++ b/packages/design-tokens/src/tokens/color.ts @@ -0,0 +1,178 @@ +/** -------------------------------------------- + * Palette colors + * -------------------------------------------- */ +export const colorPaletteBlack = '#091521'; +export const colorPaletteWhite = '#ffffff'; +export const colorPaletteBlue50 = '#ecf4fe'; +export const colorPaletteBlue100 = '#c9e1fb'; +export const colorPaletteBlue200 = '#95c5f8'; +export const colorPaletteBlue300 = '#62a9f4'; +export const colorPaletteBlue400 = '#308df1'; +export const colorPaletteBlue500 = '#0072ec'; +export const colorPaletteBlue600 = '#005cbe'; +export const colorPaletteBlue700 = '#00458e'; +export const colorPaletteBlue800 = '#003772'; +export const colorPaletteBlue900 = '#002956'; +export const colorPaletteBrown50 = '#faf0e7'; +export const colorPaletteBrown100 = '#ead9ce'; +export const colorPaletteBrown200 = '#d8c1b2'; +export const colorPaletteBrown300 = '#c4a794'; +export const colorPaletteBrown400 = '#b3917b'; +export const colorPaletteBrown500 = '#a27c62'; +export const colorPaletteBrown600 = '#95715a'; +export const colorPaletteBrown700 = '#84634f'; +export const colorPaletteBrown800 = '#755646'; +export const colorPaletteBrown900 = '#64473a'; +export const colorPaletteGreen50 = '#ddefe6'; +export const colorPaletteGreen100 = '#c3e1d2'; +export const colorPaletteGreen200 = '#93c9ae'; +export const colorPaletteGreen300 = '#62b08b'; +export const colorPaletteGreen400 = '#329867'; +export const colorPaletteGreen500 = '#0e864c'; +export const colorPaletteGreen600 = '#0b6b3d'; +export const colorPaletteGreen700 = '#095731'; +export const colorPaletteGreen800 = '#074326'; +export const colorPaletteGreen900 = '#06361e'; +export const colorPaletteGrey50 = '#fafafb'; +export const colorPaletteGrey100 = '#f4f4f5'; +export const colorPaletteGrey200 = '#e4e6e7'; +export const colorPaletteGrey300 = '#d1d3d6'; +export const colorPaletteGrey400 = '#a9adb1'; +export const colorPaletteGrey500 = '#898e94'; +export const colorPaletteGrey600 = '#697078'; +export const colorPaletteGrey700 = '#49515a'; +export const colorPaletteGrey800 = '#2a343f'; +export const colorPaletteGrey900 = '#091521'; +export const colorPaletteIndigo50 = '#e9eafa'; +export const colorPaletteIndigo100 = '#c7ccf0'; +export const colorPaletteIndigo200 = '#a5aee8'; +export const colorPaletteIndigo300 = '#7785db'; +export const colorPaletteIndigo400 = '#5c6cd6'; +export const colorPaletteIndigo500 = '#3142c8'; +export const colorPaletteIndigo600 = '#3442bc'; +export const colorPaletteIndigo700 = '#2e39ad'; +export const colorPaletteIndigo800 = '#232b9c'; +export const colorPaletteIndigo900 = '#16158d'; +export const colorPaletteOrange50 = '#fbede7'; +export const colorPaletteOrange100 = '#ffd0bc'; +export const colorPaletteOrange200 = '#ffb291'; +export const colorPaletteOrange300 = '#ff9365'; +export const colorPaletteOrange400 = '#ff7b43'; +export const colorPaletteOrange500 = '#ff6422'; +export const colorPaletteOrange600 = '#f45e1e'; +export const colorPaletteOrange700 = '#e65719'; +export const colorPaletteOrange800 = '#d85015'; +export const colorPaletteOrange900 = '#bf420c'; +export const colorPalettePink50 = '#fbe5ee'; +export const colorPalettePink100 = '#f6bed6'; +export const colorPalettePink200 = '#f194ba'; +export const colorPalettePink300 = '#ed6a9f'; +export const colorPalettePink400 = '#ea4c89'; +export const colorPalettePink500 = '#e83274'; +export const colorPalettePink600 = '#d72f70'; +export const colorPalettePink700 = '#c02c69'; +export const colorPalettePink800 = '#aa2964'; +export const colorPalettePink900 = '#852259'; +export const colorPalettePurple50 = '#f2e7fc'; +export const colorPalettePurple100 = '#ddd0f3'; +export const colorPalettePurple200 = '#c79bf2'; +export const colorPalettePurple300 = '#b16fed'; +export const colorPalettePurple400 = '#9e4ae8'; +export const colorPalettePurple500 = '#8c18e2'; +export const colorPalettePurple600 = '#8110dc'; +export const colorPalettePurple700 = '#7300d3'; +export const colorPalettePurple800 = '#6500ce'; +export const colorPalettePurple900 = '#4e00c6'; +export const colorPaletteRed50 = '#f5e9e8'; +export const colorPaletteRed100 = '#f4cfcd'; +export const colorPaletteRed200 = '#eca9a5'; +export const colorPaletteRed300 = '#e3837d'; +export const colorPaletteRed400 = '#da5d55'; +export const colorPaletteRed500 = '#d44037'; +export const colorPaletteRed600 = '#b4362f'; +export const colorPaletteRed700 = '#942d27'; +export const colorPaletteRed800 = '#75231e'; +export const colorPaletteRed900 = '#551a16'; +export const colorPaletteYellow50 = '#fefae7'; +export const colorPaletteYellow100 = '#fbf1c4'; +export const colorPaletteYellow200 = '#f8e99f'; +export const colorPaletteYellow300 = '#f4e07b'; +export const colorPaletteYellow400 = '#f0d961'; +export const colorPaletteYellow500 = '#ecd348'; +export const colorPaletteYellow600 = '#dcc243'; +export const colorPaletteYellow700 = '#c8ac3d'; +export const colorPaletteYellow800 = '#b39638'; +export const colorPaletteYellow900 = '#90722f'; + +/** -------------------------------------------- + * Background colors + * -------------------------------------------- */ +export const colorBackgroundDanger = colorPaletteRed50; +export const colorBackgroundPrimary = colorPaletteWhite; +export const colorBackgroundSecondary = colorPaletteGrey100; +export const colorBackgroundSideNav = '#021c6b'; +export const colorBackgroundSuccess = colorPaletteGreen50; +export const colorBackgroundSurface = colorPaletteWhite; +export const colorBackgroundTertiary = colorPaletteGrey200; +export const colorBackgroundTopNav = '#1f3987'; +export const colorBackgroundWarning = colorPaletteOrange50; + +/** -------------------------------------------- + * Border colors + * -------------------------------------------- */ +export const colorBorderDanger = colorPaletteRed600; +export const colorBorderDisabled = colorPaletteGrey100; +export const colorBorderPrimary = colorPaletteGrey200; +export const colorBorderSuccess = colorPaletteGreen600; +export const colorBorderWarning = colorPaletteOrange600; + +/** -------------------------------------------- + * Brand colors + * -------------------------------------------- */ +export const colorBrandDefault = colorPaletteBlue500; +export const colorBrandActive = `linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`; +export const colorBrandHover = `linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`; +export const colorBrandGradient = `linear-gradient(90deg, ${colorPaletteBlue500} 0%, ${colorPalettePurple900} 163.65%, ${colorPalettePurple500} 191.59%)`; + +/** -------------------------------------------- + * Primary colors + * -------------------------------------------- */ +export const colorPrimaryDefault = colorPaletteIndigo500; +export const colorPrimaryActive = colorPaletteIndigo900; +export const colorPrimaryHover = colorPaletteIndigo700; + +/** -------------------------------------------- + * Text colors + * -------------------------------------------- */ +export const colorTextContrast = colorPaletteWhite; +export const colorTextDanger = colorPaletteRed600; +export const colorTextDisabled = colorPaletteGrey400; +export const colorTextPrimary = colorPaletteBlack; +export const colorTextSecondary = colorPaletteGrey700; +export const colorTextSuccess = colorPaletteGreen600; +export const colorTextTertiary = colorPaletteGrey500; +export const colorTextWarning = colorPaletteOrange600; + +/** -------------------------------------------- + * Data Visualization colors + * -------------------------------------------- */ +export const colorDataVizDangerFill = colorPaletteRed300; +export const colorDataVizDangerHover = colorPaletteRed600; +export const colorDataVizDangerLine = colorPaletteRed500; +export const colorDataVizNeutralFill = colorPaletteGrey300; +export const colorDataVizNeutralHover = colorPaletteGrey500; +export const colorDataVizPrimaryFill = colorPaletteIndigo300; +export const colorDataVizPrimaryFillAlt = colorPaletteIndigo100; +export const colorDataVizPrimaryHover = colorPaletteIndigo600; +export const colorDataVizPrimaryLine = colorPaletteIndigo500; +export const colorDataVizSecondaryFill = colorPaletteBlue300; +export const colorDataVizSecondaryFillAlt = colorPaletteBlue100; +export const colorDataVizSecondaryHover = colorPaletteBlue600; +export const colorDataVizSecondaryLine = colorPaletteBlue500; +export const colorDataVizTertiaryFill = colorPalettePurple300; +export const colorDataVizTertiaryFillAlt = colorPalettePurple100; +export const colorDataVizTertiaryHover = colorPalettePurple600; +export const colorDataVizTertiaryLine = colorPalettePurple500; +export const colorDataVizWarningFill = colorPaletteOrange300; +export const colorDataVizWarningHover = colorPaletteOrange600; +export const colorDataVizWarningLine = colorPaletteOrange500; diff --git a/packages/design-tokens/src/tokens/elevation.ts b/packages/design-tokens/src/tokens/elevation.ts new file mode 100644 index 00000000..5c057cb0 --- /dev/null +++ b/packages/design-tokens/src/tokens/elevation.ts @@ -0,0 +1,21 @@ +/** -------------------------------------------- + * Box Shadow + * -------------------------------------------- */ +export const shadowLarge = + '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)'; +export const shadowMedium = + '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)'; +export const shadowSmall = + '0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)'; + +/** -------------------------------------------- + * Z Index + * -------------------------------------------- */ +export const zIndexDialog = 6000; +export const zIndexDropdown = 7000; +export const zIndexModal = 9000; +export const zIndexOverlay = 8000; +export const zIndexPopover = 5000; +export const zIndexSticky = 100; +export const zIndexToast = 10000; +export const zIndexTooltip = 6000; diff --git a/packages/design-tokens/src/tokens/space.ts b/packages/design-tokens/src/tokens/space.ts new file mode 100644 index 00000000..fc70f6ff --- /dev/null +++ b/packages/design-tokens/src/tokens/space.ts @@ -0,0 +1,17 @@ +/** -------------------------------------------- + * Size + * -------------------------------------------- */ +export const sizeLarge = '87.5rem'; +export const sizeMedium = '80rem'; +export const sizeSmall = '60rem'; +export const sizeXLarge = '120rem'; +export const sizeXSmall = '40.625rem'; + +/** -------------------------------------------- + * Space + * -------------------------------------------- */ +export const spaceMedium = '1rem'; +export const spaceSmall = '0.5rem'; +export const spaceLarge = '1.5rem'; +export const spaceXLarge = '2rem'; +export const spaceXSmall = '0.25rem'; diff --git a/packages/design-tokens/src/tokens/typography.ts b/packages/design-tokens/src/tokens/typography.ts new file mode 100644 index 00000000..09c32d1f --- /dev/null +++ b/packages/design-tokens/src/tokens/typography.ts @@ -0,0 +1,41 @@ +/** -------------------------------------------- + * Font Family + * -------------------------------------------- */ +export const fontFamilyMono = '"Fira Mono", Courier, monospace'; +export const fontFamilyText = + '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif'; + +/** -------------------------------------------- + * Font Size + * -------------------------------------------- */ +export const fontSizeLarge = '1.25rem'; +export const fontSizeMedium = '1rem'; +export const fontSizeSmall = '0.875rem'; +export const fontSizeXLarge = '1.5rem'; +export const fontSizeXSmall = '0.75rem'; +export const fontSizeXxLarge = '2rem'; + +/** -------------------------------------------- + * Font Weight + * -------------------------------------------- */ +export const fontWeightBold = 700; +export const fontWeightRegular = 400; +export const fontWeightSemibold = 600; + +/** -------------------------------------------- + * Letter Spacing + * -------------------------------------------- */ +export const letterSpacingLarge = '0em'; +export const letterSpacingMedium = '-0.01em'; +export const letterSpacingSmall = '-0.02em'; +export const letterSpacingXSmall = '-0.03em'; + +/** -------------------------------------------- + * Line Height + * -------------------------------------------- */ +export const lineHeightLarge = '1.875rem'; +export const lineHeightMedium = '1.5rem'; +export const lineHeightSmall = '1.25rem'; +export const lineHeightXLarge = '2rem'; +export const lineHeightXSmall = '1.125rem'; +export const lineHeightXxLarge = '2.625rem'; diff --git a/packages/design-tokens/tokens/border/radius.json b/packages/design-tokens/tokens/border/radius.json deleted file mode 100644 index a2ec5b1e..00000000 --- a/packages/design-tokens/tokens/border/radius.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "radius": { - "full": { "value": "999em" }, - "small": { "value": "2" } - } -} diff --git a/packages/design-tokens/tokens/border/width.json b/packages/design-tokens/tokens/border/width.json deleted file mode 100644 index 14160475..00000000 --- a/packages/design-tokens/tokens/border/width.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "border-width": { - "large": { "value": "3" }, - "medium": { "value": "2" }, - "small": { "value": "1" } - } -} diff --git a/packages/design-tokens/tokens/color/background.json b/packages/design-tokens/tokens/color/background.json deleted file mode 100644 index f8ba6f3b..00000000 --- a/packages/design-tokens/tokens/color/background.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "color": { - "background": { - "danger": { "value": "{color.palette.red.50.value}" }, - "primary": { "value": "{color.palette.white.value}" }, - "secondary": { "value": "{color.palette.grey.100.value}" }, - "sideNav": { "value": "#021C6B" }, - "success": { "value": "{color.palette.green.50.value}" }, - "surface": { "value": "{color.palette.white.value}" }, - "tertiary": { "value": "{color.palette.grey.200.value}" }, - "topNav": { "value": "#1F3987" }, - "warning": { "value": "{color.palette.orange.50.value}" } - } - } -} diff --git a/packages/design-tokens/tokens/color/border.json b/packages/design-tokens/tokens/color/border.json deleted file mode 100644 index eda31d5e..00000000 --- a/packages/design-tokens/tokens/color/border.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "color": { - "border": { - "danger": { "value": "{color.palette.red.600.value}" }, - "disabled": { "value": "{color.palette.grey.100.value}" }, - "primary": { "value": "{color.palette.grey.200.value}" }, - "success": { "value": "{color.palette.green.600.value}" }, - "warning": { "value": "{color.palette.orange.600.value}" } - } - } -} diff --git a/packages/design-tokens/tokens/color/brand.json b/packages/design-tokens/tokens/color/brand.json deleted file mode 100644 index f875bbf8..00000000 --- a/packages/design-tokens/tokens/color/brand.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "color": { - "brand": { - "default": { "value": "{color.palette.blue.500.value}" }, - "active": { - "value": "linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, {color.palette.blue.500.value} 0%, {color.palette.purple.900.value} 163.65%, {color.palette.purple.500.value} 191.59%)" - }, - "hover": { - "value": "linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, {color.palette.blue.500.value} 0%, {color.palette.purple.900.value} 163.65%, {color.palette.purple.500.value} 191.59%)" - }, - "gradient": { - "value": "linear-gradient(90deg, {color.palette.blue.500.value} 0%, {color.palette.purple.900.value} 163.65%, {color.palette.purple.500.value} 191.59%)" - } - } - } -} diff --git a/packages/design-tokens/tokens/color/palette.json b/packages/design-tokens/tokens/color/palette.json deleted file mode 100644 index 43eefa04..00000000 --- a/packages/design-tokens/tokens/color/palette.json +++ /dev/null @@ -1,129 +0,0 @@ -{ - "color": { - "palette": { - "black": { "value": "{color.palette.grey.900.value}" }, - "white": { "value": "#FFFFFF" }, - - "blue": { - "50": { "value": "#ECF4FE" }, - "100": { "value": "#C9E1FB" }, - "200": { "value": "#95C5F8" }, - "300": { "value": "#62A9F4" }, - "400": { "value": "#308DF1" }, - "500": { "value": "#0072EC" }, - "600": { "value": "#005CBE" }, - "700": { "value": "#00458E" }, - "800": { "value": "#003772" }, - "900": { "value": "#002956" } - }, - "brown": { - "50": { "value": "#FAF0E7" }, - "100": { "value": "#EAD9CE" }, - "200": { "value": "#D8C1B2" }, - "300": { "value": "#C4A794" }, - "400": { "value": "#B3917B" }, - "500": { "value": "#A27C62" }, - "600": { "value": "#95715A" }, - "700": { "value": "#84634F" }, - "800": { "value": "#755646" }, - "900": { "value": "#64473A" } - }, - "green": { - "50": { "value": "#DDEFE6" }, - "100": { "value": "#C3E1D2" }, - "200": { "value": "#93C9AE" }, - "300": { "value": "#62B08B" }, - "400": { "value": "#329867" }, - "500": { "value": "#0E864C" }, - "600": { "value": "#0B6B3D" }, - "700": { "value": "#095731" }, - "800": { "value": "#074326" }, - "900": { "value": "#06361E" } - }, - "grey": { - "50": { "value": "#FAFAFB" }, - "100": { "value": "#F4F4F5" }, - "200": { "value": "#E4E6E7" }, - "300": { "value": "#D1D3D6" }, - "400": { "value": "#A9ADB1" }, - "500": { "value": "#898E94" }, - "600": { "value": "#697078" }, - "700": { "value": "#49515A" }, - "800": { "value": "#2A343F" }, - "900": { "value": "#091521" } - }, - "indigo": { - "50": { "value": "#E9EAFA" }, - "100": { "value": "#C7CCF0" }, - "200": { "value": "#A5AEE8" }, - "300": { "value": "#7785DB" }, - "400": { "value": "#5C6CD6" }, - "500": { "value": "#3142C8" }, - "600": { "value": "#3442BC" }, - "700": { "value": "#2E39AD" }, - "800": { "value": "#232B9C" }, - "900": { "value": "#16158D" } - }, - "orange": { - "50": { "value": "#FBEDE7" }, - "100": { "value": "#FFD0BC" }, - "200": { "value": "#FFB291" }, - "300": { "value": "#FF9365" }, - "400": { "value": "#FF7B43" }, - "500": { "value": "#FF6422" }, - "600": { "value": "#F45E1E" }, - "700": { "value": "#E65719" }, - "800": { "value": "#D85015" }, - "900": { "value": "#BF420C" } - }, - "pink": { - "50": { "value": "#FBE5EE" }, - "100": { "value": "#F6BED6" }, - "200": { "value": "#F194BA" }, - "300": { "value": "#ED6A9F" }, - "400": { "value": "#EA4C89" }, - "500": { "value": "#E83274" }, - "600": { "value": "#D72F70" }, - "700": { "value": "#C02C69" }, - "800": { "value": "#AA2964" }, - "900": { "value": "#852259" } - }, - "purple": { - "50": { "value": "#F2E7FC" }, - "100": { "value": "#DDD0F3" }, - "200": { "value": "#C79BF2" }, - "300": { "value": "#B16FED" }, - "400": { "value": "#9E4AE8" }, - "500": { "value": "#8C18E2" }, - "600": { "value": "#8110DC" }, - "700": { "value": "#7300D3" }, - "800": { "value": "#6500CE" }, - "900": { "value": "#4E00C6" } - }, - "red": { - "50": { "value": "#F5E9E8" }, - "100": { "value": "#F4CFCD" }, - "200": { "value": "#ECA9A5" }, - "300": { "value": "#E3837D" }, - "400": { "value": "#DA5D55" }, - "500": { "value": "#D44037" }, - "600": { "value": "#B4362F" }, - "700": { "value": "#942D27" }, - "800": { "value": "#75231E" }, - "900": { "value": "#551A16" } - }, - "yellow": { - "50": { "value": "#FEFAE7" }, - "100": { "value": "#FBF1C4" }, - "200": { "value": "#F8E99F" }, - "300": { "value": "#F4E07B" }, - "400": { "value": "#F0D961" }, - "500": { "value": "#ECD348" }, - "600": { "value": "#DCC243" }, - "700": { "value": "#C8AC3D" }, - "800": { "value": "#B39638" }, - "900": { "value": "#90722F" } - } - } - } -} diff --git a/packages/design-tokens/tokens/color/primary.json b/packages/design-tokens/tokens/color/primary.json deleted file mode 100644 index e02b3028..00000000 --- a/packages/design-tokens/tokens/color/primary.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "color": { - "primary": { - "default": { "value": "{color.palette.indigo.500.value}" }, - "active": { "value": "{color.palette.indigo.900.value}" }, - "hover": { "value": "{color.palette.indigo.700.value}" } - } - } -} diff --git a/packages/design-tokens/tokens/color/text.json b/packages/design-tokens/tokens/color/text.json deleted file mode 100644 index 4e4c63b4..00000000 --- a/packages/design-tokens/tokens/color/text.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "color": { - "text": { - "contrast": { "value": "{color.palette.white.value}" }, - "danger": { "value": "{color.palette.red.600.value}" }, - "disabled": { "value": "{color.palette.grey.400.value}" }, - "primary": { "value": "{color.palette.black.value}" }, - "secondary": { "value": "{color.palette.grey.700.value}" }, - "success": { "value": "{color.palette.green.600.value}" }, - "tertiary": { "value": "{color.palette.grey.500.value}" }, - "warning": { "value": "{color.palette.orange.600.value}" } - } - } -} diff --git a/packages/design-tokens/tokens/color/visualization.json b/packages/design-tokens/tokens/color/visualization.json deleted file mode 100644 index fa890f83..00000000 --- a/packages/design-tokens/tokens/color/visualization.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "color": { - "data-viz": { - "danger": { - "fill": { "value": "{color.palette.red.300.value}" }, - "hover": { "value": "{color.palette.red.600.value}" }, - "line": { "value": "{color.palette.red.500.value}" } - }, - "neutral": { - "fill": { "value": "{color.palette.grey.300.value}" }, - "hover": { "value": "{color.palette.grey.500.value}" } - }, - "primary": { - "fill": { "value": "{color.palette.indigo.300.value}" }, - "fillAlt": { "value": "{color.palette.indigo.100.value}" }, - "hover": { "value": "{color.palette.indigo.600.value}" }, - "line": { "value": "{color.palette.indigo.500.value}" } - }, - "secondary": { - "fill": { "value": "{color.palette.blue.300.value}" }, - "fillAlt": { "value": "{color.palette.blue.100.value}" }, - "hover": { "value": "{color.palette.blue.600.value}" }, - "line": { "value": "{color.palette.blue.500.value}" } - }, - "tertiary": { - "fill": { "value": "{color.palette.purple.300.value}" }, - "fillAlt": { "value": "{color.palette.purple.100.value}" }, - "hover": { "value": "{color.palette.purple.600.value}" }, - "line": { "value": "{color.palette.purple.500.value}" } - }, - "warning": { - "fill": { "value": "{color.palette.orange.300.value}" }, - "hover": { "value": "{color.palette.orange.600.value}" }, - "line": { "value": "{color.palette.orange.500.value}" } - } - } - } -} diff --git a/packages/design-tokens/tokens/elevation/shadow.json b/packages/design-tokens/tokens/elevation/shadow.json deleted file mode 100644 index e9a096c7..00000000 --- a/packages/design-tokens/tokens/elevation/shadow.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "shadow": { - "large": { - "value": "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)" - }, - "medium": { - "value": "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)" - }, - "small": { "value": "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)" } - } -} diff --git a/packages/design-tokens/tokens/elevation/z-index.json b/packages/design-tokens/tokens/elevation/z-index.json deleted file mode 100644 index 2078026a..00000000 --- a/packages/design-tokens/tokens/elevation/z-index.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "z-index": { - "dialog": { "value": 6000 }, - "dropdown": { "value": 7000 }, - "modal": { "value": 9000 }, - "overlay": { "value": 8000 }, - "popover": { "value": 5000 }, - "sticky": { "value": 100 }, - "toast": { "value": 10000 }, - "tooltip": { "value": 6000 } - } -} diff --git a/packages/design-tokens/tokens/layout/size.json b/packages/design-tokens/tokens/layout/size.json deleted file mode 100644 index 886ed01e..00000000 --- a/packages/design-tokens/tokens/layout/size.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "size": { - "large": { "value": "1400" }, - "medium": { "value": "1280" }, - "small": { "value": "960" }, - "x-large": { "value": "1920" }, - "x-small": { "value": "650" } - } -} diff --git a/packages/design-tokens/tokens/layout/space.json b/packages/design-tokens/tokens/layout/space.json deleted file mode 100644 index 4e732588..00000000 --- a/packages/design-tokens/tokens/layout/space.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "space": { - "medium": { "value": "16" }, - "small": { "value": "8" }, - "large": { "value": "24" }, - "x-large": { "value": "32" }, - "x-small": { "value": "4" } - } -} diff --git a/packages/design-tokens/tokens/typography/font-family.json b/packages/design-tokens/tokens/typography/font-family.json deleted file mode 100644 index d80d1af5..00000000 --- a/packages/design-tokens/tokens/typography/font-family.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "font-family": { - "mono": { "value": "\"Fira Mono\", Courier, monospace" }, - "text": { - "value": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif" - } - } -} diff --git a/packages/design-tokens/tokens/typography/font-size.json b/packages/design-tokens/tokens/typography/font-size.json deleted file mode 100644 index 91558f63..00000000 --- a/packages/design-tokens/tokens/typography/font-size.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "font-size": { - "large": { "value": "20" }, - "medium": { "value": "16" }, - "small": { "value": "14" }, - "x-large": { "value": "24" }, - "x-small": { "value": "12" }, - "xx-large": { "value": "32" } - } -} diff --git a/packages/design-tokens/tokens/typography/font-weight.json b/packages/design-tokens/tokens/typography/font-weight.json deleted file mode 100644 index e25642d1..00000000 --- a/packages/design-tokens/tokens/typography/font-weight.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "font-weight": { - "bold": { "value": 700 }, - "regular": { "value": 400 }, - "semibold": { "value": 600 } - } -} diff --git a/packages/design-tokens/tokens/typography/letter-spacing.json b/packages/design-tokens/tokens/typography/letter-spacing.json deleted file mode 100644 index 547b8167..00000000 --- a/packages/design-tokens/tokens/typography/letter-spacing.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "letter-spacing": { - "large": { "value": "0em" }, - "medium": { "value": "-0.01em" }, - "small": { "value": "-0.02em" }, - "x-small": { "value": "-0.03em" } - } -} diff --git a/packages/design-tokens/tokens/typography/line-height.json b/packages/design-tokens/tokens/typography/line-height.json deleted file mode 100644 index 8d5092b1..00000000 --- a/packages/design-tokens/tokens/typography/line-height.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "line-height": { - "large": { "value": "30" }, - "medium": { "value": "24" }, - "small": { "value": "20" }, - "x-large": { "value": "32" }, - "x-small": { "value": "18" }, - "xx-large": { "value": "42" } - } -} diff --git a/packages/design-tokens/tsconfig.json b/packages/design-tokens/tsconfig.json new file mode 100644 index 00000000..d3502aef --- /dev/null +++ b/packages/design-tokens/tsconfig.json @@ -0,0 +1,10 @@ +{ + "extends": "../../tsconfig.options.json", + "compilerOptions": { + "declarationDir": "dts", + "outDir": "dts", + "rootDir": "src" + }, + "exclude": ["dts"], + "include": ["src/**/*"] +} diff --git a/tsconfig.json b/tsconfig.json index 457d1f4d..224ee63d 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -3,6 +3,9 @@ "extends": "./tsconfig.options.json", "files": [], "references": [ + { + "path": "packages/design-tokens" + }, { "path": "packages/react" }, diff --git a/yarn.lock b/yarn.lock index 9a21018c..8e55c216 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2802,13 +2802,6 @@ __metadata: languageName: node linkType: hard -"@esbuild/linux-loong64@npm:0.15.7": - version: 0.15.7 - resolution: "@esbuild/linux-loong64@npm:0.15.7" - conditions: os=linux & cpu=loong64 - languageName: node - linkType: hard - "@eslint/eslintrc@npm:^1.3.0": version: 1.3.0 resolution: "@eslint/eslintrc@npm:1.3.0" @@ -3848,8 +3841,6 @@ __metadata: "@project44-manifest/design-tokens@^1.1.0, @project44-manifest/design-tokens@workspace:packages/design-tokens": version: 0.0.0-use.local resolution: "@project44-manifest/design-tokens@workspace:packages/design-tokens" - dependencies: - style-dictionary: ^3.7.0 languageName: unknown linkType: soft @@ -9452,17 +9443,6 @@ __metadata: languageName: node linkType: hard -"capital-case@npm:^1.0.4": - version: 1.0.4 - resolution: "capital-case@npm:1.0.4" - dependencies: - no-case: ^3.0.4 - tslib: ^2.0.3 - upper-case-first: ^2.0.2 - checksum: 41fa8fa87f6d24d0835a2b4a9341a3eaecb64ac29cd7c5391f35d6175a0fa98ab044e7f2602e1ec3afc886231462ed71b5b80c590b8b41af903ec2c15e5c5931 - languageName: node - linkType: hard - "capture-exit@npm:^2.0.0": version: 2.0.0 resolution: "capture-exit@npm:2.0.0" @@ -9534,26 +9514,6 @@ __metadata: languageName: node linkType: hard -"change-case@npm:^4.1.2": - version: 4.1.2 - resolution: "change-case@npm:4.1.2" - dependencies: - camel-case: ^4.1.2 - capital-case: ^1.0.4 - constant-case: ^3.0.4 - dot-case: ^3.0.4 - header-case: ^2.0.4 - no-case: ^3.0.4 - param-case: ^3.0.4 - pascal-case: ^3.1.2 - path-case: ^3.0.4 - sentence-case: ^3.0.4 - snake-case: ^3.0.4 - tslib: ^2.0.3 - checksum: e4bc4a093a1f7cce8b33896665cf9e456e3bc3cc0def2ad7691b1994cfca99b3188d0a513b16855b01a6bd20692fcde12a7d4d87a5615c4c515bbbf0e651f116 - languageName: node - linkType: hard - "char-regex@npm:^1.0.2": version: 1.0.2 resolution: "char-regex@npm:1.0.2" @@ -10174,17 +10134,6 @@ __metadata: languageName: node linkType: hard -"constant-case@npm:^3.0.4": - version: 3.0.4 - resolution: "constant-case@npm:3.0.4" - dependencies: - no-case: ^3.0.4 - tslib: ^2.0.3 - upper-case: ^2.0.2 - checksum: 6c3346d51afc28d9fae922e966c68eb77a19d94858dba230dd92d7b918b37d36db50f0311e9ecf6847e43e934b1c01406a0936973376ab17ec2c471fbcfb2cf3 - languageName: node - linkType: hard - "constants-browserify@npm:^1.0.0": version: 1.0.0 resolution: "constants-browserify@npm:1.0.0" @@ -11492,13 +11441,6 @@ __metadata: languageName: node linkType: hard -"esbuild-android-64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-android-64@npm:0.15.7" - conditions: os=android & cpu=x64 - languageName: node - linkType: hard - "esbuild-android-arm64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-android-arm64@npm:0.14.54" @@ -11506,13 +11448,6 @@ __metadata: languageName: node linkType: hard -"esbuild-android-arm64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-android-arm64@npm:0.15.7" - conditions: os=android & cpu=arm64 - languageName: node - linkType: hard - "esbuild-darwin-64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-darwin-64@npm:0.14.54" @@ -11520,13 +11455,6 @@ __metadata: languageName: node linkType: hard -"esbuild-darwin-64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-darwin-64@npm:0.15.7" - conditions: os=darwin & cpu=x64 - languageName: node - linkType: hard - "esbuild-darwin-arm64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-darwin-arm64@npm:0.14.54" @@ -11534,13 +11462,6 @@ __metadata: languageName: node linkType: hard -"esbuild-darwin-arm64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-darwin-arm64@npm:0.15.7" - conditions: os=darwin & cpu=arm64 - languageName: node - linkType: hard - "esbuild-freebsd-64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-freebsd-64@npm:0.14.54" @@ -11548,13 +11469,6 @@ __metadata: languageName: node linkType: hard -"esbuild-freebsd-64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-freebsd-64@npm:0.15.7" - conditions: os=freebsd & cpu=x64 - languageName: node - linkType: hard - "esbuild-freebsd-arm64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-freebsd-arm64@npm:0.14.54" @@ -11562,13 +11476,6 @@ __metadata: languageName: node linkType: hard -"esbuild-freebsd-arm64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-freebsd-arm64@npm:0.15.7" - conditions: os=freebsd & cpu=arm64 - languageName: node - linkType: hard - "esbuild-linux-32@npm:0.14.54": version: 0.14.54 resolution: "esbuild-linux-32@npm:0.14.54" @@ -11576,13 +11483,6 @@ __metadata: languageName: node linkType: hard -"esbuild-linux-32@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-linux-32@npm:0.15.7" - conditions: os=linux & cpu=ia32 - languageName: node - linkType: hard - "esbuild-linux-64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-linux-64@npm:0.14.54" @@ -11590,13 +11490,6 @@ __metadata: languageName: node linkType: hard -"esbuild-linux-64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-linux-64@npm:0.15.7" - conditions: os=linux & cpu=x64 - languageName: node - linkType: hard - "esbuild-linux-arm64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-linux-arm64@npm:0.14.54" @@ -11604,13 +11497,6 @@ __metadata: languageName: node linkType: hard -"esbuild-linux-arm64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-linux-arm64@npm:0.15.7" - conditions: os=linux & cpu=arm64 - languageName: node - linkType: hard - "esbuild-linux-arm@npm:0.14.54": version: 0.14.54 resolution: "esbuild-linux-arm@npm:0.14.54" @@ -11618,13 +11504,6 @@ __metadata: languageName: node linkType: hard -"esbuild-linux-arm@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-linux-arm@npm:0.15.7" - conditions: os=linux & cpu=arm - languageName: node - linkType: hard - "esbuild-linux-mips64le@npm:0.14.54": version: 0.14.54 resolution: "esbuild-linux-mips64le@npm:0.14.54" @@ -11632,13 +11511,6 @@ __metadata: languageName: node linkType: hard -"esbuild-linux-mips64le@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-linux-mips64le@npm:0.15.7" - conditions: os=linux & cpu=mips64el - languageName: node - linkType: hard - "esbuild-linux-ppc64le@npm:0.14.54": version: 0.14.54 resolution: "esbuild-linux-ppc64le@npm:0.14.54" @@ -11646,13 +11518,6 @@ __metadata: languageName: node linkType: hard -"esbuild-linux-ppc64le@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-linux-ppc64le@npm:0.15.7" - conditions: os=linux & cpu=ppc64 - languageName: node - linkType: hard - "esbuild-linux-riscv64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-linux-riscv64@npm:0.14.54" @@ -11660,13 +11525,6 @@ __metadata: languageName: node linkType: hard -"esbuild-linux-riscv64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-linux-riscv64@npm:0.15.7" - conditions: os=linux & cpu=riscv64 - languageName: node - linkType: hard - "esbuild-linux-s390x@npm:0.14.54": version: 0.14.54 resolution: "esbuild-linux-s390x@npm:0.14.54" @@ -11674,13 +11532,6 @@ __metadata: languageName: node linkType: hard -"esbuild-linux-s390x@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-linux-s390x@npm:0.15.7" - conditions: os=linux & cpu=s390x - languageName: node - linkType: hard - "esbuild-netbsd-64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-netbsd-64@npm:0.14.54" @@ -11688,13 +11539,6 @@ __metadata: languageName: node linkType: hard -"esbuild-netbsd-64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-netbsd-64@npm:0.15.7" - conditions: os=netbsd & cpu=x64 - languageName: node - linkType: hard - "esbuild-openbsd-64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-openbsd-64@npm:0.14.54" @@ -11702,13 +11546,6 @@ __metadata: languageName: node linkType: hard -"esbuild-openbsd-64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-openbsd-64@npm:0.15.7" - conditions: os=openbsd & cpu=x64 - languageName: node - linkType: hard - "esbuild-sunos-64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-sunos-64@npm:0.14.54" @@ -11716,13 +11553,6 @@ __metadata: languageName: node linkType: hard -"esbuild-sunos-64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-sunos-64@npm:0.15.7" - conditions: os=sunos & cpu=x64 - languageName: node - linkType: hard - "esbuild-windows-32@npm:0.14.54": version: 0.14.54 resolution: "esbuild-windows-32@npm:0.14.54" @@ -11730,13 +11560,6 @@ __metadata: languageName: node linkType: hard -"esbuild-windows-32@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-windows-32@npm:0.15.7" - conditions: os=win32 & cpu=ia32 - languageName: node - linkType: hard - "esbuild-windows-64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-windows-64@npm:0.14.54" @@ -11744,13 +11567,6 @@ __metadata: languageName: node linkType: hard -"esbuild-windows-64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-windows-64@npm:0.15.7" - conditions: os=win32 & cpu=x64 - languageName: node - linkType: hard - "esbuild-windows-arm64@npm:0.14.54": version: 0.14.54 resolution: "esbuild-windows-arm64@npm:0.14.54" @@ -11758,13 +11574,6 @@ __metadata: languageName: node linkType: hard -"esbuild-windows-arm64@npm:0.15.7": - version: 0.15.7 - resolution: "esbuild-windows-arm64@npm:0.15.7" - conditions: os=win32 & cpu=arm64 - languageName: node - linkType: hard - "esbuild@npm:^0.12.1 || 0.13.x || 0.14.x": version: 0.14.54 resolution: "esbuild@npm:0.14.54" @@ -11839,80 +11648,6 @@ __metadata: languageName: node linkType: hard -"esbuild@npm:^0.15.7": - version: 0.15.7 - resolution: "esbuild@npm:0.15.7" - dependencies: - "@esbuild/linux-loong64": 0.15.7 - esbuild-android-64: 0.15.7 - esbuild-android-arm64: 0.15.7 - esbuild-darwin-64: 0.15.7 - esbuild-darwin-arm64: 0.15.7 - esbuild-freebsd-64: 0.15.7 - esbuild-freebsd-arm64: 0.15.7 - esbuild-linux-32: 0.15.7 - esbuild-linux-64: 0.15.7 - esbuild-linux-arm: 0.15.7 - esbuild-linux-arm64: 0.15.7 - esbuild-linux-mips64le: 0.15.7 - esbuild-linux-ppc64le: 0.15.7 - esbuild-linux-riscv64: 0.15.7 - esbuild-linux-s390x: 0.15.7 - esbuild-netbsd-64: 0.15.7 - esbuild-openbsd-64: 0.15.7 - esbuild-sunos-64: 0.15.7 - esbuild-windows-32: 0.15.7 - esbuild-windows-64: 0.15.7 - esbuild-windows-arm64: 0.15.7 - dependenciesMeta: - "@esbuild/linux-loong64": - optional: true - esbuild-android-64: - optional: true - esbuild-android-arm64: - optional: true - esbuild-darwin-64: - optional: true - esbuild-darwin-arm64: - optional: true - esbuild-freebsd-64: - optional: true - esbuild-freebsd-arm64: - optional: true - esbuild-linux-32: - optional: true - esbuild-linux-64: - optional: true - esbuild-linux-arm: - optional: true - esbuild-linux-arm64: - optional: true - esbuild-linux-mips64le: - optional: true - esbuild-linux-ppc64le: - optional: true - esbuild-linux-riscv64: - optional: true - esbuild-linux-s390x: - optional: true - esbuild-netbsd-64: - optional: true - esbuild-openbsd-64: - optional: true - esbuild-sunos-64: - optional: true - esbuild-windows-32: - optional: true - esbuild-windows-64: - optional: true - esbuild-windows-arm64: - optional: true - bin: - esbuild: bin/esbuild - checksum: 54ddaa6cf96798d817861b4f68cb8d176075dc09b6e0ed511c57e5db6fd86d2c673ac2ec631ad9b11678d58ad4a77cd6b7a3853b9c6eac29b7f5c6d38e42f92e - languageName: node - linkType: hard - "escalade@npm:^3.1.1": version: 3.1.1 resolution: "escalade@npm:3.1.1" @@ -13576,19 +13311,6 @@ __metadata: languageName: node linkType: hard -"globby@npm:^13.1.2": - version: 13.1.2 - resolution: "globby@npm:13.1.2" - dependencies: - dir-glob: ^3.0.1 - fast-glob: ^3.2.11 - ignore: ^5.2.0 - merge2: ^1.4.1 - slash: ^4.0.0 - checksum: c148fcda0c981f00fb434bb94ca258f0a9d23cedbde6fb3f37098e1abde5b065019e2c63fe2aa2fad4daf2b54bf360b4d0423d85fb3a63d09ed75a2837d4de0f - languageName: node - linkType: hard - "globby@npm:^9.2.0": version: 9.2.0 resolution: "globby@npm:9.2.0" @@ -13997,16 +13719,6 @@ __metadata: languageName: node linkType: hard -"header-case@npm:^2.0.4": - version: 2.0.4 - resolution: "header-case@npm:2.0.4" - dependencies: - capital-case: ^1.0.4 - tslib: ^2.0.3 - checksum: 571c83eeb25e8130d172218712f807c0b96d62b020981400bccc1503a7cf14b09b8b10498a962d2739eccf231d950e3848ba7d420b58a6acd2f9283439546cd9 - languageName: node - linkType: hard - "hmac-drbg@npm:^1.0.1": version: 1.0.1 resolution: "hmac-drbg@npm:1.0.1" @@ -16059,7 +15771,7 @@ __metadata: languageName: node linkType: hard -"json5@npm:^2.1.2, json5@npm:^2.1.3, json5@npm:^2.2.0, json5@npm:^2.2.1": +"json5@npm:^2.1.2, json5@npm:^2.1.3, json5@npm:^2.2.1": version: 2.2.1 resolution: "json5@npm:2.2.1" bin: @@ -16068,13 +15780,6 @@ __metadata: languageName: node linkType: hard -"jsonc-parser@npm:^3.0.0": - version: 3.1.0 - resolution: "jsonc-parser@npm:3.1.0" - checksum: 81b00c565c60cb1b400523a918d42ad9c7bb3d9cf34c708bf78d37c8c496ecd670c3ff8828f2f60aa6e6627ef4287982794ddf92261ea71e320973c54b29fb22 - languageName: node - linkType: hard - "jsonfile@npm:^4.0.0": version: 4.0.0 resolution: "jsonfile@npm:4.0.0" @@ -16712,7 +16417,6 @@ __metadata: "@typescript-eslint/eslint-plugin": ^5.34.0 "@typescript-eslint/parser": ^5.34.0 chokidar-cli: ^3.0.0 - esbuild: ^0.15.7 eslint: ^8.22.0 eslint-config-prettier: ^8.5.0 eslint-plugin-import: ^2.26.0 @@ -16724,7 +16428,6 @@ __metadata: eslint-plugin-react-perf: ^3.3.1 fast-glob: ^3.2.12 fs-extra: ^10.1.0 - globby: ^13.1.2 husky: ^8.0.1 jest: ^28.1.3 jest-axe: ^6.0.0 @@ -19164,16 +18867,6 @@ __metadata: languageName: node linkType: hard -"path-case@npm:^3.0.4": - version: 3.0.4 - resolution: "path-case@npm:3.0.4" - dependencies: - dot-case: ^3.0.4 - tslib: ^2.0.3 - checksum: 61de0526222629f65038a66f63330dd22d5b54014ded6636283e1d15364da38b3cf29e4433aa3f9d8b0dba407ae2b059c23b0104a34ee789944b1bc1c5c7e06d - languageName: node - linkType: hard - "path-dirname@npm:^1.0.0": version: 1.0.2 resolution: "path-dirname@npm:1.0.2" @@ -21265,17 +20958,6 @@ __metadata: languageName: node linkType: hard -"sentence-case@npm:^3.0.4": - version: 3.0.4 - resolution: "sentence-case@npm:3.0.4" - dependencies: - no-case: ^3.0.4 - tslib: ^2.0.3 - upper-case-first: ^2.0.2 - checksum: 3cfe6c0143e649132365695706702d7f729f484fa7b25f43435876efe7af2478243eefb052bacbcce10babf9319fd6b5b6bc59b94c80a1c819bcbb40651465d5 - languageName: node - linkType: hard - "serialize-javascript@npm:^4.0.0": version: 4.0.0 resolution: "serialize-javascript@npm:4.0.0" @@ -21476,13 +21158,6 @@ __metadata: languageName: node linkType: hard -"slash@npm:^4.0.0": - version: 4.0.0 - resolution: "slash@npm:4.0.0" - checksum: da8e4af73712253acd21b7853b7e0dbba776b786e82b010a5bfc8b5051a1db38ed8aba8e1e8f400dd2c9f373be91eb1c42b66e91abb407ff42b10feece5e1d2d - languageName: node - linkType: hard - "slice-ansi@npm:^3.0.0": version: 3.0.0 resolution: "slice-ansi@npm:3.0.0" @@ -21538,16 +21213,6 @@ __metadata: languageName: node linkType: hard -"snake-case@npm:^3.0.4": - version: 3.0.4 - resolution: "snake-case@npm:3.0.4" - dependencies: - dot-case: ^3.0.4 - tslib: ^2.0.3 - checksum: 0a7a79900bbb36f8aaa922cf111702a3647ac6165736d5dc96d3ef367efc50465cac70c53cd172c382b022dac72ec91710608e5393de71f76d7142e6fd80e8a3 - languageName: node - linkType: hard - "snapdragon-node@npm:^2.0.1": version: 2.1.1 resolution: "snapdragon-node@npm:2.1.1" @@ -22168,25 +21833,6 @@ __metadata: languageName: node linkType: hard -"style-dictionary@npm:^3.7.0": - version: 3.7.1 - resolution: "style-dictionary@npm:3.7.1" - dependencies: - chalk: ^4.0.0 - change-case: ^4.1.2 - commander: ^8.3.0 - fs-extra: ^10.0.0 - glob: ^7.2.0 - json5: ^2.2.0 - jsonc-parser: ^3.0.0 - lodash: ^4.17.15 - tinycolor2: ^1.4.1 - bin: - style-dictionary: bin/style-dictionary - checksum: f2793b51d4c91625d1ee3385a2438c3fb0723183812c47f0fcea96703fc3a8a433ba4b496a3ab3d793c9827229d74483b4d8916d624d7d9bde5d36e8b18831fe - languageName: node - linkType: hard - "style-loader@npm:^1.3.0": version: 1.3.0 resolution: "style-loader@npm:1.3.0" @@ -22536,13 +22182,6 @@ __metadata: languageName: node linkType: hard -"tinycolor2@npm:^1.4.1": - version: 1.4.2 - resolution: "tinycolor2@npm:1.4.2" - checksum: 57ed262e08815a4ab0ed933edafdbc6555a17081781766149813b44a080ecbe58b3ee281e81c0e75b42e4d41679f138cfa98eabf043f829e0683c04adb12c031 - languageName: node - linkType: hard - "tmp@npm:^0.0.33": version: 0.0.33 resolution: "tmp@npm:0.0.33" @@ -23346,24 +22985,6 @@ __metadata: languageName: node linkType: hard -"upper-case-first@npm:^2.0.2": - version: 2.0.2 - resolution: "upper-case-first@npm:2.0.2" - dependencies: - tslib: ^2.0.3 - checksum: 4487db4701effe3b54ced4b3e4aa4d9ab06c548f97244d04aafb642eedf96a76d5a03cf5f38f10f415531d5792d1ac6e1b50f2a76984dc6964ad530f12876409 - languageName: node - linkType: hard - -"upper-case@npm:^2.0.2": - version: 2.0.2 - resolution: "upper-case@npm:2.0.2" - dependencies: - tslib: ^2.0.3 - checksum: 508723a2b03ab90cf1d6b7e0397513980fab821cbe79c87341d0e96cedefadf0d85f9d71eac24ab23f526a041d585a575cfca120a9f920e44eb4f8a7cf89121c - languageName: node - linkType: hard - "uri-js@npm:^4.2.2": version: 4.4.1 resolution: "uri-js@npm:4.4.1"