@atom-learning/components 2.28.3-beta.2 → 2.29.0-beta.2

package/dist/components/top-bar/TopBarBrand.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CSS } from '../../stitches';
+/// <reference types="react" />
+import { CSS } from '~/stitches';
 declare type TopBarBrandLogoProps = {
     src: string;
     alt?: string;
@@ -9,810 +9,6 @@ export declare const TopBarBrandLogo: {
     ({ src, alt, css }: TopBarBrandLogoProps): JSX.Element;
     toString(): string;
 };
-export declare const TopBarBrandName: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-}, "size" | "css" | "noCapsize"> & import("@stitches/react/types/styled-component").TransformProps<{
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
-    noCapsize?: boolean | "true" | undefined;
-}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}> & {
-    css?: import("@stitches/react/types/css-util").CSS<{
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        reducedMotion: string;
-        allowMotion: string;
-        hover: string;
-    }, {
-        colors: {
-            textForeground: any;
-            textSubtle: any;
-            textPlaceholder: any;
-            background: any;
-            backgroundAccent: 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;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: 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;
-        };
-        space: {
-            "0": any;
-            "1": any;
-            "2": any;
-            "3": any;
-            "4": any;
-            "5": any;
-            "6": any;
-            "7": any;
-            "8": any;
-            "9": 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;
-        };
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "background";
-        }) => {
-            background: {
-                readonly [$$PropertyValue]: "background";
-            };
-        };
-        inset: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            top: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            right: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            bottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            left: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "size";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "size";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "size";
-            };
-        };
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-    }> | undefined;
-}, "as"> & {
-    as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
-}>, {}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, {
-    colors: {
-        textForeground: any;
-        textSubtle: any;
-        textPlaceholder: any;
-        background: any;
-        backgroundAccent: 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;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: 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;
-    };
-    space: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-        "9": 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;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: {
-        readonly [$$PropertyValue]: "background";
-    }) => {
-        background: {
-            readonly [$$PropertyValue]: "background";
-        };
-    };
-    inset: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        top: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        right: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        bottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        left: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "size";
-    }) => {
-        height: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-        width: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-    };
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-}>>;
-export declare const TopBarBrand: import("@stitches/react/types/styled-component").StyledComponent<"a", {}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, {
-    colors: {
-        textForeground: any;
-        textSubtle: any;
-        textPlaceholder: any;
-        background: any;
-        backgroundAccent: 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;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: 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;
-    };
-    space: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-        "9": 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;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: {
-        readonly [$$PropertyValue]: "background";
-    }) => {
-        background: {
-            readonly [$$PropertyValue]: "background";
-        };
-    };
-    inset: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        top: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        right: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        bottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        left: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "size";
-    }) => {
-        height: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-        width: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-    };
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-}>>;
+export declare const TopBarBrandName: any;
+export declare const TopBarBrand: any;
 export {};