@atom-learning/components 5.13.0-beta.0 → 5.14.0

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts

@@ -23,8 +23,6 @@ declare const StyledRoot: import("@atom-learning/stitches-react/types/styled-com
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -399,8 +397,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -750,9 +746,9 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
         as?: React.ComponentType | React.ElementType;
     }) => React.JSX.Element;
     Accordion: ({ defaultOpen, open, onOpenChange, disabled, ...rest }: import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement> & {
-        color?: string | undefined | undefined;
-        content?: string | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined;
+        content?: string | undefined;
+        translate?: "yes" | "no" | undefined;
         css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
             sm: string;
             md: string;
@@ -769,8 +765,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1116,106 +1110,106 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
             };
         }> | undefined;
-        prefix?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
+        prefix?: string | undefined;
+        slot?: string | undefined;
         style?: React.CSSProperties | undefined;
-        title?: string | undefined | undefined;
+        title?: string | undefined;
         ref?: React.Ref<HTMLLIElement> | undefined;
         key?: React.Key | null | undefined;
-        defaultChecked?: boolean | undefined | undefined;
+        defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        placeholder?: string | undefined | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
+        tabIndex?: number | undefined;
+        radioGroup?: string | undefined;
         role?: React.AriaRole | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
         inlist?: any;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCapitalize?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
+        "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
-        children?: React.ReactNode;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: React.ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined | undefined;
+        } | undefined;
         onCopy?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
         onCopyCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
         onCut?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
@@ -1403,8 +1397,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1778,8 +1770,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -2127,9 +2117,9 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
         }> | undefined;
     }) => React.JSX.Element;
     Item: (props: {
-        color?: string | undefined | undefined;
-        content?: string | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
+        color?: string | undefined;
+        content?: string | undefined;
+        translate?: "yes" | "no" | undefined;
         css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
             sm: string;
             md: string;
@@ -2146,8 +2136,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -2493,106 +2481,106 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
             };
         }> | undefined;
-        prefix?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
+        prefix?: string | undefined;
+        slot?: string | undefined;
         style?: React.CSSProperties | undefined;
-        title?: string | undefined | undefined;
+        title?: string | undefined;
         ref?: React.Ref<HTMLLIElement> | undefined;
         key?: React.Key | null | undefined;
-        defaultChecked?: boolean | undefined | undefined;
+        defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        placeholder?: string | undefined | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
+        tabIndex?: number | undefined;
+        radioGroup?: string | undefined;
         role?: React.AriaRole | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
         inlist?: any;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCapitalize?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
+        "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
-        children?: React.ReactNode;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: React.ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined | undefined;
+        } | undefined;
         onCopy?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
         onCopyCapture?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
         onCut?: React.ClipboardEventHandler<HTMLLIElement> | undefined;
@@ -2788,8 +2776,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -3165,8 +3151,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -3539,8 +3523,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -3918,8 +3900,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -4294,8 +4274,6 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.d.ts

