@atom-learning/components 4.0.0-beta.5 → 4.0.0-beta.6

package/dist/stitches.d.ts

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