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

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?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
+    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -31,6 +31,8 @@ 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;
@@ -377,7 +379,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?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
+    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -417,6 +419,8 @@ 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?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
+    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -31,6 +31,8 @@ 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;
@@ -377,7 +379,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?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
+    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -417,6 +419,8 @@ 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,6 +23,8 @@ 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;
@@ -395,6 +397,8 @@ 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,6 +26,8 @@ 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,6 +27,8 @@ 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,6 +27,8 @@ 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,6 +25,8 @@ 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,6 +40,8 @@ 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,6 +28,8 @@ 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,6 +33,8 @@ 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;
@@ -416,6 +418,8 @@ 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 }: import("react").PropsWithChildren<import("./SegmentedControlRoot").SegmentedControlRootProps>) => import("react").JSX.Element;
+    Root: ({ size, theme, defaultValue, children, ...props }: React.PropsWithChildren<import("./SegmentedControlRoot").SegmentedControlRootProps>) => 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,6 +25,8 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -400,6 +402,8 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -746,7 +750,7 @@ export declare const SegmentedControl: {
             };
         }> | undefined;
     }, "size">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    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"> & {
+    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"> & {
         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;
@@ -778,6 +782,8 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1124,7 +1130,7 @@ export declare const SegmentedControl: {
             };
         }> | undefined;
     }, "as"> & {
-        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
+        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
     }>, {
         size?: "sm" | "md" | "lg" | undefined;
     }, {
@@ -1151,6 +1157,8 @@ export declare const SegmentedControl: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1496,7 +1504,7 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>>, "size">) => JSX.Element;
-    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"> & {
+    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"> & {
         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;
@@ -1528,6 +1536,8 @@ export declare const SegmentedControl: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1874,7 +1884,7 @@ export declare const SegmentedControl: {
             };
         }> | undefined;
     }, "as"> & {
-        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
+        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
     }>, {
         size?: "sm" | "md" | "lg" | undefined;
     }, {
@@ -1901,6 +1911,8 @@ export declare const SegmentedControl: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2246,7 +2258,7 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>>, "size">) => JSX.Element;
-    Icon: (props: Omit<import("react").ComponentProps<typeof import("..").Icon>, "size">) => JSX.Element;
+    Icon: (props: Omit<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;
@@ -2271,6 +2283,8 @@ export declare const SegmentedControl: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2616,9 +2630,9 @@ export declare const SegmentedControl: {
             marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
         };
     }>>;
-    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>>, {}, {
+    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>>, {}, {
             sm: string;
             md: string;
             lg: string;
@@ -2642,6 +2656,8 @@ 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,6 +23,8 @@ 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,6 +31,8 @@ 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;
@@ -404,6 +406,8 @@ 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,6 +31,8 @@ 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;
@@ -404,6 +406,8 @@ 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,6 +24,8 @@ export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -399,6 +401,8 @@ 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,6 +24,8 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -394,6 +396,8 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -768,6 +772,8 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1140,6 +1146,8 @@ declare const StyledSegmentedControlRoot: import("@atom-learning/stitches-react/
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1511,6 +1519,8 @@ 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,6 +28,8 @@ 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,6 +25,8 @@ 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;
@@ -399,6 +401,8 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -774,6 +778,8 @@ export declare const SideBar: {
                     textMinimal: string;
                     background: string;
                     backgroundAccent: string;
+                    black: string;
+                    white: string;
                     grey100: string;
                     grey200: string;
                     grey300: string;
@@ -1156,6 +1162,8 @@ export declare const SideBar: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1527,6 +1535,8 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1896,6 +1906,8 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2265,6 +2277,8 @@ export declare const SideBar: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2634,6 +2648,8 @@ 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,6 +22,8 @@ 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;
@@ -391,6 +393,8 @@ 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;
@@ -760,6 +764,8 @@ 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;
@@ -1129,6 +1135,8 @@ 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;
@@ -1504,6 +1512,8 @@ export declare const SideBarBrandLogo: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1886,6 +1896,8 @@ 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;
@@ -2232,7 +2244,7 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
         };
     }> | undefined;
 }, "as"> & {
-    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }>, {}, {
     sm: string;
     md: string;
@@ -2257,6 +2269,8 @@ 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,6 +28,8 @@ 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;
@@ -397,6 +399,8 @@ 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;

package/dist/components/sortable/Handle.d.ts

@@ -3,7 +3,7 @@ import { Icon } from '../icon';
 export declare const StyledHandle: 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?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
+    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -32,6 +32,8 @@ export declare const StyledHandle: import("@atom-learning/stitches-react/types/s
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -378,7 +380,7 @@ export declare const StyledHandle: 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?: "success" | "danger" | "warning" | "neutral" | "white" | "primary" | undefined;
+    theme?: "white" | "success" | "danger" | "warning" | "neutral" | "primary" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;
     isRounded?: boolean | "true" | undefined;
@@ -420,6 +422,8 @@ export declare const StyledHandle: 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/sortable/index.d.ts

@@ -1,7 +1,7 @@
 export declare const Sortable: {
     Root: {
-        ({ sortableIds, onSortChange, children }: import("react").PropsWithChildren<{
-            sortableIds: import("react").ReactText[];
+        ({ sortableIds, onSortChange, children }: React.PropsWithChildren<{
+            sortableIds: React.ReactText[];
             onSortChange: (onSortChangeData: {
                 order: import("@dnd-kit/core").UniqueIdentifier[];
                 oldIndex: number;
@@ -11,7 +11,7 @@ export declare const Sortable: {
         displayName: string;
     };
     Item: {
-        ({ id, asChild, css, style, isDragHandle, disabled, ...rest }: import("react").PropsWithChildren<import("./SortableItem").TSortableItemProps>): import("react").JSX.Element;
+        ({ id, asChild, css, style, isDragHandle, disabled, ...rest }: React.PropsWithChildren<import("./SortableItem").TSortableItemProps>): import("react").JSX.Element;
         displayName: string;
     };
     Handle: {

package/dist/components/spacer/Spacer.d.ts

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