@saleor/macaw-ui 1.4.1 → 2.0.0

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

@@ -1,168 +1,168 @@
 export declare const vars: {
     spacing: {
-        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        px: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        0.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        1.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        2.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        3.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        28: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        36: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        44: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        52: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        0: `var(--${string})`;
+        px: `var(--${string})`;
+        0.5: `var(--${string})`;
+        1: `var(--${string})`;
+        1.5: `var(--${string})`;
+        2: `var(--${string})`;
+        2.5: `var(--${string})`;
+        3: `var(--${string})`;
+        3.5: `var(--${string})`;
+        4: `var(--${string})`;
+        5: `var(--${string})`;
+        6: `var(--${string})`;
+        7: `var(--${string})`;
+        8: `var(--${string})`;
+        9: `var(--${string})`;
+        10: `var(--${string})`;
+        11: `var(--${string})`;
+        12: `var(--${string})`;
+        14: `var(--${string})`;
+        16: `var(--${string})`;
+        20: `var(--${string})`;
+        24: `var(--${string})`;
+        28: `var(--${string})`;
+        32: `var(--${string})`;
+        36: `var(--${string})`;
+        40: `var(--${string})`;
+        44: `var(--${string})`;
+        48: `var(--${string})`;
+        52: `var(--${string})`;
     };
     colors: {
         background: {
-            accent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            accent1Hovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            accent1Focused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            accent1Pressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonCriticalDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonCriticalPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonCriticalPrimaryFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonCriticalPrimaryHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonCriticalPrimaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultPrimaryFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultPrimaryHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultPrimaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultSecondaryFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultSecondaryHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultSecondaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultTertiaryFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultTertiaryHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultTertiaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            critical1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            critical1Focused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            critical1Hovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            critical1Pressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            critical2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default1Focused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default1Hovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default1Pressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            defaultDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            info1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            success1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            warning1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            accent1: `var(--${string})`;
+            accent1Hovered: `var(--${string})`;
+            accent1Focused: `var(--${string})`;
+            accent1Pressed: `var(--${string})`;
+            buttonCriticalDisabled: `var(--${string})`;
+            buttonCriticalPrimary: `var(--${string})`;
+            buttonCriticalPrimaryFocused: `var(--${string})`;
+            buttonCriticalPrimaryHovered: `var(--${string})`;
+            buttonCriticalPrimaryPressed: `var(--${string})`;
+            buttonDefaultDisabled: `var(--${string})`;
+            buttonDefaultPrimary: `var(--${string})`;
+            buttonDefaultPrimaryFocused: `var(--${string})`;
+            buttonDefaultPrimaryHovered: `var(--${string})`;
+            buttonDefaultPrimaryPressed: `var(--${string})`;
+            buttonDefaultSecondary: `var(--${string})`;
+            buttonDefaultSecondaryFocused: `var(--${string})`;
+            buttonDefaultSecondaryHovered: `var(--${string})`;
+            buttonDefaultSecondaryPressed: `var(--${string})`;
+            buttonDefaultTertiary: `var(--${string})`;
+            buttonDefaultTertiaryFocused: `var(--${string})`;
+            buttonDefaultTertiaryHovered: `var(--${string})`;
+            buttonDefaultTertiaryPressed: `var(--${string})`;
+            critical1: `var(--${string})`;
+            critical1Focused: `var(--${string})`;
+            critical1Hovered: `var(--${string})`;
+            critical1Pressed: `var(--${string})`;
+            critical2: `var(--${string})`;
+            default1: `var(--${string})`;
+            default1Focused: `var(--${string})`;
+            default1Hovered: `var(--${string})`;
+            default1Pressed: `var(--${string})`;
+            default2: `var(--${string})`;
+            default3: `var(--${string})`;
+            defaultDisabled: `var(--${string})`;
+            info1: `var(--${string})`;
+            success1: `var(--${string})`;
+            warning1: `var(--${string})`;
         };
         text: {
-            accent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonCriticalDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonCriticalPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            buttonDefaultTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            critical1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            critical2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            defaultDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            info1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            success1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            warning1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            accent1: `var(--${string})`;
+            buttonCriticalDisabled: `var(--${string})`;
+            buttonCriticalPrimary: `var(--${string})`;
+            buttonDefaultPrimary: `var(--${string})`;
+            buttonDefaultSecondary: `var(--${string})`;
+            buttonDefaultTertiary: `var(--${string})`;
+            critical1: `var(--${string})`;
+            critical2: `var(--${string})`;
+            default1: `var(--${string})`;
+            default2: `var(--${string})`;
+            defaultDisabled: `var(--${string})`;
+            info1: `var(--${string})`;
+            success1: `var(--${string})`;
+            warning1: `var(--${string})`;
         };
         border: {
-            accent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            critical1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default1Focused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default1Hovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            default2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            defaultDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            info1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            success1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            warning1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            accent1: `var(--${string})`;
+            critical1: `var(--${string})`;
+            default1: `var(--${string})`;
+            default1Focused: `var(--${string})`;
+            default1Hovered: `var(--${string})`;
+            default2: `var(--${string})`;
+            defaultDisabled: `var(--${string})`;
+            info1: `var(--${string})`;
+            success1: `var(--${string})`;
+            warning1: `var(--${string})`;
         };
     };
     fontSize: {
-        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1: `var(--${string})`;
+        2: `var(--${string})`;
+        3: `var(--${string})`;
+        4: `var(--${string})`;
+        5: `var(--${string})`;
+        6: `var(--${string})`;
+        7: `var(--${string})`;
+        8: `var(--${string})`;
+        9: `var(--${string})`;
+        10: `var(--${string})`;
+        11: `var(--${string})`;
     };
     borderRadius: {
-        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1: `var(--${string})`;
+        2: `var(--${string})`;
+        3: `var(--${string})`;
+        4: `var(--${string})`;
+        5: `var(--${string})`;
+        6: `var(--${string})`;
+        7: `var(--${string})`;
+        8: `var(--${string})`;
+        9: `var(--${string})`;
     };
     lineHeight: {
-        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1: `var(--${string})`;
+        2: `var(--${string})`;
+        3: `var(--${string})`;
+        4: `var(--${string})`;
+        5: `var(--${string})`;
+        6: `var(--${string})`;
+        7: `var(--${string})`;
+        8: `var(--${string})`;
+        9: `var(--${string})`;
+        10: `var(--${string})`;
+        11: `var(--${string})`;
     };
     fontWeight: {
-        light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        light: `var(--${string})`;
+        regular: `var(--${string})`;
+        medium: `var(--${string})`;
+        bold: `var(--${string})`;
     };
     letterSpacing: {
-        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1: `var(--${string})`;
+        2: `var(--${string})`;
+        3: `var(--${string})`;
+        4: `var(--${string})`;
+        5: `var(--${string})`;
+        6: `var(--${string})`;
+        7: `var(--${string})`;
+        8: `var(--${string})`;
+        9: `var(--${string})`;
+        10: `var(--${string})`;
+        11: `var(--${string})`;
     };
     boxShadow: {
-        defaultFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        defaultHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        defaultOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        defaultModal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        defaultFocused: `var(--${string})`;
+        defaultHovered: `var(--${string})`;
+        defaultOverlay: `var(--${string})`;
+        defaultModal: `var(--${string})`;
     };
     borderWidth: {
-        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        0: `var(--${string})`;
+        1: `var(--${string})`;
     };
 };

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

