@ultraviolet/ui 3.3.1 → 3.5.0

package/dist/components/Alert/index.js

@@ -55,7 +55,7 @@ const Alert = ({
               /* @__PURE__ */ jsxs(
                 Stack,
                 {
-                  alignItems: "start",
+                  alignItems: "flex-start",
                   direction: "row",
                   flex: "1 1 auto",
                   gap: size === "small" ? 1 : 2,

package/dist/components/Alert/styles.css.d.ts

@@ -3,28 +3,28 @@ export declare const alert: import("@vanilla-extract/recipes").RuntimeFn<{
     sentiment: {
         danger: {
             backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
             borderLeft: string;
+            color: `var(--${string})`;
         };
         info: {
             backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
             borderLeft: string;
+            color: `var(--${string})`;
         };
-        success: {
+        neutral: {
             backgroundColor: `var(--${string})`;
+            borderLeft: `4px solid var(--${string})`;
             color: `var(--${string})`;
-            borderLeft: string;
         };
-        warning: {
+        success: {
             backgroundColor: `var(--${string})`;
-            color: `var(--${string})`;
             borderLeft: string;
+            color: `var(--${string})`;
         };
-        neutral: {
+        warning: {
             backgroundColor: `var(--${string})`;
+            borderLeft: string;
             color: `var(--${string})`;
-            borderLeft: `4px solid var(--${string})`;
         };
     };
     size: {

package/dist/components/Alert/styles.css.js

@@ -1,6 +1,6 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var alert = createRuntimeFn({ defaultClassName: "uv_1b838gx0", variantClassNames: { sentiment: { danger: "uv_1b838gx1", info: "uv_1b838gx2", success: "uv_1b838gx3", warning: "uv_1b838gx4", neutral: "uv_1b838gx5" }, size: { medium: "uv_1b838gx6", small: "uv_1b838gx7" } }, defaultVariants: { sentiment: "danger", size: "medium" }, compoundVariants: [] });
+var alert = createRuntimeFn({ defaultClassName: "uv_1b838gx0", variantClassNames: { sentiment: { danger: "uv_1b838gx1", info: "uv_1b838gx2", neutral: "uv_1b838gx3", success: "uv_1b838gx4", warning: "uv_1b838gx5" }, size: { medium: "uv_1b838gx6", small: "uv_1b838gx7" } }, defaultVariants: { sentiment: "danger", size: "medium" }, compoundVariants: [] });
 var wrapAlert = "uv_1b838gx8";
 var textAlert = "uv_1b838gx9";
 var buttonAlert = { medium: "uv_1b838gxa", small: "uv_1b838gxb" };

package/dist/components/Avatar/styles.css.d.ts

@@ -1,4 +1,22 @@
 export declare const containerAvatar: import("@vanilla-extract/recipes").RuntimeFn<{
+    sentiment: {
+        neutral: {
+            color: `var(--${string})`;
+            selectors: {
+                "&[data-has-background='true']": {
+                    backgroundColor: `var(--${string})`;
+                };
+            };
+        };
+        primary: {
+            color: `var(--${string})`;
+            selectors: {
+                "&[data-has-background='true']": {
+                    backgroundColor: `var(--${string})`;
+                };
+            };
+        };
+    };
     shape: {
         circle: {
             borderRadius: `var(--${string})`;
@@ -7,38 +25,20 @@ export declare const containerAvatar: import("@vanilla-extract/recipes").Runtime
     };
     size: {
         large: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         medium: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         small: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         xsmall: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
-        };
-    };
-    sentiment: {
-        primary: {
-            color: `var(--${string})`;
-            selectors: {
-                "&[data-has-background='true']": {
-                    backgroundColor: `var(--${string})`;
-                };
-            };
-        };
-        neutral: {
-            color: `var(--${string})`;
-            selectors: {
-                "&[data-has-background='true']": {
-                    backgroundColor: `var(--${string})`;
-                };
-            };
+            width: `var(--${string})` | "7rem";
         };
     };
 }>;
@@ -65,20 +65,20 @@ export declare const productIconContainer: import("@vanilla-extract/recipes").Ru
     };
     size: {
         large: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         medium: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         small: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         xsmall: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
     };
 }>;
@@ -93,30 +93,30 @@ export declare const elementContainer: import("@vanilla-extract/recipes").Runtim
     };
 }>;
 export declare const colorsAvatar: import("@vanilla-extract/recipes").RuntimeFn<{
+    shape: {
+        circle: {
+            borderRadius: `var(--${string})`;
+        };
+        square: {};
+    };
     size: {
         large: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         medium: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         small: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
         xsmall: {
-            width: `var(--${string})` | "7rem";
             height: `var(--${string})` | "7rem";
+            width: `var(--${string})` | "7rem";
         };
     };
-    shape: {
-        circle: {
-            borderRadius: `var(--${string})`;
-        };
-        square: {};
-    };
 }>;
 export declare const svgAvatar: import("@vanilla-extract/recipes").RuntimeFn<{
     shape: {

package/dist/components/Avatar/styles.css.js

@@ -1,10 +1,10 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { shape: { circle: "uv_19x8y1k1", square: "uv_19x8y1k2" }, size: { large: "uv_19x8y1k3", medium: "uv_19x8y1k4", small: "uv_19x8y1k5", xsmall: "uv_19x8y1k6" }, sentiment: { primary: "uv_19x8y1k7", neutral: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k9"], [{ size: "medium", shape: "square" }, "uv_19x8y1ka"], [{ size: "small", shape: "square" }, "uv_19x8y1kb"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kc"]] });
-var uploadContainer = createRuntimeFn({ defaultClassName: "uv_19x8y1kd", variantClassNames: { shape: { circle: "uv_19x8y1ke", square: "uv_19x8y1kf" }, size: { large: "uv_19x8y1kg", medium: "uv_19x8y1kh", small: "uv_19x8y1ki", xsmall: "uv_19x8y1kj" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1kk"], [{ size: "medium", shape: "square" }, "uv_19x8y1kl"], [{ size: "small", shape: "square" }, "uv_19x8y1km"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kn"]] });
-var productIconContainer = createRuntimeFn({ defaultClassName: "uv_19x8y1ko", variantClassNames: { shape: { circle: "uv_19x8y1kp", square: "uv_19x8y1kq" }, size: { large: "uv_19x8y1kr", medium: "uv_19x8y1ks", small: "uv_19x8y1kt", xsmall: "uv_19x8y1ku" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1kv"], [{ size: "medium", shape: "square" }, "uv_19x8y1kw"], [{ size: "small", shape: "square" }, "uv_19x8y1kx"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1ky"]] });
+var containerAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { sentiment: { neutral: "uv_19x8y1k1", primary: "uv_19x8y1k2" }, shape: { circle: "uv_19x8y1k3", square: "uv_19x8y1k4" }, size: { large: "uv_19x8y1k5", medium: "uv_19x8y1k6", small: "uv_19x8y1k7", xsmall: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ shape: "square", size: "large" }, "uv_19x8y1k9"], [{ shape: "square", size: "medium" }, "uv_19x8y1ka"], [{ shape: "square", size: "small" }, "uv_19x8y1kb"], [{ shape: "square", size: "xsmall" }, "uv_19x8y1kc"]] });
+var uploadContainer = createRuntimeFn({ defaultClassName: "uv_19x8y1kd", variantClassNames: { shape: { circle: "uv_19x8y1ke", square: "uv_19x8y1kf" }, size: { large: "uv_19x8y1kg", medium: "uv_19x8y1kh", small: "uv_19x8y1ki", xsmall: "uv_19x8y1kj" } }, defaultVariants: {}, compoundVariants: [[{ shape: "square", size: "large" }, "uv_19x8y1kk"], [{ shape: "square", size: "medium" }, "uv_19x8y1kl"], [{ shape: "square", size: "small" }, "uv_19x8y1km"], [{ shape: "square", size: "xsmall" }, "uv_19x8y1kn"]] });
+var productIconContainer = createRuntimeFn({ defaultClassName: "uv_19x8y1ko", variantClassNames: { shape: { circle: "uv_19x8y1kp", square: "uv_19x8y1kq" }, size: { large: "uv_19x8y1kr", medium: "uv_19x8y1ks", small: "uv_19x8y1kt", xsmall: "uv_19x8y1ku" } }, defaultVariants: {}, compoundVariants: [[{ shape: "square", size: "large" }, "uv_19x8y1kv"], [{ shape: "square", size: "medium" }, "uv_19x8y1kw"], [{ shape: "square", size: "small" }, "uv_19x8y1kx"], [{ shape: "square", size: "xsmall" }, "uv_19x8y1ky"]] });
 var elementContainer = createRuntimeFn({ defaultClassName: "uv_19x8y1kz", variantClassNames: { shape: { circle: "uv_19x8y1k10", square: "uv_19x8y1k11" } }, defaultVariants: {}, compoundVariants: [] });
-var colorsAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k12", variantClassNames: { size: { large: "uv_19x8y1k13", medium: "uv_19x8y1k14", small: "uv_19x8y1k15", xsmall: "uv_19x8y1k16" }, shape: { circle: "uv_19x8y1k17", square: "uv_19x8y1k18" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k19"], [{ size: "medium", shape: "square" }, "uv_19x8y1k1a"], [{ size: "small", shape: "square" }, "uv_19x8y1k1b"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1k1c"]] });
+var colorsAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k12", variantClassNames: { shape: { circle: "uv_19x8y1k13", square: "uv_19x8y1k14" }, size: { large: "uv_19x8y1k15", medium: "uv_19x8y1k16", small: "uv_19x8y1k17", xsmall: "uv_19x8y1k18" } }, defaultVariants: {}, compoundVariants: [[{ shape: "square", size: "large" }, "uv_19x8y1k19"], [{ shape: "square", size: "medium" }, "uv_19x8y1k1a"], [{ shape: "square", size: "small" }, "uv_19x8y1k1b"], [{ shape: "square", size: "xsmall" }, "uv_19x8y1k1c"]] });
 var svgAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k1d", variantClassNames: { shape: { circle: "uv_19x8y1k1e", square: "uv_19x8y1k1f" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   colorsAvatar,

package/dist/components/Badge/styles.css.d.ts

@@ -1,43 +1,43 @@
 import type { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const badge: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            backgroundColor: `var(--${string})`;
+            border: "none";
+            color: `var(--${string})`;
+        };
+    };
+    prominence: {
+        default: {};
+        strong: {};
+    };
+    sentiment: {
+        black: {};
+        danger: {};
+        info: {};
+        neutral: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        white: {};
+    };
     size: {
-        small: {
-            padding: `0 var(--${string})`;
+        large: {
             height: `var(--${string})`;
+            padding: `0 var(--${string})`;
         };
         medium: {
-            padding: `0 var(--${string})`;
             height: `var(--${string})`;
-        };
-        large: {
             padding: `0 var(--${string})`;
+        };
+        small: {
             height: `var(--${string})`;
+            padding: `0 var(--${string})`;
         };
         xsmall: {
-            padding: `0 var(--${string})`;
             height: `var(--${string})`;
-        };
-    };
-    sentiment: {
-        primary: {};
-        secondary: {};
-        danger: {};
-        info: {};
-        success: {};
-        warning: {};
-        neutral: {};
-        black: {};
-        white: {};
-    };
-    prominence: {
-        default: {};
-        strong: {};
-    };
-    disabled: {
-        true: {
-            border: "none";
-            color: `var(--${string})`;
-            backgroundColor: `var(--${string})`;
+            padding: `0 var(--${string})`;
         };
     };
 }>;

package/dist/components/Badge/styles.css.js

@@ -1,6 +1,6 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var badge = createRuntimeFn({ defaultClassName: "uv_1yf71jy0", variantClassNames: { size: { small: "uv_1yf71jy1", medium: "uv_1yf71jy2", large: "uv_1yf71jy3", xsmall: "uv_1yf71jy4" }, sentiment: { primary: "uv_1yf71jy5", secondary: "uv_1yf71jy6", danger: "uv_1yf71jy7", info: "uv_1yf71jy8", success: "uv_1yf71jy9", warning: "uv_1yf71jya", neutral: "uv_1yf71jyb", black: "uv_1yf71jyc", white: "uv_1yf71jyd" }, prominence: { "default": "uv_1yf71jye", strong: "uv_1yf71jyf" }, disabled: { true: "uv_1yf71jyg" } }, defaultVariants: { size: "medium", prominence: "default", sentiment: "neutral", disabled: false }, compoundVariants: [[{ prominence: "default", sentiment: "primary", disabled: false }, "uv_1yf71jyh"], [{ prominence: "default", sentiment: "secondary", disabled: false }, "uv_1yf71jyi"], [{ prominence: "default", sentiment: "danger", disabled: false }, "uv_1yf71jyj"], [{ prominence: "default", sentiment: "info", disabled: false }, "uv_1yf71jyk"], [{ prominence: "default", sentiment: "success", disabled: false }, "uv_1yf71jyl"], [{ prominence: "default", sentiment: "warning", disabled: false }, "uv_1yf71jym"], [{ prominence: "default", sentiment: "neutral", disabled: false }, "uv_1yf71jyn"], [{ prominence: "strong", sentiment: "primary", disabled: false }, "uv_1yf71jyo"], [{ prominence: "strong", sentiment: "secondary", disabled: false }, "uv_1yf71jyp"], [{ prominence: "strong", sentiment: "danger", disabled: false }, "uv_1yf71jyq"], [{ prominence: "strong", sentiment: "info", disabled: false }, "uv_1yf71jyr"], [{ prominence: "strong", sentiment: "success", disabled: false }, "uv_1yf71jys"], [{ prominence: "strong", sentiment: "warning", disabled: false }, "uv_1yf71jyt"], [{ prominence: "strong", sentiment: "neutral", disabled: false }, "uv_1yf71jyu"]] });
+var badge = createRuntimeFn({ defaultClassName: "uv_1yf71jy0", variantClassNames: { disabled: { true: "uv_1yf71jy1" }, prominence: { "default": "uv_1yf71jy2", strong: "uv_1yf71jy3" }, sentiment: { black: "uv_1yf71jy4", danger: "uv_1yf71jy5", info: "uv_1yf71jy6", neutral: "uv_1yf71jy7", primary: "uv_1yf71jy8", secondary: "uv_1yf71jy9", success: "uv_1yf71jya", warning: "uv_1yf71jyb", white: "uv_1yf71jyc" }, size: { large: "uv_1yf71jyd", medium: "uv_1yf71jye", small: "uv_1yf71jyf", xsmall: "uv_1yf71jyg" } }, defaultVariants: { disabled: false, prominence: "default", sentiment: "neutral", size: "medium" }, compoundVariants: [[{ disabled: false, prominence: "default", sentiment: "primary" }, "uv_1yf71jyh"], [{ disabled: false, prominence: "default", sentiment: "secondary" }, "uv_1yf71jyi"], [{ disabled: false, prominence: "default", sentiment: "danger" }, "uv_1yf71jyj"], [{ disabled: false, prominence: "default", sentiment: "info" }, "uv_1yf71jyk"], [{ disabled: false, prominence: "default", sentiment: "success" }, "uv_1yf71jyl"], [{ disabled: false, prominence: "default", sentiment: "warning" }, "uv_1yf71jym"], [{ disabled: false, prominence: "default", sentiment: "neutral" }, "uv_1yf71jyn"], [{ disabled: false, prominence: "strong", sentiment: "primary" }, "uv_1yf71jyo"], [{ disabled: false, prominence: "strong", sentiment: "secondary" }, "uv_1yf71jyp"], [{ disabled: false, prominence: "strong", sentiment: "danger" }, "uv_1yf71jyq"], [{ disabled: false, prominence: "strong", sentiment: "info" }, "uv_1yf71jyr"], [{ disabled: false, prominence: "strong", sentiment: "success" }, "uv_1yf71jys"], [{ disabled: false, prominence: "strong", sentiment: "warning" }, "uv_1yf71jyt"], [{ disabled: false, prominence: "strong", sentiment: "neutral" }, "uv_1yf71jyu"]] });
 export {
   badge
 };

package/dist/components/Banner/index.js

@@ -57,7 +57,7 @@ const Banner = ({
         /* @__PURE__ */ jsxs(
           Stack,
           {
-            alignItems: direction === "column" ? "start" : "center",
+            alignItems: direction === "column" ? "flex-start" : "center",
             direction,
             gap: 2,
             justifyContent: "space-between",

package/dist/components/Banner/styles.css.d.ts

@@ -1,10 +1,10 @@
 import type { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const banner: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
-        small: {
+        medium: {
             padding: `var(--${string})`;
         };
-        medium: {
+        small: {
             padding: `var(--${string})`;
         };
     };

package/dist/components/Banner/styles.css.js

@@ -1,7 +1,7 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var banner = createRuntimeFn({ defaultClassName: "uv_17sbfy0", variantClassNames: { size: { small: "uv_17sbfy1", medium: "uv_17sbfy2" }, variant: { intro: "uv_17sbfy3", promotional: "uv_17sbfy4" } }, defaultVariants: { variant: "intro", size: "medium" }, compoundVariants: [[{ variant: "intro", size: "small" }, "uv_17sbfy5"], [{ variant: "intro", size: "medium" }, "uv_17sbfy6"], [{ variant: "promotional", size: "small" }, "uv_17sbfy7"], [{ variant: "promotional", size: "medium" }, "uv_17sbfy8"]] });
-var imageStackBanner = { small: "uv_17sbfy9", medium: "uv_17sbfya" };
+var banner = createRuntimeFn({ defaultClassName: "uv_17sbfy0", variantClassNames: { size: { medium: "uv_17sbfy1", small: "uv_17sbfy2" }, variant: { intro: "uv_17sbfy3", promotional: "uv_17sbfy4" } }, defaultVariants: { size: "medium", variant: "intro" }, compoundVariants: [[{ size: "small", variant: "intro" }, "uv_17sbfy5"], [{ size: "medium", variant: "intro" }, "uv_17sbfy6"], [{ size: "small", variant: "promotional" }, "uv_17sbfy7"], [{ size: "medium", variant: "promotional" }, "uv_17sbfy8"]] });
+var imageStackBanner = { medium: "uv_17sbfy9", small: "uv_17sbfya" };
 var closeButtonBanner = "uv_17sbfyb";
 export {
   banner,

package/dist/components/BarStack/styles.css.d.ts

@@ -2,20 +2,20 @@ export declare const wrapperWidth: `var(--${string})`;
 export declare const wrapperBarStack: string;
 export declare const barStack: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
-        xsmall: {
+        fontSize: `var(--${string})`;
+        large: {
             height: `var(--${string})`;
-            fontSize: `var(--${string})`;
         };
-        small: {
-            height: `var(--${string})`;
+        medium: {
             fontSize: `var(--${string})`;
+            height: `var(--${string})`;
         };
-        medium: {
+        small: {
             fontSize: `var(--${string})`;
             height: `var(--${string})`;
         };
-        fontSize: `var(--${string})`;
-        large: {
+        xsmall: {
+            fontSize: `var(--${string})`;
             height: `var(--${string})`;
         };
     };

package/dist/components/BarStack/styles.css.js

@@ -2,7 +2,7 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var wrapperWidth = "var(--uv_1s3oplf0)";
 var wrapperBarStack = "uv_1s3oplf1";
-var barStack = createRuntimeFn({ defaultClassName: "uv_1s3oplf2", variantClassNames: { size: { xsmall: "uv_1s3oplf3", small: "uv_1s3oplf4", medium: "uv_1s3oplf5", fontSize: "uv_1s3oplf6 var(--rwwhslcr)", large: "uv_1s3oplf7" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
+var barStack = createRuntimeFn({ defaultClassName: "uv_1s3oplf2", variantClassNames: { size: { fontSize: "uv_1s3oplf3 var(--rwwhslcr)", large: "uv_1s3oplf4", medium: "uv_1s3oplf5", small: "uv_1s3oplf6", xsmall: "uv_1s3oplf7" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
 var barStackText = "uv_1s3oplf8";
 var containerBarStack = "uv_1s3oplf9";
 var barStackLegendCircle = createRuntimeFn({ defaultClassName: "uv_1s3oplfb", variantClassNames: { child: { "0": "uv_1s3oplfc", "1": "uv_1s3oplfd", "2": "uv_1s3oplfe", "3": "uv_1s3oplff", "4": "uv_1s3oplfg", "5": "uv_1s3oplfh" } }, defaultVariants: { child: 0 }, compoundVariants: [] });

package/dist/components/Bullet/styles.css.d.ts

@@ -1,23 +1,23 @@
 export declare const bullet: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        [k: string]: {
-            width: `var(--${string})`;
-            height: `var(--${string})`;
-            fontSize: `var(--${string})`;
+    disabled: {
+        true: {
+            backgroundColor: `var(--${string})`;
+            border: "none";
+            color: `var(--${string})`;
         };
     };
-    sentiment: {
-        [k: string]: {};
-    };
     prominence: {
         default: {};
         strong: {};
     };
-    disabled: {
-        true: {
-            color: `var(--${string})`;
-            backgroundColor: `var(--${string})`;
-            border: "none";
+    sentiment: {
+        [k: string]: {};
+    };
+    size: {
+        [k: string]: {
+            fontSize: `var(--${string})`;
+            height: `var(--${string})`;
+            width: `var(--${string})`;
         };
     };
 }>;

package/dist/components/Bullet/styles.css.js

@@ -1,6 +1,6 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var bullet = createRuntimeFn({ defaultClassName: "uv_1jy42m00", variantClassNames: { size: { medium: "uv_1jy42m01", small: "uv_1jy42m02", xsmall: "uv_1jy42m03", xxsmall: "uv_1jy42m04" }, sentiment: { "0": "uv_1jy42m05", "1": "uv_1jy42m06", "2": "uv_1jy42m07", "3": "uv_1jy42m08", "4": "uv_1jy42m09", "5": "uv_1jy42m0a", "6": "uv_1jy42m0b" }, prominence: { "default": "uv_1jy42m0c", strong: "uv_1jy42m0d" }, disabled: { true: "uv_1jy42m0e" } }, defaultVariants: { disabled: false, sentiment: "neutral", size: "medium", prominence: "default" }, compoundVariants: [[{ sentiment: "primary", prominence: "default", disabled: false }, "uv_1jy42m0f"], [{ sentiment: "secondary", prominence: "default", disabled: false }, "uv_1jy42m0g"], [{ sentiment: "neutral", prominence: "default", disabled: false }, "uv_1jy42m0h"], [{ sentiment: "success", prominence: "default", disabled: false }, "uv_1jy42m0i"], [{ sentiment: "danger", prominence: "default", disabled: false }, "uv_1jy42m0j"], [{ sentiment: "warning", prominence: "default", disabled: false }, "uv_1jy42m0k"], [{ sentiment: "info", prominence: "default", disabled: false }, "uv_1jy42m0l"], [{ sentiment: "primary", prominence: "strong", disabled: false }, "uv_1jy42m0m"], [{ sentiment: "secondary", prominence: "strong", disabled: false }, "uv_1jy42m0n"], [{ sentiment: "neutral", prominence: "strong", disabled: false }, "uv_1jy42m0o"], [{ sentiment: "success", prominence: "strong", disabled: false }, "uv_1jy42m0p"], [{ sentiment: "danger", prominence: "strong", disabled: false }, "uv_1jy42m0q"], [{ sentiment: "warning", prominence: "strong", disabled: false }, "uv_1jy42m0r"], [{ sentiment: "info", prominence: "strong", disabled: false }, "uv_1jy42m0s"]] });
+var bullet = createRuntimeFn({ defaultClassName: "uv_1jy42m00", variantClassNames: { disabled: { true: "uv_1jy42m01" }, prominence: { "default": "uv_1jy42m02", strong: "uv_1jy42m03" }, sentiment: { "0": "uv_1jy42m04", "1": "uv_1jy42m05", "2": "uv_1jy42m06", "3": "uv_1jy42m07", "4": "uv_1jy42m08", "5": "uv_1jy42m09", "6": "uv_1jy42m0a" }, size: { medium: "uv_1jy42m0b", small: "uv_1jy42m0c", xsmall: "uv_1jy42m0d", xxsmall: "uv_1jy42m0e" } }, defaultVariants: { disabled: false, prominence: "default", sentiment: "neutral", size: "medium" }, compoundVariants: [[{ disabled: false, prominence: "default", sentiment: "primary" }, "uv_1jy42m0f"], [{ disabled: false, prominence: "default", sentiment: "secondary" }, "uv_1jy42m0g"], [{ disabled: false, prominence: "default", sentiment: "neutral" }, "uv_1jy42m0h"], [{ disabled: false, prominence: "default", sentiment: "success" }, "uv_1jy42m0i"], [{ disabled: false, prominence: "default", sentiment: "danger" }, "uv_1jy42m0j"], [{ disabled: false, prominence: "default", sentiment: "warning" }, "uv_1jy42m0k"], [{ disabled: false, prominence: "default", sentiment: "info" }, "uv_1jy42m0l"], [{ disabled: false, prominence: "strong", sentiment: "primary" }, "uv_1jy42m0m"], [{ disabled: false, prominence: "strong", sentiment: "secondary" }, "uv_1jy42m0n"], [{ disabled: false, prominence: "strong", sentiment: "neutral" }, "uv_1jy42m0o"], [{ disabled: false, prominence: "strong", sentiment: "success" }, "uv_1jy42m0p"], [{ disabled: false, prominence: "strong", sentiment: "danger" }, "uv_1jy42m0q"], [{ disabled: false, prominence: "strong", sentiment: "warning" }, "uv_1jy42m0r"], [{ disabled: false, prominence: "strong", sentiment: "info" }, "uv_1jy42m0s"]] });
 export {
   bullet
 };

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

@@ -33,11 +33,11 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     onKeyDown?: ButtonHTMLAttributes<HTMLButtonElement>["onKeyDown"];
     style?: CSSProperties;
 } & {
-    size?: "large" | "medium" | "small" | "xsmall" | undefined;
+    disabled?: boolean | undefined;
     fullWidth?: boolean | undefined;
     sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | "white" | "black" | undefined;
+    size?: "large" | "medium" | "small" | "xsmall" | undefined;
     variant?: "filled" | "outlined" | "ghost" | undefined;
-    disabled?: boolean | undefined;
 } & {
     children: ReactNode;
     name?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AA8Cd;;;GAGG;AACH,eAAO,MAAM,MAAM;WA1CV,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;gBAC1C,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;WACzD,QAAQ;gBACH,MAAM;oBACF,MAAM;gBACV,OAAO;mBACJ,MAAM;qBACJ,OAAO;sBACN,MAAM;sBACN,OAAO;sBACP,OAAO;yBACJ,MAAM;sBACT,OAAO;qBACR,OAAO;6BACC,MAAM;0BACT,MAAM;cAClB,iBAAiB,CAAC,WAAW,CAAC;cAC9B,MAAM;eACL,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC;kBAChD,iBAAiB,CAAC,WAAW,CAAC;gBAChC,iBAAiB,CAAC,WAAW,CAAC;iBAC7B,iBAAiB,CAAC,WAAW,CAAC;aAClC,oBAAoB,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;mBACrC,iBAAiB,CAAC,WAAW,CAAC;mBAC9B,iBAAiB,CAAC,WAAW,CAAC;oBAC7B,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,eAAe,CAAC;gBAC5D,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;YACxD,aAAa;;;;;;;;cAIX,SAAS;WACZ,MAAM;WACN,MAAM;aACJ,MAAM;eACJ,MAAM;2CAyJlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AA8Cd;;;GAGG;AACH,eAAO,MAAM,MAAM;WA1CV,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;gBAC1C,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;WACzD,QAAQ;gBACH,MAAM;oBACF,MAAM;gBACV,OAAO;mBACJ,MAAM;qBACJ,OAAO;sBACN,MAAM;sBACN,OAAO;sBACP,OAAO;yBACJ,MAAM;sBACT,OAAO;qBACR,OAAO;6BACC,MAAM;0BACT,MAAM;cAClB,iBAAiB,CAAC,WAAW,CAAC;cAC9B,MAAM;eACL,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC;kBAChD,iBAAiB,CAAC,WAAW,CAAC;gBAChC,iBAAiB,CAAC,WAAW,CAAC;iBAC7B,iBAAiB,CAAC,WAAW,CAAC;aAClC,oBAAoB,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;mBACrC,iBAAiB,CAAC,WAAW,CAAC;mBAC9B,iBAAiB,CAAC,WAAW,CAAC;oBAC7B,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,eAAe,CAAC;gBAC5D,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC;YACxD,aAAa;;;;;;;;cAIX,SAAS;WACZ,MAAM;WACN,MAAM;aACJ,MAAM;eACJ,MAAM;2CAyJlB,CAAA"}

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

@@ -1,82 +1,82 @@
 import type { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        false: {
+            cursor: "pointer";
+        };
+        true: {
+            cursor: "not-allowed";
+        };
+    };
+    fullWidth: {
+        false: {
+            width: "auto";
+        };
+        true: {
+            width: "100%";
+        };
+    };
+    sentiment: {
+        black: {};
+        danger: {};
+        info: {};
+        neutral: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        white: {};
+    };
     size: {
         large: {
-            height: `var(--${string})`;
-            paddingLeft: `var(--${string})`;
-            paddingRight: `var(--${string})`;
-            gap: `var(--${string})`;
-            fontSize: `var(--${string})`;
             fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
             fontWeight: `var(--${string})`;
+            gap: `var(--${string})`;
+            height: `var(--${string})`;
             letterSpacing: `var(--${string})`;
             lineHeight: `var(--${string})`;
+            paddingLeft: `var(--${string})`;
+            paddingRight: `var(--${string})`;
         };
         medium: {
-            fontSize: `var(--${string})`;
             fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
             fontWeight: `var(--${string})`;
             letterSpacing: `var(--${string})`;
             lineHeight: `var(--${string})`;
+            gap: `var(--${string})`;
             height: `var(--${string})`;
             paddingLeft: `var(--${string})`;
             paddingRight: `var(--${string})`;
-            gap: `var(--${string})`;
         };
         small: {
-            fontSize: `var(--${string})`;
             fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
             fontWeight: `var(--${string})`;
             letterSpacing: `var(--${string})`;
             lineHeight: `var(--${string})`;
+            gap: `var(--${string})`;
             height: `var(--${string})`;
             paddingLeft: `var(--${string})`;
             paddingRight: `var(--${string})`;
-            gap: `var(--${string})`;
         };
         xsmall: {
-            fontSize: `var(--${string})`;
             fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
             fontWeight: `var(--${string})`;
             letterSpacing: `var(--${string})`;
             lineHeight: `var(--${string})`;
+            gap: `var(--${string})`;
             height: `var(--${string})`;
             paddingLeft: `var(--${string})`;
             paddingRight: `var(--${string})`;
-            gap: `var(--${string})`;
         };
     };
-    fullWidth: {
-        true: {
-            width: "100%";
-        };
-        false: {
-            width: "auto";
-        };
-    };
-    sentiment: {
-        primary: {};
-        secondary: {};
-        danger: {};
-        info: {};
-        success: {};
-        warning: {};
-        neutral: {};
-        black: {};
-        white: {};
-    };
     variant: {
         filled: {};
-        outlined: {};
         ghost: {};
-    };
-    disabled: {
-        true: {
-            cursor: "not-allowed";
-        };
-        false: {
-            cursor: "pointer";
-        };
+        outlined: {};
     };
 }>;
 export type ButtonVariants = NonNullable<RecipeVariants<typeof button>>;

package/dist/components/Button/styles.css.js

@@ -1,6 +1,6 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var button = createRuntimeFn({ defaultClassName: "uv_e1wcoe0", variantClassNames: { size: { large: "uv_e1wcoe1", medium: "uv_e1wcoe2", small: "uv_e1wcoe3", xsmall: "uv_e1wcoe4" }, fullWidth: { true: "uv_e1wcoe5", false: "uv_e1wcoe6" }, sentiment: { primary: "uv_e1wcoe7", secondary: "uv_e1wcoe8", danger: "uv_e1wcoe9", info: "uv_e1wcoea", success: "uv_e1wcoeb", warning: "uv_e1wcoec", neutral: "uv_e1wcoed", black: "uv_e1wcoee", white: "uv_e1wcoef" }, variant: { filled: "uv_e1wcoeg", outlined: "uv_e1wcoeh", ghost: "uv_e1wcoei" }, disabled: { true: "uv_e1wcoej", false: "uv_e1wcoek" } }, defaultVariants: { size: "large", fullWidth: false, disabled: false, variant: "filled", sentiment: "primary" }, compoundVariants: [[{ variant: "filled", sentiment: "primary" }, "uv_e1wcoel"], [{ variant: "filled", sentiment: "secondary" }, "uv_e1wcoem"], [{ variant: "filled", sentiment: "danger" }, "uv_e1wcoen"], [{ variant: "filled", sentiment: "info" }, "uv_e1wcoeo"], [{ variant: "filled", sentiment: "success" }, "uv_e1wcoep"], [{ variant: "filled", sentiment: "warning" }, "uv_e1wcoeq"], [{ variant: "filled", sentiment: "neutral" }, "uv_e1wcoer"], [{ variant: "filled", sentiment: "black" }, "uv_e1wcoes"], [{ variant: "filled", sentiment: "white" }, "uv_e1wcoet"], [{ variant: "outlined", sentiment: "primary" }, "uv_e1wcoeu"], [{ variant: "outlined", sentiment: "secondary" }, "uv_e1wcoev"], [{ variant: "outlined", sentiment: "danger" }, "uv_e1wcoew"], [{ variant: "outlined", sentiment: "info" }, "uv_e1wcoex"], [{ variant: "outlined", sentiment: "success" }, "uv_e1wcoey"], [{ variant: "outlined", sentiment: "warning" }, "uv_e1wcoez"], [{ variant: "outlined", sentiment: "neutral" }, "uv_e1wcoe10"], [{ variant: "outlined", sentiment: "black" }, "uv_e1wcoe11"], [{ variant: "outlined", sentiment: "white" }, "uv_e1wcoe12"], [{ variant: "ghost", sentiment: "primary" }, "uv_e1wcoe13"], [{ variant: "ghost", sentiment: "secondary" }, "uv_e1wcoe14"], [{ variant: "ghost", sentiment: "danger" }, "uv_e1wcoe15"], [{ variant: "ghost", sentiment: "info" }, "uv_e1wcoe16"], [{ variant: "ghost", sentiment: "success" }, "uv_e1wcoe17"], [{ variant: "ghost", sentiment: "warning" }, "uv_e1wcoe18"], [{ variant: "ghost", sentiment: "neutral" }, "uv_e1wcoe19"], [{ variant: "ghost", sentiment: "black" }, "uv_e1wcoe1a"], [{ variant: "ghost", sentiment: "white" }, "uv_e1wcoe1b"]] });
+var button = createRuntimeFn({ defaultClassName: "uv_e1wcoe0", variantClassNames: { disabled: { false: "uv_e1wcoe1", true: "uv_e1wcoe2" }, fullWidth: { false: "uv_e1wcoe3", true: "uv_e1wcoe4" }, sentiment: { black: "uv_e1wcoe5", danger: "uv_e1wcoe6", info: "uv_e1wcoe7", neutral: "uv_e1wcoe8", primary: "uv_e1wcoe9", secondary: "uv_e1wcoea", success: "uv_e1wcoeb", warning: "uv_e1wcoec", white: "uv_e1wcoed" }, size: { large: "uv_e1wcoee", medium: "uv_e1wcoef", small: "uv_e1wcoeg", xsmall: "uv_e1wcoeh" }, variant: { filled: "uv_e1wcoei", ghost: "uv_e1wcoej", outlined: "uv_e1wcoek" } }, defaultVariants: { disabled: false, fullWidth: false, sentiment: "primary", size: "large", variant: "filled" }, compoundVariants: [[{ sentiment: "primary", variant: "filled" }, "uv_e1wcoel"], [{ sentiment: "secondary", variant: "filled" }, "uv_e1wcoem"], [{ sentiment: "danger", variant: "filled" }, "uv_e1wcoen"], [{ sentiment: "info", variant: "filled" }, "uv_e1wcoeo"], [{ sentiment: "success", variant: "filled" }, "uv_e1wcoep"], [{ sentiment: "warning", variant: "filled" }, "uv_e1wcoeq"], [{ sentiment: "neutral", variant: "filled" }, "uv_e1wcoer"], [{ sentiment: "black", variant: "filled" }, "uv_e1wcoes"], [{ sentiment: "white", variant: "filled" }, "uv_e1wcoet"], [{ sentiment: "primary", variant: "outlined" }, "uv_e1wcoeu"], [{ sentiment: "secondary", variant: "outlined" }, "uv_e1wcoev"], [{ sentiment: "danger", variant: "outlined" }, "uv_e1wcoew"], [{ sentiment: "info", variant: "outlined" }, "uv_e1wcoex"], [{ sentiment: "success", variant: "outlined" }, "uv_e1wcoey"], [{ sentiment: "warning", variant: "outlined" }, "uv_e1wcoez"], [{ sentiment: "neutral", variant: "outlined" }, "uv_e1wcoe10"], [{ sentiment: "black", variant: "outlined" }, "uv_e1wcoe11"], [{ sentiment: "white", variant: "outlined" }, "uv_e1wcoe12"], [{ sentiment: "primary", variant: "ghost" }, "uv_e1wcoe13"], [{ sentiment: "secondary", variant: "ghost" }, "uv_e1wcoe14"], [{ sentiment: "danger", variant: "ghost" }, "uv_e1wcoe15"], [{ sentiment: "info", variant: "ghost" }, "uv_e1wcoe16"], [{ sentiment: "success", variant: "ghost" }, "uv_e1wcoe17"], [{ sentiment: "warning", variant: "ghost" }, "uv_e1wcoe18"], [{ sentiment: "neutral", variant: "ghost" }, "uv_e1wcoe19"], [{ sentiment: "black", variant: "ghost" }, "uv_e1wcoe1a"], [{ sentiment: "white", variant: "ghost" }, "uv_e1wcoe1b"]] });
 export {
   button
 };

package/dist/components/Card/styles.css.js

@@ -1,4 +1,3 @@
-/* empty css                                                  */
 /* empty css                          */
 var stackCard = "uv_1p7tz3i0";
 var borderedBox = "uv_1p7tz3i1";