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

package/dist/components/navigation/NavigationMenuDropdownItem.d.ts

@@ -4,14 +4,553 @@ export declare const NavigationMenuDropdownItem: React.ForwardRefExoticComponent
     active?: boolean | undefined;
     disabled?: boolean | undefined;
     variant?: "link" | "dropdownItem" | undefined;
-    css?: any;
+    css?: import("../../stitches").CSS | undefined;
 } & {
     children?: React.ReactNode;
-} & React.RefAttributes<HTMLAnchorElement>>, "children" | "key" | keyof {
+} & React.RefAttributes<HTMLAnchorElement>>, "key" | "children" | keyof {
     href: string;
     active?: boolean | undefined;
     disabled?: boolean | undefined;
     variant?: "link" | "dropdownItem" | undefined;
-    css?: any;
+    css?: import("../../stitches").CSS | undefined;
 }> & React.RefAttributes<HTMLAnchorElement>>;
-export declare const NavigationMenuDropdownItemTitle: any;
+export declare const NavigationMenuDropdownItemTitle: 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";
+        };
+    };
+}>>;

package/dist/components/navigation/NavigationMenuLink.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CSS } from '~/stitches';
+import { CSS } from '../../stitches';
 declare type NavigationMenuLinkProps = {
     href: string;
     active?: boolean;

package/dist/components/navigation/NavigationMenuLink.js

@@ -1 +1 @@
-import*as n from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{navigationMenuBaseItemStyles as o,navigationMenuDisabledItemStyles as p,navigationMenuActiveItemStyles as v}from"./NavigationMenu.styles.js";const u=t("button",{...o,...p}),y=t(n.Item),f=t(n.Link,o,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary","*":{color:"$primary"},"&:hover":{background:"$tonal50"},"&:active":{background:"$tonal100"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary"}}},link:{"&[data-active]":{...v}}}}}),r=e.forwardRef(({children:a,href:l,disabled:m,css:s,variant:c="link",...i},d)=>e.createElement(y,null,m?e.createElement(u,{disabled:!0,...i},a):e.createElement(f,{href:l,ref:d,elementType:c,css:s,...i},a)));r.displayName="NavigationMenuLink";export{r as NavigationMenuLink};
+import*as o from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{navigationMenuBaseItemStyles as n,navigationMenuDisabledItemStyles as p,navigationMenuActiveItemStyles as v}from"./NavigationMenu.styles.js";const u=t("button",{...n,...p}),y=t(o.Item),f=t(o.Link,n,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary","*":{color:"$primary"},"&:hover":{background:"$tonal50"},"&:active":{background:"$tonal100"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary"}}},link:{"&[data-active]":{...v}}}}}),r=e.forwardRef(({children:a,href:l,disabled:m,css:s,variant:c="link",...i},d)=>e.createElement(y,null,m?e.createElement(u,{disabled:!0,...i},a):e.createElement(f,{href:l,ref:d,elementType:c,css:s,...i},a)));r.displayName="NavigationMenuLink";export{r as NavigationMenuLink};