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

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

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

package/dist/components/banner/banner-regular/BannerRegular.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { BannerRegularContainer } from './BannerRegularContainer';
 export declare const BannerRegular: {
-    ({ colorScheme, size, emphasis, onDismiss, ...rest }: React.ComponentProps<typeof BannerRegularContainer>): JSX.Element;
+    ({ colorScheme, size, emphasis, onDismiss, ...rest }: React.ComponentProps<typeof BannerRegularContainer>): React.JSX.Element;
     displayName: string;
 } & {
     Content: {
-        (props: Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        (props: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
             ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-        }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
+        }, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {
             sm: string;
             md: string;
             lg: string;
@@ -16,7 +16,7 @@ export declare const BannerRegular: {
             allowMotion: string;
             hover: string;
         }> & {
-            css?: import("@stitches/react/types/css-util").CSS<{
+            css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
                 sm: string;
                 md: string;
                 lg: string;
@@ -56,6 +56,18 @@ export declare const BannerRegular: {
                     blue1000: any;
                     blue1100: any;
                     blue1200: any;
+                    pink100: any;
+                    pink200: any;
+                    pink300: any;
+                    pink400: any;
+                    pink500: any;
+                    pink600: any;
+                    pink700: any;
+                    pink800: any;
+                    pink900: any;
+                    pink1000: any;
+                    pink1100: any;
+                    pink1200: any;
                     purple100: any;
                     purple200: any;
                     purple300: any;
@@ -200,26 +212,11 @@ export declare const BannerRegular: {
                     marsh1000: any;
                     marsh1100: any;
                     marsh1200: any;
-                    tonal50: any;
-                    tonal100: any;
-                    tonal200: any;
-                    tonal300: any;
-                    tonal400: any;
-                    tonal500: any;
-                    tonal600: any;
                     alpha100: any;
                     alpha150: any;
                     alpha200: any;
                     alpha250: any;
                     alpha600: any;
-                    brandRed: any;
-                    brandRedAccent: any;
-                    brandGreen: any;
-                    brandGreenAccent: any;
-                    brandPurple: any;
-                    brandPurpleAccent: any;
-                    brandYellow: any;
-                    brandYellowAccent: any;
                     infoLight: any;
                     info: any;
                     infoMid: any;
@@ -320,62 +317,62 @@ export declare const BannerRegular: {
                     "1-1": any;
                     "3-4": any;
                 };
-            }, import("@stitches/react/types/config").DefaultThemeMap, {
-                bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                    background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+                bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                    background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
                 };
-                size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                    height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                    width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                    height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                    width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
                 };
-                p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
             }> | undefined;
-        }, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
+        }, "size" | "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
             size?: "sm" | "md" | undefined;
         }, {
             sm: string;
@@ -386,7 +383,7 @@ export declare const BannerRegular: {
             allowMotion: string;
             hover: string;
         }> & {
-            css?: import("@stitches/react/types/css-util").CSS<{
+            css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
                 sm: string;
                 md: string;
                 lg: string;
@@ -426,6 +423,18 @@ export declare const BannerRegular: {
                     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;
@@ -570,26 +579,11 @@ export declare const BannerRegular: {
                     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;
@@ -690,68 +684,68 @@ export declare const BannerRegular: {
                     "1-1": any;
                     "3-4": any;
                 };
-            }, import("@stitches/react/types/config").DefaultThemeMap, {
-                bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                    background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+                bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                    background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
                 };
-                size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                    height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                    width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                    height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                    width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
                 };
-                p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
             }> | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
     Heading: {
-        (props: Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
+        (props: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
             ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
-        }, "size" | "css" | "noCapsize"> & import("@stitches/react/types/styled-component").TransformProps<{
+        }, "size" | "css" | "noCapsize"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
             size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxl" | undefined;
             noCapsize?: boolean | "true" | undefined;
         }, {
@@ -763,7 +757,7 @@ export declare const BannerRegular: {
             allowMotion: string;
             hover: string;
         }> & {
-            css?: import("@stitches/react/types/css-util").CSS<{
+            css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
                 sm: string;
                 md: string;
                 lg: string;
@@ -803,6 +797,18 @@ export declare const BannerRegular: {
                     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;
@@ -947,26 +953,11 @@ export declare const BannerRegular: {
                     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;
@@ -1067,70 +1058,72 @@ export declare const BannerRegular: {
                     "1-1": any;
                     "3-4": any;
                 };
-            }, import("@stitches/react/types/config").DefaultThemeMap, {
-                bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                    background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+                bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                    background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
                 };
-                size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                    height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                    width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                    height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                    width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
                 };
-                p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
             }> | undefined;
         }, "as"> & {
             as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
     Text: {
-        (props: Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
+        (props: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
             ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-        }, "size" | "css" | "noCapsize"> & import("@stitches/react/types/styled-component").TransformProps<{
+        }, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
+            weight?: "normal" | "bold" | undefined;
+            family?: "display" | "mono" | "body" | undefined;
             size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
             noCapsize?: boolean | "true" | undefined;
         }, {
@@ -1142,7 +1135,7 @@ export declare const BannerRegular: {
             allowMotion: string;
             hover: string;
         }> & {
-            css?: import("@stitches/react/types/css-util").CSS<{
+            css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
                 sm: string;
                 md: string;
                 lg: string;
@@ -1182,6 +1175,18 @@ export declare const BannerRegular: {
                     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;
@@ -1326,26 +1331,11 @@ export declare const BannerRegular: {
                     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;
@@ -1446,70 +1436,70 @@ export declare const BannerRegular: {
                     "1-1": any;
                     "3-4": any;
                 };
-            }, import("@stitches/react/types/config").DefaultThemeMap, {
-                bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                    background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+                bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                    background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
                 };
-                size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                    height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                    width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                    height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                    width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
                 };
-                p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
             }> | undefined;
         }, "as"> & {
             as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
     Actions: {
-        ({ children, ...props }: Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ({ children, ...props }: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
             ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-        }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
+        }, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
             direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
             wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
             justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
@@ -1524,7 +1514,7 @@ export declare const BannerRegular: {
             allowMotion: string;
             hover: string;
         }> & {
-            css?: import("@stitches/react/types/css-util").CSS<{
+            css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
                 sm: string;
                 md: string;
                 lg: string;
@@ -1564,6 +1554,18 @@ export declare const BannerRegular: {
                     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;
@@ -1708,26 +1710,11 @@ export declare const BannerRegular: {
                     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;
@@ -1828,68 +1815,68 @@ export declare const BannerRegular: {
                     "1-1": any;
                     "3-4": any;
                 };
-            }, import("@stitches/react/types/config").DefaultThemeMap, {
-                bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                    background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+                bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                    background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
                 };
-                size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                    height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                    width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                    height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                    width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
                 };
-                p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
             }> | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
     Image: {
-        (props: Omit<Pick<Omit<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof React.ImgHTMLAttributes<HTMLImageElement>> & {
+        (props: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
             ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
-        }, "css" | "fluid"> & import("@stitches/react/types/styled-component").TransformProps<{
+        }, "css" | "fluid"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
             fluid?: boolean | "true" | undefined;
         }, {
             sm: string;
@@ -1900,7 +1887,7 @@ export declare const BannerRegular: {
             allowMotion: string;
             hover: string;
         }> & {
-            css?: import("@stitches/react/types/css-util").CSS<{
+            css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
                 sm: string;
                 md: string;
                 lg: string;
@@ -1940,6 +1927,18 @@ export declare const BannerRegular: {
                     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;
@@ -2084,26 +2083,11 @@ export declare const BannerRegular: {
                     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;
@@ -2204,70 +2188,70 @@ export declare const BannerRegular: {
                     "1-1": any;
                     "3-4": any;
                 };
-            }, import("@stitches/react/types/config").DefaultThemeMap, {
-                bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                    background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+                bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                    background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
                 };
-                size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                    height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                    width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                    height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                    width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
                 };
-                p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
             }> | undefined;
-        }, "css" | "key" | keyof React.ImgHTMLAttributes<HTMLImageElement> | "fluid">, "as"> & {
+        }, "ref">, "as"> & {
             as?: undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
     Button: {
-        (props: Omit<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+        (props: Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
             ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-        }, "appearance" | "size" | "css" | "theme" | "isLoading" | "fullWidth"> & import("@stitches/react/types/styled-component").TransformProps<{
+        }, "appearance" | "size" | "css" | "theme" | "isLoading" | "fullWidth"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
             theme?: "success" | "danger" | "warning" | "primary" | "neutral" | "secondary" | undefined;
             appearance?: "outline" | "solid" | undefined;
             size?: "sm" | "md" | "lg" | "xl" | undefined;
@@ -2282,7 +2266,7 @@ export declare const BannerRegular: {
             allowMotion: string;
             hover: string;
         }> & {
-            css?: import("@stitches/react/types/css-util").CSS<{
+            css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
                 sm: string;
                 md: string;
                 lg: string;
@@ -2322,6 +2306,18 @@ export declare const BannerRegular: {
                     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;
@@ -2466,26 +2462,11 @@ export declare const BannerRegular: {
                     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;
@@ -2586,62 +2567,62 @@ export declare const BannerRegular: {
                     "1-1": any;
                     "3-4": any;
                 };
-            }, import("@stitches/react/types/config").DefaultThemeMap, {
-                bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                    background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+                bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                    background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
                 };
-                size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                    height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                    width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                    height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                    width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
                 };
-                p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
             }> | undefined;
-        }, "appearance" | "size" | "theme" | "children" | "as" | keyof import("../../../types").NavigatorActions | "isLoading" | "fullWidth"> & import("@stitches/react/types/styled-component").TransformProps<{
+        }, "appearance" | "size" | "theme" | "children" | "as" | keyof import("../../../types").NavigatorActions | "isLoading" | "fullWidth"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
             theme?: "success" | "danger" | "warning" | "primary" | "neutral" | "secondary" | undefined;
             appearance?: "outline" | "solid" | undefined;
             size?: "sm" | "md" | "lg" | "xl" | undefined;
@@ -2660,7 +2641,7 @@ export declare const BannerRegular: {
             children: React.ReactNode;
             href?: string | undefined;
             isLoading?: boolean | undefined;
-        } & import("../../../types").NavigatorActions): JSX.Element;
+        } & import("../../../types").NavigatorActions): React.JSX.Element;
         displayName: string;
     };
     Dismiss: {
@@ -2678,6 +2659,7 @@ export declare const BannerRegular: {
                 [x: string]: "outline" | "solid" | "simple" | undefined;
             }) | undefined;
             color?: string | undefined;
+            content?: string | undefined;
             translate?: "yes" | "no" | undefined;
             size?: "sm" | "md" | "lg" | "xs" | ({
                 "@sm"?: "sm" | "md" | "lg" | "xs" | undefined;
@@ -2691,7 +2673,7 @@ export declare const BannerRegular: {
             } & {
                 [x: string]: "sm" | "md" | "lg" | "xs" | undefined;
             }) | undefined;
-            css?: import("@stitches/react/types/css-util").CSS<{
+            css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
                 sm: string;
                 md: string;
                 lg: string;
@@ -2731,6 +2713,18 @@ export declare const BannerRegular: {
                     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;
@@ -2875,26 +2869,11 @@ export declare const BannerRegular: {
                     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;
@@ -2995,59 +2974,59 @@ export declare const BannerRegular: {
                     "1-1": any;
                     "3-4": any;
                 };
-            }, import("@stitches/react/types/config").DefaultThemeMap, {
-                bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-                    background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+                bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+                    background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
                 };
-                size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
-                    height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
-                    width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+                    height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+                    width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
                 };
-                p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
-                my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-                    marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-                    marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+                my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+                    marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+                    marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
                 };
             }> | undefined;
             theme?: "success" | "danger" | "warning" | "primary" | "neutral" | ({
@@ -3075,6 +3054,7 @@ export declare const BannerRegular: {
             suppressContentEditableWarning?: boolean | undefined;
             suppressHydrationWarning?: boolean | undefined;
             accessKey?: string | undefined;
+            autoFocus?: boolean | undefined;
             className?: string | undefined;
             contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
             contextMenu?: string | undefined;
@@ -3083,6 +3063,7 @@ export declare const BannerRegular: {
             hidden?: boolean | undefined;
             id?: string | undefined;
             lang?: string | undefined;
+            nonce?: string | undefined;
             placeholder?: string | undefined;
             spellCheck?: (boolean | "true" | "false") | undefined;
             tabIndex?: number | undefined;
@@ -3093,7 +3074,9 @@ export declare const BannerRegular: {
             inlist?: any;
             prefix?: string | undefined;
             property?: string | undefined;
+            rel?: string | undefined;
             resource?: string | undefined;
+            rev?: string | undefined;
             typeof?: string | undefined;
             vocab?: string | undefined;
             autoCapitalize?: string | undefined;
@@ -3109,56 +3092,56 @@ export declare const BannerRegular: {
             unselectable?: "on" | "off" | undefined;
             inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
             is?: string | undefined;
-            'aria-activedescendant'?: string | undefined;
-            'aria-atomic'?: (boolean | "true" | "false") | undefined;
-            'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
-            'aria-busy'?: (boolean | "true" | "false") | undefined;
-            'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-            'aria-colcount'?: number | undefined;
-            'aria-colindex'?: number | undefined;
-            'aria-colspan'?: number | undefined;
-            'aria-controls'?: string | undefined;
-            'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-            'aria-describedby'?: string | undefined;
-            'aria-details'?: string | undefined;
-            'aria-disabled'?: (boolean | "true" | "false") | undefined;
-            'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
-            'aria-errormessage'?: string | undefined;
-            'aria-expanded'?: (boolean | "true" | "false") | undefined;
-            'aria-flowto'?: string | undefined;
-            'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-            'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | undefined;
-            'aria-hidden'?: (boolean | "true" | "false") | undefined;
-            'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-            'aria-keyshortcuts'?: string | undefined;
-            'aria-label'?: string | undefined;
-            'aria-labelledby'?: string | undefined;
-            'aria-level'?: number | undefined;
-            'aria-live'?: "off" | "assertive" | "polite" | undefined;
-            'aria-modal'?: (boolean | "true" | "false") | undefined;
-            'aria-multiline'?: (boolean | "true" | "false") | undefined;
-            'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-            'aria-orientation'?: "horizontal" | "vertical" | undefined;
-            'aria-owns'?: string | undefined;
-            'aria-placeholder'?: string | undefined;
-            'aria-posinset'?: number | undefined;
-            'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-            'aria-readonly'?: (boolean | "true" | "false") | undefined;
-            'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-            'aria-required'?: (boolean | "true" | "false") | undefined;
-            'aria-roledescription'?: string | undefined;
-            'aria-rowcount'?: number | undefined;
-            'aria-rowindex'?: number | undefined;
-            'aria-rowspan'?: number | undefined;
-            'aria-selected'?: (boolean | "true" | "false") | undefined;
-            'aria-setsize'?: number | undefined;
-            'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-            'aria-valuemax'?: number | undefined;
-            'aria-valuemin'?: number | undefined;
-            'aria-valuenow'?: number | undefined;
-            'aria-valuetext'?: string | undefined;
+            "aria-activedescendant"?: string | undefined;
+            "aria-atomic"?: (boolean | "true" | "false") | undefined;
+            "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+            "aria-busy"?: (boolean | "true" | "false") | undefined;
+            "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+            "aria-colcount"?: number | undefined;
+            "aria-colindex"?: number | undefined;
+            "aria-colspan"?: number | undefined;
+            "aria-controls"?: string | undefined;
+            "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+            "aria-describedby"?: string | undefined;
+            "aria-details"?: string | undefined;
+            "aria-disabled"?: (boolean | "true" | "false") | undefined;
+            "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+            "aria-errormessage"?: string | undefined;
+            "aria-expanded"?: (boolean | "true" | "false") | undefined;
+            "aria-flowto"?: string | undefined;
+            "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+            "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | undefined;
+            "aria-hidden"?: (boolean | "true" | "false") | undefined;
+            "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+            "aria-keyshortcuts"?: string | undefined;
+            "aria-label"?: string | undefined;
+            "aria-labelledby"?: string | undefined;
+            "aria-level"?: number | undefined;
+            "aria-live"?: "off" | "assertive" | "polite" | undefined;
+            "aria-modal"?: (boolean | "true" | "false") | undefined;
+            "aria-multiline"?: (boolean | "true" | "false") | undefined;
+            "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+            "aria-orientation"?: "horizontal" | "vertical" | undefined;
+            "aria-owns"?: string | undefined;
+            "aria-placeholder"?: string | undefined;
+            "aria-posinset"?: number | undefined;
+            "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+            "aria-readonly"?: (boolean | "true" | "false") | undefined;
+            "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+            "aria-required"?: (boolean | "true" | "false") | undefined;
+            "aria-roledescription"?: string | undefined;
+            "aria-rowcount"?: number | undefined;
+            "aria-rowindex"?: number | undefined;
+            "aria-rowspan"?: number | undefined;
+            "aria-selected"?: (boolean | "true" | "false") | undefined;
+            "aria-setsize"?: number | undefined;
+            "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+            "aria-valuemax"?: number | undefined;
+            "aria-valuemin"?: number | undefined;
+            "aria-valuenow"?: number | undefined;
+            "aria-valuetext"?: string | undefined;
             dangerouslySetInnerHTML?: {
-                __html: string;
+                __html: string | TrustedHTML;
             } | undefined;
             onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
             onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -3322,7 +3305,6 @@ export declare const BannerRegular: {
             as?: React.ReactNode;
             disabled?: boolean | undefined;
             type?: "button" | "reset" | "submit" | undefined;
-            autoFocus?: boolean | undefined;
             formAction?: string | undefined;
             formEncType?: string | undefined;
             formMethod?: string | undefined;
@@ -3343,7 +3325,7 @@ export declare const BannerRegular: {
             } & {
                 [x: string]: boolean | "true" | undefined;
             }) | undefined;
-        }): JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
 };