@ultraviolet/ui 3.9.0 → 3.10.0

package/dist/components/Breadcrumbs/components/Item.js

@@ -1,82 +1,62 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { useMemo } from "react";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text } from "../../Text/index.js";
 import { Button } from "../../Button/index.js";
 import { Link } from "../../Link/index.js";
-import { Text } from "../../Text/index.js";
-import { linkBreadcrumbs, contentBreadcrumbs, maxWidthVar, minWidthVar, contentBreadcrumbsText, itemContainerBreadcrumbs, breadcrumbsItem } from "./styles.css.js";
-const Item = ({
-  to,
-  children,
-  disabled = false,
-  "aria-current": ariaCurrent,
-  onClick,
-  onKeyDown,
-  className,
-  maxWidth,
-  minWidth
-}) => {
-  const renderedChildren = useMemo(() => {
-    if (to) {
-      return /* @__PURE__ */ jsx(
-        Link,
-        {
-          className: linkBreadcrumbs,
-          href: to,
-          prominence: "stronger",
-          size: "small",
-          children
-        }
-      );
-    }
-    if (onClick) {
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: contentBreadcrumbs,
-          disabled,
-          sentiment: "neutral",
-          size: "small",
-          style: assignInlineVars({
-            [minWidthVar]: minWidth?.toString(),
-            [maxWidthVar]: maxWidth?.toString()
-          }),
-          variant: "ghost",
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "div",
-        className: cn(contentBreadcrumbs, contentBreadcrumbsText),
-        variant: "bodySmallStrong",
-        children
-      }
-    );
-  }, [children, disabled, maxWidth, minWidth, onClick, to]);
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "aria-current": ariaCurrent,
-      className: cn(
-        className,
-        itemContainerBreadcrumbs({ clickable: !!onClick }),
-        breadcrumbsItem
-      ),
-      onClick,
-      onKeyDown,
-      style: assignInlineVars({
-        [minWidthVar]: minWidth?.toString(),
-        [maxWidthVar]: maxWidth?.toString()
-      }),
-      children: renderedChildren
-    }
-  );
-};
-export {
-  Item
+import { breadcrumbsItem, contentBreadcrumbs, contentBreadcrumbsText, itemContainerBreadcrumbs, linkBreadcrumbs, maxWidthVar, minWidthVar } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { useMemo } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Breadcrumbs/components/Item.tsx
+const Item = ({ to, children, disabled = false, "aria-current": ariaCurrent, onClick, onKeyDown, className, maxWidth, minWidth }) => {
+	const renderedChildren = useMemo(() => {
+		if (to) return /* @__PURE__ */ jsx(Link, {
+			className: linkBreadcrumbs,
+			href: to,
+			prominence: "stronger",
+			size: "small",
+			children
+		});
+		if (onClick) return /* @__PURE__ */ jsx(Button, {
+			className: contentBreadcrumbs,
+			disabled,
+			sentiment: "neutral",
+			size: "small",
+			style: assignInlineVars({
+				[minWidthVar]: minWidth === null || minWidth === void 0 ? void 0 : minWidth.toString(),
+				[maxWidthVar]: maxWidth === null || maxWidth === void 0 ? void 0 : maxWidth.toString()
+			}),
+			variant: "ghost",
+			children
+		});
+		return /* @__PURE__ */ jsx(Text, {
+			as: "div",
+			className: cn(contentBreadcrumbs, contentBreadcrumbsText),
+			variant: "bodySmallStrong",
+			children
+		});
+	}, [
+		children,
+		disabled,
+		maxWidth,
+		minWidth,
+		onClick,
+		to
+	]);
+	return /* @__PURE__ */ jsx("li", {
+		"aria-current": ariaCurrent,
+		className: cn(className, itemContainerBreadcrumbs({ clickable: !!onClick }), breadcrumbsItem),
+		onClick,
+		onKeyDown,
+		style: assignInlineVars({
+			[minWidthVar]: minWidth === null || minWidth === void 0 ? void 0 : minWidth.toString(),
+			[maxWidthVar]: maxWidth === null || maxWidth === void 0 ? void 0 : maxWidth.toString()
+		}),
+		children: renderedChildren
+	});
 };
+
+//#endregion
+export { Item };

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

@@ -1,18 +1,19 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Breadcrumbs/components/styles.css.ts
 var maxWidthVar = "var(--uv_1yxbbx40)";
 var minWidthVar = "var(--uv_1yxbbx41)";
 var linkBreadcrumbs = "uv_1yxbbx42";
 var contentBreadcrumbs = "uv_1yxbbx43";
-var itemContainerBreadcrumbs = createRuntimeFn({ defaultClassName: "uv_1yxbbx44", variantClassNames: { clickable: { true: "uv_1yxbbx45" } }, defaultVariants: {}, compoundVariants: [] });
+var itemContainerBreadcrumbs = createRuntimeFn({
+	defaultClassName: "uv_1yxbbx44",
+	variantClassNames: { clickable: { true: "uv_1yxbbx45" } },
+	defaultVariants: {},
+	compoundVariants: []
+});
 var contentBreadcrumbsText = "uv_1yxbbx46";
 var breadcrumbsItem = "uv_1yxbbx47";
-export {
-  breadcrumbsItem,
-  contentBreadcrumbs,
-  contentBreadcrumbsText,
-  itemContainerBreadcrumbs,
-  linkBreadcrumbs,
-  maxWidthVar,
-  minWidthVar
-};
+
+//#endregion
+export { breadcrumbsItem, contentBreadcrumbs, contentBreadcrumbsText, itemContainerBreadcrumbs, linkBreadcrumbs, maxWidthVar, minWidthVar };

package/dist/components/Breadcrumbs/index.js

@@ -1,23 +1,24 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Item } from "./components/Item.js";
 import { breadcrumbs } from "./styles.css.js";
