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

package/dist/components/number-input/NumberInputStepper.d.ts

@@ -3,7 +3,7 @@ import { ActionIcon } from '../action-icon';
 declare const StyledStepperButton: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "appearance" | "size" | "css" | "theme" | "isRounded"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
+    theme?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -32,8 +32,6 @@ declare const StyledStepperButton: import("@atom-learning/stitches-react/types/s
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -380,7 +378,7 @@ declare const StyledStepperButton: import("@atom-learning/stitches-react/types/s
         };
     }> | undefined;
 }, "appearance" | "size" | "theme" | "label" | "children" | "as" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide" | "isRounded"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
+    theme?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -422,8 +420,6 @@ declare const StyledStepperButton: import("@atom-learning/stitches-react/types/s
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/pagination/PaginationNextButton.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 declare const StyledActionIcon: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "appearance" | "size" | "css" | "theme" | "isRounded"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
+    theme?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -31,8 +31,6 @@ declare const StyledActionIcon: import("@atom-learning/stitches-react/types/styl
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -379,7 +377,7 @@ declare const StyledActionIcon: import("@atom-learning/stitches-react/types/styl
         };
     }> | undefined;
 }, "appearance" | "size" | "theme" | "label" | "children" | "as" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide" | "isRounded"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
+    theme?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -419,8 +417,6 @@ declare const StyledActionIcon: import("@atom-learning/stitches-react/types/styl
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/pagination/PaginationPreviousButton.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 declare const StyledActionIcon: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "appearance" | "size" | "css" | "theme" | "isRounded"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
+    theme?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -31,8 +31,6 @@ declare const StyledActionIcon: import("@atom-learning/stitches-react/types/styl
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -379,7 +377,7 @@ declare const StyledActionIcon: import("@atom-learning/stitches-react/types/styl
         };
     }> | undefined;
 }, "appearance" | "size" | "theme" | "label" | "children" | "as" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide" | "isRounded"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
