@saleor/macaw-ui 1.1.2 → 1.1.4

package/dist/theme/context.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DefaultTheme, ThemeTokensValues } from "./themes";
+import { DefaultTheme, ThemeTokensValues } from './themes';
+
 type ThemeProviderProps = {
     children: React.ReactNode;
     defaultTheme: DefaultTheme;

package/dist/theme/helpers.d.ts

@@ -1,4 +1,5 @@
-import { DefaultTheme } from "./themes";
+import { DefaultTheme } from './themes';
+
 export declare const getCSSVariables: (theme: DefaultTheme) => {
     [cssVarName: string]: string;
 };

package/dist/theme/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./contract.css";
-export * from "./provider";
-export * from "./sprinkles.css";
-export { useTheme } from "./context";
-export * from "./themes";
-export * from "./media-queries";
-export * from "./helpers";
+export * from './contract.css';
+export * from './provider';
+export * from './sprinkles.css';
+export { useTheme } from './context';
+export * from './themes';
+export * from './media-queries';
+export * from './helpers';

package/dist/theme/provider.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DefaultTheme } from "./themes";
+import { DefaultTheme } from './themes';
+
 type ThemeProviderProps = {
     children: React.ReactNode;
     defaultTheme?: DefaultTheme;

package/dist/theme/sprinkles.css.d.ts

@@ -364,6 +364,11 @@ export declare const sprinkles: ((props: {
         tablet?: "hidden" | "visible" | undefined;
         desktop?: "hidden" | "visible" | undefined;
     } | undefined;
+    borderCollapse?: "collapse" | {
+        mobile?: "collapse" | undefined;
+        tablet?: "collapse" | undefined;
+        desktop?: "collapse" | undefined;
+    } | undefined;
     padding?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
         mobile?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
         tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
@@ -459,6 +464,136 @@ export declare const sprinkles: ((props: {
         active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+    } | undefined;
+    borderStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderLeftStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderRightStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderTopStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderBottomStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    paddingLeft?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingRight?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingTop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingBottom?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
     } | undefined;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
@@ -469,6 +604,10 @@ export declare const sprinkles: ((props: {
         active?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
         disabled?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
         placeholder?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        firstChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        lastChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        oddChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        evenChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
     } | undefined;
     backgroundColor?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
         default?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -479,6 +618,10 @@ export declare const sprinkles: ((props: {
         active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     pointerEvents?: "none" | "auto" | {
         default?: "none" | "auto" | undefined;
@@ -489,6 +632,10 @@ export declare const sprinkles: ((props: {
         active?: "none" | "auto" | undefined;
         disabled?: "none" | "auto" | undefined;
         placeholder?: "none" | "auto" | undefined;
+        firstChild?: "none" | "auto" | undefined;
+        lastChild?: "none" | "auto" | undefined;
+        oddChild?: "none" | "auto" | undefined;
+        evenChild?: "none" | "auto" | undefined;
     } | undefined;
     cursor?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | {
         default?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
@@ -499,6 +646,10 @@ export declare const sprinkles: ((props: {
         active?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
         disabled?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
         placeholder?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        firstChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        lastChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        oddChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        evenChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
     } | undefined;
     boxShadow?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | {
         default?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
@@ -509,6 +660,10 @@ export declare const sprinkles: ((props: {
         active?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
         disabled?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
         placeholder?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        firstChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        lastChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        oddChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        evenChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
     } | undefined;
     transition?: "all" | "ease" | {
         default?: "all" | "ease" | undefined;
@@ -519,6 +674,10 @@ export declare const sprinkles: ((props: {
         active?: "all" | "ease" | undefined;
         disabled?: "all" | "ease" | undefined;
         placeholder?: "all" | "ease" | undefined;
+        firstChild?: "all" | "ease" | undefined;
+        lastChild?: "all" | "ease" | undefined;
+        oddChild?: "all" | "ease" | undefined;
+        evenChild?: "all" | "ease" | undefined;
     } | undefined;
     opacity?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | {
         default?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
@@ -529,6 +688,10 @@ export declare const sprinkles: ((props: {
         active?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
         disabled?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
         placeholder?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        firstChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        lastChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        oddChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        evenChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
     } | undefined;
     textDecoration?: "none" | "underline" | {
         default?: "none" | "underline" | undefined;
@@ -539,6 +702,10 @@ export declare const sprinkles: ((props: {
         active?: "none" | "underline" | undefined;
         disabled?: "none" | "underline" | undefined;
         placeholder?: "none" | "underline" | undefined;
+        firstChild?: "none" | "underline" | undefined;
+        lastChild?: "none" | "underline" | undefined;
+        oddChild?: "none" | "underline" | undefined;
+        evenChild?: "none" | "underline" | undefined;
     } | undefined;
     transform?: {} | undefined;
     fill?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
@@ -550,6 +717,10 @@ export declare const sprinkles: ((props: {
         active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     stroke?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
         default?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -560,6 +731,10 @@ export declare const sprinkles: ((props: {
         active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     listStyleType?: "none" | "disc" | "decimal" | {
         default?: "none" | "disc" | "decimal" | undefined;
@@ -570,6 +745,10 @@ export declare const sprinkles: ((props: {
         active?: "none" | "disc" | "decimal" | undefined;
         disabled?: "none" | "disc" | "decimal" | undefined;
         placeholder?: "none" | "disc" | "decimal" | undefined;
+        firstChild?: "none" | "disc" | "decimal" | undefined;
+        lastChild?: "none" | "disc" | "decimal" | undefined;
+        oddChild?: "none" | "disc" | "decimal" | undefined;
+        evenChild?: "none" | "disc" | "decimal" | undefined;
     } | undefined;
     listStylePosition?: "inside" | "outside" | {
         default?: "inside" | "outside" | undefined;
@@ -580,6 +759,10 @@ export declare const sprinkles: ((props: {
         active?: "inside" | "outside" | undefined;
         disabled?: "inside" | "outside" | undefined;
         placeholder?: "inside" | "outside" | undefined;
+        firstChild?: "inside" | "outside" | undefined;
+        lastChild?: "inside" | "outside" | undefined;
+        oddChild?: "inside" | "outside" | undefined;
+        evenChild?: "inside" | "outside" | undefined;
     } | undefined;
     listStyleImage?: "none" | {
         default?: "none" | undefined;
@@ -590,8 +773,12 @@ export declare const sprinkles: ((props: {
         active?: "none" | undefined;
         disabled?: "none" | undefined;
         placeholder?: "none" | undefined;
+        firstChild?: "none" | undefined;
+        lastChild?: "none" | undefined;
+        oddChild?: "none" | undefined;
+        evenChild?: "none" | undefined;
     } | undefined;
 }) => string) & {
-    properties: Set<"fontSize" | "borderRadius" | "lineHeight" | "fontWeight" | "letterSpacing" | "boxShadow" | "borderWidth" | "alignItems" | "alignSelf" | "aspectRatio" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftStyle" | "borderLeftWidth" | "borderRightStyle" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "columnGap" | "cursor" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoFlow" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifySelf" | "left" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "opacity" | "order" | "outlineStyle" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "transform" | "visibility" | "whiteSpace" | "width" | "wordBreak" | "zIndex" | "borderColor" | "borderStyle" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "margin" | "overflow" | "padding" | "placeItems" | "textDecoration" | "transition" | "fill" | "stroke" | "paddingX" | "paddingY" | "marginX" | "marginY" | "borderXWidth" | "borderYWidth" | "borderXStyle" | "borderYStyle">;
+    properties: Set<"fontSize" | "borderRadius" | "lineHeight" | "fontWeight" | "letterSpacing" | "boxShadow" | "borderWidth" | "alignItems" | "alignSelf" | "aspectRatio" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderLeftStyle" | "borderLeftWidth" | "borderRightStyle" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "columnGap" | "cursor" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoFlow" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifySelf" | "left" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "opacity" | "order" | "outlineStyle" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "transform" | "visibility" | "whiteSpace" | "width" | "wordBreak" | "zIndex" | "borderColor" | "borderStyle" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "margin" | "overflow" | "padding" | "placeItems" | "textDecoration" | "transition" | "fill" | "stroke" | "paddingX" | "paddingY" | "marginX" | "marginY" | "borderXWidth" | "borderYWidth" | "borderXStyle" | "borderYStyle">;
 };
 export type Sprinkles = Parameters<typeof sprinkles>[0];

package/dist/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from "../hooks/useClickOutside";
-export * from "./css";
-export * from "./string";
+export * from '../hooks/useClickOutside';
+export * from './css';
+export * from './string';

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.2",
+  "version": "1.1.4",
   "license": "CC-BY-4.0",
   "homepage": "https://macaw-ui.vercel.app/",
   "repository": {
@@ -12,7 +12,7 @@
   "files": [
     "dist/*"
   ],
-  "packageManager": "pnpm@8.6.11",
+  "packageManager": "pnpm@8.15.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -34,7 +34,7 @@
     "ui components"
   ],
   "engines": {
-    "node": "16 || 18 || 20",
+    "node": "18 || 20",
     "pnpm": ">=8"
   },
   "name": "@saleor/macaw-ui",
@@ -47,12 +47,12 @@
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.0",
     "@changesets/cli": "^2.27.1",
-    "@storybook/addon-actions": "^7.6.3",
-    "@storybook/addon-essentials": "^7.6.3",
-    "@storybook/addon-interactions": "^7.6.3",
-    "@storybook/addon-links": "^7.6.3",
-    "@storybook/react": "^7.6.3",
-    "@storybook/react-vite": "^7.6.3",
+    "@storybook/addon-actions": "^8.0.5",
+    "@storybook/addon-essentials": "^8.0.5",
+    "@storybook/addon-interactions": "^8.0.5",
+    "@storybook/addon-links": "^8.0.5",
+    "@storybook/react": "^8.0.5",
+    "@storybook/react-vite": "^8.0.5",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
     "@types/react": "^18.0.0",
@@ -65,7 +65,7 @@
     "@vanilla-extract/sprinkles": "^1.6.1",
     "@vanilla-extract/vite-plugin": "^3.9.0",
     "@vitejs/plugin-react": "^4.0.4",
-    "chromatic": "^10.0.0",
+    "chromatic": "^11.3.0",
     "eslint": "^8.46.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-typescript": "^3.5.5",
@@ -82,7 +82,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-visualizer": "5.12.0",
-    "storybook": "^7.2.1",
+    "storybook": "^8.0.5",
     "typescript": "^5.1.6",
     "vite": "^5.0.0",
     "vite-plugin-dts": "^3.4.0",
@@ -122,6 +122,7 @@
     "dev:docs": "storybook dev -p 6006 --docs",
     "publish:ci-prod": "pnpm publish && pnpm changeset tag && git push --follow-tags",
     "publish:ci-dev": "pnpm changeset version --snapshot pr && pnpm publish --tag dev --no-git-checks",
-    "chromatic": "chromatic --exit-zero-on-changes"
+    "chromatic": "chromatic --exit-zero-on-changes",
+    "change:add": "changeset add"
   }
 }