@atom-learning/components 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/experiments/color-scheme/ColorScheme.d.ts

@@ -8,7 +8,7 @@ export declare type TcolorScheme = {
 declare type TColorSchemeOwnProps = TcolorScheme & {
     asChild?: boolean;
 };
-declare const StyledColorScheme: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+declare const StyledColorScheme: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {}, {
     sm: string;
     md: string;
     lg: string;
@@ -16,7 +16,7 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
     reducedMotion: string;
     allowMotion: string;
     hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
+}, import("@atom-learning/stitches-react/types/css-util").CSS<{
     sm: string;
     md: string;
     lg: string;
@@ -56,6 +56,18 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
         blue1000: any;
         blue1100: any;
         blue1200: any;
+        pink100: any;
+        pink200: any;
+        pink300: any;
+        pink400: any;
+        pink500: any;
+        pink600: any;
+        pink700: any;
+        pink800: any;
+        pink900: any;
+        pink1000: any;
+        pink1100: any;
+        pink1200: any;
         purple100: any;
         purple200: any;
         purple300: any;
@@ -200,26 +212,11 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -320,59 +317,59 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
         "1-1": any;
         "3-4": any;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
     };
-    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+    size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
     };
-    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
-    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
 declare type TColorSchemeProps = React.ComponentProps<typeof StyledColorScheme> & TColorSchemeOwnProps;

package/dist/experiments/color-scheme/stitches.colorscheme.config.d.ts

@@ -21,6 +21,13 @@ export declare const bases: {
     blue2: {
         colorName: string;
     };
+    pink1: {
+        colorName: string;
+        color0: string;
+    };
+    pink2: {
+        colorName: string;
+    };
     purple1: {
         colorName: string;
         color0: string;
@@ -107,6 +114,13 @@ export declare const accents: {
     blue2: {
         colorName: string;
     };
+    pink1: {
+        colorName: string;
+        color0: string;
+    };
+    pink2: {
+        colorName: string;
+    };
     purple1: {
         colorName: string;
         color0: string;

package/dist/experiments/color-scheme/stitches.colorscheme.config.js

@@ -1,2 +1,2 @@
-import{createTheme as a}from"../../stitches.js";const c={},n=({prefix:e,colorName:l,color0:r=""})=>{const o={};let F=1;r&&(o[`${e}${F}`]=r,F++);let m=1;for(F;F<=11;F++)o[`${e}${F}`]=`$${l}${m*100}`,m++;return o};c["interactive-loContrast"]=a({colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),c["interactive-hiContrast"]=a({colors:{interactiveForeground:"$foreground7plus",interactive1:"$accent9",interactive2:"$accent10",interactive3:"$accent11"}});const t={primary1:{colorName:"primary",color0:"#FFFFFF"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"#FFFFFF"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"#FFFFFF"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"#FFFFFF"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"#FFFFFF"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"#FFFFFF"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"#FFFFFF"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"#FFFFFF"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"#FFFFFF"},lime2:{colorName:"lime"}},i=()=>{Object.entries(t).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`base-${e}`;c[o]=a({colors:{foreground:"$grey1000",foreground7plus:"#FFFFFF",...n({prefix:"base",colorName:l,color0:r})}})})},N={primary1:{colorName:"primary",color0:"#FFFFFF"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"#FFFFFF"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"#FFFFFF"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"#FFFFFF"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"#FFFFFF"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"#FFFFFF"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"#FFFFFF"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"#FFFFFF"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"#FFFFFF"},lime2:{colorName:"lime"}},g=()=>{Object.entries(N).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`accent-${e}`;c[o]=a({colors:n({prefix:"accent",colorName:l,color0:r})})})};i(),g();export{N as accents,t as bases,c as colorSchemes};
+import{createTheme as a}from"../../stitches.js";const c={},n=({prefix:e,colorName:l,color0:r=""})=>{const o={};let F=1;r&&(o[`${e}${F}`]=r,F++);let m=1;for(F;F<=11;F++)o[`${e}${F}`]=`$${l}${m*100}`,m++;return o};c["interactive-loContrast"]=a({colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),c["interactive-hiContrast"]=a({colors:{interactiveForeground:"$foreground7plus",interactive1:"$accent9",interactive2:"$accent10",interactive3:"$accent11"}});const t={primary1:{colorName:"primary",color0:"#FFFFFF"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"#FFFFFF"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"#FFFFFF"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"#FFFFFF"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"#FFFFFF"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"#FFFFFF"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"#FFFFFF"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"#FFFFFF"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"#FFFFFF"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"#FFFFFF"},lime2:{colorName:"lime"}},i=()=>{Object.entries(t).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`base-${e}`;c[o]=a({colors:{foreground:"$grey1000",foreground7plus:"#FFFFFF",...n({prefix:"base",colorName:l,color0:r})}})})},N={primary1:{colorName:"primary",color0:"#FFFFFF"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"#FFFFFF"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"#FFFFFF"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"#FFFFFF"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"#FFFFFF"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"#FFFFFF"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"#FFFFFF"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"#FFFFFF"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"#FFFFFF"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"#FFFFFF"},lime2:{colorName:"lime"}},g=()=>{Object.entries(N).forEach(([e,{colorName:l,color0:r=""}])=>{const o=`accent-${e}`;c[o]=a({colors:n({prefix:"accent",colorName:l,color0:r})})})};i(),g();export{N as accents,t as bases,c as colorSchemes};
 //# sourceMappingURL=stitches.colorscheme.config.js.map

