@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,165 +1,175 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Avatar/styles.css.ts
-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: {
-		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: []
+var avatarStyle;
+var init_styles_css = __esmMin(() => {
+	init_variables_css_ts_vanilla();
+	init_styles_css_ts_vanilla();
+	avatarStyle = {
+		container: 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"]
+			]
+		}),
+		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"]
+			]
+		}),
+		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"]
+			]
+		}),
+		elementContainer: createRuntimeFn({
+			defaultClassName: "uv_19x8y1kz",
+			variantClassNames: { shape: {
+				circle: "uv_19x8y1k10",
+				square: "uv_19x8y1k11"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		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"]
+			]
+		}),
+		svgAvatar: createRuntimeFn({
+			defaultClassName: "uv_19x8y1k1d",
+			variantClassNames: { shape: {
+				circle: "uv_19x8y1k1e",
+				square: "uv_19x8y1k1f"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		})
+	};
 });
 
 //#endregion
-export { colorsAvatar, containerAvatar, elementContainer, productIconContainer, svgAvatar, uploadContainer };
+init_styles_css();
+export { avatarStyle, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Avatar/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

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

@@ -1,9 +1,13 @@
-/* empty css                         */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Avatar/variables.css.ts
-var finalSizeAvatar = "var(--uv_18799yd0)";
-var finalColorAvatar = "var(--uv_18799yd1)";
-var halvedColorAvatar = "var(--uv_18799yd2)";
+var finalSizeAvatar, finalColorAvatar, halvedColorAvatar;
+var init_variables_css = __esmMin(() => {
+	finalSizeAvatar = "var(--uv_18799yd0)";
+	finalColorAvatar = "var(--uv_18799yd1)";
+	halvedColorAvatar = "var(--uv_18799yd2)";
+});
 
 //#endregion
-export { finalColorAvatar, finalSizeAvatar, halvedColorAvatar };
+init_variables_css();
+export { finalColorAvatar, finalSizeAvatar, halvedColorAvatar, init_variables_css };

package/dist/components/Avatar/variables.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Avatar/variables.css.ts.vanilla.css
+var init_variables_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_variables_css_ts_vanilla();
+export { init_variables_css_ts_vanilla };

package/dist/components/Badge/constant.js

@@ -1,10 +1,16 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/Badge/constant.ts
-const TEXT_VARIANT = {
-	large: "bodySmall",
-	medium: "caption",
-	small: "captionSmall",
-	xsmall: "captionSmall"
-};
+var TEXT_VARIANT;
+var init_constant = __esmMin(() => {
+	TEXT_VARIANT = {
+		large: "bodySmall",
+		medium: "caption",
+		small: "captionSmall",
+		xsmall: "captionSmall"
+	};
+});
 
 //#endregion
-export { TEXT_VARIANT };
+init_constant();
+export { TEXT_VARIANT, init_constant };

package/dist/components/Badge/index.js

@@ -1,38 +1,42 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Text } from "../Text/index.js";
-import { TEXT_VARIANT } from "./constant.js";
-import { badge } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { TEXT_VARIANT, init_constant } from "./constant.js";
+import { badgeStyle, init_styles_css } from "./styles.css.js";
 import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Badge/index.tsx
-/**
-* Badge component is used to display a status or a label in a small container.
-*/
-const Badge = ({ sentiment = "neutral", size = "medium", prominence = "default", disabled = false, className, children, "data-testid": dataTestId, style }) => {
-	/**
-	* Badge should display an aria-label if the status is not neutral or primary
-	*/
-	const ariaLabel = useMemo(() => ["neutral", "primary"].some((baseSentiment) => baseSentiment === sentiment) ? void 0 : sentiment, [sentiment]);
-	return /* @__PURE__ */ jsx(Text, {
-		"aria-label": ariaLabel,
-		as: "span",
-		className: cn(className, badge({
-			disabled,
-			prominence,
-			sentiment,
-			size
-		})),
-		"data-testid": dataTestId,
-		prominence: disabled ? "weak" : "default",
-		style,
-		variant: TEXT_VARIANT[size],
-		whiteSpace: "nowrap",
-		children
-	});
-};
+var Badge;
+var init_Badge = __esmMin(() => {
+	init_Text();
+	init_constant();
+	init_styles_css();
+	Badge = ({ sentiment = "neutral", size = "medium", prominence = "default", disabled = false, className, children, "data-testid": dataTestId, style }) => {
+		/**
+		* Badge should display an aria-label if the status is not neutral or primary
+		*/
+		const ariaLabel = useMemo(() => ["neutral", "primary"].some((baseSentiment) => baseSentiment === sentiment) ? void 0 : sentiment, [sentiment]);
+		return /* @__PURE__ */ jsx(Text, {
+			"aria-label": ariaLabel,
+			as: "span",
+			className: cn(className, badgeStyle.badge({
+				disabled,
+				prominence,
+				sentiment,
+				size
+			})),
+			"data-testid": dataTestId,
+			prominence: disabled ? "weak" : "default",
+			style,
+			variant: TEXT_VARIANT[size],
+			whiteSpace: "nowrap",
+			children
+		});
+	};
+});
 
 //#endregion
-export { Badge };
+init_Badge();
+export { Badge, init_Badge };

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

@@ -1,5 +1,5 @@
 import type { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const badge: import("@vanilla-extract/recipes").RuntimeFn<{
+declare const badge: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
         true: {
             backgroundColor: `var(--${string})`;
@@ -42,4 +42,49 @@ export declare const badge: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export type BadgeVariants = NonNullable<RecipeVariants<typeof badge>>;
+export declare const badgeStyle: {
+    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: {
+            large: {
+                height: `var(--${string})`;
+                padding: `0 var(--${string})`;
+            };
+            medium: {
+                height: `var(--${string})`;
+                padding: `0 var(--${string})`;
+            };
+            small: {
+                height: `var(--${string})`;
+                padding: `0 var(--${string})`;
+            };
+            xsmall: {
+                height: `var(--${string})`;
+                padding: `0 var(--${string})`;
+            };
+        };
+    }>;
+};
+export {};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/styles.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA8C9D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFhB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/styles.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA8C9D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFT,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAA;AACrE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAY,CAAA"}