-const Breadcrumbs = ({
-  children,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => /* @__PURE__ */ jsx(
-  "nav",
-  {
-    "aria-label": "breadcrumb",
-    className,
-    "data-testid": dataTestId,
-    style,
-    children: /* @__PURE__ */ jsx("ol", { className: breadcrumbs, children })
-  }
-);
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Breadcrumbs/index.tsx
+/**
+* Breadcrumbs component is used to display a navigation path with links to the parent pages.
+*/
+const Breadcrumbs = ({ children, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsx("nav", {
+	"aria-label": "breadcrumb",
+	className,
+	"data-testid": dataTestId,
+	style,
+	children: /* @__PURE__ */ jsx("ol", {
+		className: breadcrumbs,
+		children
+	})
+});
 Breadcrumbs.Item = Item;
-export {
-  Breadcrumbs
-};
+
+//#endregion
+export { Breadcrumbs };

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

@@ -1,5 +1,7 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/Breadcrumbs/styles.css.ts
 var breadcrumbs = "uv_qxa0fl0";
-export {
-  breadcrumbs
-};
+
+//#endregion
+export { breadcrumbs };

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

@@ -17,6 +17,6 @@ type BulletProps = {
 /**
  * Bullet component is used to display a small icon or text with a colored background in a circle.
  */
-export declare const Bullet: ({ className, sentiment, size, tooltip, tooltipBaseId, "data-testid": dataTestId, prominence, children, disabled, style, }: BulletProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Bullet: ({ className, sentiment, size, tooltip, tooltipBaseId, 'data-testid': dataTestId, prominence, children, disabled, style, }: BulletProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Bullet/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGrD,KAAK,cAAc,GAAG,MAAM,OAAO,WAAW,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,2HAWpB,WAAW,4CAab,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Bullet/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGrD,KAAK,cAAc,GAAG,MAAM,OAAO,WAAW,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,qLAwBlB,CAAA"}

package/dist/components/Bullet/index.js

@@ -1,31 +1,29 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { bullet } from "./styles.css.js";
-const Bullet = ({
-  className,
-  sentiment = "neutral",
-  size = "medium",
-  tooltip,
-  tooltipBaseId,
-  "data-testid": dataTestId,
-  prominence = "default",
-  children,
-  disabled,
-  style
-}) => /* @__PURE__ */ jsx(Tooltip, { id: tooltipBaseId, text: tooltip, children: /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      className,
-      bullet({ disabled, prominence, sentiment, size })
-    ),
-    "data-testid": dataTestId,
-    style,
-    children
-  }
-) });
-export {
-  Bullet
-};
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Bullet/index.tsx
+/**
+* Bullet component is used to display a small icon or text with a colored background in a circle.
+*/
+const Bullet = ({ className, sentiment = "neutral", size = "medium", tooltip, tooltipBaseId, "data-testid": dataTestId, prominence = "default", children, disabled, style }) => /* @__PURE__ */ jsx(Tooltip, {
+	id: tooltipBaseId,
+	text: tooltip,
+	children: /* @__PURE__ */ jsx("div", {
+		className: cn(className, bullet({
+			disabled,
+			prominence,
+			sentiment,
+			size
+		})),
+		"data-testid": dataTestId,
+		style,
+		children
+	})
+});
+
+//#endregion
+export { Bullet };

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

@@ -1,6 +1,110 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-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
-};
+
+//#region src/components/Bullet/styles.css.ts
+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"]
+	]
+});
+
+//#endregion
+export { bullet };

package/dist/components/Button/constants.js

@@ -1,6 +1,10 @@
+//#region src/components/Button/constants.ts
 const SIZE_HEIGHT = {
-  xsmall: "300"
-};
-export {
-  SIZE_HEIGHT
+	large: "600",
+	medium: "500",
+	small: "400",
+	xsmall: "300"
 };
+
+//#endregion
+export { SIZE_HEIGHT };