@@ -24,8 +24,6 @@ declare const StyledNavigationMenuVerticalAccordionContent: import("@atom-learni
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.d.ts

@@ -25,8 +25,6 @@ declare const StyledNavigationMenuVerticalAccordionTrigger: import("@atom-learni
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts

@@ -28,8 +28,6 @@ declare const StyledNavigationMenuVerticalIcon: import("@atom-learning/stitches-
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -402,8 +400,6 @@ declare const StyledNavigationMenuVerticalIcon: import("@atom-learning/stitches-
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItem.d.ts

@@ -23,8 +23,6 @@ declare const StyledNavigationMenuVerticalItem: import("@atom-learning/stitches-
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts

@@ -25,8 +25,6 @@ declare const StyledNavigationMenuVerticalLink: import("@atom-learning/stitches-
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.d.ts

@@ -22,8 +22,6 @@ export declare const NavigationMenuVerticalList: import("@atom-learning/stitches
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts

@@ -31,8 +31,6 @@ declare const StyledNavigationMenuVerticalText: import("@atom-learning/stitches-
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -406,8 +404,6 @@ declare const StyledNavigationMenuVerticalText: import("@atom-learning/stitches-
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/notification-badge/NotificationBadge.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
+import { Badge } from '../badge';
+type BadgeProps = React.ComponentProps<typeof Badge>;
 type NotificationBadgeProps = {
     value: number | string;
+    emphasis?: BadgeProps['emphasis'];
+    theme?: BadgeProps['theme'];
+    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
 };
-export declare const NotificationBadge: ({ value, children }: React.PropsWithChildren<NotificationBadgeProps>) => React.JSX.Element;
+export declare const NotificationBadge: ({ value, emphasis, theme, icon, children }: React.PropsWithChildren<NotificationBadgeProps>) => React.JSX.Element;
 export {};

package/dist/components/notification-badge/NotificationBadge.js

@@ -1,2 +1,2 @@
-import e from"react";import{styled as o}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary800"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};
+import e from"react";import{styled as a}from"../../stitches.js";import{Badge as m}from"../badge/Badge.js";import{Box as s}from"../box/Box.js";import{Icon as l}from"../icon/Icon.js";const c=a(s,{position:"relative"}),d={fontFamily:"$body",fontSize:"$sm",flexDirection:"row",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",height:"$2",minWidth:"$2",textAlign:"center"},f=({value:t,emphasis:i="bold",theme:r="primary",icon:o,children:n})=>e.createElement(c,null,!!t&&e.createElement(m,{role:"status",emphasis:i,theme:r,css:d},o&&e.createElement(l,{is:o,role:"img","aria-hidden":"false"}),t),n);export{f as NotificationBadge};
 //# sourceMappingURL=NotificationBadge.js.map

package/dist/components/notification-badge/NotificationBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../box'\nimport { Flex } from '../flex'\n\nconst StyledWrapper = styled(Box, {\n  position: 'relative'\n})\n\nconst StyledBadge = styled(Flex, {\n  fontFamily: '$body',\n  fontSize: '$sm',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  position: 'absolute',\n  top: '0',\n  right: '0',\n  transform: 'translate(calc($sizes$2 / 2), -50%)',\n  borderRadius: '$round',\n  p: '$2',\n  height: '$2',\n  minWidth: '$2',\n  textAlign: 'center',\n  color: '#fff',\n  bg: '$primary800'\n})\n\ntype NotificationBadgeProps = {\n  value: number | string\n}\n\nexport const NotificationBadge = ({\n  value,\n  children\n}: React.PropsWithChildren<NotificationBadgeProps>) => (\n  <StyledWrapper>\n    {!!value && <StyledBadge role=\"status\">{value}</StyledBadge>}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","Box","StyledBadge","Flex","NotificationBadge","value","children","React"],"mappings":"2IAOA,MAAMA,EAAgBC,EAAOC,EAAK,CAChC,SAAU,UACZ,CAAC,EAEKC,EAAcF,EAAOG,EAAM,CAC/B,WAAY,QACZ,SAAU,MACV,cAAe,SACf,eAAgB,SAChB,SAAU,WACV,IAAK,IACL,MAAO,IACP,UAAW,sCACX,aAAc,SACd,EAAG,KACH,OAAQ,KACR,SAAU,KACV,UAAW,SACX,MAAO,OACP,GAAI,aACN,CAAC,EAMYC,EAAoB,CAAC,CAChC,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACR,EAAA,KACE,CAAC,CAACM,GAASE,EAAA,cAACL,EAAA,CAAY,KAAK,QAAUG,EAAAA,CAAM,EAC7CC,CACH"}
+{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSS, styled } from '~/stitches'\n\nimport { Badge } from '../badge'\nimport { Box } from '../box'\nimport { Flex } from '../flex'\nimport { Icon } from '../icon'\n\nconst StyledWrapper = styled(Box, {\n  position: 'relative'\n})\n\nconst badgeCss: CSS = {\n  fontFamily: '$body',\n  fontSize: '$sm',\n  flexDirection: 'row',\n  justifyContent: 'center',\n  position: 'absolute',\n  top: '0',\n  right: '0',\n  transform: 'translate(calc($sizes$2 / 2), -50%)',\n  borderRadius: '$round',\n  height: '$2',\n  minWidth: '$2',\n  textAlign: 'center'\n}\n\ntype BadgeProps = React.ComponentProps<typeof Badge>\n\ntype NotificationBadgeProps = {\n  value: number | string\n  emphasis?: BadgeProps['emphasis']\n  theme?: BadgeProps['theme']\n  icon?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nexport const NotificationBadge = ({\n  value,\n  emphasis = 'bold',\n  theme = 'primary',\n  icon,\n  children\n}: React.PropsWithChildren<NotificationBadgeProps>) => (\n  <StyledWrapper>\n    {!!value && (\n      <Badge role=\"status\" emphasis={emphasis} theme={theme} css={badgeCss}>\n        {icon && <Icon is={icon} role=\"img\" aria-hidden=\"false\" />}\n        {value}\n      </Badge>\n    )}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","Box","badgeCss","NotificationBadge","value","emphasis","theme","icon","children","React","Badge","Icon"],"mappings":"qLASA,MAAMA,EAAgBC,EAAOC,EAAK,CAChC,SAAU,UACZ,CAAC,EAEKC,EAAgB,CACpB,WAAY,QACZ,SAAU,MACV,cAAe,MACf,eAAgB,SAChB,SAAU,WACV,IAAK,IACL,MAAO,IACP,UAAW,sCACX,aAAc,SACd,OAAQ,KACR,SAAU,KACV,UAAW,QACb,EAWaC,EAAoB,CAAC,CAChC,MAAAC,EACA,SAAAC,EAAW,OACX,MAAAC,EAAQ,UACR,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACV,EAAA,KACE,CAAC,CAACK,GACDK,EAAA,cAACC,EAAA,CAAM,KAAK,SAAS,SAAUL,EAAU,MAAOC,EAAO,IAAKJ,CAAAA,EACzDK,GAAQE,EAAA,cAACE,EAAA,CAAK,GAAIJ,EAAM,KAAK,MAAM,cAAY,OAAQ,CAAA,EACvDH,CACH,EAEDI,CACH"}