@saleor/macaw-ui 1.4.1 → 2.0.0

package/README.md

@@ -14,7 +14,7 @@ Official React UI components kit for [Saleor](https://saleor.io/) — an open-so
 ## Installation
 
 ```sh
-npm i @saleor/macaw-ui
+npm i @saleor/macaw-ui lucide-react
 ```
 
 ## Usage

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,5 +1,5 @@
 import { Accordion } from '.';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Accordion>;
 export default meta;

package/dist/components/Avatar/Avatar.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const User: {
     (props: Omit<{
@@ -7,10 +7,10 @@ declare const User: {
         className?: string | undefined;
         style?: Record<string, any> | undefined;
     } & {
-        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;

package/dist/components/Avatar/index.d.ts

@@ -9,10 +9,10 @@ export declare const Avatar: {
             className?: string | undefined;
             style?: Record<string, any> | undefined;
         } & {
-            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;
@@ -1277,10 +1277,10 @@ export declare const Avatar: {
             className?: string | undefined;
             style?: Record<string, any> | undefined;
         } & {
-            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;

package/dist/components/Backdrop/Backdrop.d.ts

@@ -9,10 +9,10 @@ export declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Backdrop/Backdrop.stories.d.ts

@@ -1,5 +1,5 @@
 import { Backdrop } from '.';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Backdrop>;
 export default meta;

package/dist/components/BaseSelect/BaseSelect.css.d.ts

@@ -3,17 +3,17 @@ export declare const listWrapperRecipe: import('@vanilla-extract/recipes').Runti
     size: {
         small: {
             vars: {
-                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                [x: string]: `var(--${string})`;
             };
         };
         medium: {
             vars: {
-                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                [x: string]: `var(--${string})`;
             };
         };
         large: {
             vars: {
-                [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                [x: string]: `var(--${string})`;
             };
         };
     };

package/dist/components/Box/Box.d.ts

@@ -7,10 +7,10 @@ export declare const Box: import('react').ForwardRefExoticComponent<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Button/Button.d.ts

@@ -14,10 +14,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Button/Button.stories.d.ts

@@ -1,5 +1,5 @@
 import { Button } from './Button';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Button>;
 export default meta;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -19,10 +19,10 @@ export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +1,5 @@
 import { Checkbox } from './index';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Checkbox>;
 export default meta;

package/dist/components/Chip/Chip.d.ts

@@ -12,10 +12,10 @@ export declare const Chip: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Chip/Chip.stories.d.ts

@@ -1,5 +1,5 @@
 import { Chip } from './Chip';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Chip>;
 export default meta;

package/dist/components/Combobox/Dynamic/DynamicCombobox.d.ts

@@ -26,10 +26,10 @@ declare const DynamicComboboxInner: <T extends Option>({ size, disabled, classNa
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;
@@ -1302,10 +1302,10 @@ export declare const DynamicCombobox: (<T extends Option>(props: Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Combobox/Dynamic/DynamicCombobox.stories.d.ts

@@ -1,5 +1,5 @@
 import { DynamicCombobox } from '..';
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof DynamicCombobox>;
 export default meta;

package/dist/components/Combobox/Static/Combobox.d.ts

@@ -20,10 +20,10 @@ declare const ComboboxInner: <T extends Option, V extends string | Option>({ siz
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;
@@ -1290,10 +1290,10 @@ export declare const Combobox: (<T extends Option, V extends string | Option>(pr
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Combobox/Static/StaticCombobox.stories.d.ts

@@ -1,5 +1,5 @@
 import { Combobox } from '..';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Combobox>;
 export default meta;

package/dist/components/Divider/Divider.d.ts

@@ -9,10 +9,10 @@ export declare const Divider: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Divider/Divider.stories.d.ts

@@ -1,5 +1,5 @@
 import { Divider } from './Divider';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Divider>;
 export default meta;

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -1,5 +1,5 @@
 import { Drawer } from './index';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Drawer>;
 export default meta;

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -1,5 +1,5 @@
 import { Dropdown } from './index';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Dropdown>;
 export default meta;

package/dist/components/DropdownButton/DropdownButton.d.ts

@@ -13,10 +13,10 @@ export declare const DropdownButton: import('react').ForwardRefExoticComponent<O
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/DropdownButton/DropdownButton.stories.d.ts

@@ -1,5 +1,5 @@
 import { DropdownButton } from './index';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof DropdownButton>;
 export default meta;

package/dist/components/Icons/SVGWrapper/SVGWrapper.css.d.ts

@@ -3,16 +3,16 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const variants: {
     readonly size: {
         readonly small: {
-            readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            readonly width: `var(--${string})`;
+            readonly height: `var(--${string})`;
         };
         readonly medium: {
-            readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            readonly width: `var(--${string})`;
+            readonly height: `var(--${string})`;
         };
         readonly large: {
-            readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            readonly width: `var(--${string})`;
+            readonly height: `var(--${string})`;
         };
         readonly fill: {};
     };
@@ -20,16 +20,16 @@ export declare const variants: {
 export declare const svgWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     readonly size: {
         readonly small: {
-            readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            readonly width: `var(--${string})`;
+            readonly height: `var(--${string})`;
         };
         readonly medium: {
-            readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            readonly width: `var(--${string})`;
+            readonly height: `var(--${string})`;
         };
         readonly large: {
-            readonly width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            readonly height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            readonly width: `var(--${string})`;
+            readonly height: `var(--${string})`;
         };
         readonly fill: {};
     };

package/dist/components/Input/Input.d.ts

@@ -15,10 +15,10 @@ export declare const Input: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Input/Input.stories.d.ts

@@ -1,5 +1,5 @@
 import { Input } from '.';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Input>;
 export default meta;

package/dist/components/List/Item.d.ts

@@ -14,10 +14,10 @@ export declare const Item: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/List/List.d.ts

@@ -12,10 +12,10 @@ export declare const List: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/List/List.stories.d.ts

@@ -1,5 +1,5 @@
 import { List } from './index';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof List>;
 export default meta;

package/dist/components/List/index.d.ts

@@ -9,10 +9,10 @@ export declare const List: import('react').ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;
@@ -1270,10 +1270,10 @@ export declare const List: import('react').ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         style?: Record<string, any> | undefined;
     } & {
-        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;

package/dist/components/Modal/Modal.stories.d.ts

@@ -1,5 +1,5 @@
 import { Modal } from '.';
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof Modal>;
 export default meta;

package/dist/components/Multiselect/Common/Adornment.d.ts

@@ -1,7 +1,7 @@
 import { RenderEndAdornmentType, useMultiselect } from './useMultiselect';
 
 export type AdornmentProps = {
-    size?: "small" | "medium" | "large";
+    size?: number;
     getToggleButtonProps: ReturnType<typeof useMultiselect>["getToggleButtonProps"];
     renderEndAdornment?: RenderEndAdornmentType;
     disabled?: boolean;

package/dist/components/Multiselect/Dynamic/DynamicMultiselect.d.ts

@@ -27,10 +27,10 @@ declare const DynamicMultiselectInner: <T extends Option>({ size, disabled, clas
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;
@@ -1303,10 +1303,10 @@ export declare const DynamicMultiselect: (<T extends Option>(props: Omit<{
     className?: string | undefined;
     style?: Record<string, any> | undefined;
 } & {
-    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;

package/dist/components/Multiselect/Dynamic/DynamicMultiselect.stories.d.ts

@@ -1,5 +1,5 @@
 import { DynamicMultiselect } from '..';
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 
 declare const meta: Meta<typeof DynamicMultiselect>;
 export default meta;