@@ -1,8 +1,8 @@
 export declare const sprinkles: ((props: {
-    display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
-        mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
-        tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
-        desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+    display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
+        mobile?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        tablet?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        desktop?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
     } | undefined;
     flexDirection?: "column" | "row" | {
         mobile?: "column" | "row" | undefined;
@@ -784,6 +784,6 @@ export declare const sprinkles: ((props: {
         evenChild?: "none" | undefined;
     } | undefined;
 }) => string) & {
-    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" | "fontFamily" | "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" | "fill" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "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" | "stroke" | "textAlign" | "textOverflow" | "textTransform" | "top" | "transform" | "visibility" | "whiteSpace" | "width" | "wordBreak" | "zIndex" | "borderColor" | "borderStyle" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "margin" | "overflow" | "padding" | "placeItems" | "textDecoration" | "transition" | "paddingX" | "paddingY" | "marginX" | "marginY" | "borderXWidth" | "borderYWidth" | "borderXStyle" | "borderYStyle">;
 };
 export type Sprinkles = Parameters<typeof sprinkles>[0];

package/dist/utils/iconSize.d.ts

@@ -0,0 +1,6 @@
+export declare const iconSizeMap: {
+    readonly small: 16;
+    readonly medium: 20;
+    readonly large: 24;
+};
+export type IconSize = keyof typeof iconSizeMap;

package/dist/utils/index.d.ts

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

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.1",
+  "version": "2.0.0",
   "license": "CC-BY-4.0",
   "homepage": "https://macaw-ui.vercel.app/",
   "repository": {
@@ -33,7 +33,7 @@
     "ui components"
   ],
   "engines": {
-    "node": "20 || 22",
+    "node": "20 || 22 || 24",
     "pnpm": "10"
   },
   "name": "@saleor/macaw-ui",
@@ -41,17 +41,15 @@
   "author": "Saleor Commerce",
   "private": false,
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.0",
     "@changesets/cli": "^2.27.1",
-    "@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",
+    "@storybook/addon-docs": "^10.2.15",
+    "@storybook/react": "^10.2.15",
+    "@storybook/react-vite": "^10.2.15",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
     "@types/react": "^18.0.0",
@@ -59,19 +57,19 @@
     "@types/testing-library__jest-dom": "^5.14.9",
     "@typescript-eslint/eslint-plugin": "^6.7.5",
     "@typescript-eslint/parser": "^6.7.5",
-    "@vanilla-extract/css": "^1.13.0",
-    "@vanilla-extract/dynamic": "^2.0.3",
-    "@vanilla-extract/sprinkles": "^1.6.1",
-    "@vanilla-extract/vite-plugin": "^3.9.0",
+    "@vanilla-extract/css": "^1.17.5",
+    "@vanilla-extract/dynamic": "^2.1.5",
+    "@vanilla-extract/sprinkles": "^1.6.5",
+    "@vanilla-extract/vite-plugin": "^3.9.5",
     "@vitejs/plugin-react": "^4.0.4",
     "chromatic": "^11.3.0",
-    "eslint": "^8.46.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-typescript": "^3.5.5",
     "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^10.2.15",
     "husky": "^8.0.3",
     "is-ci": "^3.0.1",
     "jsdom": "^23.0.1",
@@ -81,11 +79,12 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-visualizer": "5.12.0",
-    "storybook": "^8.0.5",
+    "storybook": "^10.2.15",
     "typescript": "^5.1.6",
     "vite": "^5.0.0",
     "vite-plugin-dts": "^3.4.0",
-    "vitest": "^1.0.4"
+    "vitest": "^1.0.4",
+    "lucide-react": "^0.536.0"
   },
   "dependencies": {
     "@dessert-box/react": "^0.4.0",
@@ -99,15 +98,9 @@
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-tooltip": "^1.0.6",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.0",
-    "downshift": "^9.0.8",
-    "lucide-react": "^0.536.0"
-  },
-  "peerDependenciesMeta": {
-    "lucide-react": {
-      "optional": true
-    }
+    "@vanilla-extract/css-utils": "^0.1.6",
+    "@vanilla-extract/recipes": "^0.5.7",
+    "downshift": "^9.0.8"
   },
   "peerDependencies": {
     "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",

package/dist/components/Icons/ArrowDownIcon.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-/**
- * @deprecated This icon is deprecated. Please use Lucide React icons instead.
- * @see https://lucide.dev/ for available icons
- * @example
- * import { ChevronDown } from "lucide-react";
- * // Use <ChevronDown /> instead
- */
-export declare const ArrowDownIcon: import('react').ForwardRefExoticComponent<Omit<{
-    readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    children: import("react").ReactNode;
-    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;
-        hover?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focus?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focusWithin?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focusVisible?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        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;
-}, "children"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/Icons/ArrowLeftIcon.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-/**
- * @deprecated This icon is deprecated. Please use Lucide React icons instead.
- * @see https://lucide.dev/ for available icons
- * @example
- * import { ArrowLeft } from "lucide-react";
- * // Use <ArrowLeft /> instead
- */
-export declare const ArrowLeftIcon: import('react').ForwardRefExoticComponent<Omit<{
-    readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    children: import("react").ReactNode;
-    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;
-        hover?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focus?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focusWithin?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focusVisible?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        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;
-}, "children"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/Icons/ArrowRightIcon.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-/**
- * @deprecated This icon is deprecated. Please use Lucide React icons instead.
- * @see https://lucide.dev/ for available icons
- * @example
- * import { ArrowRight } from "lucide-react";
- * // Use <ArrowRight /> instead
- */
-export declare const ArrowRightIcon: import('react').ForwardRefExoticComponent<Omit<{
-    readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    children: import("react").ReactNode;
-    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;
-        hover?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focus?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focusWithin?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focusVisible?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        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;
-}, "children"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/Icons/ArrowUpIcon.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-/**
- * @deprecated This icon is deprecated. Please use Lucide React icons instead.
- * @see https://lucide.dev/ for available icons
- * @example
- * import { ArrowUp } from "lucide-react";
- * // Use <ArrowUp /> instead
- */
-export declare const ArrowUpIcon: import('react').ForwardRefExoticComponent<Omit<{
-    readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    children: import("react").ReactNode;
-    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;
-        hover?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focus?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focusWithin?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        focusVisible?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
-        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;
-}, "children"> & import("react").RefAttributes<SVGSVGElement>>;