+    theme?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -419,8 +417,6 @@ declare const StyledActionIcon: import("@atom-learning/stitches-react/types/styl
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/popover/Popover.d.ts

@@ -23,8 +23,6 @@ export declare const Popover: import("@atom-learning/stitches-react/types/styled
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -397,8 +395,6 @@ export declare const Popover: import("@atom-learning/stitches-react/types/styled
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;

package/dist/components/popover/PopoverContent.d.ts

@@ -26,8 +26,6 @@ declare const StyledContent: import("@atom-learning/stitches-react/types/styled-
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/progress-bar/ProgressBar.d.ts

@@ -27,8 +27,6 @@ declare const StyledProgressBar: import("@atom-learning/stitches-react/types/sty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/radio-button/RadioButton.d.ts

@@ -27,8 +27,6 @@ declare const StyledRadioButton: import("@atom-learning/stitches-react/types/sty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/radio-button/RadioButtonGroup.d.ts

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

package/dist/components/radio-button-field/RadioButtonField.d.ts

@@ -40,8 +40,6 @@ export declare const RadioButtonField: {
                     textMinimal: string;
                     background: string;
                     backgroundAccent: string;
-                    black: string;
-                    white: string;
                     grey100: string;
                     grey200: string;
                     grey300: string;

package/dist/components/radio-card/RadioCard.d.ts

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

package/dist/components/section-message/SectionMessage.d.ts

@@ -33,8 +33,6 @@ declare const StyledSectionMessage: import("@atom-learning/stitches-react/types/
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -418,8 +416,6 @@ export declare const SectionMessage: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;

package/dist/components/segmented-control/SegmentedControl.d.ts

@@ -1,5 +1,5 @@
 export declare const SegmentedControl: {
-    Root: ({ size, theme, defaultValue, children, ...props }: React.PropsWithChildren<import("./SegmentedControlRoot").SegmentedControlRootProps>) => React.JSX.Element;
+    Root: ({ size, theme, defaultValue, children, ...props }: import("react").PropsWithChildren<import("./SegmentedControlRoot").SegmentedControlRootProps>) => import("react").JSX.Element;
     Item: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {
         sm: string;
         md: string;
@@ -25,8 +25,6 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -402,8 +400,6 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -750,7 +746,7 @@ export declare const SegmentedControl: {
             };
         }> | undefined;
     }, "size">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Heading: (props: Omit<React.ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    Heading: (props: Omit<import("react").ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
     }, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
         weight?: "bold" | "normal" | undefined;
@@ -782,8 +778,6 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1130,7 +1124,7 @@ export declare const SegmentedControl: {
             };
         }> | undefined;
     }, "as"> & {
-        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
     }>, {
         size?: "sm" | "md" | "lg" | undefined;
     }, {
@@ -1157,8 +1151,6 @@ export declare const SegmentedControl: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1504,7 +1496,7 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>>, "size">) => JSX.Element;
-    Description: (props: Omit<React.ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    Description: (props: Omit<import("react").ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
     }, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
         weight?: "bold" | "normal" | undefined;
@@ -1536,8 +1528,6 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1884,7 +1874,7 @@ export declare const SegmentedControl: {
             };
         }> | undefined;
     }, "as"> & {
-        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
     }>, {
         size?: "sm" | "md" | "lg" | undefined;
     }, {
@@ -1911,8 +1901,6 @@ export declare const SegmentedControl: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2258,7 +2246,7 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>>, "size">) => JSX.Element;
-    Icon: (props: Omit<React.ComponentProps<typeof import("..").Icon>, "size">) => JSX.Element;
+    Icon: (props: Omit<import("react").ComponentProps<typeof import("..").Icon>, "size">) => JSX.Element;
     Content: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
         sm: string;
         md: string;
@@ -2283,8 +2271,6 @@ export declare const SegmentedControl: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2630,9 +2616,9 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>;
-    Badge: ({ css, ...props }: Omit<React.ComponentProps<typeof import("..").Badge>, "size">) => JSX.Element;
-    ItemList: (props: React.ComponentProps<{
-        ({ children, colorScheme, ...rest }: React.ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    Badge: ({ css, ...props }: Omit<import("react").ComponentProps<typeof import("..").Badge>, "size">) => JSX.Element;
+    ItemList: (props: import("react").ComponentProps<{
+        ({ children, colorScheme, ...rest }: import("react").ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
             sm: string;
             md: string;
             lg: string;
@@ -2656,8 +2642,6 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;

package/dist/components/segmented-control/SegmentedControlContent.d.ts

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

package/dist/components/segmented-control/SegmentedControlDescription.d.ts

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

package/dist/components/segmented-control/SegmentedControlHeading.d.ts

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

package/dist/components/segmented-control/SegmentedControlItem.d.ts

@@ -24,8 +24,6 @@ export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -401,8 +399,6 @@ export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;

package/dist/components/segmented-control/SegmentedControlRoot.d.ts

@@ -24,8 +24,6 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -396,8 +394,6 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -772,8 +768,6 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1146,8 +1140,6 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1519,8 +1511,6 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/select/Select.d.ts

@@ -28,8 +28,6 @@ declare const StyledSelect: import("@atom-learning/stitches-react/types/styled-c
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/side-bar/SideBar.d.ts

@@ -25,8 +25,6 @@ declare const Root: import("@atom-learning/stitches-react/types/styled-component
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -401,8 +399,6 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -778,8 +774,6 @@ export declare const SideBar: {
                     textMinimal: string;
                     background: string;
                     backgroundAccent: string;
-                    black: string;
-                    white: string;
                     grey100: string;
                     grey200: string;
                     grey300: string;
@@ -1162,8 +1156,6 @@ export declare const SideBar: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1535,8 +1527,6 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1906,8 +1896,6 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2277,8 +2265,6 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2648,8 +2634,6 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;

package/dist/components/side-bar/SideBarComponents.d.ts

@@ -22,8 +22,6 @@ export declare const SideBarHeader: import("@atom-learning/stitches-react/types/
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -393,8 +391,6 @@ export declare const SideBarBody: import("@atom-learning/stitches-react/types/st
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -764,8 +760,6 @@ export declare const SideBarFooter: import("@atom-learning/stitches-react/types/
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -1135,8 +1129,6 @@ export declare const SideBarBrand: import("@atom-learning/stitches-react/types/s
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -1512,8 +1504,6 @@ export declare const SideBarBrandLogo: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
-                black: string;
-                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1896,8 +1886,6 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
             textMinimal: string;
             background: string;
             backgroundAccent: string;
-            black: string;
-            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2244,7 +2232,7 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
         };
     }> | undefined;
 }, "as"> & {
-    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
 }>, {}, {
     sm: string;
     md: string;
@@ -2269,8 +2257,6 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/slider/Slider.d.ts

@@ -28,8 +28,6 @@ declare const StyledTrack: import("@atom-learning/stitches-react/types/styled-co
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -399,8 +397,6 @@ declare const StyledSlider: import("@atom-learning/stitches-react/types/styled-c
         textMinimal: string;
         background: string;
         backgroundAccent: string;
-        black: string;
-        white: string;
         grey100: string;
         grey200: string;
         grey300: string;