npm - @atom-learning/components - Versions diffs - 2.45.0 → 2.47.0 - Mend

@atom-learning/components 2.45.0 → 2.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

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

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { accents, bases } from './stitches.colorscheme.config';
-declare type TColorSchemeOwnProps = {
+export declare type TcolorScheme = {
     base?: keyof typeof bases;
     accent?: keyof typeof accents;
-    interactive?: 'loContrast1' | 'loContrast2' | 'hiContrast1' | 'hiContrast2';
+    interactive?: 'loContrast' | 'hiContrast';
+};
+declare type TColorSchemeOwnProps = TcolorScheme & {
     asChild?: boolean;
 };
 declare const StyledColorScheme: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -24,29 +26,145 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
     hover: string;
 }, {
     colors: {
-        slate1: any;
-        slate2: any;
-        slate3: any;
-        slate4: any;
-        slate5: any;
-        slate6: any;
-        slate7: any;
-        slate8: any;
-        slate9: any;
-        slate10: any;
-        blue1: any;
-        blue2: any;
-        blue3: any;
-        blue4: any;
-        blue5: any;
-        blue6: any;
-        blue7: any;
-        blue8: any;
-        blue9: any;
-        blue10: any;
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
         background: any;
-        foreground: any;
-        foreground6plus: any;
+        backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: 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;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+        "24": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
@@ -107,5 +225,5 @@ declare type TColorSchemeProps = React.ComponentProps<typeof StyledColorScheme>
 /**
  * @experimental Component has not been finalised. Further design input required. Use with caution.
  */
-export declare const ColorScheme: React.ForwardRefExoticComponent<Pick<TColorSchemeProps, "css" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | keyof TColorSchemeOwnProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const ColorScheme: React.ForwardRefExoticComponent<Pick<TColorSchemeProps, "css" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | keyof TcolorScheme> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/experiments/color-scheme/ColorScheme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Slot as f}from"@radix-ui/react-slot";import*as o from"react";import{styled as d,colorSchemes as e}from"./stitches.colorscheme.config.js";const p=d("div"),t=o.forwardRef(({base:r="",accent:a="",interactive:c="",className:m,asChild:s=!1,...i},l)=>{const n=[m,e[`interactive-${c}`],e[`accent-${a}`],e[`base-${r}`]].filter(Boolean).join(" ");return o.createElement(s?f:p,{ref:l,className:n,...i})});t.displayName="ColorScheme";export{t as ColorScheme};
+import{Slot as f}from"@radix-ui/react-slot";import*as o from"react";import{styled as p}from"../../stitches.js";import{colorSchemes as e}from"./stitches.colorscheme.config.js";const d=p("div"),r=o.forwardRef(({base:t="",accent:a="",interactive:c="",className:m,asChild:s=!1,...i},l)=>{const n=[m,e[`interactive-${c}`],e[`accent-${a}`],e[`base-${t}`]].filter(Boolean).join(" ");return o.createElement(s?f:d,{ref:l,className:n,...i})});r.displayName="ColorScheme";export{r as ColorScheme};
 //# sourceMappingURL=ColorScheme.js.map

package/dist/experiments/color-scheme/ColorScheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorScheme.js","sources":["../../../src/experiments/color-scheme/ColorScheme.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport {\n accents~~,\n~~ bases~~,\n~~ colorSchemes~~,\n styled\n~~} from './stitches.colorscheme.config'\n\~~ntype~~ ~~TColorSchemeOwnProps~~ = {\n base?: keyof typeof bases\n accent?: keyof typeof accents\n interactive?: '~~loContrast1~~' \| '~~loContrast2~~' \| ~~'hiContrast1'~~ \| ~~'hiContrast2'~~\n asChild?: boolean\n}\n\nconst StyledColorScheme = styled('div')\n\ntype TColorSchemeProps = React.ComponentProps<typeof StyledColorScheme> &\n TColorSchemeOwnProps\n\n/*\n @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = React.forwardRef<HTMLDivElement, TColorSchemeProps>(\n (\n {\n base = '',\n accent = '',\n interactive = '',\n className,\n asChild = false,\n ...rest\n },\n ref\n ) => {\n const c = [\n className,\n colorSchemes[`interactive-${interactive}`],\n colorSchemes[`accent-${accent}`],\n colorSchemes[`base-${base}`]\n ]\n .filter(Boolean)\n .join(' ')\n\n const Component = asChild ? Slot : StyledColorScheme\n return <Component ref={ref} className={c} {...rest} />\n }\n)\n\nColorScheme.displayName = 'ColorScheme'\n"],"names":["StyledColorScheme","styled","ColorScheme","React","base","accent","interactive","className","asChild","rest","ref","c","colorSchemes","Slot"],"mappings":"~~gJAiBA~~,MAAMA,EAAoBC,EAAO,KAAK,EAQzBC,EAAcC,EAAM,WAC/B,CACE,CACE,KAAAC,EAAO,GACP,OAAAC,EAAS,GACT,YAAAC,EAAc,GACd,UAAAC,EACA,QAAAC,EAAU,MACPC,CACL,EACAC,IACG,CACH,MAAMC,EAAI,CACRJ,EACAK,EAAa,eAAeN,KAC5BM,EAAa,UAAUP,KACvBO,EAAa,QAAQR,IACvB,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EAGX,OAAOD,EAAA,cADWK,EAAUK,EAAOb,EAC3B,CAAU,IAAKU,EAAK,UAAWC,EAAI,GAAGF,CAAAA,CAAM,CACtD,CACF,EAEAP,EAAY,YAAc"}
1	+ {"version":3,"file":"ColorScheme.js","sources":["../../../src/experiments/color-scheme/ColorScheme.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { accents, bases, colorSchemes } from './stitches.colorscheme.config'\n\nexport type TcolorScheme = {\n base?: keyof typeof bases\n accent?: keyof typeof accents\n interactive?: 'loContrast' \| 'hiContrast'\n}\n\ntype TColorSchemeOwnProps = TcolorScheme & {\n asChild?: boolean\n}\n\nconst StyledColorScheme = styled('div')\n\ntype TColorSchemeProps = React.ComponentProps<typeof StyledColorScheme> &\n TColorSchemeOwnProps\n\n/*\n @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = React.forwardRef<HTMLDivElement, TColorSchemeProps>(\n (\n {\n base = '',\n accent = '',\n interactive = '',\n className,\n asChild = false,\n ...rest\n },\n ref\n ) => {\n const c = [\n className,\n colorSchemes[`interactive-${interactive}`],\n colorSchemes[`accent-${accent}`],\n colorSchemes[`base-${base}`]\n ]\n .filter(Boolean)\n .join(' ')\n\n const Component = asChild ? Slot : StyledColorScheme\n return <Component ref={ref} className={c} {...rest} />\n }\n)\n\nColorScheme.displayName = 'ColorScheme'\n"],"names":["StyledColorScheme","styled","ColorScheme","React","base","accent","interactive","className","asChild","rest","ref","c","colorSchemes","Slot"],"mappings":"+KAiBA,MAAMA,EAAoBC,EAAO,KAAK,EAQzBC,EAAcC,EAAM,WAC/B,CACE,CACE,KAAAC,EAAO,GACP,OAAAC,EAAS,GACT,YAAAC,EAAc,GACd,UAAAC,EACA,QAAAC,EAAU,MACPC,CACL,EACAC,IACG,CACH,MAAMC,EAAI,CACRJ,EACAK,EAAa,eAAeN,KAC5BM,EAAa,UAAUP,KACvBO,EAAa,QAAQR,IACvB,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EAGX,OAAOD,EAAA,cADWK,EAAUK,EAAOb,EAC3B,CAAU,IAAKU,EAAK,UAAWC,EAAI,GAAGF,CAAAA,CAAM,CACtD,CACF,EAEAP,EAAY,YAAc"}

package/dist/experiments/color-scheme/index.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export { ColorScheme } from './ColorScheme';
2	+ export type { TcolorScheme } from './ColorScheme';

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

@@ -1,256 +1,47 @@
 export declare const colorSchemes: {};
-export declare const styled: {
-    withConfig: (config: {
-        componentId?: string | undefined;
-        displayName?: string | undefined;
-        shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
-    }) => import("@stitches/react/types/stitches").StyledFunctionType<{
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        reducedMotion: string;
-        allowMotion: string;
-        hover: string;
-    }, {
-        colors: {
-            slate1: any;
-            slate2: any;
-            slate3: any;
-            slate4: any;
-            slate5: any;
-            slate6: any;
-            slate7: any;
-            slate8: any;
-            slate9: any;
-            slate10: any;
-            blue1: any;
-            blue2: any;
-            blue3: any;
-            blue4: any;
-            blue5: any;
-            blue6: any;
-            blue7: any;
-            blue8: any;
-            blue9: any;
-            blue10: any;
-            background: any;
-            foreground: any;
-            foreground6plus: 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">;
-        };
-        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">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@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">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@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">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@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">;
-        };
-        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">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@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">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@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">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@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">;
-        };
-        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">;
-        };
-    }>;
-} & import("@stitches/react/types/stitches").StyledFunctionType<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, {
-    colors: {
-        slate1: any;
-        slate2: any;
-        slate3: any;
-        slate4: any;
-        slate5: any;
-        slate6: any;
-        slate7: any;
-        slate8: any;
-        slate9: any;
-        slate10: any;
-        blue1: any;
-        blue2: any;
-        blue3: any;
-        blue4: any;
-        blue5: any;
-        blue6: any;
-        blue7: any;
-        blue8: any;
-        blue9: any;
-        blue10: any;
-        background: any;
-        foreground: any;
-        foreground6plus: 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">;
-    };
-    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">;
-    };
-    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        padding: string | number | import("@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">;
-    };
-    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingRight: string | number | import("@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">;
-    };
-    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+export declare const bases: {
+    grey1: {
+        colorName: string;
+        color0: string;
     };
-    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">;
+    grey2: {
+        colorName: string;
     };
-    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">;
+    blue1: {
+        colorName: string;
+        color0: string;
     };
-    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    blue2: {
+        colorName: string;
     };
-    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    purple1: {
+        colorName: string;
+        color0: string;
     };
-    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    purple2: {
+        colorName: string;
     };
-    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+};
+export declare const accents: {
+    grey1: {
+        colorName: string;
+        color0: string;
     };
-    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    grey2: {
+        colorName: string;
     };
-    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">;
+    blue1: {
+        colorName: string;
+        color0: string;
     };
-    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">;
+    blue2: {
+        colorName: string;
     };
-}>, createTheme: <Argument0 extends string | ({
-    colors?: {
-        slate1?: string | number | boolean | undefined;
-        slate2?: string | number | boolean | undefined;
-        slate3?: string | number | boolean | undefined;
-        slate4?: string | number | boolean | undefined;
-        slate5?: string | number | boolean | undefined;
-        slate6?: string | number | boolean | undefined;
-        slate7?: string | number | boolean | undefined;
-        slate8?: string | number | boolean | undefined;
-        slate9?: string | number | boolean | undefined;
-        slate10?: string | number | boolean | undefined;
-        blue1?: string | number | boolean | undefined;
-        blue2?: string | number | boolean | undefined;
-        blue3?: string | number | boolean | undefined;
-        blue4?: string | number | boolean | undefined;
-        blue5?: string | number | boolean | undefined;
-        blue6?: string | number | boolean | undefined;
-        blue7?: string | number | boolean | undefined;
-        blue8?: string | number | boolean | undefined;
-        blue9?: string | number | boolean | undefined;
-        blue10?: string | number | boolean | undefined;
-        background?: string | number | boolean | undefined;
-        foreground?: string | number | boolean | undefined;
-        foreground6plus?: string | number | boolean | undefined;
-    } | undefined;
-} & {
-    [x: string]: {
-        [x: string]: string | number | boolean;
-        [x: number]: string | number | boolean;
+    purple1: {
+        colorName: string;
+        color0: string;
     };
-}), Argument1 extends string | ({
-    colors?: {
-        slate1?: string | number | boolean | undefined;
-        slate2?: string | number | boolean | undefined;
-        slate3?: string | number | boolean | undefined;
-        slate4?: string | number | boolean | undefined;
-        slate5?: string | number | boolean | undefined;
-        slate6?: string | number | boolean | undefined;
-        slate7?: string | number | boolean | undefined;
-        slate8?: string | number | boolean | undefined;
-        slate9?: string | number | boolean | undefined;
-        slate10?: string | number | boolean | undefined;
-        blue1?: string | number | boolean | undefined;
-        blue2?: string | number | boolean | undefined;
-        blue3?: string | number | boolean | undefined;
-        blue4?: string | number | boolean | undefined;
-        blue5?: string | number | boolean | undefined;
-        blue6?: string | number | boolean | undefined;
-        blue7?: string | number | boolean | undefined;
-        blue8?: string | number | boolean | undefined;
-        blue9?: string | number | boolean | undefined;
-        blue10?: string | number | boolean | undefined;
-        background?: string | number | boolean | undefined;
-        foreground?: string | number | boolean | undefined;
-        foreground6plus?: string | number | boolean | undefined;
-    } | undefined;
-} & {
-    [x: string]: {
-        [x: string]: string | number | boolean;
-        [x: number]: string | number | boolean;
+    purple2: {
+        colorName: string;
     };
-})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
-    className: string;
-    selector: string;
-} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "">);
-export declare const bases: {
-    slate: string;
-};
-export declare const accents: {
-    slate: string;
-    blue: string;
 };

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

@@ -1,2 +1,2 @@
-import{createStitches as u}from"@stitches/react";import{utils as m,media as d}from"../../stitches.js";import a from"./blue.json.js";import{generateAlphaColors as s}from"./generateAlphaColors.js";import i from"./slate.json.js";const e={},l=(c,o)=>{const t={};for(let n=1;n<=10;n++)t[`${c}${n}`]=`$${o}${n}`,t[`${c}A${n}`]=`$${o}A${n}`;return t},{styled:f,createTheme:r}=u({theme:{colors:{background:"white",foreground:i.slate9,foreground6plus:"white",...a,...s("blue",a),...i,...s("slate",i)}},utils:m,media:d});e["interactive-loContrast1"]=r("interactive-loContrast1",{colors:{interactiveForeground:"$foreground",interactive1:"white",interactive2:"$accent1",interactive3:"$accent2"}}),e["interactive-loContrast2"]=r("interactive-loContrast2",{colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),e["interactive-hiContrast1"]=r("interactive-hiContrast1",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent7",interactive2:"$accent8",interactive3:"$accent9"}}),e["interactive-hiContrast2"]=r("interactive-hiContrast2",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent8",interactive2:"$accent9",interactive3:"$accent10"}});const $={slate:"slate"},h=()=>{Object.entries($).forEach(([c,o])=>{const t=`base-${c}`;e[t]=r(t,{colors:l("base",o)})})},v={slate:"slate",blue:"blue"},g=()=>{Object.entries(v).forEach(([c,o])=>{const t=`accent-${c}`;e[t]=r(t,{colors:l("accent",o)})})};h(),g();export{v as accents,$ as bases,e as colorSchemes,r as createTheme,f as styled};
+import{createTheme as a}from"../../stitches.js";const l={},n=({prefix:o,colorName:t,color0:r=""})=>{const e={};let c=1;r&&(e[`${o}${c}`]=r,c++);let F=1;for(c;c<=11;c++)e[`${o}${c}`]=`$${t}${F*100}`,F++;return e};l["interactive-loContrast"]=a("interactive-loContrast",{colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),l["interactive-hiContrast"]=a("interactive-hiContrast",{colors:{interactiveForeground:"$foreground7plus",interactive1:"$accent9",interactive2:"$accent10",interactive3:"$accent11"}});const i={grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"}},u=()=>{Object.entries(i).forEach(([o,{colorName:t,color0:r=""}])=>{const e=`base-${o}`;l[e]=a(e,{colors:{foreground:"$grey1000",foreground7plus:"#FFFFFF",...n({prefix:"base",colorName:t,color0:r})}})})},s={grey1:{colorName:"grey",color0:"#FFFFFF"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"#FFFFFF"},blue2:{colorName:"blue"},purple1:{colorName:"purple",color0:"#FFFFFF"},purple2:{colorName:"purple"}},p=()=>{Object.entries(s).forEach(([o,{colorName:t,color0:r=""}])=>{const e=`accent-${o}`;l[e]=a(e,{colors:n({prefix:"accent",colorName:t,color0:r})})})};u(),p();export{s as accents,i as bases,l as colorSchemes};
 //# sourceMappingURL=stitches.colorscheme.config.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stitches.colorscheme.config.js","sources":["../../../src/experiments/color-scheme/stitches.colorscheme.config.ts"],"sourcesContent":["import { ~~createStitches~~ } from '@stitches~~/react~~'\n\~~nimport { media, utils } from '../../stitches'\nimport blue from './blue.json'\nimport { generateAlphaColors } from './generateAlphaColors'\nimport slate from './slate.json'\n\~~nexport const colorSchemes = {}\n\nconst generateColors = (~~tokenPrefix~~, colorName) => {\n const colors = {}\n ~~for (~~let i = 1; ~~i <= 10; i++~~) {\n colors[`${~~tokenPrefix~~}${i}`] = ~~`$${colorName}${~~i}`\n colors[`${~~tokenPrefix~~}A${i}`] = `$${colorName}A${i}`\n }\n return colors\n}\n\nexport const { styled, createTheme } = createStitches({\n theme: {\n colors: {\n background: 'white',\n foreground: slate.slate9,\n foreground6plus: 'white',\n ...blue,\n ...generateAlphaColors('blue', blue),\n ...slate,\n ...generateAlphaColors('slate', slate)\n }\n },\n utils,\n media\n})\n\ncolorSchemes['interactive-~~loContrast1~~'] = createTheme(\n 'interactive-~~loContrast1~~'~~,\n~~ {\n colors: {\n interactiveForeground: '$foreground',\n interactive1: '~~white~~',\n interactive2: '$~~accent1~~',\n interactive3: '$~~accent2~~'\n }\n }\n)\n\ncolorSchemes['interactive-~~loContrast2~~'] = createTheme(\n 'interactive-~~loContrast2~~'~~,\n~~ {\n colors: {\n interactiveForeground: '$~~foreground~~',\n interactive1: '$~~accent1~~',\n interactive2: '$~~accent2~~',\n interactive3: '$~~accent3~~'\n }\n }\n)\n\~~ncolorSchemes['interactive-hiContrast1']~~ = ~~createTheme(~~\n ~~'interactive-hiContrast1',\~~n {\n ~~colors:~~ {\n ~~interactiveForeground~~: ~~'$foreground6plus',\n interactive1~~: '~~$accent7~~'~~,\n interactive2~~: '~~$accent8~~',\n ~~interactive3~~: '~~$accent9~~'\n }\n ~~}\n)\n\ncolorSchemes[~~'~~interactive-hiContrast2~~'] = ~~createTheme(\n~~ '~~interactive-hiContrast2~~',\n ~~{\n colors~~: {~~\n interactiveForeground~~: '~~$foreground6plus~~',\n ~~interactive1~~: ~~'$accent8',\n interactive2~~: '~~$accent9~~'~~,\n interactive3~~: '~~$accent10~~'\n }\n ~~}\n)\n\nexport~~ ~~const~~ ~~bases = {\n slate~~: '~~slate~~'\n}\nconst generateBase = () => {\n Object.entries(bases).forEach(([~~themeName~~, colorName]) => {\n const ~~baseThemeName~~ = `base-${~~themeName~~}`\n colorSchemes[~~baseThemeName~~] = createTheme(~~baseThemeName~~, {\n colors: generateColors('base', colorName)\n })\n })\n}\n\nexport const accents = {\n ~~slate~~: '~~slate~~',\n blue: 'blue'\n}\nconst generateAccent = () => {\n Object.entries(accents).forEach(([~~themeName~~, colorName]) => {\n const ~~accentThemeName~~ = `accent-${~~themeName~~}`\n colorSchemes[~~accentThemeName~~] = createTheme(~~accentThemeName~~, {\n colors: generateColors('accent', colorName)\n })\n })\n}\n\ngenerateBase()\ngenerateAccent()\n"],"names":["colorSchemes","generateColors","~~tokenPrefix~~","colorName","colors","i","~~styled~~","createTheme","~~createStitches","slate","blue","generateAlphaColors","utils","media","~~bases","generateBase","~~themeName~~","~~baseThemeName~~","accents","generateAccent"~~,"accentThemeName"~~],"mappings":"~~kOAOO~~,MAAMA,EAAe,~~CAE5B~~,~~EAAMC~~,EAAiB,~~CAACC~~,~~EAAaC~~,~~IAAc~~,~~CACjD~~,MAAMC,EAAS,~~CAAA~~,~~EACf~~,~~QAASC~~,EAAI,~~EAAGA~~,~~GAAK~~,~~GAAIA~~,~~IACvBD~~,~~EAAO~~,~~GAAGF~~,~~IAAcG~~,~~KAAO~~,~~IAAIF~~,~~IAAYE~~,~~IAC/CD~~,~~EAAO~~,~~GAAGF~~,~~KAAeG~~,~~KAAO~~,~~IAAIF~~,~~KAAaE~~,~~IAEnD~~,~~OAAOD~~,~~CACT~~,~~EAEa~~,~~CAAE~~,~~OAAAE~~,~~EAAQ~~,~~YAAAC~~,~~CAAY~~,~~EAAIC~~,~~EAAe~~,~~CACpD~~,~~MAAO~~,~~CACL~~,OAAQ,CACN,~~WAAY~~,~~QACZ~~,~~WAAYC~~,~~EAAM~~,~~OAClB~~,~~gBAAiB~~,~~QACjB~~,~~GAAGC~~,~~EACH~~,~~GAAGC~~,~~EAAoB~~,~~OAAQD~~,~~CAAI~~,~~EACnC~~,~~GAAGD~~,~~EACH~~,~~GAAGE~~,~~EAAoB~~,~~QAASF~~,~~CAAK~~,~~CACvC~~,~~CACF~~,~~EACA~~,~~MAAAG~~,~~EACA~~,~~MAAAC~~,CACF,CAAC,~~EAEDb~~,~~EAAa~~,~~2BAA6BO~~,~~EACxC~~,~~0BACA~~,~~CACE~~,OAAQ,~~CACN~~,~~sBAAuB~~,~~cACvB~~,~~aAAc~~,~~QACd~~,~~aAAc~~,~~WACd~~,~~aAAc~~,~~UAChB~~,~~CACF~~,~~CACF~~,~~EAEAP~~,~~EAAa~~,~~2BAA6BO~~,~~EACxC~~,~~0BACA~~,~~CACE~~,OAAQ,~~CACN~~,~~sBAAuB~~,~~cACvB~~,~~aAAc~~,~~WACd~~,~~aAAc~~,~~WACd~~,~~aAAc~~,~~UAChB~~,~~CACF~~,~~CACF~~,~~EAEAP~~,~~EAAa~~,~~2BAA6BO~~,~~EACxC~~,~~0BACA~~,~~CACE~~,~~OAAQ~~,~~CACN~~,~~sBAAuB~~,~~mBACvB~~,~~aAAc~~,~~WACd~~,~~aAAc~~,~~WACd~~,~~aAAc~~,~~UAChB~~,~~CACF~~,~~CACF~~,~~EAEAP~~,~~EAAa~~,~~2BAA6BO~~,~~EACxC~~,~~0BACA~~,~~CACE~~,OAAQ,CACN,~~sBAAuB~~,~~mBACvB~~,~~aAAc~~,~~WACd~~,~~aAAc~~,~~WACd~~,~~aAAc~~,~~WAChB~~,~~CACF~~,~~CACF~~,~~EAEa~~,~~MAAAO~~,~~EAAQ~~,~~CACnB~~,~~MAAO~~,~~OACT~~,~~EACMC~~,~~EAAe~~,~~IAAM~~,~~CACzB~~,~~OAAO~~,~~QAAQD~~,~~CAAK~~,~~EAAE~~,~~QAAQ~~,~~CAAC~~,~~CAACE~~,~~EAAWb~~,~~CAAS~~,~~IAAM~~,~~CACxD~~,~~MAAMc~~,~~EAAgB~~,~~QAAQD~~,~~IAC9BhB~~,~~EAAaiB~~,~~GAAiBV~~,~~EAAYU~~,~~EAAe~~,~~CACvD~~,~~OAAQhB~~,~~EAAe~~,~~OAAQE~~,~~CAAS~~,~~CAC1C~~,~~CAAC~~,~~CACH~~,~~CAAC~~,~~CACH~~,~~EAEae~~,~~EAAU~~,~~CACrB~~,~~MAAO~~,~~QACP~~,~~KAAM~~,~~MACR~~,EACMC,EAAiB,IAAM,CAC3B,OAAO,QAAQD,CAAO,EAAE,~~QAAQ~~,CAAC,CAACF,~~EAAWb~~,~~CAAS~~,~~IAAM~~,~~CAC1D~~,~~MAAMiB~~,~~EAAkB~~,~~UAAUJ~~,~~IAClChB~~,~~EAAaoB~~,~~GAAmBb~~,~~EAAYa~~,~~EAAiB~~,~~CAC3D~~,~~OAAQnB~~,EAAe,~~SAAUE~~,~~CAAS~~,~~CAC5C~~,CAAC,~~CACH~~,CAAC,CACH,~~EAEAY~~,~~EAAa~~,~~EACbI~~,EAAe"}
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('interactive-loContrast', {\n colors: {\n interactiveForeground: '$foreground',\n interactive1: '$accent1',\n interactive2: '$accent2',\n interactive3: '$accent3'\n }\n})\n\ncolorSchemes['interactive-hiContrast'] = createTheme('interactive-hiContrast', {\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 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}\nconst generateBase = () => {\n Object.entries(bases).forEach(\n ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n const themeName = `base-${name}`\n colorSchemes[themeName] = createTheme(themeName, {\n colors: {\n foreground: '$grey1000',\n foreground7plus: '#FFFFFF',\n ...generateColors({ prefix: 'base', colorName, color0 })\n }\n })\n }\n )\n}\n\nexport const accents = {\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}\nconst generateAccent = () => {\n Object.entries(accents).forEach(\n ([name, { colorName, color0 = '' }]: [string, TcolorSetup]) => {\n const themeName = `accent-${name}`\n colorSchemes[themeName] = createTheme(themeName, {\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":"gDAEO,MAAMA,EAAe,CAAA,EAEtBC,EAAiB,CAAC,CAAE,OAAAC,EAAQ,UAAAC,EAAW,OAAAC,EAAS,EAAG,IAAM,CAC7D,MAAMC,EAAS,CACf,EAAA,IAAIC,EAAI,EACJF,IACFC,EAAO,GAAGH,IAASI,KAAOF,EAC1BE,KAEF,IAAIC,EAAI,EACR,IAAKD,EAAGA,GAAK,GAAIA,IACfD,EAAO,GAAGH,IAASI,KAAO,IAAIH,IAAYI,EAAI,MAC9CA,IAEF,OAAOF,CACT,EAEAL,EAAa,0BAA4BQ,EAAY,yBAA0B,CAC7E,OAAQ,CACN,sBAAuB,cACvB,aAAc,WACd,aAAc,WACd,aAAc,UAChB,CACF,CAAC,EAEDR,EAAa,0BAA4BQ,EAAY,yBAA0B,CAC7E,OAAQ,CACN,sBAAuB,mBACvB,aAAc,WACd,aAAc,YACd,aAAc,WAChB,CACF,CAAC,EAOM,MAAMC,EAAQ,CACnB,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,QAAS,CAAE,UAAW,SAAU,OAAQ,SAAU,EAClD,QAAS,CAAE,UAAW,QAAS,CACjC,EACMC,EAAe,IAAM,CACzB,OAAO,QAAQD,CAAK,EAAE,QACpB,CAAC,CAACE,EAAM,CAAE,UAAAR,EAAW,OAAAC,EAAS,EAAG,CAAC,IAA6B,CAC7D,MAAMQ,EAAY,QAAQD,IAC1BX,EAAaY,GAAaJ,EAAYI,EAAW,CAC/C,OAAQ,CACN,WAAY,YACZ,gBAAiB,UACjB,GAAGX,EAAe,CAAE,OAAQ,OAAQ,UAAAE,EAAW,OAAAC,CAAO,CAAC,CACzD,CACF,CAAC,CACH,CACF,CACF,EAEaS,EAAU,CACrB,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,MAAO,CAAE,UAAW,OAAQ,OAAQ,SAAU,EAC9C,MAAO,CAAE,UAAW,MAAO,EAC3B,QAAS,CAAE,UAAW,SAAU,OAAQ,SAAU,EAClD,QAAS,CAAE,UAAW,QAAS,CACjC,EACMC,EAAiB,IAAM,CAC3B,OAAO,QAAQD,CAAO,EAAE,QACtB,CAAC,CAACF,EAAM,CAAE,UAAAR,EAAW,OAAAC,EAAS,EAAG,CAAC,IAA6B,CAC7D,MAAMQ,EAAY,UAAUD,IAC5BX,EAAaY,GAAaJ,EAAYI,EAAW,CAC/C,OAAQX,EAAe,CAAE,OAAQ,SAAU,UAAAE,EAAW,OAAAC,CAAO,CAAC,CAChE,CAAC,CACH,CACF,CACF,EAEAM,EAAAA,EACAI,EAAe"}