@atom-learning/components 3.10.1 → 3.11.0

package/dist/stitches.d.ts

@@ -73,9 +73,10 @@ declare const stitchesConfig: import("@stitches/react/types/stitches").default<"
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -222,11 +223,6 @@ declare const stitchesConfig: import("@stitches/react/types/stitches").default<"
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -235,6 +231,10 @@ declare const stitchesConfig: import("@stitches/react/types/stitches").default<"
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -258,6 +258,18 @@ declare const stitchesConfig: import("@stitches/react/types/stitches").default<"
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -389,9 +401,10 @@ export declare const css: {
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -538,11 +551,6 @@ export declare const css: {
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -551,6 +559,10 @@ export declare const css: {
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -574,6 +586,18 @@ export declare const css: {
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -700,9 +724,10 @@ export declare const css: {
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -849,11 +874,6 @@ export declare const css: {
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -862,6 +882,10 @@ export declare const css: {
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -885,6 +909,18 @@ export declare const css: {
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -1002,9 +1038,10 @@ export declare const css: {
     };
 }>, getCssText: () => string, createTheme: <Argument0 extends string | ({
     colors?: {
-        textForeground?: string | number | boolean | undefined;
+        textBold?: string | number | boolean | undefined;
+        textRegular?: string | number | boolean | undefined;
         textSubtle?: string | number | boolean | undefined;
-        textPlaceholder?: string | number | boolean | undefined;
+        textMinimal?: string | number | boolean | undefined;
         background?: string | number | boolean | undefined;
         backgroundAccent?: string | number | boolean | undefined;
         grey100?: string | number | boolean | undefined;
@@ -1151,11 +1188,6 @@ export declare const css: {
         alpha200?: string | number | boolean | undefined;
         alpha250?: string | number | boolean | undefined;
         alpha600?: string | number | boolean | undefined;
-        primaryLight?: string | number | boolean | undefined;
-        primary?: string | number | boolean | undefined;
-        primaryMid?: string | number | boolean | undefined;
-        primaryDark?: string | number | boolean | undefined;
-        secondary?: string | number | boolean | undefined;
         brandRed?: string | number | boolean | undefined;
         brandRedAccent?: string | number | boolean | undefined;
         brandGreen?: string | number | boolean | undefined;
@@ -1164,6 +1196,10 @@ export declare const css: {
         brandPurpleAccent?: string | number | boolean | undefined;
         brandYellow?: string | number | boolean | undefined;
         brandYellowAccent?: string | number | boolean | undefined;
+        infoLight?: string | number | boolean | undefined;
+        info?: string | number | boolean | undefined;
+        infoMid?: string | number | boolean | undefined;
+        infoDark?: string | number | boolean | undefined;
         successLight?: string | number | boolean | undefined;
         success?: string | number | boolean | undefined;
         successMid?: string | number | boolean | undefined;
@@ -1187,6 +1223,18 @@ export declare const css: {
         glBlueLight?: string | number | boolean | undefined;
         glBluePrimary?: string | number | boolean | undefined;
         glBlueDark?: string | number | boolean | undefined;
+        primary100?: string | number | boolean | undefined;
+        primary200?: string | number | boolean | undefined;
+        primary300?: string | number | boolean | undefined;
+        primary400?: string | number | boolean | undefined;
+        primary500?: string | number | boolean | undefined;
+        primary600?: string | number | boolean | undefined;
+        primary700?: string | number | boolean | undefined;
+        primary800?: string | number | boolean | undefined;
+        primary900?: string | number | boolean | undefined;
+        primary1000?: string | number | boolean | undefined;
+        primary1100?: string | number | boolean | undefined;
+        primary1200?: string | number | boolean | undefined;
     } | undefined;
     space?: {
         0?: string | number | boolean | undefined;
@@ -1255,9 +1303,10 @@ export declare const css: {
     };
 }), Argument1 extends string | ({
     colors?: {
-        textForeground?: string | number | boolean | undefined;
+        textBold?: string | number | boolean | undefined;
+        textRegular?: string | number | boolean | undefined;
         textSubtle?: string | number | boolean | undefined;
-        textPlaceholder?: string | number | boolean | undefined;
+        textMinimal?: string | number | boolean | undefined;
         background?: string | number | boolean | undefined;
         backgroundAccent?: string | number | boolean | undefined;
         grey100?: string | number | boolean | undefined;
@@ -1404,11 +1453,6 @@ export declare const css: {
         alpha200?: string | number | boolean | undefined;
         alpha250?: string | number | boolean | undefined;
         alpha600?: string | number | boolean | undefined;
-        primaryLight?: string | number | boolean | undefined;
-        primary?: string | number | boolean | undefined;
-        primaryMid?: string | number | boolean | undefined;
-        primaryDark?: string | number | boolean | undefined;
-        secondary?: string | number | boolean | undefined;
         brandRed?: string | number | boolean | undefined;
         brandRedAccent?: string | number | boolean | undefined;
         brandGreen?: string | number | boolean | undefined;
@@ -1417,6 +1461,10 @@ export declare const css: {
         brandPurpleAccent?: string | number | boolean | undefined;
         brandYellow?: string | number | boolean | undefined;
         brandYellowAccent?: string | number | boolean | undefined;
+        infoLight?: string | number | boolean | undefined;
+        info?: string | number | boolean | undefined;
+        infoMid?: string | number | boolean | undefined;
+        infoDark?: string | number | boolean | undefined;
         successLight?: string | number | boolean | undefined;
         success?: string | number | boolean | undefined;
         successMid?: string | number | boolean | undefined;
@@ -1440,6 +1488,18 @@ export declare const css: {
         glBlueLight?: string | number | boolean | undefined;
         glBluePrimary?: string | number | boolean | undefined;
         glBlueDark?: string | number | boolean | undefined;
+        primary100?: string | number | boolean | undefined;
+        primary200?: string | number | boolean | undefined;
+        primary300?: string | number | boolean | undefined;
+        primary400?: string | number | boolean | undefined;
+        primary500?: string | number | boolean | undefined;
+        primary600?: string | number | boolean | undefined;
+        primary700?: string | number | boolean | undefined;
+        primary800?: string | number | boolean | undefined;
+        primary900?: string | number | boolean | undefined;
+        primary1000?: string | number | boolean | undefined;
+        primary1100?: string | number | boolean | undefined;
+        primary1200?: string | number | boolean | undefined;
     } | undefined;
     space?: {
         0?: string | number | boolean | undefined;
@@ -1525,9 +1585,10 @@ export declare const css: {
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -1674,11 +1735,6 @@ export declare const css: {
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -1687,6 +1743,10 @@ export declare const css: {
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -1710,6 +1770,18 @@ export declare const css: {
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -1836,9 +1908,10 @@ export declare const css: {
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -1985,11 +2058,6 @@ export declare const css: {
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -1998,6 +2066,10 @@ export declare const css: {
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -2021,6 +2093,18 @@ export declare const css: {
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -2147,9 +2231,10 @@ export declare const css: {
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -2296,11 +2381,6 @@ export declare const css: {
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -2309,6 +2389,10 @@ export declare const css: {
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -2332,6 +2416,18 @@ export declare const css: {
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -2466,9 +2562,10 @@ export declare const css: {
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -2615,11 +2712,6 @@ export declare const css: {
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -2628,6 +2720,10 @@ export declare const css: {
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -2651,6 +2747,18 @@ export declare const css: {
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -2777,9 +2885,10 @@ export declare const css: {
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -2926,11 +3035,6 @@ export declare const css: {
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -2939,6 +3043,10 @@ export declare const css: {
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -2962,6 +3070,18 @@ export declare const css: {
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -3082,9 +3202,10 @@ export declare const css: {
     selector: string;
 } & {
     colors: {
-        textForeground: import("@stitches/react/types/theme").Token<"textForeground", string, "colors", "">;
+        textBold: import("@stitches/react/types/theme").Token<"textBold", string, "colors", "">;
+        textRegular: import("@stitches/react/types/theme").Token<"textRegular", string, "colors", "">;
         textSubtle: import("@stitches/react/types/theme").Token<"textSubtle", string, "colors", "">;
-        textPlaceholder: import("@stitches/react/types/theme").Token<"textPlaceholder", string, "colors", "">;
+        textMinimal: import("@stitches/react/types/theme").Token<"textMinimal", string, "colors", "">;
         background: import("@stitches/react/types/theme").Token<"background", string, "colors", "">;
         backgroundAccent: import("@stitches/react/types/theme").Token<"backgroundAccent", string, "colors", "">;
         grey100: import("@stitches/react/types/theme").Token<"grey100", string, "colors", "">;
@@ -3231,11 +3352,6 @@ export declare const css: {
         alpha200: import("@stitches/react/types/theme").Token<"alpha200", string, "colors", "">;
         alpha250: import("@stitches/react/types/theme").Token<"alpha250", string, "colors", "">;
         alpha600: import("@stitches/react/types/theme").Token<"alpha600", string, "colors", "">;
-        primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", "">;
-        primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", "">;
-        primaryMid: import("@stitches/react/types/theme").Token<"primaryMid", string, "colors", "">;
-        primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", "">;
-        secondary: import("@stitches/react/types/theme").Token<"secondary", string, "colors", "">;
         brandRed: import("@stitches/react/types/theme").Token<"brandRed", string, "colors", "">;
         brandRedAccent: import("@stitches/react/types/theme").Token<"brandRedAccent", string, "colors", "">;
         brandGreen: import("@stitches/react/types/theme").Token<"brandGreen", string, "colors", "">;
@@ -3244,6 +3360,10 @@ export declare const css: {
         brandPurpleAccent: import("@stitches/react/types/theme").Token<"brandPurpleAccent", string, "colors", "">;
         brandYellow: import("@stitches/react/types/theme").Token<"brandYellow", string, "colors", "">;
         brandYellowAccent: import("@stitches/react/types/theme").Token<"brandYellowAccent", string, "colors", "">;
+        infoLight: import("@stitches/react/types/theme").Token<"infoLight", string, "colors", "">;
+        info: import("@stitches/react/types/theme").Token<"info", string, "colors", "">;
+        infoMid: import("@stitches/react/types/theme").Token<"infoMid", string, "colors", "">;
+        infoDark: import("@stitches/react/types/theme").Token<"infoDark", string, "colors", "">;
         successLight: import("@stitches/react/types/theme").Token<"successLight", string, "colors", "">;
         success: import("@stitches/react/types/theme").Token<"success", string, "colors", "">;
         successMid: import("@stitches/react/types/theme").Token<"successMid", string, "colors", "">;
@@ -3267,6 +3387,18 @@ export declare const css: {
         glBlueLight: import("@stitches/react/types/theme").Token<"glBlueLight", string, "colors", "">;
         glBluePrimary: import("@stitches/react/types/theme").Token<"glBluePrimary", string, "colors", "">;
         glBlueDark: import("@stitches/react/types/theme").Token<"glBlueDark", string, "colors", "">;
+        primary100: import("@stitches/react/types/theme").Token<"primary100", string, "colors", "">;
+        primary200: import("@stitches/react/types/theme").Token<"primary200", string, "colors", "">;
+        primary300: import("@stitches/react/types/theme").Token<"primary300", string, "colors", "">;
+        primary400: import("@stitches/react/types/theme").Token<"primary400", string, "colors", "">;
+        primary500: import("@stitches/react/types/theme").Token<"primary500", string, "colors", "">;
+        primary600: import("@stitches/react/types/theme").Token<"primary600", string, "colors", "">;
+        primary700: import("@stitches/react/types/theme").Token<"primary700", string, "colors", "">;
+        primary800: import("@stitches/react/types/theme").Token<"primary800", string, "colors", "">;
+        primary900: import("@stitches/react/types/theme").Token<"primary900", string, "colors", "">;
+        primary1000: import("@stitches/react/types/theme").Token<"primary1000", string, "colors", "">;
+        primary1100: import("@stitches/react/types/theme").Token<"primary1100", string, "colors", "">;
+        primary1200: import("@stitches/react/types/theme").Token<"primary1200", string, "colors", "">;
     };
     space: {
         0: import("@stitches/react/types/theme").Token<"0", string, "space", "">;

package/dist/stitches.js

@@ -1,2 +1,2 @@
-import*as m from"@atom-learning/theme";import{themeMap as o}from"@atom-learning/theme/theme-map";import{createStitches as d,defaultThemeMap as p}from"@stitches/react";const e={bg:t=>({background:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},i={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},r=d({theme:m,themeMap:{...p,...o},utils:e,media:i}),{css:n,getCssText:a,createTheme:g,globalCss:h,keyframes:s,styled:c,theme:f}=r;export{g as createTheme,n as css,a as getCssText,h as globalCss,s as keyframes,i as media,c as styled,f as theme,e as utils};
+import*as m from"@atom-learning/theme/lib/theme-atom";import{themeMap as o}from"@atom-learning/theme/theme-map";import{createStitches as d,defaultThemeMap as p}from"@stitches/react";const e={bg:t=>({background:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},i={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},r=d({theme:m,themeMap:{...p,...o},utils:e,media:i}),{css:n,getCssText:a,createTheme:g,globalCss:h,keyframes:s,styled:c,theme:f}=r;export{g as createTheme,n as css,a as getCssText,h as globalCss,s as keyframes,i as media,c as styled,f as theme,e as utils};
 //# sourceMappingURL=stitches.js.map

package/dist/stitches.js.map

@@ -1 +1 @@
-{"version":3,"file":"stitches.js","sources":["../src/stitches.ts"],"sourcesContent":["import type { Theme } from '@atom-learning/theme'\nimport * as atomTheme from '@atom-learning/theme'\nimport { themeMap } from '@atom-learning/theme/theme-map'\nimport type {\n  CSS as StitchesCSS,\n  PropertyValue,\n  ScaleValue\n} from '@stitches/react'\nimport { createStitches, defaultThemeMap } from '@stitches/react'\n\nexport const utils = {\n  bg: (value: PropertyValue<'background'>) => ({\n    background: value\n  }),\n\n  size: (value: ScaleValue<'size'> | number | string) => ({\n    height: value,\n    width: value\n  }),\n\n  p: (value: ScaleValue<'space'> | number | string) => ({\n    padding: value\n  }),\n  pt: (value: ScaleValue<'space'> | number | string) => ({\n    paddingTop: value\n  }),\n  pr: (value: ScaleValue<'space'> | number | string) => ({\n    paddingRight: value\n  }),\n  pb: (value: ScaleValue<'space'> | number | string) => ({\n    paddingBottom: value\n  }),\n  pl: (value: ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value\n  }),\n  px: (value: ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value,\n    paddingRight: value\n  }),\n  py: (value: ScaleValue<'space'> | number | string) => ({\n    paddingTop: value,\n    paddingBottom: value\n  }),\n\n  m: (value: ScaleValue<'space'> | number | string) => ({\n    margin: value\n  }),\n  mt: (value: ScaleValue<'space'> | number | string) => ({\n    marginTop: value\n  }),\n  mr: (value: ScaleValue<'space'> | number | string) => ({\n    marginRight: value\n  }),\n  mb: (value: ScaleValue<'space'> | number | string) => ({\n    marginBottom: value\n  }),\n  ml: (value: ScaleValue<'space'> | number | string) => ({\n    marginLeft: value\n  }),\n  mx: (value: ScaleValue<'space'> | number | string) => ({\n    marginLeft: value,\n    marginRight: value\n  }),\n  my: (value: ScaleValue<'space'> | number | string) => ({\n    marginTop: value,\n    marginBottom: value\n  })\n}\n\nexport const media = {\n  sm: '(min-width: 550px)',\n  md: '(min-width: 800px)',\n  lg: '(min-width: 1100px)',\n  xl: '(min-width: 1350px)',\n  reducedMotion: '(prefers-reduced-motion)',\n  allowMotion: '(prefers-reduced-motion: no-preference)',\n  hover: '(hover: hover)'\n}\n\nconst stitchesConfig = createStitches({\n  theme: atomTheme as Theme,\n  themeMap: {\n    ...defaultThemeMap,\n    ...themeMap\n  },\n  utils,\n  media\n})\n\nexport const {\n  css,\n  getCssText,\n  createTheme,\n  globalCss,\n  keyframes,\n  styled,\n  theme\n} = stitchesConfig\n\nexport type CSS = StitchesCSS<typeof stitchesConfig>\n"],"names":["utils","value","media","stitchesConfig","createStitches","atomTheme","defaultThemeMap","themeMap","css","getCssText","createTheme","globalCss","keyframes","styled","theme"],"mappings":"uKAUO,MAAMA,EAAQ,CACnB,GAAKC,IAAwC,CAC3C,WAAYA,CACd,GAEA,KAAOA,IAAiD,CACtD,OAAQA,EACR,MAAOA,CACT,GAEA,EAAIA,IAAkD,CACpD,QAASA,CACX,GACA,GAAKA,IAAkD,CACrD,WAAYA,CACd,GACA,GAAKA,IAAkD,CACrD,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,cAAeA,CACjB,GACA,GAAKA,IAAkD,CACrD,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,YAAaA,EACb,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,WAAYA,EACZ,cAAeA,CACjB,GAEA,EAAIA,IAAkD,CACpD,OAAQA,CACV,GACA,GAAKA,IAAkD,CACrD,UAAWA,CACb,GACA,GAAKA,IAAkD,CACrD,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,WAAYA,CACd,GACA,GAAKA,IAAkD,CACrD,WAAYA,EACZ,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,UAAWA,EACX,aAAcA,CAChB,EACF,EAEaC,EAAQ,CACnB,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,cAAe,2BACf,YAAa,0CACb,MAAO,gBACT,EAEMC,EAAiBC,EAAe,CACpC,MAAOC,EACP,SAAU,CACR,GAAGC,EACH,GAAGC,CACL,EACA,MAAAP,EACA,MAAAE,CACF,CAAC,EAEY,CACX,IAAAM,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,CACF,EAAIX"}
+{"version":3,"file":"stitches.js","sources":["../src/stitches.ts"],"sourcesContent":["import type { Theme } from '@atom-learning/theme/lib/theme-atom'\nimport * as atomTheme from '@atom-learning/theme/lib/theme-atom'\nimport { themeMap } from '@atom-learning/theme/theme-map'\nimport type {\n  CSS as StitchesCSS,\n  PropertyValue,\n  ScaleValue\n} from '@stitches/react'\nimport { createStitches, defaultThemeMap } from '@stitches/react'\n\nexport const utils = {\n  bg: (value: PropertyValue<'background'>) => ({\n    background: value\n  }),\n\n  size: (value: ScaleValue<'size'> | number | string) => ({\n    height: value,\n    width: value\n  }),\n\n  p: (value: ScaleValue<'space'> | number | string) => ({\n    padding: value\n  }),\n  pt: (value: ScaleValue<'space'> | number | string) => ({\n    paddingTop: value\n  }),\n  pr: (value: ScaleValue<'space'> | number | string) => ({\n    paddingRight: value\n  }),\n  pb: (value: ScaleValue<'space'> | number | string) => ({\n    paddingBottom: value\n  }),\n  pl: (value: ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value\n  }),\n  px: (value: ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value,\n    paddingRight: value\n  }),\n  py: (value: ScaleValue<'space'> | number | string) => ({\n    paddingTop: value,\n    paddingBottom: value\n  }),\n\n  m: (value: ScaleValue<'space'> | number | string) => ({\n    margin: value\n  }),\n  mt: (value: ScaleValue<'space'> | number | string) => ({\n    marginTop: value\n  }),\n  mr: (value: ScaleValue<'space'> | number | string) => ({\n    marginRight: value\n  }),\n  mb: (value: ScaleValue<'space'> | number | string) => ({\n    marginBottom: value\n  }),\n  ml: (value: ScaleValue<'space'> | number | string) => ({\n    marginLeft: value\n  }),\n  mx: (value: ScaleValue<'space'> | number | string) => ({\n    marginLeft: value,\n    marginRight: value\n  }),\n  my: (value: ScaleValue<'space'> | number | string) => ({\n    marginTop: value,\n    marginBottom: value\n  })\n}\n\nexport const media = {\n  sm: '(min-width: 550px)',\n  md: '(min-width: 800px)',\n  lg: '(min-width: 1100px)',\n  xl: '(min-width: 1350px)',\n  reducedMotion: '(prefers-reduced-motion)',\n  allowMotion: '(prefers-reduced-motion: no-preference)',\n  hover: '(hover: hover)'\n}\n\nconst stitchesConfig = createStitches({\n  theme: atomTheme as Theme,\n  themeMap: {\n    ...defaultThemeMap,\n    ...themeMap\n  },\n  utils,\n  media\n})\n\nexport const {\n  css,\n  getCssText,\n  createTheme,\n  globalCss,\n  keyframes,\n  styled,\n  theme\n} = stitchesConfig\n\nexport type CSS = StitchesCSS<typeof stitchesConfig>\n"],"names":["utils","value","media","stitchesConfig","createStitches","atomTheme","defaultThemeMap","themeMap","css","getCssText","createTheme","globalCss","keyframes","styled","theme"],"mappings":"sLAUO,MAAMA,EAAQ,CACnB,GAAKC,IAAwC,CAC3C,WAAYA,CACd,GAEA,KAAOA,IAAiD,CACtD,OAAQA,EACR,MAAOA,CACT,GAEA,EAAIA,IAAkD,CACpD,QAASA,CACX,GACA,GAAKA,IAAkD,CACrD,WAAYA,CACd,GACA,GAAKA,IAAkD,CACrD,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,cAAeA,CACjB,GACA,GAAKA,IAAkD,CACrD,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,YAAaA,EACb,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,WAAYA,EACZ,cAAeA,CACjB,GAEA,EAAIA,IAAkD,CACpD,OAAQA,CACV,GACA,GAAKA,IAAkD,CACrD,UAAWA,CACb,GACA,GAAKA,IAAkD,CACrD,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,WAAYA,CACd,GACA,GAAKA,IAAkD,CACrD,WAAYA,EACZ,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,UAAWA,EACX,aAAcA,CAChB,EACF,EAEaC,EAAQ,CACnB,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,cAAe,2BACf,YAAa,0CACb,MAAO,gBACT,EAEMC,EAAiBC,EAAe,CACpC,MAAOC,EACP,SAAU,CACR,GAAGC,EACH,GAAGC,CACL,EACA,MAAAP,EACA,MAAAE,CACF,CAAC,EAEY,CACX,IAAAM,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,CACF,EAAIX"}