@atom-learning/components 4.0.0-beta.9 → 4.1.0

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

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

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

@@ -13,26 +13,25 @@
  * 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
  */
-declare type AsProp<C extends React.ElementType> = {
+type AsProp<C extends React.ElementType> = {
     as?: C;
 };
 /**
  * A type of the `as` prop, plus any custom defined props.
  */
-declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
 /**
  * Adds a typed `as` prop to a list of 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 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 declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
 /**
  * Usage example:
  *
@@ -54,7 +53,7 @@ export declare type PolymorphicRef<C extends React.ElementType> = React.Componen
  * )
  * ```
  */
-export declare type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProp<C, Props> & {
+export 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,300 +19,4 @@ import { CSS, theme } from '../../stitches';
  * // }
  * ```
  */
-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>;
+export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<keyof (typeof theme)[ThemeProperty], CSS>;

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

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

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

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

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

@@ -1,8 +1,8 @@
-declare type TUseResizeObserverOptions = {
+type TUseResizeObserverOptions = {
     elements: (HTMLElement | undefined | null)[];
     onResize: (entries: ResizeObserverEntry[]) => void;
     delay?: number;
 };
-declare type TUseResizeObserverOutput = ResizeObserver | null;
+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 @@
-declare type TUseScrollPositionOptions = {
+type TUseScrollPositionOptions = {
     element?: HTMLElement | null;
     delay?: number;
     delayMethod?: 'throttle' | 'debounce';
 };
-declare type TUseScrollPositionOutput = {
+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 | undefined;
-    delay?: number | undefined;
+    element?: HTMLElement | null;
+    delay?: number;
 }) => Size;
 export {};

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

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