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

package/dist/types/navigatorActions.types.d.ts

@@ -1,4 +1,4 @@
-export type NavigatorActions = {
+export declare type NavigatorActions = {
     onClick?: (...args: unknown[]) => void;
     href?: string;
 };

package/dist/types/polymorphicComponentProp.types.d.ts

@@ -13,25 +13,26 @@
  * Taken from:
  * https://blog.logrocket.com/build-strongly-typed-polymorphic-components-react-typescript/
  */
+/// <reference types="react" />
 /**
  * A generic that is used to capture the `as` prop value
  */
-type AsProp<C extends React.ElementType> = {
+declare type AsProp<C extends React.ElementType> = {
     as?: C;
 };
 /**
  * A type of the `as` prop, plus any custom defined props.
  */
-type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
 /**
  * Adds a typed `as` prop to a list of props.
  */
-type PolymorphicComponentProp<C extends React.ElementType, Props = Record<string, unknown>> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+declare type PolymorphicComponentProp<C extends React.ElementType, Props = Record<string, unknown>> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
 /**
  * Type to capture the `ref` prop type from the element type
  * passed into the `as` prop.
  */
-export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
 /**
  * Usage example:
  *
@@ -53,7 +54,7 @@ export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWi
  * )
  * ```
  */
-export type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProp<C, Props> & {
+export declare type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProp<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
 export {};

package/dist/utilities/create-theme-variants/createThemeVariants.d.ts

@@ -19,4 +19,300 @@ import { CSS, theme } from '../../stitches';
  * // }
  * ```
  */
-export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<keyof (typeof theme)[ThemeProperty], CSS>;
+export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<keyof (string & {
+    className: string;
+    selector: string;
+} & {
+    colors: {
+        textBold: import("@atom-learning/stitches-react/types/theme").Token<"textBold", string, "colors", "">;
+        textRegular: import("@atom-learning/stitches-react/types/theme").Token<"textRegular", string, "colors", "">;
+        textSubtle: import("@atom-learning/stitches-react/types/theme").Token<"textSubtle", string, "colors", "">;
+        textMinimal: import("@atom-learning/stitches-react/types/theme").Token<"textMinimal", string, "colors", "">;
+        background: import("@atom-learning/stitches-react/types/theme").Token<"background", string, "colors", "">;
+        backgroundAccent: import("@atom-learning/stitches-react/types/theme").Token<"backgroundAccent", string, "colors", "">;
+        grey100: import("@atom-learning/stitches-react/types/theme").Token<"grey100", string, "colors", "">;
+        grey200: import("@atom-learning/stitches-react/types/theme").Token<"grey200", string, "colors", "">;
+        grey300: import("@atom-learning/stitches-react/types/theme").Token<"grey300", string, "colors", "">;
+        grey400: import("@atom-learning/stitches-react/types/theme").Token<"grey400", string, "colors", "">;
+        grey500: import("@atom-learning/stitches-react/types/theme").Token<"grey500", string, "colors", "">;
+        grey600: import("@atom-learning/stitches-react/types/theme").Token<"grey600", string, "colors", "">;
+        grey700: import("@atom-learning/stitches-react/types/theme").Token<"grey700", string, "colors", "">;
+        grey800: import("@atom-learning/stitches-react/types/theme").Token<"grey800", string, "colors", "">;
+        grey900: import("@atom-learning/stitches-react/types/theme").Token<"grey900", string, "colors", "">;
+        grey1000: import("@atom-learning/stitches-react/types/theme").Token<"grey1000", string, "colors", "">;
+        grey1100: import("@atom-learning/stitches-react/types/theme").Token<"grey1100", string, "colors", "">;
+        grey1200: import("@atom-learning/stitches-react/types/theme").Token<"grey1200", string, "colors", "">;
+        blue100: import("@atom-learning/stitches-react/types/theme").Token<"blue100", string, "colors", "">;
+        blue200: import("@atom-learning/stitches-react/types/theme").Token<"blue200", string, "colors", "">;
+        blue300: import("@atom-learning/stitches-react/types/theme").Token<"blue300", string, "colors", "">;
+        blue400: import("@atom-learning/stitches-react/types/theme").Token<"blue400", string, "colors", "">;
+        blue500: import("@atom-learning/stitches-react/types/theme").Token<"blue500", string, "colors", "">;
+        blue600: import("@atom-learning/stitches-react/types/theme").Token<"blue600", string, "colors", "">;
+        blue700: import("@atom-learning/stitches-react/types/theme").Token<"blue700", string, "colors", "">;
+        blue800: import("@atom-learning/stitches-react/types/theme").Token<"blue800", string, "colors", "">;
+        blue900: import("@atom-learning/stitches-react/types/theme").Token<"blue900", string, "colors", "">;
+        blue1000: import("@atom-learning/stitches-react/types/theme").Token<"blue1000", string, "colors", "">;
+        blue1100: import("@atom-learning/stitches-react/types/theme").Token<"blue1100", string, "colors", "">;
+        blue1200: import("@atom-learning/stitches-react/types/theme").Token<"blue1200", string, "colors", "">;
+        pink100: import("@atom-learning/stitches-react/types/theme").Token<"pink100", string, "colors", "">;
+        pink200: import("@atom-learning/stitches-react/types/theme").Token<"pink200", string, "colors", "">;
+        pink300: import("@atom-learning/stitches-react/types/theme").Token<"pink300", string, "colors", "">;
+        pink400: import("@atom-learning/stitches-react/types/theme").Token<"pink400", string, "colors", "">;
+        pink500: import("@atom-learning/stitches-react/types/theme").Token<"pink500", string, "colors", "">;
+        pink600: import("@atom-learning/stitches-react/types/theme").Token<"pink600", string, "colors", "">;
+        pink700: import("@atom-learning/stitches-react/types/theme").Token<"pink700", string, "colors", "">;
+        pink800: import("@atom-learning/stitches-react/types/theme").Token<"pink800", string, "colors", "">;
+        pink900: import("@atom-learning/stitches-react/types/theme").Token<"pink900", string, "colors", "">;
+        pink1000: import("@atom-learning/stitches-react/types/theme").Token<"pink1000", string, "colors", "">;
+        pink1100: import("@atom-learning/stitches-react/types/theme").Token<"pink1100", string, "colors", "">;
+        pink1200: import("@atom-learning/stitches-react/types/theme").Token<"pink1200", string, "colors", "">;
+        purple100: import("@atom-learning/stitches-react/types/theme").Token<"purple100", string, "colors", "">;
+        purple200: import("@atom-learning/stitches-react/types/theme").Token<"purple200", string, "colors", "">;
+        purple300: import("@atom-learning/stitches-react/types/theme").Token<"purple300", string, "colors", "">;
+        purple400: import("@atom-learning/stitches-react/types/theme").Token<"purple400", string, "colors", "">;
+        purple500: import("@atom-learning/stitches-react/types/theme").Token<"purple500", string, "colors", "">;
+        purple600: import("@atom-learning/stitches-react/types/theme").Token<"purple600", string, "colors", "">;
+        purple700: import("@atom-learning/stitches-react/types/theme").Token<"purple700", string, "colors", "">;
+        purple800: import("@atom-learning/stitches-react/types/theme").Token<"purple800", string, "colors", "">;
+        purple900: import("@atom-learning/stitches-react/types/theme").Token<"purple900", string, "colors", "">;
+        purple1000: import("@atom-learning/stitches-react/types/theme").Token<"purple1000", string, "colors", "">;
+        purple1100: import("@atom-learning/stitches-react/types/theme").Token<"purple1100", string, "colors", "">;
+        purple1200: import("@atom-learning/stitches-react/types/theme").Token<"purple1200", string, "colors", "">;
+        cyan100: import("@atom-learning/stitches-react/types/theme").Token<"cyan100", string, "colors", "">;
+        cyan200: import("@atom-learning/stitches-react/types/theme").Token<"cyan200", string, "colors", "">;
+        cyan300: import("@atom-learning/stitches-react/types/theme").Token<"cyan300", string, "colors", "">;
+        cyan400: import("@atom-learning/stitches-react/types/theme").Token<"cyan400", string, "colors", "">;
+        cyan500: import("@atom-learning/stitches-react/types/theme").Token<"cyan500", string, "colors", "">;
+        cyan600: import("@atom-learning/stitches-react/types/theme").Token<"cyan600", string, "colors", "">;
+        cyan700: import("@atom-learning/stitches-react/types/theme").Token<"cyan700", string, "colors", "">;
+        cyan800: import("@atom-learning/stitches-react/types/theme").Token<"cyan800", string, "colors", "">;
+        cyan900: import("@atom-learning/stitches-react/types/theme").Token<"cyan900", string, "colors", "">;
+        cyan1000: import("@atom-learning/stitches-react/types/theme").Token<"cyan1000", string, "colors", "">;
+        cyan1100: import("@atom-learning/stitches-react/types/theme").Token<"cyan1100", string, "colors", "">;
+        cyan1200: import("@atom-learning/stitches-react/types/theme").Token<"cyan1200", string, "colors", "">;
+        green100: import("@atom-learning/stitches-react/types/theme").Token<"green100", string, "colors", "">;
+        green200: import("@atom-learning/stitches-react/types/theme").Token<"green200", string, "colors", "">;
+        green300: import("@atom-learning/stitches-react/types/theme").Token<"green300", string, "colors", "">;
+        green400: import("@atom-learning/stitches-react/types/theme").Token<"green400", string, "colors", "">;
+        green500: import("@atom-learning/stitches-react/types/theme").Token<"green500", string, "colors", "">;
+        green600: import("@atom-learning/stitches-react/types/theme").Token<"green600", string, "colors", "">;
+        green700: import("@atom-learning/stitches-react/types/theme").Token<"green700", string, "colors", "">;
+        green800: import("@atom-learning/stitches-react/types/theme").Token<"green800", string, "colors", "">;
+        green900: import("@atom-learning/stitches-react/types/theme").Token<"green900", string, "colors", "">;
+        green1000: import("@atom-learning/stitches-react/types/theme").Token<"green1000", string, "colors", "">;
+        green1100: import("@atom-learning/stitches-react/types/theme").Token<"green1100", string, "colors", "">;
+        green1200: import("@atom-learning/stitches-react/types/theme").Token<"green1200", string, "colors", "">;
+        magenta100: import("@atom-learning/stitches-react/types/theme").Token<"magenta100", string, "colors", "">;
+        magenta200: import("@atom-learning/stitches-react/types/theme").Token<"magenta200", string, "colors", "">;
+        magenta300: import("@atom-learning/stitches-react/types/theme").Token<"magenta300", string, "colors", "">;
+        magenta400: import("@atom-learning/stitches-react/types/theme").Token<"magenta400", string, "colors", "">;
+        magenta500: import("@atom-learning/stitches-react/types/theme").Token<"magenta500", string, "colors", "">;
+        magenta600: import("@atom-learning/stitches-react/types/theme").Token<"magenta600", string, "colors", "">;
+        magenta700: import("@atom-learning/stitches-react/types/theme").Token<"magenta700", string, "colors", "">;
+        magenta800: import("@atom-learning/stitches-react/types/theme").Token<"magenta800", string, "colors", "">;
+        magenta900: import("@atom-learning/stitches-react/types/theme").Token<"magenta900", string, "colors", "">;
+        magenta1000: import("@atom-learning/stitches-react/types/theme").Token<"magenta1000", string, "colors", "">;
+        magenta1100: import("@atom-learning/stitches-react/types/theme").Token<"magenta1100", string, "colors", "">;
+        magenta1200: import("@atom-learning/stitches-react/types/theme").Token<"magenta1200", string, "colors", "">;
+        red100: import("@atom-learning/stitches-react/types/theme").Token<"red100", string, "colors", "">;
+        red200: import("@atom-learning/stitches-react/types/theme").Token<"red200", string, "colors", "">;
+        red300: import("@atom-learning/stitches-react/types/theme").Token<"red300", string, "colors", "">;
+        red400: import("@atom-learning/stitches-react/types/theme").Token<"red400", string, "colors", "">;
+        red500: import("@atom-learning/stitches-react/types/theme").Token<"red500", string, "colors", "">;
+        red600: import("@atom-learning/stitches-react/types/theme").Token<"red600", string, "colors", "">;
+        red700: import("@atom-learning/stitches-react/types/theme").Token<"red700", string, "colors", "">;
+        red800: import("@atom-learning/stitches-react/types/theme").Token<"red800", string, "colors", "">;
+        red900: import("@atom-learning/stitches-react/types/theme").Token<"red900", string, "colors", "">;
+        red1000: import("@atom-learning/stitches-react/types/theme").Token<"red1000", string, "colors", "">;
+        red1100: import("@atom-learning/stitches-react/types/theme").Token<"red1100", string, "colors", "">;
+        red1200: import("@atom-learning/stitches-react/types/theme").Token<"red1200", string, "colors", "">;
+        teal100: import("@atom-learning/stitches-react/types/theme").Token<"teal100", string, "colors", "">;
+        teal200: import("@atom-learning/stitches-react/types/theme").Token<"teal200", string, "colors", "">;
+        teal300: import("@atom-learning/stitches-react/types/theme").Token<"teal300", string, "colors", "">;
+        teal400: import("@atom-learning/stitches-react/types/theme").Token<"teal400", string, "colors", "">;
+        teal500: import("@atom-learning/stitches-react/types/theme").Token<"teal500", string, "colors", "">;
+        teal600: import("@atom-learning/stitches-react/types/theme").Token<"teal600", string, "colors", "">;
+        teal700: import("@atom-learning/stitches-react/types/theme").Token<"teal700", string, "colors", "">;
+        teal800: import("@atom-learning/stitches-react/types/theme").Token<"teal800", string, "colors", "">;
+        teal900: import("@atom-learning/stitches-react/types/theme").Token<"teal900", string, "colors", "">;
+        teal1000: import("@atom-learning/stitches-react/types/theme").Token<"teal1000", string, "colors", "">;
+        teal1100: import("@atom-learning/stitches-react/types/theme").Token<"teal1100", string, "colors", "">;
+        teal1200: import("@atom-learning/stitches-react/types/theme").Token<"teal1200", string, "colors", "">;
+        orange100: import("@atom-learning/stitches-react/types/theme").Token<"orange100", string, "colors", "">;
+        orange200: import("@atom-learning/stitches-react/types/theme").Token<"orange200", string, "colors", "">;
+        orange300: import("@atom-learning/stitches-react/types/theme").Token<"orange300", string, "colors", "">;
+        orange400: import("@atom-learning/stitches-react/types/theme").Token<"orange400", string, "colors", "">;
+        orange500: import("@atom-learning/stitches-react/types/theme").Token<"orange500", string, "colors", "">;
+        orange600: import("@atom-learning/stitches-react/types/theme").Token<"orange600", string, "colors", "">;
+        orange700: import("@atom-learning/stitches-react/types/theme").Token<"orange700", string, "colors", "">;
+        orange800: import("@atom-learning/stitches-react/types/theme").Token<"orange800", string, "colors", "">;
+        orange900: import("@atom-learning/stitches-react/types/theme").Token<"orange900", string, "colors", "">;
+        orange1000: import("@atom-learning/stitches-react/types/theme").Token<"orange1000", string, "colors", "">;
+        orange1100: import("@atom-learning/stitches-react/types/theme").Token<"orange1100", string, "colors", "">;
+        orange1200: import("@atom-learning/stitches-react/types/theme").Token<"orange1200", string, "colors", "">;
+        yellow100: import("@atom-learning/stitches-react/types/theme").Token<"yellow100", string, "colors", "">;
+        yellow200: import("@atom-learning/stitches-react/types/theme").Token<"yellow200", string, "colors", "">;
+        yellow300: import("@atom-learning/stitches-react/types/theme").Token<"yellow300", string, "colors", "">;
+        yellow400: import("@atom-learning/stitches-react/types/theme").Token<"yellow400", string, "colors", "">;
+        yellow500: import("@atom-learning/stitches-react/types/theme").Token<"yellow500", string, "colors", "">;
+        yellow600: import("@atom-learning/stitches-react/types/theme").Token<"yellow600", string, "colors", "">;
+        yellow700: import("@atom-learning/stitches-react/types/theme").Token<"yellow700", string, "colors", "">;
+        yellow800: import("@atom-learning/stitches-react/types/theme").Token<"yellow800", string, "colors", "">;
+        yellow900: import("@atom-learning/stitches-react/types/theme").Token<"yellow900", string, "colors", "">;
+        yellow1000: import("@atom-learning/stitches-react/types/theme").Token<"yellow1000", string, "colors", "">;
+        yellow1100: import("@atom-learning/stitches-react/types/theme").Token<"yellow1100", string, "colors", "">;
+        yellow1200: import("@atom-learning/stitches-react/types/theme").Token<"yellow1200", string, "colors", "">;
+        lime100: import("@atom-learning/stitches-react/types/theme").Token<"lime100", string, "colors", "">;
+        lime200: import("@atom-learning/stitches-react/types/theme").Token<"lime200", string, "colors", "">;
+        lime300: import("@atom-learning/stitches-react/types/theme").Token<"lime300", string, "colors", "">;
+        lime400: import("@atom-learning/stitches-react/types/theme").Token<"lime400", string, "colors", "">;
+        lime500: import("@atom-learning/stitches-react/types/theme").Token<"lime500", string, "colors", "">;
+        lime600: import("@atom-learning/stitches-react/types/theme").Token<"lime600", string, "colors", "">;
+        lime700: import("@atom-learning/stitches-react/types/theme").Token<"lime700", string, "colors", "">;
+        lime800: import("@atom-learning/stitches-react/types/theme").Token<"lime800", string, "colors", "">;
+        lime900: import("@atom-learning/stitches-react/types/theme").Token<"lime900", string, "colors", "">;
+        lime1000: import("@atom-learning/stitches-react/types/theme").Token<"lime1000", string, "colors", "">;
+        lime1100: import("@atom-learning/stitches-react/types/theme").Token<"lime1100", string, "colors", "">;
+        lime1200: import("@atom-learning/stitches-react/types/theme").Token<"lime1200", string, "colors", "">;
+        lapis100: import("@atom-learning/stitches-react/types/theme").Token<"lapis100", string, "colors", "">;
+        lapis200: import("@atom-learning/stitches-react/types/theme").Token<"lapis200", string, "colors", "">;
+        lapis300: import("@atom-learning/stitches-react/types/theme").Token<"lapis300", string, "colors", "">;
+        lapis400: import("@atom-learning/stitches-react/types/theme").Token<"lapis400", string, "colors", "">;
+        lapis500: import("@atom-learning/stitches-react/types/theme").Token<"lapis500", string, "colors", "">;
+        lapis600: import("@atom-learning/stitches-react/types/theme").Token<"lapis600", string, "colors", "">;
+        lapis700: import("@atom-learning/stitches-react/types/theme").Token<"lapis700", string, "colors", "">;
+        lapis800: import("@atom-learning/stitches-react/types/theme").Token<"lapis800", string, "colors", "">;
+        lapis900: import("@atom-learning/stitches-react/types/theme").Token<"lapis900", string, "colors", "">;
+        lapis1000: import("@atom-learning/stitches-react/types/theme").Token<"lapis1000", string, "colors", "">;
+        lapis1100: import("@atom-learning/stitches-react/types/theme").Token<"lapis1100", string, "colors", "">;
+        lapis1200: import("@atom-learning/stitches-react/types/theme").Token<"lapis1200", string, "colors", "">;
+        maroon100: import("@atom-learning/stitches-react/types/theme").Token<"maroon100", string, "colors", "">;
+        maroon200: import("@atom-learning/stitches-react/types/theme").Token<"maroon200", string, "colors", "">;
+        maroon300: import("@atom-learning/stitches-react/types/theme").Token<"maroon300", string, "colors", "">;
+        maroon400: import("@atom-learning/stitches-react/types/theme").Token<"maroon400", string, "colors", "">;
+        maroon500: import("@atom-learning/stitches-react/types/theme").Token<"maroon500", string, "colors", "">;
+        maroon600: import("@atom-learning/stitches-react/types/theme").Token<"maroon600", string, "colors", "">;
+        maroon700: import("@atom-learning/stitches-react/types/theme").Token<"maroon700", string, "colors", "">;
+        maroon800: import("@atom-learning/stitches-react/types/theme").Token<"maroon800", string, "colors", "">;
+        maroon900: import("@atom-learning/stitches-react/types/theme").Token<"maroon900", string, "colors", "">;
+        maroon1000: import("@atom-learning/stitches-react/types/theme").Token<"maroon1000", string, "colors", "">;
+        maroon1100: import("@atom-learning/stitches-react/types/theme").Token<"maroon1100", string, "colors", "">;
+        maroon1200: import("@atom-learning/stitches-react/types/theme").Token<"maroon1200", string, "colors", "">;
+        marsh100: import("@atom-learning/stitches-react/types/theme").Token<"marsh100", string, "colors", "">;
+        marsh200: import("@atom-learning/stitches-react/types/theme").Token<"marsh200", string, "colors", "">;
+        marsh300: import("@atom-learning/stitches-react/types/theme").Token<"marsh300", string, "colors", "">;
+        marsh400: import("@atom-learning/stitches-react/types/theme").Token<"marsh400", string, "colors", "">;
+        marsh500: import("@atom-learning/stitches-react/types/theme").Token<"marsh500", string, "colors", "">;
+        marsh600: import("@atom-learning/stitches-react/types/theme").Token<"marsh600", string, "colors", "">;
+        marsh700: import("@atom-learning/stitches-react/types/theme").Token<"marsh700", string, "colors", "">;
+        marsh800: import("@atom-learning/stitches-react/types/theme").Token<"marsh800", string, "colors", "">;
+        marsh900: import("@atom-learning/stitches-react/types/theme").Token<"marsh900", string, "colors", "">;
+        marsh1000: import("@atom-learning/stitches-react/types/theme").Token<"marsh1000", string, "colors", "">;
+        marsh1100: import("@atom-learning/stitches-react/types/theme").Token<"marsh1100", string, "colors", "">;
+        marsh1200: import("@atom-learning/stitches-react/types/theme").Token<"marsh1200", string, "colors", "">;
+        alpha100: import("@atom-learning/stitches-react/types/theme").Token<"alpha100", string, "colors", "">;
+        alpha150: import("@atom-learning/stitches-react/types/theme").Token<"alpha150", string, "colors", "">;
+        alpha200: import("@atom-learning/stitches-react/types/theme").Token<"alpha200", string, "colors", "">;
+        alpha250: import("@atom-learning/stitches-react/types/theme").Token<"alpha250", string, "colors", "">;
+        alpha600: import("@atom-learning/stitches-react/types/theme").Token<"alpha600", string, "colors", "">;
+        infoLight: import("@atom-learning/stitches-react/types/theme").Token<"infoLight", string, "colors", "">;
+        info: import("@atom-learning/stitches-react/types/theme").Token<"info", string, "colors", "">;
+        infoMid: import("@atom-learning/stitches-react/types/theme").Token<"infoMid", string, "colors", "">;
+        infoDark: import("@atom-learning/stitches-react/types/theme").Token<"infoDark", string, "colors", "">;
+        successLight: import("@atom-learning/stitches-react/types/theme").Token<"successLight", string, "colors", "">;
+        success: import("@atom-learning/stitches-react/types/theme").Token<"success", string, "colors", "">;
+        successMid: import("@atom-learning/stitches-react/types/theme").Token<"successMid", string, "colors", "">;
+        successDark: import("@atom-learning/stitches-react/types/theme").Token<"successDark", string, "colors", "">;
+        dangerLight: import("@atom-learning/stitches-react/types/theme").Token<"dangerLight", string, "colors", "">;
+        danger: import("@atom-learning/stitches-react/types/theme").Token<"danger", string, "colors", "">;
+        dangerMid: import("@atom-learning/stitches-react/types/theme").Token<"dangerMid", string, "colors", "">;
+        dangerDark: import("@atom-learning/stitches-react/types/theme").Token<"dangerDark", string, "colors", "">;
+        warningLight: import("@atom-learning/stitches-react/types/theme").Token<"warningLight", string, "colors", "">;
+        warning: import("@atom-learning/stitches-react/types/theme").Token<"warning", string, "colors", "">;
+        warningMid: import("@atom-learning/stitches-react/types/theme").Token<"warningMid", string, "colors", "">;
+        warningDark: import("@atom-learning/stitches-react/types/theme").Token<"warningDark", string, "colors", "">;
+        warningText: import("@atom-learning/stitches-react/types/theme").Token<"warningText", string, "colors", "">;
+        subjectEnglish: import("@atom-learning/stitches-react/types/theme").Token<"subjectEnglish", string, "colors", "">;
+        subjectMaths: import("@atom-learning/stitches-react/types/theme").Token<"subjectMaths", string, "colors", "">;
+        subjectScience: import("@atom-learning/stitches-react/types/theme").Token<"subjectScience", string, "colors", "">;
+        subjectVerbalReasoning: import("@atom-learning/stitches-react/types/theme").Token<"subjectVerbalReasoning", string, "colors", "">;
+        subjectNonVerbalReasoning: import("@atom-learning/stitches-react/types/theme").Token<"subjectNonVerbalReasoning", string, "colors", "">;
+        subjectCreativeWriting: import("@atom-learning/stitches-react/types/theme").Token<"subjectCreativeWriting", string, "colors", "">;
+        subjectExamSkills: import("@atom-learning/stitches-react/types/theme").Token<"subjectExamSkills", string, "colors", "">;
+        glBlueLight: import("@atom-learning/stitches-react/types/theme").Token<"glBlueLight", string, "colors", "">;
+        glBluePrimary: import("@atom-learning/stitches-react/types/theme").Token<"glBluePrimary", string, "colors", "">;
+        glBlueDark: import("@atom-learning/stitches-react/types/theme").Token<"glBlueDark", string, "colors", "">;
+        primary100: import("@atom-learning/stitches-react/types/theme").Token<"primary100", string, "colors", "">;
+        primary200: import("@atom-learning/stitches-react/types/theme").Token<"primary200", string, "colors", "">;
+        primary300: import("@atom-learning/stitches-react/types/theme").Token<"primary300", string, "colors", "">;
+        primary400: import("@atom-learning/stitches-react/types/theme").Token<"primary400", string, "colors", "">;
+        primary500: import("@atom-learning/stitches-react/types/theme").Token<"primary500", string, "colors", "">;
+        primary600: import("@atom-learning/stitches-react/types/theme").Token<"primary600", string, "colors", "">;
+        primary700: import("@atom-learning/stitches-react/types/theme").Token<"primary700", string, "colors", "">;
+        primary800: import("@atom-learning/stitches-react/types/theme").Token<"primary800", string, "colors", "">;
+        primary900: import("@atom-learning/stitches-react/types/theme").Token<"primary900", string, "colors", "">;
+        primary1000: import("@atom-learning/stitches-react/types/theme").Token<"primary1000", string, "colors", "">;
+        primary1100: import("@atom-learning/stitches-react/types/theme").Token<"primary1100", string, "colors", "">;
+        primary1200: import("@atom-learning/stitches-react/types/theme").Token<"primary1200", string, "colors", "">;
+    };
+    space: {
+        0: import("@atom-learning/stitches-react/types/theme").Token<"0", string, "space", "">;
+        1: import("@atom-learning/stitches-react/types/theme").Token<"1", string, "space", "">;
+        2: import("@atom-learning/stitches-react/types/theme").Token<"2", string, "space", "">;
+        3: import("@atom-learning/stitches-react/types/theme").Token<"3", string, "space", "">;
+        4: import("@atom-learning/stitches-react/types/theme").Token<"4", string, "space", "">;
+        5: import("@atom-learning/stitches-react/types/theme").Token<"5", string, "space", "">;
+        6: import("@atom-learning/stitches-react/types/theme").Token<"6", string, "space", "">;
+        7: import("@atom-learning/stitches-react/types/theme").Token<"7", string, "space", "">;
+        8: import("@atom-learning/stitches-react/types/theme").Token<"8", string, "space", "">;
+        9: import("@atom-learning/stitches-react/types/theme").Token<"9", string, "space", "">;
+        24: import("@atom-learning/stitches-react/types/theme").Token<"24", string, "space", "">;
+    };
+    fontSizes: {
+        xs: import("@atom-learning/stitches-react/types/theme").Token<"xs", string, "fontSizes", "">;
+        sm: import("@atom-learning/stitches-react/types/theme").Token<"sm", string, "fontSizes", "">;
+        md: import("@atom-learning/stitches-react/types/theme").Token<"md", string, "fontSizes", "">;
+        lg: import("@atom-learning/stitches-react/types/theme").Token<"lg", string, "fontSizes", "">;
+        xl: import("@atom-learning/stitches-react/types/theme").Token<"xl", string, "fontSizes", "">;
+        "2xl": import("@atom-learning/stitches-react/types/theme").Token<"2xl", string, "fontSizes", "">;
+        "3xl": import("@atom-learning/stitches-react/types/theme").Token<"3xl", string, "fontSizes", "">;
+        "4xl": import("@atom-learning/stitches-react/types/theme").Token<"4xl", string, "fontSizes", "">;
+    };
+    fonts: {
+        sans: import("@atom-learning/stitches-react/types/theme").Token<"sans", string, "fonts", "">;
+        mono: import("@atom-learning/stitches-react/types/theme").Token<"mono", string, "fonts", "">;
+        display: import("@atom-learning/stitches-react/types/theme").Token<"display", string, "fonts", "">;
+        body: import("@atom-learning/stitches-react/types/theme").Token<"body", string, "fonts", "">;
+    };
+    sizes: {
+        0: import("@atom-learning/stitches-react/types/theme").Token<"0", string, "sizes", "">;
+        1: import("@atom-learning/stitches-react/types/theme").Token<"1", string, "sizes", "">;
+        2: import("@atom-learning/stitches-react/types/theme").Token<"2", string, "sizes", "">;
+        3: import("@atom-learning/stitches-react/types/theme").Token<"3", string, "sizes", "">;
+        4: import("@atom-learning/stitches-react/types/theme").Token<"4", string, "sizes", "">;
+        5: import("@atom-learning/stitches-react/types/theme").Token<"5", string, "sizes", "">;
+        6: import("@atom-learning/stitches-react/types/theme").Token<"6", string, "sizes", "">;
+        7: import("@atom-learning/stitches-react/types/theme").Token<"7", string, "sizes", "">;
+        8: import("@atom-learning/stitches-react/types/theme").Token<"8", string, "sizes", "">;
+    };
+    radii: {
+        0: import("@atom-learning/stitches-react/types/theme").Token<"0", string, "radii", "">;
+        1: import("@atom-learning/stitches-react/types/theme").Token<"1", string, "radii", "">;
+        2: import("@atom-learning/stitches-react/types/theme").Token<"2", string, "radii", "">;
+        3: import("@atom-learning/stitches-react/types/theme").Token<"3", string, "radii", "">;
+        round: import("@atom-learning/stitches-react/types/theme").Token<"round", string, "radii", "">;
+    };
+    shadows: {
+        0: import("@atom-learning/stitches-react/types/theme").Token<"0", string, "shadows", "">;
+        1: import("@atom-learning/stitches-react/types/theme").Token<"1", string, "shadows", "">;
+        2: import("@atom-learning/stitches-react/types/theme").Token<"2", string, "shadows", "">;
+        3: import("@atom-learning/stitches-react/types/theme").Token<"3", string, "shadows", "">;
+    };
+    ratios: {
+        "16-9": import("@atom-learning/stitches-react/types/theme").Token<"16-9", string, "ratios", "">;
+        "3-2": import("@atom-learning/stitches-react/types/theme").Token<"3-2", string, "ratios", "">;
+        "4-3": import("@atom-learning/stitches-react/types/theme").Token<"4-3", string, "ratios", "">;
+        "1-1": import("@atom-learning/stitches-react/types/theme").Token<"1-1", string, "ratios", "">;
+        "3-4": import("@atom-learning/stitches-react/types/theme").Token<"3-4", string, "ratios", "">;
+    };
+})[ThemeProperty], CSS>;

package/dist/utilities/css-wrapper/CSSWrapper.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { CSS } from '../../stitches';
-type CssWrapperProps = {
+declare type CssWrapperProps = {
     css?: CSS;
     children: React.ReactNode;
 };

package/dist/utilities/hooks/useIsMountedRef.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const useIsMountedRef: () => import("react").MutableRefObject<boolean | undefined>;

package/dist/utilities/hooks/useResizeObserver.d.ts

@@ -1,8 +1,8 @@
-type TUseResizeObserverOptions = {
+declare type TUseResizeObserverOptions = {
     elements: (HTMLElement | undefined | null)[];
     onResize: (entries: ResizeObserverEntry[]) => void;
     delay?: number;
 };
-type TUseResizeObserverOutput = ResizeObserver | null;
+declare type TUseResizeObserverOutput = ResizeObserver | null;
 export declare const useResizeObserver: ({ delay, elements, onResize }: TUseResizeObserverOptions) => TUseResizeObserverOutput;
 export {};

package/dist/utilities/hooks/useScrollPosition.d.ts

@@ -1,9 +1,9 @@
-type TUseScrollPositionOptions = {
+declare type TUseScrollPositionOptions = {
     element?: HTMLElement | null;
     delay?: number;
     delayMethod?: 'throttle' | 'debounce';
 };
-type TUseScrollPositionOutput = {
+declare type TUseScrollPositionOutput = {
     left: number;
     top: number;
 };

package/dist/utilities/hooks/useSize.d.ts

@@ -3,7 +3,7 @@ interface Size {
     height: number | undefined;
 }
 export declare const useSize: ({ element, delay }: {
-    element?: HTMLElement | null;
-    delay?: number;
+    element?: HTMLElement | null | undefined;
+    delay?: number | undefined;
 }) => Size;
 export {};

package/dist/utilities/hooks/useWindowScrollPosition.d.ts

@@ -1,8 +1,8 @@
-type TUseWindowScrollPositionOptions = {
+declare type TUseWindowScrollPositionOptions = {
     delay?: number;
     delayMethod?: 'throttle' | 'debounce';
 };
-type TUseWindowScrollPositionOutput = {
+declare type TUseWindowScrollPositionOutput = {
     x: number;
     y: number;
 };