package/dist/experiments/color-scheme/stitches.colorscheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stitches.colorscheme.config.js","sources":["../../../src/experiments/color-scheme/stitches.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\nexport const colorSchemes = {}\n\nconst generateColors = ({ prefix, colorName, color0 = '' }) => {\n  const colors = {}\n  let i = 1\n  if (color0) {\n    colors[`${prefix}${i}`] = color0\n    i++\n  }\n  let k = 1\n  for (i; i <= 11; i++) {\n    colors[`${prefix}${i}`] = `$${colorName}${k * 100}`\n    k++\n  }\n  return colors\n}\n\ncolorSchemes['interactive-loContrast'] = createTheme({\n  colors: {\n    interactiveForeground: '$foreground',\n    interactive1: '$accent1',\n    interactive2: '$accent2',\n    interactive3: '$accent3'\n  }\n})\n\ncolorSchemes['interactive-hiContrast'] = createTheme({\n  colors: {\n    interactiveForeground: '$foreground7plus',\n    interactive1: '$accent9',\n    interactive2: '$accent10',\n    interactive3: '$accent11'\n  }\n})\n\ntype TcolorSetup = {\n  colorName: string\n  color0?: string\n}\n\nexport const bases = {\n  primary1: { colorName: 'primary', color0: '#FFFFFF' },\n  primary2: { colorName: 'primary' },\n  grey1: { colorName: 'grey', color0: '#FFFFFF' },\n  grey2: { colorName: 'grey' },\n  blue1: { colorName: 'blue', color0: '#FFFFFF' },\n  blue2: { colorName: 'blue' },\n  purple1: { colorName: 'purple', color0: '#FFFFFF' },\n  purple2: { colorName: 'purple' },\n  cyan1: { colorName: 'cyan', color0: '#FFFFFF' },\n  cyan2: { colorName: 'cyan' },\n  green1: { colorName: 'green', color0: '#FFFFFF' },\n  green2: { colorName: 'green' },\n  magenta1: { colorName: 'magenta', color0: '#FFFFFF' },\n  magenta2: { colorName: 'magenta' },\n  red1: { colorName: 'red', color0: '#FFFFFF' },\n  red2: { colorName: 'red' },\n  teal1: { colorName: 'teal', color0: '#FFFFFF' },\n  teal2: { colorName: 'teal' },\n  orange1: { colorName: 'orange', color0: '#FFFFFF' },\n  orange2: { colorName: 'orange' },\n  yellow1: { colorName: 'yellow', color0: '#FFFFFF' },\n  yellow2: { colorName: 'yellow' },\n  lime1: { colorName: 'lime', color0: '#FFFFFF' },\n  lime2: { colorName: 'lime' }\n}\nconst generateBase = () => {\n  Object.entries(bases).forEach(\n    ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n      const themeName = `base-${name}`\n      colorSchemes[themeName] = createTheme({\n        colors: {\n          foreground: '$grey1000',\n          foreground7plus: '#FFFFFF',\n          ...generateColors({ prefix: 'base', colorName, color0 })\n        }\n      })\n    }\n  )\n}\n\nexport const accents = {\n  primary1: { colorName: 'primary', color0: '#FFFFFF' },\n  primary2: { colorName: 'primary' },\n  grey1: { colorName: 'grey', color0: '#FFFFFF' },\n  grey2: { colorName: 'grey' },\n  blue1: { colorName: 'blue', color0: '#FFFFFF' },\n  blue2: { colorName: 'blue' },\n  purple1: { colorName: 'purple', color0: '#FFFFFF' },\n  purple2: { colorName: 'purple' },\n  cyan1: { colorName: 'cyan', color0: '#FFFFFF' },\n  cyan2: { colorName: 'cyan' },\n  green1: { colorName: 'green', color0: '#FFFFFF' },\n  green2: { colorName: 'green' },\n  magenta1: { colorName: 'magenta', color0: '#FFFFFF' },\n  magenta2: { colorName: 'magenta' },\n  red1: { colorName: 'red', color0: '#FFFFFF' },\n  red2: { colorName: 'red' },\n  teal1: { colorName: 'teal', color0: '#FFFFFF' },\n  teal2: { colorName: 'teal' },\n  orange1: { colorName: 'orange', color0: '#FFFFFF' },\n  orange2: { colorName: 'orange' },\n  yellow1: { colorName: 'yellow', color0: '#FFFFFF' },\n  yellow2: { colorName: 'yellow' },\n  lime1: { colorName: 'lime', color0: '#FFFFFF' },\n  lime2: { colorName: 'lime' }\n}\nconst generateAccent = () => {\n  Object.entries(accents).forEach(\n    ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n      const themeName = `accent-${name}`\n      colorSchemes[themeName] = createTheme({\n        colors: generateColors({ prefix: 'accent', colorName, color0 })\n      })\n    }\n  )\n}\n\ngenerateBase()\ngenerateAccent()\n"],"names":["colorSchemes","generateColors","prefix","colorName","color0","colors","i","k","createTheme","bases","generateBase","name","themeName","accents","generateAccent"],"mappings":"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"}
+{"version":3,"file":"stitches.colorscheme.config.js","sources":["../../../src/experiments/color-scheme/stitches.colorscheme.config.ts"],"sourcesContent":["import { Theme } from '@atom-learning/theme/lib/theme-atom'\n\nimport { createTheme } from '~/stitches'\n\nexport const colorSchemes = {}\n\nconst generateColors = ({ prefix, colorName, color0 = '' }) => {\n  const colors = {}\n  let i = 1\n  if (color0) {\n    colors[`${prefix}${i}`] = color0\n    i++\n  }\n  let k = 1\n  for (i; i <= 11; i++) {\n    colors[`${prefix}${i}`] = `$${colorName}${k * 100}`\n    k++\n  }\n  return colors\n}\n\ncolorSchemes['interactive-loContrast'] = createTheme({\n  colors: {\n    interactiveForeground: '$foreground',\n    interactive1: '$accent1',\n    interactive2: '$accent2',\n    interactive3: '$accent3'\n  }\n} as unknown as Theme)\n\ncolorSchemes['interactive-hiContrast'] = createTheme({\n  colors: {\n    interactiveForeground: '$foreground7plus',\n    interactive1: '$accent9',\n    interactive2: '$accent10',\n    interactive3: '$accent11'\n  }\n} as unknown as Theme)\n\ntype TcolorSetup = {\n  colorName: string\n  color0?: string\n}\n\nexport const bases = {\n  primary1: { colorName: 'primary', color0: '#FFFFFF' },\n  primary2: { colorName: 'primary' },\n  grey1: { colorName: 'grey', color0: '#FFFFFF' },\n  grey2: { colorName: 'grey' },\n  blue1: { colorName: 'blue', color0: '#FFFFFF' },\n  blue2: { colorName: 'blue' },\n  pink1: { colorName: 'pink', color0: '#FFFFFF' },\n  pink2: { colorName: 'pink' },\n  purple1: { colorName: 'purple', color0: '#FFFFFF' },\n  purple2: { colorName: 'purple' },\n  cyan1: { colorName: 'cyan', color0: '#FFFFFF' },\n  cyan2: { colorName: 'cyan' },\n  green1: { colorName: 'green', color0: '#FFFFFF' },\n  green2: { colorName: 'green' },\n  magenta1: { colorName: 'magenta', color0: '#FFFFFF' },\n  magenta2: { colorName: 'magenta' },\n  red1: { colorName: 'red', color0: '#FFFFFF' },\n  red2: { colorName: 'red' },\n  teal1: { colorName: 'teal', color0: '#FFFFFF' },\n  teal2: { colorName: 'teal' },\n  orange1: { colorName: 'orange', color0: '#FFFFFF' },\n  orange2: { colorName: 'orange' },\n  yellow1: { colorName: 'yellow', color0: '#FFFFFF' },\n  yellow2: { colorName: 'yellow' },\n  lime1: { colorName: 'lime', color0: '#FFFFFF' },\n  lime2: { colorName: 'lime' }\n}\nconst generateBase = () => {\n  Object.entries(bases).forEach(\n    ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n      const themeName = `base-${name}`\n      colorSchemes[themeName] = createTheme({\n        colors: {\n          foreground: '$grey1000',\n          foreground7plus: '#FFFFFF',\n          ...generateColors({ prefix: 'base', colorName, color0 })\n        }\n      } as unknown as Theme)\n    }\n  )\n}\n\nexport const accents = {\n  primary1: { colorName: 'primary', color0: '#FFFFFF' },\n  primary2: { colorName: 'primary' },\n  grey1: { colorName: 'grey', color0: '#FFFFFF' },\n  grey2: { colorName: 'grey' },\n  blue1: { colorName: 'blue', color0: '#FFFFFF' },\n  blue2: { colorName: 'blue' },\n  pink1: { colorName: 'pink', color0: '#FFFFFF' },\n  pink2: { colorName: 'pink' },\n  purple1: { colorName: 'purple', color0: '#FFFFFF' },\n  purple2: { colorName: 'purple' },\n  cyan1: { colorName: 'cyan', color0: '#FFFFFF' },\n  cyan2: { colorName: 'cyan' },\n  green1: { colorName: 'green', color0: '#FFFFFF' },\n  green2: { colorName: 'green' },\n  magenta1: { colorName: 'magenta', color0: '#FFFFFF' },\n  magenta2: { colorName: 'magenta' },\n  red1: { colorName: 'red', color0: '#FFFFFF' },\n  red2: { colorName: 'red' },\n  teal1: { colorName: 'teal', color0: '#FFFFFF' },\n  teal2: { colorName: 'teal' },\n  orange1: { colorName: 'orange', color0: '#FFFFFF' },\n  orange2: { colorName: 'orange' },\n  yellow1: { colorName: 'yellow', color0: '#FFFFFF' },\n  yellow2: { colorName: 'yellow' },\n  lime1: { colorName: 'lime', color0: '#FFFFFF' },\n  lime2: { colorName: 'lime' }\n}\nconst generateAccent = () => {\n  Object.entries(accents).forEach(\n    ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n      const themeName = `accent-${name}`\n      colorSchemes[themeName] = createTheme({\n        colors: generateColors({ prefix: 'accent', colorName, color0 })\n      })\n    }\n  )\n}\n\ngenerateBase()\ngenerateAccent()\n"],"names":["colorSchemes","generateColors","prefix","colorName","color0","colors","i","k","createTheme","bases","generateBase","name","themeName","accents","generateAccent"],"mappings":"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"}