npm - @atom-learning/components - Versions diffs - 4.0.0-beta.1 → 4.0.0-beta.10 - Mend

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

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 (391) hide show

package/dist/stitches.d.ts CHANGED Viewed

@@ -1,57 +1,57 @@
-import type { CSS as StitchesCSS, PropertyValue, ScaleValue } from '@stitches/react';
+import type { CSS as StitchesCSS, PropertyValue, ScaleValue } from '@atom-learning/stitches-react';
 export declare const utils: {
     bg: (value: PropertyValue<'background'>) => {
-        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
     };
     size: (value: ScaleValue<'size'> | number | string) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pt: (value: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pr: (value: ScaleValue<'space'> | number | string) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pb: (value: ScaleValue<'space'> | number | string) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pl: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     px: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mt: (value: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mr: (value: ScaleValue<'space'> | number | string) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mb: (value: ScaleValue<'space'> | number | string) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     ml: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mx: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@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">;
     };
 };
 export declare const media: {
@@ -63,7 +63,7 @@ export declare const media: {
     allowMotion: string;
     hover: string;
 };
-declare const stitchesConfig: import("@stitches/react/types/stitches").default<"", {
+declare const stitchesConfig: import("@atom-learning/stitches-react/types/stitches").default<"", {
     sm: string;
     md: string;
     lg: string;
@@ -103,6 +103,18 @@ declare const stitchesConfig: import("@stitches/react/types/stitches").default<"
         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;
@@ -247,26 +259,11 @@ declare const stitchesConfig: import("@stitches/react/types/stitches").default<"
         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;
@@ -367,59 +364,59 @@ declare const stitchesConfig: import("@stitches/react/types/stitches").default<"
         "1-1": any;
         "3-4": any;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
     bg: (value: PropertyValue<'background'>) => {
-        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
     };
     size: (value: ScaleValue<'size'> | number | string) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pt: (value: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pr: (value: ScaleValue<'space'> | number | string) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pb: (value: ScaleValue<'space'> | number | string) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pl: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     px: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mt: (value: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mr: (value: ScaleValue<'space'> | number | string) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mb: (value: ScaleValue<'space'> | number | string) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     ml: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mx: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@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">;
     };
 }>;
 export declare const css: {
@@ -427,7 +424,7 @@ export declare const css: {
         componentId?: string | undefined;
         displayName?: string | undefined;
         shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
-    }) => import("@stitches/react/types/stitches").CssFunctionType<{
+    }) => import("@atom-learning/stitches-react/types/stitches").CssFunctionType<{
         sm: string;
         md: string;
         lg: string;
@@ -467,6 +464,18 @@ export declare const css: {
             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;
@@ -611,26 +620,11 @@ export declare const css: {
             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;
@@ -731,62 +725,62 @@ export declare const css: {
             "1-1": any;
             "3-4": any;
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
         bg: (value: PropertyValue<'background'>) => {
-            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
         };
         size: (value: ScaleValue<'size'> | number | string) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-            width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pt: (value: ScaleValue<'space'> | number | string) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pr: (value: ScaleValue<'space'> | number | string) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pb: (value: ScaleValue<'space'> | number | string) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pl: (value: ScaleValue<'space'> | number | string) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         px: (value: ScaleValue<'space'> | number | string) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mt: (value: ScaleValue<'space'> | number | string) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mr: (value: ScaleValue<'space'> | number | string) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mb: (value: ScaleValue<'space'> | number | string) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         ml: (value: ScaleValue<'space'> | number | string) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mx: (value: ScaleValue<'space'> | number | string) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@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">;
         };
     }>;
-} & import("@stitches/react/types/stitches").CssFunctionType<{
+} & import("@atom-learning/stitches-react/types/stitches").CssFunctionType<{
     sm: string;
     md: string;
     lg: string;
@@ -826,6 +820,18 @@ export declare const css: {
         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;
@@ -970,26 +976,11 @@ export declare const css: {
         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;
@@ -1090,59 +1081,59 @@ export declare const css: {
         "1-1": any;
         "3-4": any;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
     bg: (value: PropertyValue<'background'>) => {
-        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
     };
     size: (value: ScaleValue<'size'> | number | string) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pt: (value: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pr: (value: ScaleValue<'space'> | number | string) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pb: (value: ScaleValue<'space'> | number | string) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pl: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     px: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mt: (value: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mr: (value: ScaleValue<'space'> | number | string) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mb: (value: ScaleValue<'space'> | number | string) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     ml: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mx: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@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">;
     };
 }>, getCssText: () => string, createTheme: <Argument0 extends string | ({
     colors?: {
@@ -1176,6 +1167,18 @@ export declare const css: {
         blue1000?: string | number | boolean | undefined;
         blue1100?: string | number | boolean | undefined;
         blue1200?: string | number | boolean | undefined;
+        pink100?: string | number | boolean | undefined;
+        pink200?: string | number | boolean | undefined;
+        pink300?: string | number | boolean | undefined;
+        pink400?: string | number | boolean | undefined;
+        pink500?: string | number | boolean | undefined;
+        pink600?: string | number | boolean | undefined;
+        pink700?: string | number | boolean | undefined;
+        pink800?: string | number | boolean | undefined;
+        pink900?: string | number | boolean | undefined;
+        pink1000?: string | number | boolean | undefined;
+        pink1100?: string | number | boolean | undefined;
+        pink1200?: string | number | boolean | undefined;
         purple100?: string | number | boolean | undefined;
         purple200?: string | number | boolean | undefined;
         purple300?: string | number | boolean | undefined;
@@ -1320,26 +1323,11 @@ export declare const css: {
         marsh1000?: string | number | boolean | undefined;
         marsh1100?: string | number | boolean | undefined;
         marsh1200?: string | number | boolean | undefined;
-        tonal50?: string | number | boolean | undefined;
-        tonal100?: string | number | boolean | undefined;
-        tonal200?: string | number | boolean | undefined;
-        tonal300?: string | number | boolean | undefined;
-        tonal400?: string | number | boolean | undefined;
-        tonal500?: string | number | boolean | undefined;
-        tonal600?: string | number | boolean | undefined;
         alpha100?: string | number | boolean | undefined;
         alpha150?: string | number | boolean | undefined;
         alpha200?: string | number | boolean | undefined;
         alpha250?: string | number | boolean | undefined;
         alpha600?: string | number | boolean | undefined;
-        brandRed?: string | number | boolean | undefined;
-        brandRedAccent?: string | number | boolean | undefined;
-        brandGreen?: string | number | boolean | undefined;
-        brandGreenAccent?: string | number | boolean | undefined;
-        brandPurple?: string | number | boolean | undefined;
-        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;
@@ -1477,6 +1465,18 @@ export declare const css: {
         blue1000?: string | number | boolean | undefined;
         blue1100?: string | number | boolean | undefined;
         blue1200?: string | number | boolean | undefined;
+        pink100?: string | number | boolean | undefined;
+        pink200?: string | number | boolean | undefined;
+        pink300?: string | number | boolean | undefined;
+        pink400?: string | number | boolean | undefined;
+        pink500?: string | number | boolean | undefined;
+        pink600?: string | number | boolean | undefined;
+        pink700?: string | number | boolean | undefined;
+        pink800?: string | number | boolean | undefined;
+        pink900?: string | number | boolean | undefined;
+        pink1000?: string | number | boolean | undefined;
+        pink1100?: string | number | boolean | undefined;
+        pink1200?: string | number | boolean | undefined;
         purple100?: string | number | boolean | undefined;
         purple200?: string | number | boolean | undefined;
         purple300?: string | number | boolean | undefined;
@@ -1621,26 +1621,11 @@ export declare const css: {
         marsh1000?: string | number | boolean | undefined;
         marsh1100?: string | number | boolean | undefined;
         marsh1200?: string | number | boolean | undefined;
-        tonal50?: string | number | boolean | undefined;
-        tonal100?: string | number | boolean | undefined;
-        tonal200?: string | number | boolean | undefined;
-        tonal300?: string | number | boolean | undefined;
-        tonal400?: string | number | boolean | undefined;
-        tonal500?: string | number | boolean | undefined;
-        tonal600?: string | number | boolean | undefined;
         alpha100?: string | number | boolean | undefined;
         alpha150?: string | number | boolean | undefined;
         alpha200?: string | number | boolean | undefined;
         alpha250?: string | number | boolean | undefined;
         alpha600?: string | number | boolean | undefined;
-        brandRed?: string | number | boolean | undefined;
-        brandRedAccent?: string | number | boolean | undefined;
-        brandGreen?: string | number | boolean | undefined;
-        brandGreenAccent?: string | number | boolean | undefined;
-        brandPurple?: string | number | boolean | undefined;
-        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;
@@ -1749,13 +1734,13 @@ export declare const css: {
 })>(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, "">), globalCss: <Styles extends {
+} & (Argument0 extends string ? import("@atom-learning/stitches-react/types/stitches").ThemeTokens<Argument1, ""> : import("@atom-learning/stitches-react/types/stitches").ThemeTokens<Argument0, "">), globalCss: <Styles extends {
     [K: string]: any;
 }>(...styles: ({
     '@import'?: unknown;
     '@font-face'?: unknown;
-} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
-    [x: string]: import("@stitches/react/types/css-util").CSS<{
+} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@atom-learning/stitches-react/types/css").AtRule.FontFace | import("@atom-learning/stitches-react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
+    [x: string]: import("@atom-learning/stitches-react/types/css-util").CSS<{
         sm: string;
         md: string;
         lg: string;
@@ -1795,6 +1780,18 @@ export declare const css: {
             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;
@@ -1939,26 +1936,11 @@ export declare const css: {
             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;
@@ -2059,62 +2041,62 @@ export declare const css: {
             "1-1": any;
             "3-4": any;
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
         bg: (value: PropertyValue<'background'>) => {
-            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
         };
         size: (value: ScaleValue<'size'> | number | string) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-            width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pt: (value: ScaleValue<'space'> | number | string) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pr: (value: ScaleValue<'space'> | number | string) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pb: (value: ScaleValue<'space'> | number | string) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pl: (value: ScaleValue<'space'> | number | string) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         px: (value: ScaleValue<'space'> | number | string) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mt: (value: ScaleValue<'space'> | number | string) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mr: (value: ScaleValue<'space'> | number | string) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mb: (value: ScaleValue<'space'> | number | string) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         ml: (value: ScaleValue<'space'> | number | string) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mx: (value: ScaleValue<'space'> | number | string) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@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">;
         };
     }>;
-} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
+} : K extends `@property ${string}` ? import("@atom-learning/stitches-react/types/css").AtRule.Property : import("@atom-learning/stitches-react/types/css-util").CSS<{
     sm: string;
     md: string;
     lg: string;
@@ -2154,6 +2136,18 @@ export declare const css: {
         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;
@@ -2298,26 +2292,11 @@ export declare const css: {
         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;
@@ -2418,62 +2397,62 @@ export declare const css: {
         "1-1": any;
         "3-4": any;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
     bg: (value: PropertyValue<'background'>) => {
-        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
     };
     size: (value: ScaleValue<'size'> | number | string) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pt: (value: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pr: (value: ScaleValue<'space'> | number | string) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pb: (value: ScaleValue<'space'> | number | string) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pl: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     px: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mt: (value: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mr: (value: ScaleValue<'space'> | number | string) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mb: (value: ScaleValue<'space'> | number | string) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     ml: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mx: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@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">;
     };
 }>; })[]) => () => string, keyframes: (style: {
-    [offset: string]: import("@stitches/react/types/css-util").CSS<{
+    [offset: string]: import("@atom-learning/stitches-react/types/css-util").CSS<{
         sm: string;
         md: string;
         lg: string;
@@ -2513,6 +2492,18 @@ export declare const css: {
             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;
@@ -2657,26 +2648,11 @@ export declare const css: {
             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;
@@ -2777,59 +2753,59 @@ export declare const css: {
             "1-1": any;
             "3-4": any;
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
         bg: (value: PropertyValue<'background'>) => {
-            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
         };
         size: (value: ScaleValue<'size'> | number | string) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-            width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pt: (value: ScaleValue<'space'> | number | string) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pr: (value: ScaleValue<'space'> | number | string) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pb: (value: ScaleValue<'space'> | number | string) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pl: (value: ScaleValue<'space'> | number | string) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         px: (value: ScaleValue<'space'> | number | string) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mt: (value: ScaleValue<'space'> | number | string) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mr: (value: ScaleValue<'space'> | number | string) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mb: (value: ScaleValue<'space'> | number | string) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         ml: (value: ScaleValue<'space'> | number | string) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mx: (value: ScaleValue<'space'> | number | string) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@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">;
         };
     }>;
 }) => {
@@ -2840,7 +2816,7 @@ export declare const css: {
         componentId?: string | undefined;
         displayName?: string | undefined;
         shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
-    }) => import("@stitches/react/types/stitches").StyledFunctionType<{
+    }) => import("@atom-learning/stitches-react/types/stitches").StyledFunctionType<{
         sm: string;
         md: string;
         lg: string;
@@ -2880,6 +2856,18 @@ export declare const css: {
             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;
@@ -3024,26 +3012,11 @@ export declare const css: {
             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;
@@ -3144,62 +3117,62 @@ export declare const css: {
             "1-1": any;
             "3-4": any;
         };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
+    }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
         bg: (value: PropertyValue<'background'>) => {
-            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
         };
         size: (value: ScaleValue<'size'> | number | string) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-            width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pt: (value: ScaleValue<'space'> | number | string) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pr: (value: ScaleValue<'space'> | number | string) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pb: (value: ScaleValue<'space'> | number | string) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         pl: (value: ScaleValue<'space'> | number | string) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         px: (value: ScaleValue<'space'> | number | string) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mt: (value: ScaleValue<'space'> | number | string) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mr: (value: ScaleValue<'space'> | number | string) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mb: (value: ScaleValue<'space'> | number | string) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         ml: (value: ScaleValue<'space'> | number | string) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
         mx: (value: ScaleValue<'space'> | number | string) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@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">;
         };
     }>;
-} & import("@stitches/react/types/stitches").StyledFunctionType<{
+} & import("@atom-learning/stitches-react/types/stitches").StyledFunctionType<{
     sm: string;
     md: string;
     lg: string;
@@ -3239,6 +3212,18 @@ export declare const css: {
         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;
@@ -3383,26 +3368,11 @@ export declare const css: {
         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;
@@ -3503,358 +3473,355 @@ export declare const css: {
         "1-1": any;
         "3-4": any;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
     bg: (value: PropertyValue<'background'>) => {
-        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
     };
     size: (value: ScaleValue<'size'> | number | string) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-        width: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pt: (value: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pr: (value: ScaleValue<'space'> | number | string) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pb: (value: ScaleValue<'space'> | number | string) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     pl: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     px: (value: ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mt: (value: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mr: (value: ScaleValue<'space'> | number | string) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mb: (value: ScaleValue<'space'> | number | string) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     ml: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
     mx: (value: ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@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: ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@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">;
     };
 }>, theme: string & {
     className: string;
     selector: 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", "">;
-        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", "">;
-        grey200: import("@stitches/react/types/theme").Token<"grey200", string, "colors", "">;
-        grey300: import("@stitches/react/types/theme").Token<"grey300", string, "colors", "">;
-        grey400: import("@stitches/react/types/theme").Token<"grey400", string, "colors", "">;
-        grey500: import("@stitches/react/types/theme").Token<"grey500", string, "colors", "">;
-        grey600: import("@stitches/react/types/theme").Token<"grey600", string, "colors", "">;
-        grey700: import("@stitches/react/types/theme").Token<"grey700", string, "colors", "">;
-        grey800: import("@stitches/react/types/theme").Token<"grey800", string, "colors", "">;
-        grey900: import("@stitches/react/types/theme").Token<"grey900", string, "colors", "">;
-        grey1000: import("@stitches/react/types/theme").Token<"grey1000", string, "colors", "">;
-        grey1100: import("@stitches/react/types/theme").Token<"grey1100", string, "colors", "">;
-        grey1200: import("@stitches/react/types/theme").Token<"grey1200", string, "colors", "">;
-        blue100: import("@stitches/react/types/theme").Token<"blue100", string, "colors", "">;
-        blue200: import("@stitches/react/types/theme").Token<"blue200", string, "colors", "">;
-        blue300: import("@stitches/react/types/theme").Token<"blue300", string, "colors", "">;
-        blue400: import("@stitches/react/types/theme").Token<"blue400", string, "colors", "">;
-        blue500: import("@stitches/react/types/theme").Token<"blue500", string, "colors", "">;
-        blue600: import("@stitches/react/types/theme").Token<"blue600", string, "colors", "">;
-        blue700: import("@stitches/react/types/theme").Token<"blue700", string, "colors", "">;
-        blue800: import("@stitches/react/types/theme").Token<"blue800", string, "colors", "">;
-        blue900: import("@stitches/react/types/theme").Token<"blue900", string, "colors", "">;
-        blue1000: import("@stitches/react/types/theme").Token<"blue1000", string, "colors", "">;
-        blue1100: import("@stitches/react/types/theme").Token<"blue1100", string, "colors", "">;
-        blue1200: import("@stitches/react/types/theme").Token<"blue1200", string, "colors", "">;
-        purple100: import("@stitches/react/types/theme").Token<"purple100", string, "colors", "">;
-        purple200: import("@stitches/react/types/theme").Token<"purple200", string, "colors", "">;
-        purple300: import("@stitches/react/types/theme").Token<"purple300", string, "colors", "">;
-        purple400: import("@stitches/react/types/theme").Token<"purple400", string, "colors", "">;
-        purple500: import("@stitches/react/types/theme").Token<"purple500", string, "colors", "">;
-        purple600: import("@stitches/react/types/theme").Token<"purple600", string, "colors", "">;
-        purple700: import("@stitches/react/types/theme").Token<"purple700", string, "colors", "">;
-        purple800: import("@stitches/react/types/theme").Token<"purple800", string, "colors", "">;
-        purple900: import("@stitches/react/types/theme").Token<"purple900", string, "colors", "">;
-        purple1000: import("@stitches/react/types/theme").Token<"purple1000", string, "colors", "">;
-        purple1100: import("@stitches/react/types/theme").Token<"purple1100", string, "colors", "">;
-        purple1200: import("@stitches/react/types/theme").Token<"purple1200", string, "colors", "">;
-        cyan100: import("@stitches/react/types/theme").Token<"cyan100", string, "colors", "">;
-        cyan200: import("@stitches/react/types/theme").Token<"cyan200", string, "colors", "">;
-        cyan300: import("@stitches/react/types/theme").Token<"cyan300", string, "colors", "">;
-        cyan400: import("@stitches/react/types/theme").Token<"cyan400", string, "colors", "">;
-        cyan500: import("@stitches/react/types/theme").Token<"cyan500", string, "colors", "">;
-        cyan600: import("@stitches/react/types/theme").Token<"cyan600", string, "colors", "">;
-        cyan700: import("@stitches/react/types/theme").Token<"cyan700", string, "colors", "">;
-        cyan800: import("@stitches/react/types/theme").Token<"cyan800", string, "colors", "">;
-        cyan900: import("@stitches/react/types/theme").Token<"cyan900", string, "colors", "">;
-        cyan1000: import("@stitches/react/types/theme").Token<"cyan1000", string, "colors", "">;
-        cyan1100: import("@stitches/react/types/theme").Token<"cyan1100", string, "colors", "">;
-        cyan1200: import("@stitches/react/types/theme").Token<"cyan1200", string, "colors", "">;
-        green100: import("@stitches/react/types/theme").Token<"green100", string, "colors", "">;
-        green200: import("@stitches/react/types/theme").Token<"green200", string, "colors", "">;
-        green300: import("@stitches/react/types/theme").Token<"green300", string, "colors", "">;
-        green400: import("@stitches/react/types/theme").Token<"green400", string, "colors", "">;
-        green500: import("@stitches/react/types/theme").Token<"green500", string, "colors", "">;
-        green600: import("@stitches/react/types/theme").Token<"green600", string, "colors", "">;
-        green700: import("@stitches/react/types/theme").Token<"green700", string, "colors", "">;
-        green800: import("@stitches/react/types/theme").Token<"green800", string, "colors", "">;
-        green900: import("@stitches/react/types/theme").Token<"green900", string, "colors", "">;
-        green1000: import("@stitches/react/types/theme").Token<"green1000", string, "colors", "">;
-        green1100: import("@stitches/react/types/theme").Token<"green1100", string, "colors", "">;
-        green1200: import("@stitches/react/types/theme").Token<"green1200", string, "colors", "">;
-        magenta100: import("@stitches/react/types/theme").Token<"magenta100", string, "colors", "">;
-        magenta200: import("@stitches/react/types/theme").Token<"magenta200", string, "colors", "">;
-        magenta300: import("@stitches/react/types/theme").Token<"magenta300", string, "colors", "">;
-        magenta400: import("@stitches/react/types/theme").Token<"magenta400", string, "colors", "">;
-        magenta500: import("@stitches/react/types/theme").Token<"magenta500", string, "colors", "">;
-        magenta600: import("@stitches/react/types/theme").Token<"magenta600", string, "colors", "">;
-        magenta700: import("@stitches/react/types/theme").Token<"magenta700", string, "colors", "">;
-        magenta800: import("@stitches/react/types/theme").Token<"magenta800", string, "colors", "">;
-        magenta900: import("@stitches/react/types/theme").Token<"magenta900", string, "colors", "">;
-        magenta1000: import("@stitches/react/types/theme").Token<"magenta1000", string, "colors", "">;
-        magenta1100: import("@stitches/react/types/theme").Token<"magenta1100", string, "colors", "">;
-        magenta1200: import("@stitches/react/types/theme").Token<"magenta1200", string, "colors", "">;
-        red100: import("@stitches/react/types/theme").Token<"red100", string, "colors", "">;
-        red200: import("@stitches/react/types/theme").Token<"red200", string, "colors", "">;
-        red300: import("@stitches/react/types/theme").Token<"red300", string, "colors", "">;
-        red400: import("@stitches/react/types/theme").Token<"red400", string, "colors", "">;
-        red500: import("@stitches/react/types/theme").Token<"red500", string, "colors", "">;
-        red600: import("@stitches/react/types/theme").Token<"red600", string, "colors", "">;
-        red700: import("@stitches/react/types/theme").Token<"red700", string, "colors", "">;
-        red800: import("@stitches/react/types/theme").Token<"red800", string, "colors", "">;
-        red900: import("@stitches/react/types/theme").Token<"red900", string, "colors", "">;
-        red1000: import("@stitches/react/types/theme").Token<"red1000", string, "colors", "">;
-        red1100: import("@stitches/react/types/theme").Token<"red1100", string, "colors", "">;
-        red1200: import("@stitches/react/types/theme").Token<"red1200", string, "colors", "">;
-        teal100: import("@stitches/react/types/theme").Token<"teal100", string, "colors", "">;
-        teal200: import("@stitches/react/types/theme").Token<"teal200", string, "colors", "">;
-        teal300: import("@stitches/react/types/theme").Token<"teal300", string, "colors", "">;
-        teal400: import("@stitches/react/types/theme").Token<"teal400", string, "colors", "">;
-        teal500: import("@stitches/react/types/theme").Token<"teal500", string, "colors", "">;
-        teal600: import("@stitches/react/types/theme").Token<"teal600", string, "colors", "">;
-        teal700: import("@stitches/react/types/theme").Token<"teal700", string, "colors", "">;
-        teal800: import("@stitches/react/types/theme").Token<"teal800", string, "colors", "">;
-        teal900: import("@stitches/react/types/theme").Token<"teal900", string, "colors", "">;
-        teal1000: import("@stitches/react/types/theme").Token<"teal1000", string, "colors", "">;
-        teal1100: import("@stitches/react/types/theme").Token<"teal1100", string, "colors", "">;
-        teal1200: import("@stitches/react/types/theme").Token<"teal1200", string, "colors", "">;
-        orange100: import("@stitches/react/types/theme").Token<"orange100", string, "colors", "">;
-        orange200: import("@stitches/react/types/theme").Token<"orange200", string, "colors", "">;
-        orange300: import("@stitches/react/types/theme").Token<"orange300", string, "colors", "">;
-        orange400: import("@stitches/react/types/theme").Token<"orange400", string, "colors", "">;
-        orange500: import("@stitches/react/types/theme").Token<"orange500", string, "colors", "">;
-        orange600: import("@stitches/react/types/theme").Token<"orange600", string, "colors", "">;
-        orange700: import("@stitches/react/types/theme").Token<"orange700", string, "colors", "">;
-        orange800: import("@stitches/react/types/theme").Token<"orange800", string, "colors", "">;
-        orange900: import("@stitches/react/types/theme").Token<"orange900", string, "colors", "">;
-        orange1000: import("@stitches/react/types/theme").Token<"orange1000", string, "colors", "">;
-        orange1100: import("@stitches/react/types/theme").Token<"orange1100", string, "colors", "">;
-        orange1200: import("@stitches/react/types/theme").Token<"orange1200", string, "colors", "">;
-        yellow100: import("@stitches/react/types/theme").Token<"yellow100", string, "colors", "">;
-        yellow200: import("@stitches/react/types/theme").Token<"yellow200", string, "colors", "">;
-        yellow300: import("@stitches/react/types/theme").Token<"yellow300", string, "colors", "">;
-        yellow400: import("@stitches/react/types/theme").Token<"yellow400", string, "colors", "">;
-        yellow500: import("@stitches/react/types/theme").Token<"yellow500", string, "colors", "">;
-        yellow600: import("@stitches/react/types/theme").Token<"yellow600", string, "colors", "">;
-        yellow700: import("@stitches/react/types/theme").Token<"yellow700", string, "colors", "">;
-        yellow800: import("@stitches/react/types/theme").Token<"yellow800", string, "colors", "">;
-        yellow900: import("@stitches/react/types/theme").Token<"yellow900", string, "colors", "">;
-        yellow1000: import("@stitches/react/types/theme").Token<"yellow1000", string, "colors", "">;
-        yellow1100: import("@stitches/react/types/theme").Token<"yellow1100", string, "colors", "">;
-        yellow1200: import("@stitches/react/types/theme").Token<"yellow1200", string, "colors", "">;
-        lime100: import("@stitches/react/types/theme").Token<"lime100", string, "colors", "">;
-        lime200: import("@stitches/react/types/theme").Token<"lime200", string, "colors", "">;
-        lime300: import("@stitches/react/types/theme").Token<"lime300", string, "colors", "">;
-        lime400: import("@stitches/react/types/theme").Token<"lime400", string, "colors", "">;
-        lime500: import("@stitches/react/types/theme").Token<"lime500", string, "colors", "">;
-        lime600: import("@stitches/react/types/theme").Token<"lime600", string, "colors", "">;
-        lime700: import("@stitches/react/types/theme").Token<"lime700", string, "colors", "">;
-        lime800: import("@stitches/react/types/theme").Token<"lime800", string, "colors", "">;
-        lime900: import("@stitches/react/types/theme").Token<"lime900", string, "colors", "">;
-        lime1000: import("@stitches/react/types/theme").Token<"lime1000", string, "colors", "">;
-        lime1100: import("@stitches/react/types/theme").Token<"lime1100", string, "colors", "">;
-        lime1200: import("@stitches/react/types/theme").Token<"lime1200", string, "colors", "">;
-        lapis100: import("@stitches/react/types/theme").Token<"lapis100", string, "colors", "">;
-        lapis200: import("@stitches/react/types/theme").Token<"lapis200", string, "colors", "">;
-        lapis300: import("@stitches/react/types/theme").Token<"lapis300", string, "colors", "">;
-        lapis400: import("@stitches/react/types/theme").Token<"lapis400", string, "colors", "">;
-        lapis500: import("@stitches/react/types/theme").Token<"lapis500", string, "colors", "">;
-        lapis600: import("@stitches/react/types/theme").Token<"lapis600", string, "colors", "">;
-        lapis700: import("@stitches/react/types/theme").Token<"lapis700", string, "colors", "">;
-        lapis800: import("@stitches/react/types/theme").Token<"lapis800", string, "colors", "">;
-        lapis900: import("@stitches/react/types/theme").Token<"lapis900", string, "colors", "">;
-        lapis1000: import("@stitches/react/types/theme").Token<"lapis1000", string, "colors", "">;
-        lapis1100: import("@stitches/react/types/theme").Token<"lapis1100", string, "colors", "">;
-        lapis1200: import("@stitches/react/types/theme").Token<"lapis1200", string, "colors", "">;
-        maroon100: import("@stitches/react/types/theme").Token<"maroon100", string, "colors", "">;
-        maroon200: import("@stitches/react/types/theme").Token<"maroon200", string, "colors", "">;
-        maroon300: import("@stitches/react/types/theme").Token<"maroon300", string, "colors", "">;
-        maroon400: import("@stitches/react/types/theme").Token<"maroon400", string, "colors", "">;
-        maroon500: import("@stitches/react/types/theme").Token<"maroon500", string, "colors", "">;
-        maroon600: import("@stitches/react/types/theme").Token<"maroon600", string, "colors", "">;
-        maroon700: import("@stitches/react/types/theme").Token<"maroon700", string, "colors", "">;
-        maroon800: import("@stitches/react/types/theme").Token<"maroon800", string, "colors", "">;
-        maroon900: import("@stitches/react/types/theme").Token<"maroon900", string, "colors", "">;
-        maroon1000: import("@stitches/react/types/theme").Token<"maroon1000", string, "colors", "">;
-        maroon1100: import("@stitches/react/types/theme").Token<"maroon1100", string, "colors", "">;
-        maroon1200: import("@stitches/react/types/theme").Token<"maroon1200", string, "colors", "">;
-        marsh100: import("@stitches/react/types/theme").Token<"marsh100", string, "colors", "">;
-        marsh200: import("@stitches/react/types/theme").Token<"marsh200", string, "colors", "">;
-        marsh300: import("@stitches/react/types/theme").Token<"marsh300", string, "colors", "">;
-        marsh400: import("@stitches/react/types/theme").Token<"marsh400", string, "colors", "">;
-        marsh500: import("@stitches/react/types/theme").Token<"marsh500", string, "colors", "">;
-        marsh600: import("@stitches/react/types/theme").Token<"marsh600", string, "colors", "">;
-        marsh700: import("@stitches/react/types/theme").Token<"marsh700", string, "colors", "">;
-        marsh800: import("@stitches/react/types/theme").Token<"marsh800", string, "colors", "">;
-        marsh900: import("@stitches/react/types/theme").Token<"marsh900", string, "colors", "">;
-        marsh1000: import("@stitches/react/types/theme").Token<"marsh1000", string, "colors", "">;
-        marsh1100: import("@stitches/react/types/theme").Token<"marsh1100", string, "colors", "">;
-        marsh1200: import("@stitches/react/types/theme").Token<"marsh1200", string, "colors", "">;
-        tonal50: import("@stitches/react/types/theme").Token<"tonal50", string, "colors", "">;
-        tonal100: import("@stitches/react/types/theme").Token<"tonal100", string, "colors", "">;
-        tonal200: import("@stitches/react/types/theme").Token<"tonal200", string, "colors", "">;
-        tonal300: import("@stitches/react/types/theme").Token<"tonal300", string, "colors", "">;
-        tonal400: import("@stitches/react/types/theme").Token<"tonal400", string, "colors", "">;
-        tonal500: import("@stitches/react/types/theme").Token<"tonal500", string, "colors", "">;
-        tonal600: import("@stitches/react/types/theme").Token<"tonal600", string, "colors", "">;
-        alpha100: import("@stitches/react/types/theme").Token<"alpha100", string, "colors", "">;
-        alpha150: import("@stitches/react/types/theme").Token<"alpha150", string, "colors", "">;
-        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", "">;
-        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", "">;
-        brandGreenAccent: import("@stitches/react/types/theme").Token<"brandGreenAccent", string, "colors", "">;
-        brandPurple: import("@stitches/react/types/theme").Token<"brandPurple", string, "colors", "">;
-        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", "">;
-        successDark: import("@stitches/react/types/theme").Token<"successDark", string, "colors", "">;
-        dangerLight: import("@stitches/react/types/theme").Token<"dangerLight", string, "colors", "">;
-        danger: import("@stitches/react/types/theme").Token<"danger", string, "colors", "">;
-        dangerMid: import("@stitches/react/types/theme").Token<"dangerMid", string, "colors", "">;
-        dangerDark: import("@stitches/react/types/theme").Token<"dangerDark", string, "colors", "">;
-        warningLight: import("@stitches/react/types/theme").Token<"warningLight", string, "colors", "">;
-        warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "">;
-        warningMid: import("@stitches/react/types/theme").Token<"warningMid", string, "colors", "">;
-        warningDark: import("@stitches/react/types/theme").Token<"warningDark", string, "colors", "">;
-        warningText: import("@stitches/react/types/theme").Token<"warningText", string, "colors", "">;
-        subjectEnglish: import("@stitches/react/types/theme").Token<"subjectEnglish", string, "colors", "">;
-        subjectMaths: import("@stitches/react/types/theme").Token<"subjectMaths", string, "colors", "">;
-        subjectScience: import("@stitches/react/types/theme").Token<"subjectScience", string, "colors", "">;
-        subjectVerbalReasoning: import("@stitches/react/types/theme").Token<"subjectVerbalReasoning", string, "colors", "">;
-        subjectNonVerbalReasoning: import("@stitches/react/types/theme").Token<"subjectNonVerbalReasoning", string, "colors", "">;
-        subjectCreativeWriting: import("@stitches/react/types/theme").Token<"subjectCreativeWriting", string, "colors", "">;
-        subjectExamSkills: import("@stitches/react/types/theme").Token<"subjectExamSkills", string, "colors", "">;
-        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", "">;
+        textBold: import("@atom-learning/stitches-react/types/theme").Token<"textBold", string, "colors", "">;
+        textRegular: import("@atom-learning/stitches-react/types/theme").Token<"textRegular", string, "colors", "">;
+        textSubtle: import("@atom-learning/stitches-react/types/theme").Token<"textSubtle", string, "colors", "">;
+        textMinimal: import("@atom-learning/stitches-react/types/theme").Token<"textMinimal", string, "colors", "">;
+        background: import("@atom-learning/stitches-react/types/theme").Token<"background", string, "colors", "">;
+        backgroundAccent: import("@atom-learning/stitches-react/types/theme").Token<"backgroundAccent", string, "colors", "">;
+        grey100: import("@atom-learning/stitches-react/types/theme").Token<"grey100", string, "colors", "">;
+        grey200: import("@atom-learning/stitches-react/types/theme").Token<"grey200", string, "colors", "">;
+        grey300: import("@atom-learning/stitches-react/types/theme").Token<"grey300", string, "colors", "">;
+        grey400: import("@atom-learning/stitches-react/types/theme").Token<"grey400", string, "colors", "">;
+        grey500: import("@atom-learning/stitches-react/types/theme").Token<"grey500", string, "colors", "">;
+        grey600: import("@atom-learning/stitches-react/types/theme").Token<"grey600", string, "colors", "">;
+        grey700: import("@atom-learning/stitches-react/types/theme").Token<"grey700", string, "colors", "">;
+        grey800: import("@atom-learning/stitches-react/types/theme").Token<"grey800", string, "colors", "">;
+        grey900: import("@atom-learning/stitches-react/types/theme").Token<"grey900", string, "colors", "">;
+        grey1000: import("@atom-learning/stitches-react/types/theme").Token<"grey1000", string, "colors", "">;
+        grey1100: import("@atom-learning/stitches-react/types/theme").Token<"grey1100", string, "colors", "">;
+        grey1200: import("@atom-learning/stitches-react/types/theme").Token<"grey1200", string, "colors", "">;
+        blue100: import("@atom-learning/stitches-react/types/theme").Token<"blue100", string, "colors", "">;
+        blue200: import("@atom-learning/stitches-react/types/theme").Token<"blue200", string, "colors", "">;
+        blue300: import("@atom-learning/stitches-react/types/theme").Token<"blue300", string, "colors", "">;
+        blue400: import("@atom-learning/stitches-react/types/theme").Token<"blue400", string, "colors", "">;
+        blue500: import("@atom-learning/stitches-react/types/theme").Token<"blue500", string, "colors", "">;
+        blue600: import("@atom-learning/stitches-react/types/theme").Token<"blue600", string, "colors", "">;
+        blue700: import("@atom-learning/stitches-react/types/theme").Token<"blue700", string, "colors", "">;
+        blue800: import("@atom-learning/stitches-react/types/theme").Token<"blue800", string, "colors", "">;
+        blue900: import("@atom-learning/stitches-react/types/theme").Token<"blue900", string, "colors", "">;
+        blue1000: import("@atom-learning/stitches-react/types/theme").Token<"blue1000", string, "colors", "">;
+        blue1100: import("@atom-learning/stitches-react/types/theme").Token<"blue1100", string, "colors", "">;
+        blue1200: import("@atom-learning/stitches-react/types/theme").Token<"blue1200", string, "colors", "">;
+        pink100: import("@atom-learning/stitches-react/types/theme").Token<"pink100", string, "colors", "">;
+        pink200: import("@atom-learning/stitches-react/types/theme").Token<"pink200", string, "colors", "">;
+        pink300: import("@atom-learning/stitches-react/types/theme").Token<"pink300", string, "colors", "">;
+        pink400: import("@atom-learning/stitches-react/types/theme").Token<"pink400", string, "colors", "">;
+        pink500: import("@atom-learning/stitches-react/types/theme").Token<"pink500", string, "colors", "">;
+        pink600: import("@atom-learning/stitches-react/types/theme").Token<"pink600", string, "colors", "">;
+        pink700: import("@atom-learning/stitches-react/types/theme").Token<"pink700", string, "colors", "">;
+        pink800: import("@atom-learning/stitches-react/types/theme").Token<"pink800", string, "colors", "">;
+        pink900: import("@atom-learning/stitches-react/types/theme").Token<"pink900", string, "colors", "">;
+        pink1000: import("@atom-learning/stitches-react/types/theme").Token<"pink1000", string, "colors", "">;
+        pink1100: import("@atom-learning/stitches-react/types/theme").Token<"pink1100", string, "colors", "">;
+        pink1200: import("@atom-learning/stitches-react/types/theme").Token<"pink1200", string, "colors", "">;
+        purple100: import("@atom-learning/stitches-react/types/theme").Token<"purple100", string, "colors", "">;
+        purple200: import("@atom-learning/stitches-react/types/theme").Token<"purple200", string, "colors", "">;
+        purple300: import("@atom-learning/stitches-react/types/theme").Token<"purple300", string, "colors", "">;
+        purple400: import("@atom-learning/stitches-react/types/theme").Token<"purple400", string, "colors", "">;
+        purple500: import("@atom-learning/stitches-react/types/theme").Token<"purple500", string, "colors", "">;
+        purple600: import("@atom-learning/stitches-react/types/theme").Token<"purple600", string, "colors", "">;
+        purple700: import("@atom-learning/stitches-react/types/theme").Token<"purple700", string, "colors", "">;
+        purple800: import("@atom-learning/stitches-react/types/theme").Token<"purple800", string, "colors", "">;
+        purple900: import("@atom-learning/stitches-react/types/theme").Token<"purple900", string, "colors", "">;
+        purple1000: import("@atom-learning/stitches-react/types/theme").Token<"purple1000", string, "colors", "">;
+        purple1100: import("@atom-learning/stitches-react/types/theme").Token<"purple1100", string, "colors", "">;
+        purple1200: import("@atom-learning/stitches-react/types/theme").Token<"purple1200", string, "colors", "">;
+        cyan100: import("@atom-learning/stitches-react/types/theme").Token<"cyan100", string, "colors", "">;
+        cyan200: import("@atom-learning/stitches-react/types/theme").Token<"cyan200", string, "colors", "">;
+        cyan300: import("@atom-learning/stitches-react/types/theme").Token<"cyan300", string, "colors", "">;
+        cyan400: import("@atom-learning/stitches-react/types/theme").Token<"cyan400", string, "colors", "">;
+        cyan500: import("@atom-learning/stitches-react/types/theme").Token<"cyan500", string, "colors", "">;
+        cyan600: import("@atom-learning/stitches-react/types/theme").Token<"cyan600", string, "colors", "">;
+        cyan700: import("@atom-learning/stitches-react/types/theme").Token<"cyan700", string, "colors", "">;
+        cyan800: import("@atom-learning/stitches-react/types/theme").Token<"cyan800", string, "colors", "">;
+        cyan900: import("@atom-learning/stitches-react/types/theme").Token<"cyan900", string, "colors", "">;
+        cyan1000: import("@atom-learning/stitches-react/types/theme").Token<"cyan1000", string, "colors", "">;
+        cyan1100: import("@atom-learning/stitches-react/types/theme").Token<"cyan1100", string, "colors", "">;
+        cyan1200: import("@atom-learning/stitches-react/types/theme").Token<"cyan1200", string, "colors", "">;
+        green100: import("@atom-learning/stitches-react/types/theme").Token<"green100", string, "colors", "">;
+        green200: import("@atom-learning/stitches-react/types/theme").Token<"green200", string, "colors", "">;
+        green300: import("@atom-learning/stitches-react/types/theme").Token<"green300", string, "colors", "">;
+        green400: import("@atom-learning/stitches-react/types/theme").Token<"green400", string, "colors", "">;
+        green500: import("@atom-learning/stitches-react/types/theme").Token<"green500", string, "colors", "">;
+        green600: import("@atom-learning/stitches-react/types/theme").Token<"green600", string, "colors", "">;
+        green700: import("@atom-learning/stitches-react/types/theme").Token<"green700", string, "colors", "">;
+        green800: import("@atom-learning/stitches-react/types/theme").Token<"green800", string, "colors", "">;
+        green900: import("@atom-learning/stitches-react/types/theme").Token<"green900", string, "colors", "">;
+        green1000: import("@atom-learning/stitches-react/types/theme").Token<"green1000", string, "colors", "">;
+        green1100: import("@atom-learning/stitches-react/types/theme").Token<"green1100", string, "colors", "">;
+        green1200: import("@atom-learning/stitches-react/types/theme").Token<"green1200", string, "colors", "">;
+        magenta100: import("@atom-learning/stitches-react/types/theme").Token<"magenta100", string, "colors", "">;
+        magenta200: import("@atom-learning/stitches-react/types/theme").Token<"magenta200", string, "colors", "">;
+        magenta300: import("@atom-learning/stitches-react/types/theme").Token<"magenta300", string, "colors", "">;
+        magenta400: import("@atom-learning/stitches-react/types/theme").Token<"magenta400", string, "colors", "">;
+        magenta500: import("@atom-learning/stitches-react/types/theme").Token<"magenta500", string, "colors", "">;
+        magenta600: import("@atom-learning/stitches-react/types/theme").Token<"magenta600", string, "colors", "">;
+        magenta700: import("@atom-learning/stitches-react/types/theme").Token<"magenta700", string, "colors", "">;
+        magenta800: import("@atom-learning/stitches-react/types/theme").Token<"magenta800", string, "colors", "">;
+        magenta900: import("@atom-learning/stitches-react/types/theme").Token<"magenta900", string, "colors", "">;
+        magenta1000: import("@atom-learning/stitches-react/types/theme").Token<"magenta1000", string, "colors", "">;
+        magenta1100: import("@atom-learning/stitches-react/types/theme").Token<"magenta1100", string, "colors", "">;
+        magenta1200: import("@atom-learning/stitches-react/types/theme").Token<"magenta1200", string, "colors", "">;
+        red100: import("@atom-learning/stitches-react/types/theme").Token<"red100", string, "colors", "">;
+        red200: import("@atom-learning/stitches-react/types/theme").Token<"red200", string, "colors", "">;
+        red300: import("@atom-learning/stitches-react/types/theme").Token<"red300", string, "colors", "">;
+        red400: import("@atom-learning/stitches-react/types/theme").Token<"red400", string, "colors", "">;
+        red500: import("@atom-learning/stitches-react/types/theme").Token<"red500", string, "colors", "">;
+        red600: import("@atom-learning/stitches-react/types/theme").Token<"red600", string, "colors", "">;
+        red700: import("@atom-learning/stitches-react/types/theme").Token<"red700", string, "colors", "">;
+        red800: import("@atom-learning/stitches-react/types/theme").Token<"red800", string, "colors", "">;
+        red900: import("@atom-learning/stitches-react/types/theme").Token<"red900", string, "colors", "">;
+        red1000: import("@atom-learning/stitches-react/types/theme").Token<"red1000", string, "colors", "">;
+        red1100: import("@atom-learning/stitches-react/types/theme").Token<"red1100", string, "colors", "">;
+        red1200: import("@atom-learning/stitches-react/types/theme").Token<"red1200", string, "colors", "">;
+        teal100: import("@atom-learning/stitches-react/types/theme").Token<"teal100", string, "colors", "">;
+        teal200: import("@atom-learning/stitches-react/types/theme").Token<"teal200", string, "colors", "">;
+        teal300: import("@atom-learning/stitches-react/types/theme").Token<"teal300", string, "colors", "">;
+        teal400: import("@atom-learning/stitches-react/types/theme").Token<"teal400", string, "colors", "">;
+        teal500: import("@atom-learning/stitches-react/types/theme").Token<"teal500", string, "colors", "">;
+        teal600: import("@atom-learning/stitches-react/types/theme").Token<"teal600", string, "colors", "">;
+        teal700: import("@atom-learning/stitches-react/types/theme").Token<"teal700", string, "colors", "">;
+        teal800: import("@atom-learning/stitches-react/types/theme").Token<"teal800", string, "colors", "">;
+        teal900: import("@atom-learning/stitches-react/types/theme").Token<"teal900", string, "colors", "">;
+        teal1000: import("@atom-learning/stitches-react/types/theme").Token<"teal1000", string, "colors", "">;
+        teal1100: import("@atom-learning/stitches-react/types/theme").Token<"teal1100", string, "colors", "">;
+        teal1200: import("@atom-learning/stitches-react/types/theme").Token<"teal1200", string, "colors", "">;
+        orange100: import("@atom-learning/stitches-react/types/theme").Token<"orange100", string, "colors", "">;
+        orange200: import("@atom-learning/stitches-react/types/theme").Token<"orange200", string, "colors", "">;
+        orange300: import("@atom-learning/stitches-react/types/theme").Token<"orange300", string, "colors", "">;
+        orange400: import("@atom-learning/stitches-react/types/theme").Token<"orange400", string, "colors", "">;
+        orange500: import("@atom-learning/stitches-react/types/theme").Token<"orange500", string, "colors", "">;
+        orange600: import("@atom-learning/stitches-react/types/theme").Token<"orange600", string, "colors", "">;
+        orange700: import("@atom-learning/stitches-react/types/theme").Token<"orange700", string, "colors", "">;
+        orange800: import("@atom-learning/stitches-react/types/theme").Token<"orange800", string, "colors", "">;
+        orange900: import("@atom-learning/stitches-react/types/theme").Token<"orange900", string, "colors", "">;
+        orange1000: import("@atom-learning/stitches-react/types/theme").Token<"orange1000", string, "colors", "">;
+        orange1100: import("@atom-learning/stitches-react/types/theme").Token<"orange1100", string, "colors", "">;
+        orange1200: import("@atom-learning/stitches-react/types/theme").Token<"orange1200", string, "colors", "">;
+        yellow100: import("@atom-learning/stitches-react/types/theme").Token<"yellow100", string, "colors", "">;
+        yellow200: import("@atom-learning/stitches-react/types/theme").Token<"yellow200", string, "colors", "">;
+        yellow300: import("@atom-learning/stitches-react/types/theme").Token<"yellow300", string, "colors", "">;
+        yellow400: import("@atom-learning/stitches-react/types/theme").Token<"yellow400", string, "colors", "">;
+        yellow500: import("@atom-learning/stitches-react/types/theme").Token<"yellow500", string, "colors", "">;
+        yellow600: import("@atom-learning/stitches-react/types/theme").Token<"yellow600", string, "colors", "">;
+        yellow700: import("@atom-learning/stitches-react/types/theme").Token<"yellow700", string, "colors", "">;
+        yellow800: import("@atom-learning/stitches-react/types/theme").Token<"yellow800", string, "colors", "">;
+        yellow900: import("@atom-learning/stitches-react/types/theme").Token<"yellow900", string, "colors", "">;
+        yellow1000: import("@atom-learning/stitches-react/types/theme").Token<"yellow1000", string, "colors", "">;
+        yellow1100: import("@atom-learning/stitches-react/types/theme").Token<"yellow1100", string, "colors", "">;
+        yellow1200: import("@atom-learning/stitches-react/types/theme").Token<"yellow1200", string, "colors", "">;
+        lime100: import("@atom-learning/stitches-react/types/theme").Token<"lime100", string, "colors", "">;
+        lime200: import("@atom-learning/stitches-react/types/theme").Token<"lime200", string, "colors", "">;
+        lime300: import("@atom-learning/stitches-react/types/theme").Token<"lime300", string, "colors", "">;
+        lime400: import("@atom-learning/stitches-react/types/theme").Token<"lime400", string, "colors", "">;
+        lime500: import("@atom-learning/stitches-react/types/theme").Token<"lime500", string, "colors", "">;
+        lime600: import("@atom-learning/stitches-react/types/theme").Token<"lime600", string, "colors", "">;
+        lime700: import("@atom-learning/stitches-react/types/theme").Token<"lime700", string, "colors", "">;
+        lime800: import("@atom-learning/stitches-react/types/theme").Token<"lime800", string, "colors", "">;
+        lime900: import("@atom-learning/stitches-react/types/theme").Token<"lime900", string, "colors", "">;
+        lime1000: import("@atom-learning/stitches-react/types/theme").Token<"lime1000", string, "colors", "">;
+        lime1100: import("@atom-learning/stitches-react/types/theme").Token<"lime1100", string, "colors", "">;
+        lime1200: import("@atom-learning/stitches-react/types/theme").Token<"lime1200", string, "colors", "">;
+        lapis100: import("@atom-learning/stitches-react/types/theme").Token<"lapis100", string, "colors", "">;
+        lapis200: import("@atom-learning/stitches-react/types/theme").Token<"lapis200", string, "colors", "">;
+        lapis300: import("@atom-learning/stitches-react/types/theme").Token<"lapis300", string, "colors", "">;
+        lapis400: import("@atom-learning/stitches-react/types/theme").Token<"lapis400", string, "colors", "">;
+        lapis500: import("@atom-learning/stitches-react/types/theme").Token<"lapis500", string, "colors", "">;
+        lapis600: import("@atom-learning/stitches-react/types/theme").Token<"lapis600", string, "colors", "">;
+        lapis700: import("@atom-learning/stitches-react/types/theme").Token<"lapis700", string, "colors", "">;
+        lapis800: import("@atom-learning/stitches-react/types/theme").Token<"lapis800", string, "colors", "">;
+        lapis900: import("@atom-learning/stitches-react/types/theme").Token<"lapis900", string, "colors", "">;
+        lapis1000: import("@atom-learning/stitches-react/types/theme").Token<"lapis1000", string, "colors", "">;
+        lapis1100: import("@atom-learning/stitches-react/types/theme").Token<"lapis1100", string, "colors", "">;
+        lapis1200: import("@atom-learning/stitches-react/types/theme").Token<"lapis1200", string, "colors", "">;
+        maroon100: import("@atom-learning/stitches-react/types/theme").Token<"maroon100", string, "colors", "">;
+        maroon200: import("@atom-learning/stitches-react/types/theme").Token<"maroon200", string, "colors", "">;
+        maroon300: import("@atom-learning/stitches-react/types/theme").Token<"maroon300", string, "colors", "">;
+        maroon400: import("@atom-learning/stitches-react/types/theme").Token<"maroon400", string, "colors", "">;
+        maroon500: import("@atom-learning/stitches-react/types/theme").Token<"maroon500", string, "colors", "">;
+        maroon600: import("@atom-learning/stitches-react/types/theme").Token<"maroon600", string, "colors", "">;
+        maroon700: import("@atom-learning/stitches-react/types/theme").Token<"maroon700", string, "colors", "">;
+        maroon800: import("@atom-learning/stitches-react/types/theme").Token<"maroon800", string, "colors", "">;
+        maroon900: import("@atom-learning/stitches-react/types/theme").Token<"maroon900", string, "colors", "">;
+        maroon1000: import("@atom-learning/stitches-react/types/theme").Token<"maroon1000", string, "colors", "">;
+        maroon1100: import("@atom-learning/stitches-react/types/theme").Token<"maroon1100", string, "colors", "">;
+        maroon1200: import("@atom-learning/stitches-react/types/theme").Token<"maroon1200", string, "colors", "">;
+        marsh100: import("@atom-learning/stitches-react/types/theme").Token<"marsh100", string, "colors", "">;
+        marsh200: import("@atom-learning/stitches-react/types/theme").Token<"marsh200", string, "colors", "">;
+        marsh300: import("@atom-learning/stitches-react/types/theme").Token<"marsh300", string, "colors", "">;
+        marsh400: import("@atom-learning/stitches-react/types/theme").Token<"marsh400", string, "colors", "">;
+        marsh500: import("@atom-learning/stitches-react/types/theme").Token<"marsh500", string, "colors", "">;
+        marsh600: import("@atom-learning/stitches-react/types/theme").Token<"marsh600", string, "colors", "">;
+        marsh700: import("@atom-learning/stitches-react/types/theme").Token<"marsh700", string, "colors", "">;
+        marsh800: import("@atom-learning/stitches-react/types/theme").Token<"marsh800", string, "colors", "">;
+        marsh900: import("@atom-learning/stitches-react/types/theme").Token<"marsh900", string, "colors", "">;
+        marsh1000: import("@atom-learning/stitches-react/types/theme").Token<"marsh1000", string, "colors", "">;
+        marsh1100: import("@atom-learning/stitches-react/types/theme").Token<"marsh1100", string, "colors", "">;
+        marsh1200: import("@atom-learning/stitches-react/types/theme").Token<"marsh1200", string, "colors", "">;
+        alpha100: import("@atom-learning/stitches-react/types/theme").Token<"alpha100", string, "colors", "">;
+        alpha150: import("@atom-learning/stitches-react/types/theme").Token<"alpha150", string, "colors", "">;
+        alpha200: import("@atom-learning/stitches-react/types/theme").Token<"alpha200", string, "colors", "">;
+        alpha250: import("@atom-learning/stitches-react/types/theme").Token<"alpha250", string, "colors", "">;
+        alpha600: import("@atom-learning/stitches-react/types/theme").Token<"alpha600", string, "colors", "">;
+        infoLight: import("@atom-learning/stitches-react/types/theme").Token<"infoLight", string, "colors", "">;
+        info: import("@atom-learning/stitches-react/types/theme").Token<"info", string, "colors", "">;
+        infoMid: import("@atom-learning/stitches-react/types/theme").Token<"infoMid", string, "colors", "">;
+        infoDark: import("@atom-learning/stitches-react/types/theme").Token<"infoDark", string, "colors", "">;
+        successLight: import("@atom-learning/stitches-react/types/theme").Token<"successLight", string, "colors", "">;
+        success: import("@atom-learning/stitches-react/types/theme").Token<"success", string, "colors", "">;
+        successMid: import("@atom-learning/stitches-react/types/theme").Token<"successMid", string, "colors", "">;
+        successDark: import("@atom-learning/stitches-react/types/theme").Token<"successDark", string, "colors", "">;
+        dangerLight: import("@atom-learning/stitches-react/types/theme").Token<"dangerLight", string, "colors", "">;
+        danger: import("@atom-learning/stitches-react/types/theme").Token<"danger", string, "colors", "">;
+        dangerMid: import("@atom-learning/stitches-react/types/theme").Token<"dangerMid", string, "colors", "">;
+        dangerDark: import("@atom-learning/stitches-react/types/theme").Token<"dangerDark", string, "colors", "">;
+        warningLight: import("@atom-learning/stitches-react/types/theme").Token<"warningLight", string, "colors", "">;
+        warning: import("@atom-learning/stitches-react/types/theme").Token<"warning", string, "colors", "">;
+        warningMid: import("@atom-learning/stitches-react/types/theme").Token<"warningMid", string, "colors", "">;
+        warningDark: import("@atom-learning/stitches-react/types/theme").Token<"warningDark", string, "colors", "">;
+        warningText: import("@atom-learning/stitches-react/types/theme").Token<"warningText", string, "colors", "">;
+        subjectEnglish: import("@atom-learning/stitches-react/types/theme").Token<"subjectEnglish", string, "colors", "">;
+        subjectMaths: import("@atom-learning/stitches-react/types/theme").Token<"subjectMaths", string, "colors", "">;
+        subjectScience: import("@atom-learning/stitches-react/types/theme").Token<"subjectScience", string, "colors", "">;
+        subjectVerbalReasoning: import("@atom-learning/stitches-react/types/theme").Token<"subjectVerbalReasoning", string, "colors", "">;
+        subjectNonVerbalReasoning: import("@atom-learning/stitches-react/types/theme").Token<"subjectNonVerbalReasoning", string, "colors", "">;
+        subjectCreativeWriting: import("@atom-learning/stitches-react/types/theme").Token<"subjectCreativeWriting", string, "colors", "">;
+        subjectExamSkills: import("@atom-learning/stitches-react/types/theme").Token<"subjectExamSkills", string, "colors", "">;
+        glBlueLight: import("@atom-learning/stitches-react/types/theme").Token<"glBlueLight", string, "colors", "">;
+        glBluePrimary: import("@atom-learning/stitches-react/types/theme").Token<"glBluePrimary", string, "colors", "">;
+        glBlueDark: import("@atom-learning/stitches-react/types/theme").Token<"glBlueDark", string, "colors", "">;
+        primary100: import("@atom-learning/stitches-react/types/theme").Token<"primary100", string, "colors", "">;
+        primary200: import("@atom-learning/stitches-react/types/theme").Token<"primary200", string, "colors", "">;
+        primary300: import("@atom-learning/stitches-react/types/theme").Token<"primary300", string, "colors", "">;
+        primary400: import("@atom-learning/stitches-react/types/theme").Token<"primary400", string, "colors", "">;
+        primary500: import("@atom-learning/stitches-react/types/theme").Token<"primary500", string, "colors", "">;
+        primary600: import("@atom-learning/stitches-react/types/theme").Token<"primary600", string, "colors", "">;
+        primary700: import("@atom-learning/stitches-react/types/theme").Token<"primary700", string, "colors", "">;
+        primary800: import("@atom-learning/stitches-react/types/theme").Token<"primary800", string, "colors", "">;
+        primary900: import("@atom-learning/stitches-react/types/theme").Token<"primary900", string, "colors", "">;
+        primary1000: import("@atom-learning/stitches-react/types/theme").Token<"primary1000", string, "colors", "">;
+        primary1100: import("@atom-learning/stitches-react/types/theme").Token<"primary1100", string, "colors", "">;
+        primary1200: import("@atom-learning/stitches-react/types/theme").Token<"primary1200", string, "colors", "">;
     };
     space: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "space", "">;
-        1: import("@stitches/react/types/theme").Token<"1", string, "space", "">;
-        2: import("@stitches/react/types/theme").Token<"2", string, "space", "">;
-        3: import("@stitches/react/types/theme").Token<"3", string, "space", "">;
-        4: import("@stitches/react/types/theme").Token<"4", string, "space", "">;
-        5: import("@stitches/react/types/theme").Token<"5", string, "space", "">;
-        6: import("@stitches/react/types/theme").Token<"6", string, "space", "">;
-        7: import("@stitches/react/types/theme").Token<"7", string, "space", "">;
-        8: import("@stitches/react/types/theme").Token<"8", string, "space", "">;
-        9: import("@stitches/react/types/theme").Token<"9", string, "space", "">;
-        24: import("@stitches/react/types/theme").Token<"24", string, "space", "">;
+        0: import("@atom-learning/stitches-react/types/theme").Token<"0", string, "space", "">;
+        1: import("@atom-learning/stitches-react/types/theme").Token<"1", string, "space", "">;
+        2: import("@atom-learning/stitches-react/types/theme").Token<"2", string, "space", "">;
+        3: import("@atom-learning/stitches-react/types/theme").Token<"3", string, "space", "">;
+        4: import("@atom-learning/stitches-react/types/theme").Token<"4", string, "space", "">;
+        5: import("@atom-learning/stitches-react/types/theme").Token<"5", string, "space", "">;
+        6: import("@atom-learning/stitches-react/types/theme").Token<"6", string, "space", "">;
+        7: import("@atom-learning/stitches-react/types/theme").Token<"7", string, "space", "">;
+        8: import("@atom-learning/stitches-react/types/theme").Token<"8", string, "space", "">;
+        9: import("@atom-learning/stitches-react/types/theme").Token<"9", string, "space", "">;
+        24: import("@atom-learning/stitches-react/types/theme").Token<"24", string, "space", "">;
     };
     fontSizes: {
-        xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "">;
-        sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "">;
-        md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "">;
-        lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "">;
-        xl: import("@stitches/react/types/theme").Token<"xl", string, "fontSizes", "">;
-        "2xl": import("@stitches/react/types/theme").Token<"2xl", string, "fontSizes", "">;
-        "3xl": import("@stitches/react/types/theme").Token<"3xl", string, "fontSizes", "">;
-        "4xl": import("@stitches/react/types/theme").Token<"4xl", string, "fontSizes", "">;
+        xs: import("@atom-learning/stitches-react/types/theme").Token<"xs", string, "fontSizes", "">;
+        sm: import("@atom-learning/stitches-react/types/theme").Token<"sm", string, "fontSizes", "">;
+        md: import("@atom-learning/stitches-react/types/theme").Token<"md", string, "fontSizes", "">;
+        lg: import("@atom-learning/stitches-react/types/theme").Token<"lg", string, "fontSizes", "">;
+        xl: import("@atom-learning/stitches-react/types/theme").Token<"xl", string, "fontSizes", "">;
+        "2xl": import("@atom-learning/stitches-react/types/theme").Token<"2xl", string, "fontSizes", "">;
+        "3xl": import("@atom-learning/stitches-react/types/theme").Token<"3xl", string, "fontSizes", "">;
+        "4xl": import("@atom-learning/stitches-react/types/theme").Token<"4xl", string, "fontSizes", "">;
     };
     fonts: {
-        sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "">;
-        mono: import("@stitches/react/types/theme").Token<"mono", string, "fonts", "">;
-        display: import("@stitches/react/types/theme").Token<"display", string, "fonts", "">;
-        body: import("@stitches/react/types/theme").Token<"body", string, "fonts", "">;
+        sans: import("@atom-learning/stitches-react/types/theme").Token<"sans", string, "fonts", "">;
+        mono: import("@atom-learning/stitches-react/types/theme").Token<"mono", string, "fonts", "">;
+        display: import("@atom-learning/stitches-react/types/theme").Token<"display", string, "fonts", "">;
+        body: import("@atom-learning/stitches-react/types/theme").Token<"body", string, "fonts", "">;
     };
     sizes: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "sizes", "">;
-        1: import("@stitches/react/types/theme").Token<"1", string, "sizes", "">;
-        2: import("@stitches/react/types/theme").Token<"2", string, "sizes", "">;
-        3: import("@stitches/react/types/theme").Token<"3", string, "sizes", "">;
-        4: import("@stitches/react/types/theme").Token<"4", string, "sizes", "">;
-        5: import("@stitches/react/types/theme").Token<"5", string, "sizes", "">;
-        6: import("@stitches/react/types/theme").Token<"6", string, "sizes", "">;
-        7: import("@stitches/react/types/theme").Token<"7", string, "sizes", "">;
-        8: import("@stitches/react/types/theme").Token<"8", string, "sizes", "">;
+        0: import("@atom-learning/stitches-react/types/theme").Token<"0", string, "sizes", "">;
+        1: import("@atom-learning/stitches-react/types/theme").Token<"1", string, "sizes", "">;
+        2: import("@atom-learning/stitches-react/types/theme").Token<"2", string, "sizes", "">;
+        3: import("@atom-learning/stitches-react/types/theme").Token<"3", string, "sizes", "">;
+        4: import("@atom-learning/stitches-react/types/theme").Token<"4", string, "sizes", "">;
+        5: import("@atom-learning/stitches-react/types/theme").Token<"5", string, "sizes", "">;
+        6: import("@atom-learning/stitches-react/types/theme").Token<"6", string, "sizes", "">;
+        7: import("@atom-learning/stitches-react/types/theme").Token<"7", string, "sizes", "">;
+        8: import("@atom-learning/stitches-react/types/theme").Token<"8", string, "sizes", "">;
     };
     radii: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "radii", "">;
-        1: import("@stitches/react/types/theme").Token<"1", string, "radii", "">;
-        2: import("@stitches/react/types/theme").Token<"2", string, "radii", "">;
-        3: import("@stitches/react/types/theme").Token<"3", string, "radii", "">;
-        round: import("@stitches/react/types/theme").Token<"round", string, "radii", "">;
+        0: import("@atom-learning/stitches-react/types/theme").Token<"0", string, "radii", "">;
+        1: import("@atom-learning/stitches-react/types/theme").Token<"1", string, "radii", "">;
+        2: import("@atom-learning/stitches-react/types/theme").Token<"2", string, "radii", "">;
+        3: import("@atom-learning/stitches-react/types/theme").Token<"3", string, "radii", "">;
+        round: import("@atom-learning/stitches-react/types/theme").Token<"round", string, "radii", "">;
     };
     shadows: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "shadows", "">;
-        1: import("@stitches/react/types/theme").Token<"1", string, "shadows", "">;
-        2: import("@stitches/react/types/theme").Token<"2", string, "shadows", "">;
-        3: import("@stitches/react/types/theme").Token<"3", string, "shadows", "">;
+        0: import("@atom-learning/stitches-react/types/theme").Token<"0", string, "shadows", "">;
+        1: import("@atom-learning/stitches-react/types/theme").Token<"1", string, "shadows", "">;
+        2: import("@atom-learning/stitches-react/types/theme").Token<"2", string, "shadows", "">;
+        3: import("@atom-learning/stitches-react/types/theme").Token<"3", string, "shadows", "">;
     };
     ratios: {
-        "16-9": import("@stitches/react/types/theme").Token<"16-9", string, "ratios", "">;
-        "3-2": import("@stitches/react/types/theme").Token<"3-2", string, "ratios", "">;
-        "4-3": import("@stitches/react/types/theme").Token<"4-3", string, "ratios", "">;
-        "1-1": import("@stitches/react/types/theme").Token<"1-1", string, "ratios", "">;
-        "3-4": import("@stitches/react/types/theme").Token<"3-4", string, "ratios", "">;
+        "16-9": import("@atom-learning/stitches-react/types/theme").Token<"16-9", string, "ratios", "">;
+        "3-2": import("@atom-learning/stitches-react/types/theme").Token<"3-2", string, "ratios", "">;
+        "4-3": import("@atom-learning/stitches-react/types/theme").Token<"4-3", string, "ratios", "">;
+        "1-1": import("@atom-learning/stitches-react/types/theme").Token<"1-1", string, "ratios", "">;
+        "3-4": import("@atom-learning/stitches-react/types/theme").Token<"3-4", string, "ratios", "">;
     };
 };
 export declare type CSS = StitchesCSS<typeof stitchesConfig>;