From f57fdcdd123d25b1c5deff6ec36dc82c9097a87d Mon Sep 17 00:00:00 2001 From: Jamie Henson Date: Wed, 2 Oct 2024 16:10:32 +0100 Subject: [PATCH] fix: replace hard-coded TW tables with build-generated alternative --- .gitignore | 3 +- package.json | 6 +- scripts/compute-colors.ts | 72 +++ src/core/styles/colors/types.ts | 60 ++- src/core/styles/colors/utils.ts | 865 +------------------------------- tailwind.config.js | 2 +- tsc.js | 2 +- yarn.lock | 101 ++++ 8 files changed, 248 insertions(+), 863 deletions(-) create mode 100644 scripts/compute-colors.ts diff --git a/.gitignore b/.gitignore index a9ff3266..e6a07970 100644 --- a/.gitignore +++ b/.gitignore @@ -8,4 +8,5 @@ yarn-error.log /reset .idea/* types -index.d.ts \ No newline at end of file +index.d.ts +computed-colors-*.json \ No newline at end of file diff --git a/package.json b/package.json index cd922202..2df32353 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@ably/ui", - "version": "14.6.5", + "version": "14.6.6", "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.", "repository": { "type": "git", @@ -48,6 +48,7 @@ "storybook-dark-mode": "^4.0.2", "svg-sprite": "^2.0.4", "tailwindcss": "^3.3.6", + "ts-node": "^10.9.2", "typescript": "5.6.2", "vite": "^5.2.12" }, @@ -56,7 +57,8 @@ "build:swc": "swc src/core src/reset -d dist --copy-files --include-dotfiles --strip-leading-paths --config-file .swc --ignore **/*.stories.tsx,**/*.snap", "build:tsc": "tsc && node tsc.js && rm -r types", "build:cleanup": "mv dist/* . && rm -r dist", - "build": "yarn build:prebuild && yarn build:swc && node sprites.js && yarn build:tsc && yarn build:cleanup", + "build:colors": "ts-node scripts/compute-colors.ts", + "build": "yarn build:prebuild && yarn build:colors && yarn build:swc && node sprites.js && yarn build:tsc && yarn build:cleanup", "watch": "yarn build:swc -w", "format:check": "prettier -c *.{js,ts} src/**/*.{js,ts,tsx}", "format:write": "prettier -w *.{js,ts} src/**/*.{js,ts,tsx}", diff --git a/scripts/compute-colors.ts b/scripts/compute-colors.ts new file mode 100644 index 00000000..5ad21278 --- /dev/null +++ b/scripts/compute-colors.ts @@ -0,0 +1,72 @@ +import fs from "fs"; +import path from "path"; +import { + numericalColors, + variants, + prefixes, + Theme, + ComputedColors, +} from "../src/core/styles/colors/types"; + +const computeColors = (base: Theme) => { + if (base !== "dark" && base !== "light") { + throw new Error(`Invalid base theme: ${base}. Expected "dark" or "light".`); + } + + const colors = {} as ComputedColors; + + variants.forEach((variant) => + prefixes.forEach((property) => + numericalColors.forEach((colorSet) => + colorSet.map((color, index) => { + if (base === "dark") { + colors[`${variant}${property}-${colorSet[index]}`] = { + light: `${variant}${property}-${colorSet[colorSet.length - index - 1]}`, + }; + } else if (base === "light") { + colors[`${variant}${property}-${colorSet[index]}`] = { + dark: `${variant}${property}-${colorSet[colorSet.length - index - 1]}`, + }; + } + }), + ), + ), + ); + + return colors; +}; + +const darkOutputPath = path.join( + __dirname, + "../src/core/styles/colors", + "computed-colors-dark.json", +); +const lightOutputPath = path.join( + __dirname, + "../src/core/styles/colors", + "computed-colors-light.json", +); + +async function writeComputedColors() { + try { + await Promise.all([ + fs.promises.writeFile( + darkOutputPath, + JSON.stringify(computeColors("dark"), null, 2), + "utf-8", + ), + fs.promises.writeFile( + lightOutputPath, + JSON.stringify(computeColors("light"), null, 2), + "utf-8", + ), + ]); + console.log( + `🎨 Tailwind theme classes have been computed and written to JSON files.`, + ); + } catch { + console.error(`Error persisting computed colors.`); + } +} + +writeComputedColors(); diff --git a/src/core/styles/colors/types.ts b/src/core/styles/colors/types.ts index aa5a812a..142bfc55 100644 --- a/src/core/styles/colors/types.ts +++ b/src/core/styles/colors/types.ts @@ -5,21 +5,26 @@ export type ColorName = | (typeof guiColors)[number] | (typeof aliasedColors)[number]; -type ColorClassVariants = - | "" - | "hover:" - | "focus:" - | "group-hover:" - | "group-focus:"; +export const variants = [ + "", + "hover:", + "focus:", + "group-hover:", + "group-focus:", +] as const; + +type ColorClassVariants = (typeof variants)[number]; + +export const prefixes = ["text", "bg", "from", "to", "border"] as const; -type ColorClassPrefixes = "bg" | "text" | "from" | "to" | "border"; +type ColorClassPrefixes = (typeof prefixes)[number]; export type Theme = "light" | "dark"; export type ColorClass = `${ColorClassVariants}${ColorClassPrefixes}-${ColorName}`; -const neutralColors = [ +export const neutralColors = [ "neutral-000", "neutral-100", "neutral-200", @@ -36,7 +41,7 @@ const neutralColors = [ "neutral-1300", ] as const; -const orangeColors = [ +export const orangeColors = [ "orange-100", "orange-200", "orange-300", @@ -50,7 +55,7 @@ const orangeColors = [ "orange-1100", ] as const; -const secondaryColors = [ +export const yellowColors = [ "yellow-100", "yellow-200", "yellow-300", @@ -60,6 +65,9 @@ const secondaryColors = [ "yellow-700", "yellow-800", "yellow-900", +] as const; + +export const greenColors = [ "green-100", "green-200", "green-300", @@ -69,6 +77,9 @@ const secondaryColors = [ "green-700", "green-800", "green-900", +] as const; + +export const blueColors = [ "blue-100", "blue-200", "blue-300", @@ -78,6 +89,9 @@ const secondaryColors = [ "blue-700", "blue-800", "blue-900", +] as const; + +export const violetColors = [ "violet-100", "violet-200", "violet-300", @@ -87,6 +101,9 @@ const secondaryColors = [ "violet-700", "violet-800", "violet-900", +] as const; + +export const pinkColors = [ "pink-100", "pink-200", "pink-300", @@ -98,6 +115,14 @@ const secondaryColors = [ "pink-900", ] as const; +const secondaryColors = [ + ...yellowColors, + ...greenColors, + ...blueColors, + ...violetColors, + ...pinkColors, +] as const; + const guiColors = [ "gui-blue-default-light", "gui-blue-hover-light", @@ -145,3 +170,18 @@ export const colorNames = { secondary: secondaryColors, gui: guiColors, }; + +export const numericalColors = [ + neutralColors, + orangeColors, + yellowColors, + greenColors, + blueColors, + violetColors, + pinkColors, +]; + +export type ComputedColors = Record< + ColorClass, + Partial> +>; diff --git a/src/core/styles/colors/utils.ts b/src/core/styles/colors/utils.ts index 9122d2e6..050440a0 100644 --- a/src/core/styles/colors/utils.ts +++ b/src/core/styles/colors/utils.ts @@ -1,847 +1,8 @@ -import { ColorClass, Theme } from "./types"; +import { ColorClass, ComputedColors, Theme } from "./types"; -const textColorMappings: { dark: ColorClass; light: ColorClass }[] = [ - { dark: "text-neutral-000", light: "text-neutral-1300" }, - { dark: "text-neutral-100", light: "text-neutral-1200" }, - { dark: "text-neutral-200", light: "text-neutral-1100" }, - { dark: "text-neutral-300", light: "text-neutral-1000" }, - { dark: "text-neutral-400", light: "text-neutral-900" }, - { dark: "text-neutral-500", light: "text-neutral-800" }, - { dark: "text-neutral-600", light: "text-neutral-700" }, - { dark: "text-neutral-700", light: "text-neutral-600" }, - { dark: "text-neutral-800", light: "text-neutral-500" }, - { dark: "text-neutral-900", light: "text-neutral-400" }, - { dark: "text-neutral-1000", light: "text-neutral-300" }, - { dark: "text-neutral-1100", light: "text-neutral-200" }, - { dark: "text-neutral-1200", light: "text-neutral-100" }, - { dark: "text-neutral-1300", light: "text-neutral-000" }, - { dark: "text-orange-100", light: "text-orange-1100" }, - { dark: "text-orange-200", light: "text-orange-1000" }, - { dark: "text-orange-300", light: "text-orange-900" }, - { dark: "text-orange-400", light: "text-orange-800" }, - { dark: "text-orange-500", light: "text-orange-700" }, - { dark: "text-orange-600", light: "text-orange-600" }, - { dark: "text-orange-700", light: "text-orange-500" }, - { dark: "text-orange-800", light: "text-orange-400" }, - { dark: "text-orange-900", light: "text-orange-300" }, - { dark: "text-orange-1000", light: "text-orange-200" }, - { dark: "text-orange-1100", light: "text-orange-100" }, - { dark: "text-yellow-100", light: "text-yellow-900" }, - { dark: "text-yellow-200", light: "text-yellow-800" }, - { dark: "text-yellow-300", light: "text-yellow-700" }, - { dark: "text-yellow-400", light: "text-yellow-600" }, - { dark: "text-yellow-500", light: "text-yellow-500" }, - { dark: "text-yellow-600", light: "text-yellow-400" }, - { dark: "text-yellow-700", light: "text-yellow-300" }, - { dark: "text-yellow-800", light: "text-yellow-200" }, - { dark: "text-yellow-900", light: "text-yellow-100" }, - { dark: "text-green-100", light: "text-green-900" }, - { dark: "text-green-200", light: "text-green-800" }, - { dark: "text-green-300", light: "text-green-700" }, - { dark: "text-green-400", light: "text-green-600" }, - { dark: "text-green-500", light: "text-green-500" }, - { dark: "text-green-600", light: "text-green-400" }, - { dark: "text-green-700", light: "text-green-300" }, - { dark: "text-green-800", light: "text-green-200" }, - { dark: "text-green-900", light: "text-green-100" }, - { dark: "text-blue-100", light: "text-blue-900" }, - { dark: "text-blue-200", light: "text-blue-800" }, - { dark: "text-blue-300", light: "text-blue-700" }, - { dark: "text-blue-400", light: "text-blue-600" }, - { dark: "text-blue-500", light: "text-blue-500" }, - { dark: "text-blue-600", light: "text-blue-400" }, - { dark: "text-blue-700", light: "text-blue-300" }, - { dark: "text-blue-800", light: "text-blue-200" }, - { dark: "text-blue-900", light: "text-blue-100" }, - { dark: "text-violet-100", light: "text-violet-900" }, - { dark: "text-violet-200", light: "text-violet-800" }, - { dark: "text-violet-300", light: "text-violet-700" }, - { dark: "text-violet-400", light: "text-violet-600" }, - { dark: "text-violet-500", light: "text-violet-500" }, - { dark: "text-violet-600", light: "text-violet-400" }, - { dark: "text-violet-700", light: "text-violet-300" }, - { dark: "text-violet-800", light: "text-violet-200" }, - { dark: "text-violet-900", light: "text-violet-100" }, - { dark: "text-pink-100", light: "text-pink-900" }, - { dark: "text-pink-200", light: "text-pink-800" }, - { dark: "text-pink-300", light: "text-pink-700" }, - { dark: "text-pink-400", light: "text-pink-600" }, - { dark: "text-pink-500", light: "text-pink-500" }, - { dark: "text-pink-600", light: "text-pink-400" }, - { dark: "text-pink-700", light: "text-pink-300" }, - { dark: "text-pink-800", light: "text-pink-200" }, - { dark: "text-pink-900", light: "text-pink-100" }, - { dark: "hover:text-neutral-000", light: "hover:text-neutral-1300" }, - { dark: "hover:text-neutral-100", light: "hover:text-neutral-1200" }, - { dark: "hover:text-neutral-200", light: "hover:text-neutral-1100" }, - { dark: "hover:text-neutral-300", light: "hover:text-neutral-1000" }, - { dark: "hover:text-neutral-400", light: "hover:text-neutral-900" }, - { dark: "hover:text-neutral-500", light: "hover:text-neutral-800" }, - { dark: "hover:text-neutral-600", light: "hover:text-neutral-700" }, - { dark: "hover:text-neutral-700", light: "hover:text-neutral-600" }, - { dark: "hover:text-neutral-800", light: "hover:text-neutral-500" }, - { dark: "hover:text-neutral-900", light: "hover:text-neutral-400" }, - { dark: "hover:text-neutral-1000", light: "hover:text-neutral-300" }, - { dark: "hover:text-neutral-1100", light: "hover:text-neutral-200" }, - { dark: "hover:text-neutral-1200", light: "hover:text-neutral-100" }, - { dark: "hover:text-neutral-1300", light: "hover:text-neutral-000" }, - { dark: "hover:text-orange-100", light: "hover:text-orange-1100" }, - { dark: "hover:text-orange-200", light: "hover:text-orange-1000" }, - { dark: "hover:text-orange-300", light: "hover:text-orange-900" }, - { dark: "hover:text-orange-400", light: "hover:text-orange-800" }, - { dark: "hover:text-orange-500", light: "hover:text-orange-700" }, - { dark: "hover:text-orange-600", light: "hover:text-orange-600" }, - { dark: "hover:text-orange-700", light: "hover:text-orange-500" }, - { dark: "hover:text-orange-800", light: "hover:text-orange-400" }, - { dark: "hover:text-orange-900", light: "hover:text-orange-300" }, - { dark: "hover:text-orange-1000", light: "hover:text-orange-200" }, - { dark: "hover:text-orange-1100", light: "hover:text-orange-100" }, - { dark: "hover:text-yellow-100", light: "hover:text-yellow-900" }, - { dark: "hover:text-yellow-200", light: "hover:text-yellow-800" }, - { dark: "hover:text-yellow-300", light: "hover:text-yellow-700" }, - { dark: "hover:text-yellow-400", light: "hover:text-yellow-600" }, - { dark: "hover:text-yellow-500", light: "hover:text-yellow-500" }, - { dark: "hover:text-yellow-600", light: "hover:text-yellow-400" }, - { dark: "hover:text-yellow-700", light: "hover:text-yellow-300" }, - { dark: "hover:text-yellow-800", light: "hover:text-yellow-200" }, - { dark: "hover:text-yellow-900", light: "hover:text-yellow-100" }, - { dark: "hover:text-green-100", light: "hover:text-green-900" }, - { dark: "hover:text-green-200", light: "hover:text-green-800" }, - { dark: "hover:text-green-300", light: "hover:text-green-700" }, - { dark: "hover:text-green-400", light: "hover:text-green-600" }, - { dark: "hover:text-green-500", light: "hover:text-green-500" }, - { dark: "hover:text-green-600", light: "hover:text-green-400" }, - { dark: "hover:text-green-700", light: "hover:text-green-300" }, - { dark: "hover:text-green-800", light: "hover:text-green-200" }, - { dark: "hover:text-green-900", light: "hover:text-green-100" }, - { dark: "hover:text-blue-100", light: "hover:text-blue-900" }, - { dark: "hover:text-blue-200", light: "hover:text-blue-800" }, - { dark: "hover:text-blue-300", light: "hover:text-blue-700" }, - { dark: "hover:text-blue-400", light: "hover:text-blue-600" }, - { dark: "hover:text-blue-500", light: "hover:text-blue-500" }, - { dark: "hover:text-blue-600", light: "hover:text-blue-400" }, - { dark: "hover:text-blue-700", light: "hover:text-blue-300" }, - { dark: "hover:text-blue-800", light: "hover:text-blue-200" }, - { dark: "hover:text-blue-900", light: "hover:text-blue-100" }, - { dark: "hover:text-violet-100", light: "hover:text-violet-900" }, - { dark: "hover:text-violet-200", light: "hover:text-violet-800" }, - { dark: "hover:text-violet-300", light: "hover:text-violet-700" }, - { dark: "hover:text-violet-400", light: "hover:text-violet-600" }, - { dark: "hover:text-violet-500", light: "hover:text-violet-500" }, - { dark: "hover:text-violet-600", light: "hover:text-violet-400" }, - { dark: "hover:text-violet-700", light: "hover:text-violet-300" }, - { dark: "hover:text-violet-800", light: "hover:text-violet-200" }, - { dark: "hover:text-violet-900", light: "hover:text-violet-100" }, - { dark: "hover:text-pink-100", light: "hover:text-pink-900" }, - { dark: "hover:text-pink-200", light: "hover:text-pink-800" }, - { dark: "hover:text-pink-300", light: "hover:text-pink-700" }, - { dark: "hover:text-pink-400", light: "hover:text-pink-600" }, - { dark: "hover:text-pink-500", light: "hover:text-pink-500" }, - { dark: "hover:text-pink-600", light: "hover:text-pink-400" }, - { dark: "hover:text-pink-700", light: "hover:text-pink-300" }, - { dark: "hover:text-pink-800", light: "hover:text-pink-200" }, - { dark: "hover:text-pink-900", light: "hover:text-pink-100" }, - { dark: "focus:text-neutral-000", light: "focus:text-neutral-1300" }, - { dark: "focus:text-neutral-100", light: "focus:text-neutral-1200" }, - { dark: "focus:text-neutral-200", light: "focus:text-neutral-1100" }, - { dark: "focus:text-neutral-300", light: "focus:text-neutral-1000" }, - { dark: "focus:text-neutral-400", light: "focus:text-neutral-900" }, - { dark: "focus:text-neutral-500", light: "focus:text-neutral-800" }, - { dark: "focus:text-neutral-600", light: "focus:text-neutral-700" }, - { dark: "focus:text-neutral-700", light: "focus:text-neutral-600" }, - { dark: "focus:text-neutral-800", light: "focus:text-neutral-500" }, - { dark: "focus:text-neutral-900", light: "focus:text-neutral-400" }, - { dark: "focus:text-neutral-1000", light: "focus:text-neutral-300" }, - { dark: "focus:text-neutral-1100", light: "focus:text-neutral-200" }, - { dark: "focus:text-neutral-1200", light: "focus:text-neutral-100" }, - { dark: "focus:text-neutral-1300", light: "focus:text-neutral-000" }, - { dark: "focus:text-orange-100", light: "focus:text-orange-1100" }, - { dark: "focus:text-orange-200", light: "focus:text-orange-1000" }, - { dark: "focus:text-orange-300", light: "focus:text-orange-900" }, - { dark: "focus:text-orange-400", light: "focus:text-orange-800" }, - { dark: "focus:text-orange-500", light: "focus:text-orange-700" }, - { dark: "focus:text-orange-600", light: "focus:text-orange-600" }, - { dark: "focus:text-orange-700", light: "focus:text-orange-500" }, - { dark: "focus:text-orange-800", light: "focus:text-orange-400" }, - { dark: "focus:text-orange-900", light: "focus:text-orange-300" }, - { dark: "focus:text-orange-1000", light: "focus:text-orange-200" }, - { dark: "focus:text-orange-1100", light: "focus:text-orange-100" }, - { dark: "focus:text-yellow-100", light: "focus:text-yellow-900" }, - { dark: "focus:text-yellow-200", light: "focus:text-yellow-800" }, - { dark: "focus:text-yellow-300", light: "focus:text-yellow-700" }, - { dark: "focus:text-yellow-400", light: "focus:text-yellow-600" }, - { dark: "focus:text-yellow-500", light: "focus:text-yellow-500" }, - { dark: "focus:text-yellow-600", light: "focus:text-yellow-400" }, - { dark: "focus:text-yellow-700", light: "focus:text-yellow-300" }, - { dark: "focus:text-yellow-800", light: "focus:text-yellow-200" }, - { dark: "focus:text-yellow-900", light: "focus:text-yellow-100" }, - { dark: "focus:text-green-100", light: "focus:text-green-900" }, - { dark: "focus:text-green-200", light: "focus:text-green-800" }, - { dark: "focus:text-green-300", light: "focus:text-green-700" }, - { dark: "focus:text-green-400", light: "focus:text-green-600" }, - { dark: "focus:text-green-500", light: "focus:text-green-500" }, - { dark: "focus:text-green-600", light: "focus:text-green-400" }, - { dark: "focus:text-green-700", light: "focus:text-green-300" }, - { dark: "focus:text-green-800", light: "focus:text-green-200" }, - { dark: "focus:text-green-900", light: "focus:text-green-100" }, - { dark: "focus:text-blue-100", light: "focus:text-blue-900" }, - { dark: "focus:text-blue-200", light: "focus:text-blue-800" }, - { dark: "focus:text-blue-300", light: "focus:text-blue-700" }, - { dark: "focus:text-blue-400", light: "focus:text-blue-600" }, - { dark: "focus:text-blue-500", light: "focus:text-blue-500" }, - { dark: "focus:text-blue-600", light: "focus:text-blue-400" }, - { dark: "focus:text-blue-700", light: "focus:text-blue-300" }, - { dark: "focus:text-blue-800", light: "focus:text-blue-200" }, - { dark: "focus:text-blue-900", light: "focus:text-blue-100" }, - { dark: "focus:text-violet-100", light: "focus:text-violet-900" }, - { dark: "focus:text-violet-200", light: "focus:text-violet-800" }, - { dark: "focus:text-violet-300", light: "focus:text-violet-700" }, - { dark: "focus:text-violet-400", light: "focus:text-violet-600" }, - { dark: "focus:text-violet-500", light: "focus:text-violet-500" }, - { dark: "focus:text-violet-600", light: "focus:text-violet-400" }, - { dark: "focus:text-violet-700", light: "focus:text-violet-300" }, - { dark: "focus:text-violet-800", light: "focus:text-violet-200" }, - { dark: "focus:text-violet-900", light: "focus:text-violet-100" }, - { dark: "focus:text-pink-100", light: "focus:text-pink-900" }, - { dark: "focus:text-pink-200", light: "focus:text-pink-800" }, - { dark: "focus:text-pink-300", light: "focus:text-pink-700" }, - { dark: "focus:text-pink-400", light: "focus:text-pink-600" }, - { dark: "focus:text-pink-500", light: "focus:text-pink-500" }, - { dark: "focus:text-pink-600", light: "focus:text-pink-400" }, - { dark: "focus:text-pink-700", light: "focus:text-pink-300" }, - { dark: "focus:text-pink-800", light: "focus:text-pink-200" }, - { dark: "focus:text-pink-900", light: "focus:text-pink-100" }, - { - dark: "group-hover:text-neutral-000", - light: "group-hover:text-neutral-1300", - }, - { - dark: "group-hover:text-neutral-100", - light: "group-hover:text-neutral-1200", - }, - { - dark: "group-hover:text-neutral-200", - light: "group-hover:text-neutral-1100", - }, - { - dark: "group-hover:text-neutral-300", - light: "group-hover:text-neutral-1000", - }, - { - dark: "group-hover:text-neutral-400", - light: "group-hover:text-neutral-900", - }, - { - dark: "group-hover:text-neutral-500", - light: "group-hover:text-neutral-800", - }, - { - dark: "group-hover:text-neutral-600", - light: "group-hover:text-neutral-700", - }, - { - dark: "group-hover:text-neutral-700", - light: "group-hover:text-neutral-600", - }, - { - dark: "group-hover:text-neutral-800", - light: "group-hover:text-neutral-500", - }, - { - dark: "group-hover:text-neutral-900", - light: "group-hover:text-neutral-400", - }, - { - dark: "group-hover:text-neutral-1000", - light: "group-hover:text-neutral-300", - }, - { - dark: "group-hover:text-neutral-1100", - light: "group-hover:text-neutral-200", - }, - { - dark: "group-hover:text-neutral-1200", - light: "group-hover:text-neutral-100", - }, - { - dark: "group-hover:text-neutral-1300", - light: "group-hover:text-neutral-000", - }, - { - dark: "group-hover:text-orange-100", - light: "group-hover:text-orange-1100", - }, - { - dark: "group-hover:text-orange-200", - light: "group-hover:text-orange-1000", - }, - { dark: "group-hover:text-orange-300", light: "group-hover:text-orange-900" }, - { dark: "group-hover:text-orange-400", light: "group-hover:text-orange-800" }, - { dark: "group-hover:text-orange-500", light: "group-hover:text-orange-700" }, - { dark: "group-hover:text-orange-600", light: "group-hover:text-orange-600" }, - { dark: "group-hover:text-orange-700", light: "group-hover:text-orange-500" }, - { dark: "group-hover:text-orange-800", light: "group-hover:text-orange-400" }, - { dark: "group-hover:text-orange-900", light: "group-hover:text-orange-300" }, - { - dark: "group-hover:text-orange-1000", - light: "group-hover:text-orange-200", - }, - { - dark: "group-hover:text-orange-1100", - light: "group-hover:text-orange-100", - }, - { dark: "group-hover:text-yellow-100", light: "group-hover:text-yellow-900" }, - { dark: "group-hover:text-yellow-200", light: "group-hover:text-yellow-800" }, - { dark: "group-hover:text-yellow-300", light: "group-hover:text-yellow-700" }, - { dark: "group-hover:text-yellow-400", light: "group-hover:text-yellow-600" }, - { dark: "group-hover:text-yellow-500", light: "group-hover:text-yellow-500" }, - { dark: "group-hover:text-yellow-600", light: "group-hover:text-yellow-400" }, - { dark: "group-hover:text-yellow-700", light: "group-hover:text-yellow-300" }, - { dark: "group-hover:text-yellow-800", light: "group-hover:text-yellow-200" }, - { dark: "group-hover:text-yellow-900", light: "group-hover:text-yellow-100" }, - { dark: "group-hover:text-green-100", light: "group-hover:text-green-900" }, - { dark: "group-hover:text-green-200", light: "group-hover:text-green-800" }, - { dark: "group-hover:text-green-300", light: "group-hover:text-green-700" }, - { dark: "group-hover:text-green-400", light: "group-hover:text-green-600" }, - { dark: "group-hover:text-green-500", light: "group-hover:text-green-500" }, - { dark: "group-hover:text-green-600", light: "group-hover:text-green-400" }, - { dark: "group-hover:text-green-700", light: "group-hover:text-green-300" }, - { dark: "group-hover:text-green-800", light: "group-hover:text-green-200" }, - { dark: "group-hover:text-green-900", light: "group-hover:text-green-100" }, - { dark: "group-hover:text-blue-100", light: "group-hover:text-blue-900" }, - { dark: "group-hover:text-blue-200", light: "group-hover:text-blue-800" }, - { dark: "group-hover:text-blue-300", light: "group-hover:text-blue-700" }, - { dark: "group-hover:text-blue-400", light: "group-hover:text-blue-600" }, - { dark: "group-hover:text-blue-500", light: "group-hover:text-blue-500" }, - { dark: "group-hover:text-blue-600", light: "group-hover:text-blue-400" }, - { dark: "group-hover:text-blue-700", light: "group-hover:text-blue-300" }, - { dark: "group-hover:text-blue-800", light: "group-hover:text-blue-200" }, - { dark: "group-hover:text-blue-900", light: "group-hover:text-blue-100" }, - { dark: "group-hover:text-violet-100", light: "group-hover:text-violet-900" }, - { dark: "group-hover:text-violet-200", light: "group-hover:text-violet-800" }, - { dark: "group-hover:text-violet-300", light: "group-hover:text-violet-700" }, - { dark: "group-hover:text-violet-400", light: "group-hover:text-violet-600" }, - { dark: "group-hover:text-violet-500", light: "group-hover:text-violet-500" }, - { dark: "group-hover:text-violet-600", light: "group-hover:text-violet-400" }, - { dark: "group-hover:text-violet-700", light: "group-hover:text-violet-300" }, - { dark: "group-hover:text-violet-800", light: "group-hover:text-violet-200" }, - { dark: "group-hover:text-violet-900", light: "group-hover:text-violet-100" }, - { dark: "group-hover:text-pink-100", light: "group-hover:text-pink-900" }, - { dark: "group-hover:text-pink-200", light: "group-hover:text-pink-800" }, - { dark: "group-hover:text-pink-300", light: "group-hover:text-pink-700" }, - { dark: "group-hover:text-pink-400", light: "group-hover:text-pink-600" }, - { dark: "group-hover:text-pink-500", light: "group-hover:text-pink-500" }, - { dark: "group-hover:text-pink-600", light: "group-hover:text-pink-400" }, - { dark: "group-hover:text-pink-700", light: "group-hover:text-pink-300" }, - { dark: "group-hover:text-pink-800", light: "group-hover:text-pink-200" }, - { dark: "group-hover:text-pink-900", light: "group-hover:text-pink-100" }, -]; - -const bgColorMappings: { dark: ColorClass; light: ColorClass }[] = [ - { dark: "bg-neutral-000", light: "bg-neutral-1300" }, - { dark: "bg-neutral-100", light: "bg-neutral-1200" }, - { dark: "bg-neutral-200", light: "bg-neutral-1100" }, - { dark: "bg-neutral-300", light: "bg-neutral-1000" }, - { dark: "bg-neutral-400", light: "bg-neutral-900" }, - { dark: "bg-neutral-500", light: "bg-neutral-800" }, - { dark: "bg-neutral-600", light: "bg-neutral-700" }, - { dark: "bg-neutral-700", light: "bg-neutral-600" }, - { dark: "bg-neutral-800", light: "bg-neutral-500" }, - { dark: "bg-neutral-900", light: "bg-neutral-400" }, - { dark: "bg-neutral-1000", light: "bg-neutral-300" }, - { dark: "bg-neutral-1100", light: "bg-neutral-200" }, - { dark: "bg-neutral-1200", light: "bg-neutral-100" }, - { dark: "bg-neutral-1300", light: "bg-neutral-000" }, - { dark: "bg-orange-100", light: "bg-orange-1100" }, - { dark: "bg-orange-200", light: "bg-orange-1000" }, - { dark: "bg-orange-300", light: "bg-orange-900" }, - { dark: "bg-orange-400", light: "bg-orange-800" }, - { dark: "bg-orange-500", light: "bg-orange-700" }, - { dark: "bg-orange-600", light: "bg-orange-600" }, - { dark: "bg-orange-700", light: "bg-orange-500" }, - { dark: "bg-orange-800", light: "bg-orange-400" }, - { dark: "bg-orange-900", light: "bg-orange-300" }, - { dark: "bg-orange-1000", light: "bg-orange-200" }, - { dark: "bg-orange-1100", light: "bg-orange-100" }, - { dark: "bg-yellow-100", light: "bg-yellow-900" }, - { dark: "bg-yellow-200", light: "bg-yellow-800" }, - { dark: "bg-yellow-300", light: "bg-yellow-700" }, - { dark: "bg-yellow-400", light: "bg-yellow-600" }, - { dark: "bg-yellow-500", light: "bg-yellow-500" }, - { dark: "bg-yellow-600", light: "bg-yellow-400" }, - { dark: "bg-yellow-700", light: "bg-yellow-300" }, - { dark: "bg-yellow-800", light: "bg-yellow-200" }, - { dark: "bg-yellow-900", light: "bg-yellow-100" }, - { dark: "bg-green-100", light: "bg-green-900" }, - { dark: "bg-green-200", light: "bg-green-800" }, - { dark: "bg-green-300", light: "bg-green-700" }, - { dark: "bg-green-400", light: "bg-green-600" }, - { dark: "bg-green-500", light: "bg-green-500" }, - { dark: "bg-green-600", light: "bg-green-400" }, - { dark: "bg-green-700", light: "bg-green-300" }, - { dark: "bg-green-800", light: "bg-green-200" }, - { dark: "bg-green-900", light: "bg-green-100" }, - { dark: "bg-blue-100", light: "bg-blue-900" }, - { dark: "bg-blue-200", light: "bg-blue-800" }, - { dark: "bg-blue-300", light: "bg-blue-700" }, - { dark: "bg-blue-400", light: "bg-blue-600" }, - { dark: "bg-blue-500", light: "bg-blue-500" }, - { dark: "bg-blue-600", light: "bg-blue-400" }, - { dark: "bg-blue-700", light: "bg-blue-300" }, - { dark: "bg-blue-800", light: "bg-blue-200" }, - { dark: "bg-blue-900", light: "bg-blue-100" }, - { dark: "bg-violet-100", light: "bg-violet-900" }, - { dark: "bg-violet-200", light: "bg-violet-800" }, - { dark: "bg-violet-300", light: "bg-violet-700" }, - { dark: "bg-violet-400", light: "bg-violet-600" }, - { dark: "bg-violet-500", light: "bg-violet-500" }, - { dark: "bg-violet-600", light: "bg-violet-400" }, - { dark: "bg-violet-700", light: "bg-violet-300" }, - { dark: "bg-violet-800", light: "bg-violet-200" }, - { dark: "bg-violet-900", light: "bg-violet-100" }, - { dark: "bg-pink-100", light: "bg-pink-900" }, - { dark: "bg-pink-200", light: "bg-pink-800" }, - { dark: "bg-pink-300", light: "bg-pink-700" }, - { dark: "bg-pink-400", light: "bg-pink-600" }, - { dark: "bg-pink-500", light: "bg-pink-500" }, - { dark: "bg-pink-600", light: "bg-pink-400" }, - { dark: "bg-pink-700", light: "bg-pink-300" }, - { dark: "bg-pink-800", light: "bg-pink-200" }, - { dark: "bg-pink-900", light: "bg-pink-100" }, - { dark: "hover:bg-neutral-000", light: "hover:bg-neutral-1300" }, - { dark: "hover:bg-neutral-100", light: "hover:bg-neutral-1200" }, - { dark: "hover:bg-neutral-200", light: "hover:bg-neutral-1100" }, - { dark: "hover:bg-neutral-300", light: "hover:bg-neutral-1000" }, - { dark: "hover:bg-neutral-400", light: "hover:bg-neutral-900" }, - { dark: "hover:bg-neutral-500", light: "hover:bg-neutral-800" }, - { dark: "hover:bg-neutral-600", light: "hover:bg-neutral-700" }, - { dark: "hover:bg-neutral-700", light: "hover:bg-neutral-600" }, - { dark: "hover:bg-neutral-800", light: "hover:bg-neutral-500" }, - { dark: "hover:bg-neutral-900", light: "hover:bg-neutral-400" }, - { dark: "hover:bg-neutral-1000", light: "hover:bg-neutral-300" }, - { dark: "hover:bg-neutral-1100", light: "hover:bg-neutral-200" }, - { dark: "hover:bg-neutral-1200", light: "hover:bg-neutral-100" }, - { dark: "hover:bg-neutral-1300", light: "hover:bg-neutral-000" }, - { dark: "hover:bg-orange-100", light: "hover:bg-orange-1100" }, - { dark: "hover:bg-orange-200", light: "hover:bg-orange-1000" }, - { dark: "hover:bg-orange-300", light: "hover:bg-orange-900" }, - { dark: "hover:bg-orange-400", light: "hover:bg-orange-800" }, - { dark: "hover:bg-orange-500", light: "hover:bg-orange-700" }, - { dark: "hover:bg-orange-600", light: "hover:bg-orange-600" }, - { dark: "hover:bg-orange-700", light: "hover:bg-orange-500" }, - { dark: "hover:bg-orange-800", light: "hover:bg-orange-400" }, - { dark: "hover:bg-orange-900", light: "hover:bg-orange-300" }, - { dark: "hover:bg-orange-1000", light: "hover:bg-orange-200" }, - { dark: "hover:bg-orange-1100", light: "hover:bg-orange-100" }, - { dark: "hover:bg-yellow-100", light: "hover:bg-yellow-900" }, - { dark: "hover:bg-yellow-200", light: "hover:bg-yellow-800" }, - { dark: "hover:bg-yellow-300", light: "hover:bg-yellow-700" }, - { dark: "hover:bg-yellow-400", light: "hover:bg-yellow-600" }, - { dark: "hover:bg-yellow-500", light: "hover:bg-yellow-500" }, - { dark: "hover:bg-yellow-600", light: "hover:bg-yellow-400" }, - { dark: "hover:bg-yellow-700", light: "hover:bg-yellow-300" }, - { dark: "hover:bg-yellow-800", light: "hover:bg-yellow-200" }, - { dark: "hover:bg-yellow-900", light: "hover:bg-yellow-100" }, - { dark: "hover:bg-green-100", light: "hover:bg-green-900" }, - { dark: "hover:bg-green-200", light: "hover:bg-green-800" }, - { dark: "hover:bg-green-300", light: "hover:bg-green-700" }, - { dark: "hover:bg-green-400", light: "hover:bg-green-600" }, - { dark: "hover:bg-green-500", light: "hover:bg-green-500" }, - { dark: "hover:bg-green-600", light: "hover:bg-green-400" }, - { dark: "hover:bg-green-700", light: "hover:bg-green-300" }, - { dark: "hover:bg-green-800", light: "hover:bg-green-200" }, - { dark: "hover:bg-green-900", light: "hover:bg-green-100" }, - { dark: "hover:bg-blue-100", light: "hover:bg-blue-900" }, - { dark: "hover:bg-blue-200", light: "hover:bg-blue-800" }, - { dark: "hover:bg-blue-300", light: "hover:bg-blue-700" }, - { dark: "hover:bg-blue-400", light: "hover:bg-blue-600" }, - { dark: "hover:bg-blue-500", light: "hover:bg-blue-500" }, - { dark: "hover:bg-blue-600", light: "hover:bg-blue-400" }, - { dark: "hover:bg-blue-700", light: "hover:bg-blue-300" }, - { dark: "hover:bg-blue-800", light: "hover:bg-blue-200" }, - { dark: "hover:bg-blue-900", light: "hover:bg-blue-100" }, - { dark: "hover:bg-violet-100", light: "hover:bg-violet-900" }, - { dark: "hover:bg-violet-200", light: "hover:bg-violet-800" }, - { dark: "hover:bg-violet-300", light: "hover:bg-violet-700" }, - { dark: "hover:bg-violet-400", light: "hover:bg-violet-600" }, - { dark: "hover:bg-violet-500", light: "hover:bg-violet-500" }, - { dark: "hover:bg-violet-600", light: "hover:bg-violet-400" }, - { dark: "hover:bg-violet-700", light: "hover:bg-violet-300" }, - { dark: "hover:bg-violet-800", light: "hover:bg-violet-200" }, - { dark: "hover:bg-violet-900", light: "hover:bg-violet-100" }, - { dark: "hover:bg-pink-100", light: "hover:bg-pink-900" }, - { dark: "hover:bg-pink-200", light: "hover:bg-pink-800" }, - { dark: "hover:bg-pink-300", light: "hover:bg-pink-700" }, - { dark: "hover:bg-pink-400", light: "hover:bg-pink-600" }, - { dark: "hover:bg-pink-500", light: "hover:bg-pink-500" }, - { dark: "hover:bg-pink-600", light: "hover:bg-pink-400" }, - { dark: "hover:bg-pink-700", light: "hover:bg-pink-300" }, - { dark: "hover:bg-pink-800", light: "hover:bg-pink-200" }, - { dark: "hover:bg-pink-900", light: "hover:bg-pink-100" }, - - { dark: "focus:bg-neutral-000", light: "focus:bg-neutral-1300" }, - { dark: "focus:bg-neutral-100", light: "focus:bg-neutral-1200" }, - { dark: "focus:bg-neutral-200", light: "focus:bg-neutral-1100" }, - { dark: "focus:bg-neutral-300", light: "focus:bg-neutral-1000" }, - { dark: "focus:bg-neutral-400", light: "focus:bg-neutral-900" }, - { dark: "focus:bg-neutral-500", light: "focus:bg-neutral-800" }, - { dark: "focus:bg-neutral-600", light: "focus:bg-neutral-700" }, - { dark: "focus:bg-neutral-700", light: "focus:bg-neutral-600" }, - { dark: "focus:bg-neutral-800", light: "focus:bg-neutral-500" }, - { dark: "focus:bg-neutral-900", light: "focus:bg-neutral-400" }, - { dark: "focus:bg-neutral-1000", light: "focus:bg-neutral-300" }, - { dark: "focus:bg-neutral-1100", light: "focus:bg-neutral-200" }, - { dark: "focus:bg-neutral-1200", light: "focus:bg-neutral-100" }, - { dark: "focus:bg-neutral-1300", light: "focus:bg-neutral-000" }, - { dark: "focus:bg-orange-100", light: "focus:bg-orange-1100" }, - { dark: "focus:bg-orange-200", light: "focus:bg-orange-1000" }, - { dark: "focus:bg-orange-300", light: "focus:bg-orange-900" }, - { dark: "focus:bg-orange-400", light: "focus:bg-orange-800" }, - { dark: "focus:bg-orange-500", light: "focus:bg-orange-700" }, - { dark: "focus:bg-orange-600", light: "focus:bg-orange-600" }, - { dark: "focus:bg-orange-700", light: "focus:bg-orange-500" }, - { dark: "focus:bg-orange-800", light: "focus:bg-orange-400" }, - { dark: "focus:bg-orange-900", light: "focus:bg-orange-300" }, - { dark: "focus:bg-orange-1000", light: "focus:bg-orange-200" }, - { dark: "focus:bg-orange-1100", light: "focus:bg-orange-100" }, - { dark: "focus:bg-yellow-100", light: "focus:bg-yellow-900" }, - { dark: "focus:bg-yellow-200", light: "focus:bg-yellow-800" }, - { dark: "focus:bg-yellow-300", light: "focus:bg-yellow-700" }, - { dark: "focus:bg-yellow-400", light: "focus:bg-yellow-600" }, - { dark: "focus:bg-yellow-500", light: "focus:bg-yellow-500" }, - { dark: "focus:bg-yellow-600", light: "focus:bg-yellow-400" }, - { dark: "focus:bg-yellow-700", light: "focus:bg-yellow-300" }, - { dark: "focus:bg-yellow-800", light: "focus:bg-yellow-200" }, - { dark: "focus:bg-yellow-900", light: "focus:bg-yellow-100" }, - { dark: "focus:bg-green-100", light: "focus:bg-green-900" }, - { dark: "focus:bg-green-200", light: "focus:bg-green-800" }, - { dark: "focus:bg-green-300", light: "focus:bg-green-700" }, - { dark: "focus:bg-green-400", light: "focus:bg-green-600" }, - { dark: "focus:bg-green-500", light: "focus:bg-green-500" }, - { dark: "focus:bg-green-600", light: "focus:bg-green-400" }, - { dark: "focus:bg-green-700", light: "focus:bg-green-300" }, - { dark: "focus:bg-green-800", light: "focus:bg-green-200" }, - { dark: "focus:bg-green-900", light: "focus:bg-green-100" }, - { dark: "focus:bg-blue-100", light: "focus:bg-blue-900" }, - { dark: "focus:bg-blue-200", light: "focus:bg-blue-800" }, - { dark: "focus:bg-blue-300", light: "focus:bg-blue-700" }, - { dark: "focus:bg-blue-400", light: "focus:bg-blue-600" }, - { dark: "focus:bg-blue-500", light: "focus:bg-blue-500" }, - { dark: "focus:bg-blue-600", light: "focus:bg-blue-400" }, - { dark: "focus:bg-blue-700", light: "focus:bg-blue-300" }, - { dark: "focus:bg-blue-800", light: "focus:bg-blue-200" }, - { dark: "focus:bg-blue-900", light: "focus:bg-blue-100" }, - { dark: "focus:bg-violet-100", light: "focus:bg-violet-900" }, - { dark: "focus:bg-violet-200", light: "focus:bg-violet-800" }, - { dark: "focus:bg-violet-300", light: "focus:bg-violet-700" }, - { dark: "focus:bg-violet-400", light: "focus:bg-violet-600" }, - { dark: "focus:bg-violet-500", light: "focus:bg-violet-500" }, - { dark: "focus:bg-violet-600", light: "focus:bg-violet-400" }, - { dark: "focus:bg-violet-700", light: "focus:bg-violet-300" }, - { dark: "focus:bg-violet-800", light: "focus:bg-violet-200" }, - { dark: "focus:bg-violet-900", light: "focus:bg-violet-100" }, - { dark: "focus:bg-pink-100", light: "focus:bg-pink-900" }, - { dark: "focus:bg-pink-200", light: "focus:bg-pink-800" }, - { dark: "focus:bg-pink-300", light: "focus:bg-pink-700" }, - { dark: "focus:bg-pink-400", light: "focus:bg-pink-600" }, - { dark: "focus:bg-pink-500", light: "focus:bg-pink-500" }, - { dark: "focus:bg-pink-600", light: "focus:bg-pink-400" }, - { dark: "focus:bg-pink-700", light: "focus:bg-pink-300" }, - { dark: "focus:bg-pink-800", light: "focus:bg-pink-200" }, - { dark: "focus:bg-pink-900", light: "focus:bg-pink-100" }, - - { dark: "group-hover:bg-neutral-000", light: "group-hover:bg-neutral-1300" }, - { dark: "group-hover:bg-neutral-100", light: "group-hover:bg-neutral-1200" }, - { dark: "group-hover:bg-neutral-200", light: "group-hover:bg-neutral-1100" }, - { dark: "group-hover:bg-neutral-300", light: "group-hover:bg-neutral-1000" }, - { dark: "group-hover:bg-neutral-400", light: "group-hover:bg-neutral-900" }, - { dark: "group-hover:bg-neutral-500", light: "group-hover:bg-neutral-800" }, - { dark: "group-hover:bg-neutral-600", light: "group-hover:bg-neutral-700" }, - { dark: "group-hover:bg-neutral-700", light: "group-hover:bg-neutral-600" }, - { dark: "group-hover:bg-neutral-800", light: "group-hover:bg-neutral-500" }, - { dark: "group-hover:bg-neutral-900", light: "group-hover:bg-neutral-400" }, - { dark: "group-hover:bg-neutral-1000", light: "group-hover:bg-neutral-300" }, - { dark: "group-hover:bg-neutral-1100", light: "group-hover:bg-neutral-200" }, - { dark: "group-hover:bg-neutral-1200", light: "group-hover:bg-neutral-100" }, - { dark: "group-hover:bg-neutral-1300", light: "group-hover:bg-neutral-000" }, - { dark: "group-hover:bg-orange-100", light: "group-hover:bg-orange-1100" }, - { dark: "group-hover:bg-orange-200", light: "group-hover:bg-orange-1000" }, - { dark: "group-hover:bg-orange-300", light: "group-hover:bg-orange-900" }, - { dark: "group-hover:bg-orange-400", light: "group-hover:bg-orange-800" }, - { dark: "group-hover:bg-orange-500", light: "group-hover:bg-orange-700" }, - { dark: "group-hover:bg-orange-600", light: "group-hover:bg-orange-600" }, - { dark: "group-hover:bg-orange-700", light: "group-hover:bg-orange-500" }, - { dark: "group-hover:bg-orange-800", light: "group-hover:bg-orange-400" }, - { dark: "group-hover:bg-orange-900", light: "group-hover:bg-orange-300" }, - { dark: "group-hover:bg-orange-1000", light: "group-hover:bg-orange-200" }, - { dark: "group-hover:bg-orange-1100", light: "group-hover:bg-orange-100" }, - { dark: "group-hover:bg-yellow-100", light: "group-hover:bg-yellow-900" }, - { dark: "group-hover:bg-yellow-200", light: "group-hover:bg-yellow-800" }, - { dark: "group-hover:bg-yellow-300", light: "group-hover:bg-yellow-700" }, - { dark: "group-hover:bg-yellow-400", light: "group-hover:bg-yellow-600" }, - { dark: "group-hover:bg-yellow-500", light: "group-hover:bg-yellow-500" }, - { dark: "group-hover:bg-yellow-600", light: "group-hover:bg-yellow-400" }, - { dark: "group-hover:bg-yellow-700", light: "group-hover:bg-yellow-300" }, - { dark: "group-hover:bg-yellow-800", light: "group-hover:bg-yellow-200" }, - { dark: "group-hover:bg-yellow-900", light: "group-hover:bg-yellow-100" }, - { dark: "group-hover:bg-green-100", light: "group-hover:bg-green-900" }, - { dark: "group-hover:bg-green-200", light: "group-hover:bg-green-800" }, - { dark: "group-hover:bg-green-300", light: "group-hover:bg-green-700" }, - { dark: "group-hover:bg-green-400", light: "group-hover:bg-green-600" }, - { dark: "group-hover:bg-green-500", light: "group-hover:bg-green-500" }, - { dark: "group-hover:bg-green-600", light: "group-hover:bg-green-400" }, - { dark: "group-hover:bg-green-700", light: "group-hover:bg-green-300" }, - { dark: "group-hover:bg-green-800", light: "group-hover:bg-green-200" }, - { dark: "group-hover:bg-green-900", light: "group-hover:bg-green-100" }, - { dark: "group-hover:bg-blue-100", light: "group-hover:bg-blue-900" }, - { dark: "group-hover:bg-blue-200", light: "group-hover:bg-blue-800" }, - { dark: "group-hover:bg-blue-300", light: "group-hover:bg-blue-700" }, - { dark: "group-hover:bg-blue-400", light: "group-hover:bg-blue-600" }, - { dark: "group-hover:bg-blue-500", light: "group-hover:bg-blue-500" }, - { dark: "group-hover:bg-blue-600", light: "group-hover:bg-blue-400" }, - { dark: "group-hover:bg-blue-700", light: "group-hover:bg-blue-300" }, - { dark: "group-hover:bg-blue-800", light: "group-hover:bg-blue-200" }, - { dark: "group-hover:bg-blue-900", light: "group-hover:bg-blue-100" }, - { dark: "group-hover:bg-violet-100", light: "group-hover:bg-violet-900" }, - { dark: "group-hover:bg-violet-200", light: "group-hover:bg-violet-800" }, - { dark: "group-hover:bg-violet-300", light: "group-hover:bg-violet-700" }, - { dark: "group-hover:bg-violet-400", light: "group-hover:bg-violet-600" }, - { dark: "group-hover:bg-violet-500", light: "group-hover:bg-violet-500" }, - { dark: "group-hover:bg-violet-600", light: "group-hover:bg-violet-400" }, - { dark: "group-hover:bg-violet-700", light: "group-hover:bg-violet-300" }, - { dark: "group-hover:bg-violet-800", light: "group-hover:bg-violet-200" }, - { dark: "group-hover:bg-violet-900", light: "group-hover:bg-violet-100" }, - { dark: "group-hover:bg-pink-100", light: "group-hover:bg-pink-900" }, - { dark: "group-hover:bg-pink-200", light: "group-hover:bg-pink-800" }, - { dark: "group-hover:bg-pink-300", light: "group-hover:bg-pink-700" }, - { dark: "group-hover:bg-pink-400", light: "group-hover:bg-pink-600" }, - { dark: "group-hover:bg-pink-500", light: "group-hover:bg-pink-500" }, - { dark: "group-hover:bg-pink-600", light: "group-hover:bg-pink-400" }, - { dark: "group-hover:bg-pink-700", light: "group-hover:bg-pink-300" }, - { dark: "group-hover:bg-pink-800", light: "group-hover:bg-pink-200" }, - { dark: "group-hover:bg-pink-900", light: "group-hover:bg-pink-100" }, -]; - -const additionalColorMappings: { dark: ColorClass; light: ColorClass }[] = [ - { dark: "from-neutral-000", light: "from-neutral-1300" }, - { dark: "from-neutral-100", light: "from-neutral-1200" }, - { dark: "from-neutral-200", light: "from-neutral-1100" }, - { dark: "from-neutral-300", light: "from-neutral-1000" }, - { dark: "from-neutral-400", light: "from-neutral-900" }, - { dark: "from-neutral-500", light: "from-neutral-800" }, - { dark: "from-neutral-600", light: "from-neutral-700" }, - { dark: "from-neutral-700", light: "from-neutral-600" }, - { dark: "from-neutral-800", light: "from-neutral-500" }, - { dark: "from-neutral-900", light: "from-neutral-400" }, - { dark: "from-neutral-1000", light: "from-neutral-300" }, - { dark: "from-neutral-1100", light: "from-neutral-200" }, - { dark: "from-neutral-1200", light: "from-neutral-100" }, - { dark: "from-neutral-1300", light: "from-neutral-000" }, - { dark: "from-orange-100", light: "from-orange-1100" }, - { dark: "from-orange-200", light: "from-orange-1000" }, - { dark: "from-orange-300", light: "from-orange-900" }, - { dark: "from-orange-400", light: "from-orange-800" }, - { dark: "from-orange-500", light: "from-orange-700" }, - { dark: "from-orange-600", light: "from-orange-600" }, - { dark: "from-orange-700", light: "from-orange-500" }, - { dark: "from-orange-800", light: "from-orange-400" }, - { dark: "from-orange-900", light: "from-orange-300" }, - { dark: "from-orange-1000", light: "from-orange-200" }, - { dark: "from-orange-1100", light: "from-orange-100" }, - { dark: "from-yellow-100", light: "from-yellow-900" }, - { dark: "from-yellow-200", light: "from-yellow-800" }, - { dark: "from-yellow-300", light: "from-yellow-700" }, - { dark: "from-yellow-400", light: "from-yellow-600" }, - { dark: "from-yellow-500", light: "from-yellow-500" }, - { dark: "from-yellow-600", light: "from-yellow-400" }, - { dark: "from-yellow-700", light: "from-yellow-300" }, - { dark: "from-yellow-800", light: "from-yellow-200" }, - { dark: "from-yellow-900", light: "from-yellow-100" }, - { dark: "from-green-100", light: "from-green-900" }, - { dark: "from-green-200", light: "from-green-800" }, - { dark: "from-green-300", light: "from-green-700" }, - { dark: "from-green-400", light: "from-green-600" }, - { dark: "from-green-500", light: "from-green-500" }, - { dark: "from-green-600", light: "from-green-400" }, - { dark: "from-green-700", light: "from-green-300" }, - { dark: "from-green-800", light: "from-green-200" }, - { dark: "from-green-900", light: "from-green-100" }, - { dark: "from-blue-100", light: "from-blue-900" }, - { dark: "from-blue-200", light: "from-blue-800" }, - { dark: "from-blue-300", light: "from-blue-700" }, - { dark: "from-blue-400", light: "from-blue-600" }, - { dark: "from-blue-500", light: "from-blue-500" }, - { dark: "from-blue-600", light: "from-blue-400" }, - { dark: "from-blue-700", light: "from-blue-300" }, - { dark: "from-blue-800", light: "from-blue-200" }, - { dark: "from-blue-900", light: "from-blue-100" }, - { dark: "from-violet-100", light: "from-violet-900" }, - { dark: "from-violet-200", light: "from-violet-800" }, - { dark: "from-violet-300", light: "from-violet-700" }, - { dark: "from-violet-400", light: "from-violet-600" }, - { dark: "from-violet-500", light: "from-violet-500" }, - { dark: "from-violet-600", light: "from-violet-400" }, - { dark: "from-violet-700", light: "from-violet-300" }, - { dark: "from-violet-800", light: "from-violet-200" }, - { dark: "from-violet-900", light: "from-violet-100" }, - { dark: "from-pink-100", light: "from-pink-900" }, - { dark: "from-pink-200", light: "from-pink-800" }, - { dark: "from-pink-300", light: "from-pink-700" }, - { dark: "from-pink-400", light: "from-pink-600" }, - { dark: "from-pink-500", light: "from-pink-500" }, - { dark: "from-pink-600", light: "from-pink-400" }, - { dark: "from-pink-700", light: "from-pink-300" }, - { dark: "from-pink-800", light: "from-pink-200" }, - { dark: "from-pink-900", light: "from-pink-100" }, - - { dark: "to-neutral-000", light: "to-neutral-1300" }, - { dark: "to-neutral-100", light: "to-neutral-1200" }, - { dark: "to-neutral-200", light: "to-neutral-1100" }, - { dark: "to-neutral-300", light: "to-neutral-1000" }, - { dark: "to-neutral-400", light: "to-neutral-900" }, - { dark: "to-neutral-500", light: "to-neutral-800" }, - { dark: "to-neutral-600", light: "to-neutral-700" }, - { dark: "to-neutral-700", light: "to-neutral-600" }, - { dark: "to-neutral-800", light: "to-neutral-500" }, - { dark: "to-neutral-900", light: "to-neutral-400" }, - { dark: "to-neutral-1000", light: "to-neutral-300" }, - { dark: "to-neutral-1100", light: "to-neutral-200" }, - { dark: "to-neutral-1200", light: "to-neutral-100" }, - { dark: "to-neutral-1300", light: "to-neutral-000" }, - { dark: "to-orange-100", light: "to-orange-1100" }, - { dark: "to-orange-200", light: "to-orange-1000" }, - { dark: "to-orange-300", light: "to-orange-900" }, - { dark: "to-orange-400", light: "to-orange-800" }, - { dark: "to-orange-500", light: "to-orange-700" }, - { dark: "to-orange-600", light: "to-orange-600" }, - { dark: "to-orange-700", light: "to-orange-500" }, - { dark: "to-orange-800", light: "to-orange-400" }, - { dark: "to-orange-900", light: "to-orange-300" }, - { dark: "to-orange-1000", light: "to-orange-200" }, - { dark: "to-orange-1100", light: "to-orange-100" }, - { dark: "to-yellow-100", light: "to-yellow-900" }, - { dark: "to-yellow-200", light: "to-yellow-800" }, - { dark: "to-yellow-300", light: "to-yellow-700" }, - { dark: "to-yellow-400", light: "to-yellow-600" }, - { dark: "to-yellow-500", light: "to-yellow-500" }, - { dark: "to-yellow-600", light: "to-yellow-400" }, - { dark: "to-yellow-700", light: "to-yellow-300" }, - { dark: "to-yellow-800", light: "to-yellow-200" }, - { dark: "to-yellow-900", light: "to-yellow-100" }, - { dark: "to-green-100", light: "to-green-900" }, - { dark: "to-green-200", light: "to-green-800" }, - { dark: "to-green-300", light: "to-green-700" }, - { dark: "to-green-400", light: "to-green-600" }, - { dark: "to-green-500", light: "to-green-500" }, - { dark: "to-green-600", light: "to-green-400" }, - { dark: "to-green-700", light: "to-green-300" }, - { dark: "to-green-800", light: "to-green-200" }, - { dark: "to-green-900", light: "to-green-100" }, - { dark: "to-blue-100", light: "to-blue-900" }, - { dark: "to-blue-200", light: "to-blue-800" }, - { dark: "to-blue-300", light: "to-blue-700" }, - { dark: "to-blue-400", light: "to-blue-600" }, - { dark: "to-blue-500", light: "to-blue-500" }, - { dark: "to-blue-600", light: "to-blue-400" }, - { dark: "to-blue-700", light: "to-blue-300" }, - { dark: "to-blue-800", light: "to-blue-200" }, - { dark: "to-blue-900", light: "to-blue-100" }, - { dark: "to-violet-100", light: "to-violet-900" }, - { dark: "to-violet-200", light: "to-violet-800" }, - { dark: "to-violet-300", light: "to-violet-700" }, - { dark: "to-violet-400", light: "to-violet-600" }, - { dark: "to-violet-500", light: "to-violet-500" }, - { dark: "to-violet-600", light: "to-violet-400" }, - { dark: "to-violet-700", light: "to-violet-300" }, - { dark: "to-violet-800", light: "to-violet-200" }, - { dark: "to-violet-900", light: "to-violet-100" }, - { dark: "to-pink-100", light: "to-pink-900" }, - { dark: "to-pink-200", light: "to-pink-800" }, - { dark: "to-pink-300", light: "to-pink-700" }, - { dark: "to-pink-400", light: "to-pink-600" }, - { dark: "to-pink-500", light: "to-pink-500" }, - { dark: "to-pink-600", light: "to-pink-400" }, - { dark: "to-pink-700", light: "to-pink-300" }, - { dark: "to-pink-800", light: "to-pink-200" }, - { dark: "to-pink-900", light: "to-pink-100" }, - - { dark: "border-neutral-000", light: "border-neutral-1300" }, - { dark: "border-neutral-100", light: "border-neutral-1200" }, - { dark: "border-neutral-200", light: "border-neutral-1100" }, - { dark: "border-neutral-300", light: "border-neutral-1000" }, - { dark: "border-neutral-400", light: "border-neutral-900" }, - { dark: "border-neutral-500", light: "border-neutral-800" }, - { dark: "border-neutral-600", light: "border-neutral-700" }, - { dark: "border-neutral-700", light: "border-neutral-600" }, - { dark: "border-neutral-800", light: "border-neutral-500" }, - { dark: "border-neutral-900", light: "border-neutral-400" }, - { dark: "border-neutral-1000", light: "border-neutral-300" }, - { dark: "border-neutral-1100", light: "border-neutral-200" }, - { dark: "border-neutral-1200", light: "border-neutral-100" }, - { dark: "border-neutral-1300", light: "border-neutral-000" }, - { dark: "border-orange-100", light: "border-orange-1100" }, - { dark: "border-orange-200", light: "border-orange-1000" }, - { dark: "border-orange-300", light: "border-orange-900" }, - { dark: "border-orange-400", light: "border-orange-800" }, - { dark: "border-orange-500", light: "border-orange-700" }, - { dark: "border-orange-600", light: "border-orange-600" }, - { dark: "border-orange-700", light: "border-orange-500" }, - { dark: "border-orange-800", light: "border-orange-400" }, - { dark: "border-orange-900", light: "border-orange-300" }, - { dark: "border-orange-1000", light: "border-orange-200" }, - { dark: "border-orange-1100", light: "border-orange-100" }, - { dark: "border-yellow-100", light: "border-yellow-900" }, - { dark: "border-yellow-200", light: "border-yellow-800" }, - { dark: "border-yellow-300", light: "border-yellow-700" }, - { dark: "border-yellow-400", light: "border-yellow-600" }, - { dark: "border-yellow-500", light: "border-yellow-500" }, - { dark: "border-yellow-600", light: "border-yellow-400" }, - { dark: "border-yellow-700", light: "border-yellow-300" }, - { dark: "border-yellow-800", light: "border-yellow-200" }, - { dark: "border-yellow-900", light: "border-yellow-100" }, - { dark: "border-green-100", light: "border-green-900" }, - { dark: "border-green-200", light: "border-green-800" }, - { dark: "border-green-300", light: "border-green-700" }, - { dark: "border-green-400", light: "border-green-600" }, - { dark: "border-green-500", light: "border-green-500" }, - { dark: "border-green-600", light: "border-green-400" }, - { dark: "border-green-700", light: "border-green-300" }, - { dark: "border-green-800", light: "border-green-200" }, - { dark: "border-green-900", light: "border-green-100" }, - { dark: "border-blue-100", light: "border-blue-900" }, - { dark: "border-blue-200", light: "border-blue-800" }, - { dark: "border-blue-300", light: "border-blue-700" }, - { dark: "border-blue-400", light: "border-blue-600" }, - { dark: "border-blue-500", light: "border-blue-500" }, - { dark: "border-blue-600", light: "border-blue-400" }, - { dark: "border-blue-700", light: "border-blue-300" }, - { dark: "border-blue-800", light: "border-blue-200" }, - { dark: "border-blue-900", light: "border-blue-100" }, - { dark: "border-violet-100", light: "border-violet-900" }, - { dark: "border-violet-200", light: "border-violet-800" }, - { dark: "border-violet-300", light: "border-violet-700" }, - { dark: "border-violet-400", light: "border-violet-600" }, - { dark: "border-violet-500", light: "border-violet-500" }, - { dark: "border-violet-600", light: "border-violet-400" }, - { dark: "border-violet-700", light: "border-violet-300" }, - { dark: "border-violet-800", light: "border-violet-200" }, - { dark: "border-violet-900", light: "border-violet-100" }, - { dark: "border-pink-100", light: "border-pink-900" }, - { dark: "border-pink-200", light: "border-pink-800" }, - { dark: "border-pink-300", light: "border-pink-700" }, - { dark: "border-pink-400", light: "border-pink-600" }, - { dark: "border-pink-500", light: "border-pink-500" }, - { dark: "border-pink-600", light: "border-pink-400" }, - { dark: "border-pink-700", light: "border-pink-300" }, - { dark: "border-pink-800", light: "border-pink-200" }, - { dark: "border-pink-900", light: "border-pink-100" }, -]; - -const colorMappings = [ - ...textColorMappings, - ...bgColorMappings, - ...additionalColorMappings, -]; +// If missing, run any build script involving build:colors, i.e. yarn storybook +import computedColorsDark from "./computed-colors-dark.json"; +import computedColorsLight from "./computed-colors-light.json"; export const convertTailwindClassToVar = (className: string) => className.replace(/(text|bg|from|to)-([a-z0-9-]+)/gi, "var(--color-$2)"); @@ -850,8 +11,16 @@ export const determineThemeColor = ( baseTheme: Theme, currentTheme: Theme, color: ColorClass, -) => - baseTheme === currentTheme - ? color - : colorMappings.find((set) => set[baseTheme] === color)?.[currentTheme] || - color; +) => { + if (baseTheme === currentTheme) { + return color; + } else if (baseTheme === "light") { + return ( + (computedColorsLight as ComputedColors)[color][currentTheme] || color + ); + } else if (baseTheme === "dark") { + return (computedColorsDark as ComputedColors)[color][currentTheme] || color; + } + + return color; +}; diff --git a/tailwind.config.js b/tailwind.config.js index 36bf2c74..c76d4a05 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,5 +1,5 @@ module.exports = { - content: ["./src/**/*.{js,ts,tsx,mdx,stories.tsx}"], + content: ["./src/**/*.{js,ts,tsx,mdx,stories.tsx,json}"], safelist: [{ pattern: /^hljs.*/ }], theme: { screens: { diff --git a/tsc.js b/tsc.js index a819c9a9..6e5a51c1 100644 --- a/tsc.js +++ b/tsc.js @@ -65,5 +65,5 @@ dtsFiles.forEach((file) => { }); console.log( - `tsc 🤝 index.d.ts file has been generated with ${dtsFiles.length} exports.`, + `🔬 index.d.ts file has been generated with ${dtsFiles.length} exports.`, ); diff --git a/yarn.lock b/yarn.lock index fdbdd427..c6fc50ce 100644 --- a/yarn.lock +++ b/yarn.lock @@ -474,6 +474,13 @@ resolved "https://registry.npmjs.org/@colors/colors/-/colors-1.6.0.tgz" integrity sha512-Ir+AOibqzrIsL6ajt3Rz3LskB7OiMVHqltZmspbW/TJuTVuyOMirVqAkjfY6JISiLHgyNqicAC8AyHHGzNd/dA== +"@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" + "@dabh/diagnostics@^2.0.2": version "2.0.3" resolved "https://registry.npmjs.org/@dabh/diagnostics/-/diagnostics-2.0.3.tgz" @@ -1188,6 +1195,11 @@ "@jridgewell/sourcemap-codec" "^1.4.10" "@jridgewell/trace-mapping" "^0.3.24" +"@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/resolve-uri@^3.1.0": version "3.1.1" resolved "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz" @@ -1208,6 +1220,14 @@ resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz" 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" + "@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.9": version "0.3.25" resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz" @@ -2120,6 +2140,26 @@ resolved "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz" integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA== +"@tsconfig/node10@^1.0.7": + version "1.0.11" + resolved "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.11.tgz#6ee46400685f130e278128c7b38b7e031ff5b2f2" + integrity sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw== + +"@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/aria-query@^5.0.1": version "5.0.4" resolved "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz" @@ -2794,11 +2834,23 @@ acorn-walk@^7.2.0: resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz" integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA== +acorn-walk@^8.1.1: + version "8.3.4" + resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.4.tgz#794dd169c3977edf4ba4ea47583587c5866236b7" + integrity sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g== + dependencies: + acorn "^8.11.0" + acorn@^7.4.1: version "7.4.1" resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz" integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A== +acorn@^8.11.0, acorn@^8.4.1: + version "8.12.1" + resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248" + integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg== + acorn@^8.11.2: version "8.11.2" resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz" @@ -2919,6 +2971,11 @@ archy@^1.0.0: resolved "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz" integrity sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw== +arg@^4.1.0: + version "4.1.3" + resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089" + integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA== + arg@^5.0.2: version "5.0.2" resolved "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz" @@ -3670,6 +3727,11 @@ create-jest@^29.7.0: jest-util "^29.7.0" prompts "^2.0.1" +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== + cross-spawn@^5.0.1: version "5.1.0" resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz" @@ -3909,6 +3971,11 @@ diff-sequences@^29.6.3: resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz" integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q== +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== + diffable-html@^4.1.0: version "4.1.0" resolved "https://registry.npmjs.org/diffable-html/-/diffable-html-4.1.0.tgz" @@ -6519,6 +6586,11 @@ make-dir@^4.0.0: dependencies: semver "^7.5.3" +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== + makeerror@1.0.12: version "1.0.12" resolved "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz" @@ -8586,6 +8658,25 @@ ts-interface-checker@^0.1.9: resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz" integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA== +ts-node@^10.9.2: + 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" + tsconfig-paths@^4.2.0: version "4.2.0" resolved "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz" @@ -8865,6 +8956,11 @@ uuid@^9.0.0: resolved "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz" integrity sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA== +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== + v8-to-istanbul@^9.0.1: version "9.2.0" resolved "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.2.0.tgz" @@ -9206,6 +9302,11 @@ yargs@^17.3.1, yargs@^17.7.2: y18n "^5.0.5" yargs-parser "^21.1.1" +yn@3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50" + integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q== + yocto-queue@^0.1.0: version "0.1.0" resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"