@ultraviolet/ui 3.12.0 → 3.12.1

package/dist/components/Stack/index.js

@@ -36,7 +36,7 @@ var init_Stack = __esmMin(() => {
 	];
 	mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce((acc, key) => _objectSpread2(_objectSpread2({}, acc), {}, { [key]: consoleLightTheme.space[object[key]] }), {}) : {};
 	IStack = forwardRef((_ref, ref) => {
-		let { gap, direction = "column", alignItems = "normal", justifyContent = "normal", wrap = "nowrap", className, children, id, "data-testid": dataTestId, width, maxWidth, minWidth, flex, as, style } = _ref;
+		let { gap, direction = "column", alignItems, justifyContent, wrap, className, children, id, "data-testid": dataTestId, width, maxWidth, minWidth, flex, as, style } = _ref;
 		let props = _objectWithoutProperties(_ref, _excluded);
 		const wrapValue = useMemo(() => {
 			if (typeof wrap === "boolean") return wrap ? "wrap" : "nowrap";

package/dist/components/Table/Header.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from 'react';
 type HeaderProps = {
     children: ReactNode;
+    highlighted?: boolean;
 };
-export declare const Header: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ children, highlighted }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/Table/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,MAAM,wEAElB,CAAA"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,MAAM,qFAElB,CAAA"}

package/dist/components/Table/Header.js

@@ -7,8 +7,8 @@ import { jsx } from "react/jsx-runtime";
 var Header;
 var init_Header = __esmMin(() => {
 	init_styles_css();
-	Header = ({ children }) => /* @__PURE__ */ jsx("thead", {
-		className: tableStyle.header,
+	Header = ({ children, highlighted }) => /* @__PURE__ */ jsx("thead", {
+		className: tableStyle.header({ highlighted }),
 		children
 	});
 });

package/dist/components/Table/HeaderCell.js

@@ -54,7 +54,7 @@ var init_HeaderCell = __esmMin(() => {
 				as: "div",
 				className: tableStyle.headerCellText,
 				sentiment: order !== void 0 ? "primary" : "neutral",
-				variant: "bodySmall",
+				variant: "bodySmallStronger",
 				children: [
 					children,
 					info ? /* @__PURE__ */ jsx(Tooltip, {

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

@@ -16,6 +16,7 @@ export declare const BaseTable: import("react").ForwardRefExoticComponent<Omit<T
     autoCollapse?: boolean | undefined;
     expandButton?: boolean | undefined;
     columns: ColumnProps[];
+    highlightHeader?: boolean | undefined;
     style?: CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLTableElement>>;
 /**
@@ -36,6 +37,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<Omit<Table
     autoCollapse?: boolean | undefined;
     expandButton?: boolean | undefined;
     columns: ColumnProps[];
+    highlightHeader?: boolean | undefined;
     style?: CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLTableElement>> & {
     Body: ({ children }: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAarD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAuD1C,eAAO,MAAM,SAAS;;IAnCpB;;OAEG;;;;;IAKH;;OAEG;;;;;oDAgGJ,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;;IA9GhB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GH,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAarD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAExD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAwD1C,eAAO,MAAM,SAAS;;IApCpB;;OAEG;;;;;IAKH;;OAEG;;;;;;oDAkGJ,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;;IAhHhB;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GH,CAAA"}

package/dist/components/Table/index.js

@@ -45,7 +45,7 @@ var init_Table = __esmMin(() => {
 			children
 		});
 	};
-	BaseTable = forwardRef(({ selectable = false, expandable = false, children, columns, loading, bordered = false, stripped = false, autoCollapse = false, onSelectedChange, style }, ref) => /* @__PURE__ */ jsx(TableProvider, {
+	BaseTable = forwardRef(({ selectable = false, expandable = false, children, columns, loading, bordered = false, stripped = false, autoCollapse = false, onSelectedChange, style, highlightHeader }, ref) => /* @__PURE__ */ jsx(TableProvider, {
 		autoCollapse,
 		bordered,
 		columns,
@@ -57,20 +57,23 @@ var init_Table = __esmMin(() => {
 			className: cn(tableStyle.table, stripped ? tableStyle.stripped : "", bordered ? tableStyle.bordered : ""),
 			ref,
 			style,
-			children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(HeaderRow, {
-				hasSelectAllColumn: selectable,
-				children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, {
-					align: column.align,
-					info: column.info,
-					isOrdered: column.isOrdered,
-					maxWidth: column.maxWidth,
-					minWidth: column.minWidth,
-					onOrder: column.onOrder,
-					orderDirection: column.orderDirection,
-					width: column.width,
-					children: column.label
-				}, `header-column-${index}`))
-			}) }), loading ? /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(SkeletonRows, {
+			children: [/* @__PURE__ */ jsx(Header, {
+				highlighted: highlightHeader,
+				children: /* @__PURE__ */ jsx(HeaderRow, {
+					hasSelectAllColumn: selectable,
+					children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, {
+						align: column.align,
+						info: column.info,
+						isOrdered: column.isOrdered,
+						maxWidth: column.maxWidth,
+						minWidth: column.minWidth,
+						onOrder: column.onOrder,
+						orderDirection: column.orderDirection,
+						width: column.width,
+						children: column.label
+					}, `header-column-${index}`))
+				})
+			}), loading ? /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(SkeletonRows, {
 				cols: columns.length,
 				rows: 5,
 				selectable

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

@@ -38,7 +38,13 @@ export declare const tableStyle: {
             };
         };
     }>;
-    header: string;
+    header: import("@vanilla-extract/recipes").RuntimeFn<{
+        highlighted: {
+            true: {
+                background: `var(--${string})`;
+            };
+        };
+    }>;
     headerCell: import("@vanilla-extract/recipes").RuntimeFn<{
         align: {
             center: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AA0IA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CActB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AAsJA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CActB,CAAA"}

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

@@ -33,27 +33,32 @@ var init_styles_css = __esmMin(() => {
 			defaultVariants: {},
 			compoundVariants: []
 		}),
-		header: "uv_1cpcsczf",
+		header: createRuntimeFn({
+			defaultClassName: "uv_1cpcsczf",
+			variantClassNames: { highlighted: { true: "uv_1cpcsczg" } },
+			defaultVariants: { highlighted: false },
+			compoundVariants: []
+		}),
 		headerCell: createRuntimeFn({
-			defaultClassName: "uv_1cpcsczg",
+			defaultClassName: "uv_1cpcsczh",
 			variantClassNames: {
 				align: {
-					center: "uv_1cpcsczh",
-					left: "uv_1cpcsczi",
-					right: "uv_1cpcsczj"
+					center: "uv_1cpcsczi",
+					left: "uv_1cpcsczj",
+					right: "uv_1cpcsczk"
 				},
-				checked: { true: "uv_1cpcsczk" }
+				checked: { true: "uv_1cpcsczl" }
 			},
 			defaultVariants: {},
 			compoundVariants: []
 		}),
-		headerCellText: "uv_1cpcsczl",
-		expandableWrapper: "uv_1cpcsczm",
-		checkboxContainer: "uv_1cpcsczn",
-		trAnimation: "uv_1cpcsczo",
-		skeletonRow: "uv_1cpcsczp",
-		skeleton: "uv_1cpcsczq",
-		row: "uv_1cpcsczr"
+		headerCellText: "uv_1cpcsczm",
+		expandableWrapper: "uv_1cpcsczn",
+		checkboxContainer: "uv_1cpcsczo",
+		trAnimation: "uv_1cpcsczp",
+		skeletonRow: "uv_1cpcsczq",
+		skeleton: "uv_1cpcsczr",
+		row: "uv_1cpcsczs"
 	};
 });
 

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

@@ -2,23 +2,36 @@ import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import type { SENTIMENTS } from './styles.css';
 type TagProps = {
     isLoading?: boolean;
-    onClose?: MouseEventHandler<HTMLButtonElement>;
     sentiment?: (typeof SENTIMENTS)[number];
     disabled?: boolean;
-    copiable?: boolean;
-    copyButton?: boolean;
-    copyText?: string;
-    copiedText?: string;
     className?: string;
-    children: ReactNode;
     variant?: 'default' | 'code';
     'data-testid'?: string;
     style?: CSSProperties;
-};
+} & ({
+    keyValue: {
+        key: string;
+        value: string;
+    };
+    children?: never;
+    copiable?: never;
+    copyButton?: never;
+    copyText?: never;
+    copiedText?: never;
+    onClose?: never;
+} | {
+    keyValue?: never;
+    children: ReactNode;
+    copiable?: boolean;
+    copyButton?: boolean;
+    copyText?: string;
+    copiedText?: string;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+});
 /**
  * Tag component is used to display a short text description of an item. It can be used to display a category
  * or any other metadata.
  */
-export declare const Tag: ({ children, isLoading, onClose, copiable, copyButton, copyText, copiedText, disabled, sentiment, variant, className, style, 'data-testid': dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ children, isLoading, onClose, copiable, copyButton, copyText, copiedText, disabled, sentiment, variant, className, style, keyValue, 'data-testid': dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAK9C,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA+CD;;;GAGG;AACH,eAAO,MAAM,GAAG,iNA2Ef,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAK9C,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C,CACJ,CAAA;AA+CD;;;GAGG;AACH,eAAO,MAAM,GAAG,2NAmIf,CAAA"}

package/dist/components/Tag/index.js

@@ -47,12 +47,49 @@ var init_Tag = __esmMin(() => {
 			size: "small"
 		}) : null
 	] });
-	Tag = ({ children, isLoading, onClose, copiable = false, copyButton, copyText = "Copy", copiedText = "Copied!", disabled, sentiment = "neutral", variant = "default", className, style, "data-testid": dataTestId }) => {
+	Tag = ({ children, isLoading, onClose, copiable = false, copyButton, copyText = "Copy", copiedText = "Copied!", disabled, sentiment = "neutral", variant = "default", className, style, keyValue, "data-testid": dataTestId }) => {
 		const [isCopied, setCopied] = useClipboard(useMemo(() => {
 			if (typeof children === "string") return children;
 			if (Array.isArray(children)) return children.filter((child) => typeof child === "string").join("");
 			return "";
 		}, [children]), { successDuration: COPY_DURATION });
+		if (keyValue) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			className: cn(className, tagStyle.container({
+				disabled,
+				sentiment,
+				isKey: true,
+				isKeyValue: true
+			})),
+			"data-testid": dataTestId,
+			style,
+			children: /* @__PURE__ */ jsx(TagInner, {
+				copiable: true,
+				copyButton,
+				disabled,
+				isLoading,
+				onClose,
+				variant,
+				children: keyValue.key
+			})
+		}), /* @__PURE__ */ jsx("span", {
+			className: cn(className, tagStyle.container({
+				disabled,
+				sentiment,
+				isValue: true,
+				isKeyValue: true
+			})),
+			"data-testid": dataTestId,
+			style,
+			children: /* @__PURE__ */ jsx(TagInner, {
+				copiable: true,
+				copyButton,
+				disabled,
+				isLoading,
+				onClose,
+				variant,
+				children: keyValue.value
+			})
+		})] });
 		if (copiable && !disabled) return /* @__PURE__ */ jsx(Tooltip, {
 			text: isCopied ? copiedText : copyText,
 			children: /* @__PURE__ */ jsx("button", {

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

@@ -28,6 +28,19 @@ export declare const tagStyle: {
                 color: `var(--${string})`;
             };
         };
+        isKey: {
+            true: {
+                borderRadius: `var(--${string}) 0 0 var(--${string})`;
+            };
+        };
+        isValue: {
+            true: {
+                borderRadius: `0 var(--${string}) var(--${string}) 0`;
+            };
+        };
+        isKeyValue: {
+            true: {};
+        };
     }>;
     text: string;
     closeButton: string;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,sFAQb,CAAA;AA8EV,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAmC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,sFAQb,CAAA;AA0HV,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAmC,CAAA"}

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

@@ -20,46 +20,185 @@ var init_styles_css = __esmMin(() => {
 					secondary: "uv_d6zknp7",
 					success: "uv_d6zknp8",
 					warning: "uv_d6zknp9"
-				}
+				},
+				isKey: { true: "uv_d6zknpa" },
+				isValue: { true: "uv_d6zknpb" },
+				isKeyValue: { true: "uv_d6zknpc" }
 			},
 			defaultVariants: {
 				copiable: false,
 				disabled: false,
-				sentiment: "neutral"
+				sentiment: "neutral",
+				isValue: false,
+				isKey: false,
+				isKeyValue: false
 			},
 			compoundVariants: [
 				[{
 					copiable: true,
-					sentiment: "danger"
-				}, "uv_d6zknpa"],
+					sentiment: "danger",
+					disabled: false
+				}, "uv_d6zknpd"],
 				[{
 					copiable: true,
-					sentiment: "info"
-				}, "uv_d6zknpb"],
+					sentiment: "info",
+					disabled: false
+				}, "uv_d6zknpe"],
 				[{
 					copiable: true,
-					sentiment: "neutral"
-				}, "uv_d6zknpc"],
+					sentiment: "neutral",
+					disabled: false
+				}, "uv_d6zknpf"],
 				[{
 					copiable: true,
-					sentiment: "primary"
-				}, "uv_d6zknpd"],
+					sentiment: "primary",
+					disabled: false
+				}, "uv_d6zknpg"],
 				[{
 					copiable: true,
-					sentiment: "secondary"
-				}, "uv_d6zknpe"],
+					sentiment: "secondary",
+					disabled: false
+				}, "uv_d6zknph"],
 				[{
 					copiable: true,
-					sentiment: "success"
-				}, "uv_d6zknpf"],
+					sentiment: "success",
+					disabled: false
+				}, "uv_d6zknpi"],
 				[{
 					copiable: true,
+					sentiment: "warning",
+					disabled: false
+				}, "uv_d6zknpj"],
+				[{
+					isKey: true,
+					sentiment: "danger"
+				}, "uv_d6zknpk"],
+				[{
+					isKey: true,
+					sentiment: "info"
+				}, "uv_d6zknpl"],
+				[{
+					isKey: true,
+					sentiment: "neutral"
+				}, "uv_d6zknpm"],
+				[{
+					isKey: true,
+					sentiment: "primary"
+				}, "uv_d6zknpn"],
+				[{
+					isKey: true,
+					sentiment: "secondary"
+				}, "uv_d6zknpo"],
+				[{
+					isKey: true,
+					sentiment: "success"
+				}, "uv_d6zknpp"],
+				[{
+					isKey: true,
 					sentiment: "warning"
-				}, "uv_d6zknpg"]
+				}, "uv_d6zknpq"],
+				[{
+					isKeyValue: true,
+					sentiment: "danger",
+					disabled: false
+				}, "uv_d6zknpr"],
+				[{
+					isKeyValue: true,
+					sentiment: "info",
+					disabled: false
+				}, "uv_d6zknps"],
+				[{
+					isKeyValue: true,
+					sentiment: "neutral",
+					disabled: false
+				}, "uv_d6zknpt"],
+				[{
+					isKeyValue: true,
+					sentiment: "primary",
+					disabled: false
+				}, "uv_d6zknpu"],
+				[{
+					isKeyValue: true,
+					sentiment: "secondary",
+					disabled: false
+				}, "uv_d6zknpv"],
+				[{
+					isKeyValue: true,
+					sentiment: "success",
+					disabled: false
+				}, "uv_d6zknpw"],
+				[{
+					isKeyValue: true,
+					sentiment: "warning",
+					disabled: false
+				}, "uv_d6zknpx"],
+				[{
+					disabled: true,
+					sentiment: "danger"
+				}, "uv_d6zknpy"],
+				[{
+					disabled: true,
+					sentiment: "info"
+				}, "uv_d6zknpz"],
+				[{
+					disabled: true,
+					sentiment: "neutral"
+				}, "uv_d6zknp10"],
+				[{
+					disabled: true,
+					sentiment: "primary"
+				}, "uv_d6zknp11"],
+				[{
+					disabled: true,
+					sentiment: "secondary"
+				}, "uv_d6zknp12"],
+				[{
+					disabled: true,
+					sentiment: "success"
+				}, "uv_d6zknp13"],
+				[{
+					disabled: true,
+					sentiment: "warning"
+				}, "uv_d6zknp14"],
+				[{
+					isKey: true,
+					sentiment: "danger",
+					disabled: true
+				}, "uv_d6zknp15"],
+				[{
+					isKey: true,
+					sentiment: "info",
+					disabled: true
+				}, "uv_d6zknp16"],
+				[{
+					isKey: true,
+					sentiment: "neutral",
+					disabled: true
+				}, "uv_d6zknp17"],
+				[{
+					isKey: true,
+					sentiment: "primary",
+					disabled: true
+				}, "uv_d6zknp18"],
+				[{
+					isKey: true,
+					sentiment: "secondary",
+					disabled: true
+				}, "uv_d6zknp19"],
+				[{
+					isKey: true,
+					sentiment: "success",
+					disabled: true
+				}, "uv_d6zknp1a"],
+				[{
+					isKey: true,
+					sentiment: "warning",
+					disabled: true
+				}, "uv_d6zknp1b"]
 			]
 		}),
-		text: "uv_d6zknph",
-		closeButton: "uv_d6zknpi"
+		text: "uv_d6zknp1c",
+		closeButton: "uv_d6zknp1d"
 	};
 });
 

package/dist/components/Text/style.css.js

@@ -1,10 +1,12 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 import { init_style_css_ts_vanilla } from "./style.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Text/style.css.ts
 var textStyle;
 var init_style_css = __esmMin(() => {
+	init_variables_css_ts_vanilla();
 	init_style_css_ts_vanilla();
 	textStyle = { text: createRuntimeFn({
 		defaultClassName: "uv_m4c9ow0",

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

@@ -1,10 +1,8 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 
 //#region src/components/Text/variables.css.ts
 var textVars;
 var init_variables_css = __esmMin(() => {
-	init_variables_css_ts_vanilla();
 	textVars = {
 		textAlign: "var(--uv_qabug40)",
 		whiteSpace: "var(--uv_qabug41)"

package/dist/components/Toaster/components/Link.d.ts

@@ -9,6 +9,7 @@ export declare const ToastLink: ({ ...props }: ({
     rel?: string | undefined;
     className?: string | undefined;
     onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
     'aria-label'?: string | undefined;
     'aria-current'?: "date" | "false" | "location" | "page" | "step" | "time" | "true" | boolean | undefined;
     'aria-keyshortcuts'?: string | undefined;

package/dist/components/Toaster/components/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Toaster/components/Link.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mGAGrB,CAAA"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Toaster/components/Link.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mGAGrB,CAAA"}

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

@@ -67,6 +67,7 @@ export declare const Toast: {
         rel?: string | undefined;
         className?: string | undefined;
         onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
         'aria-label'?: string | undefined;
         'aria-current'?: "date" | "false" | "location" | "page" | "step" | "time" | "true" | boolean | undefined;
         'aria-keyshortcuts'?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/components/compositions/FAQ/styles.css.js

@@ -1,11 +1,9 @@
 import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
-import { init_themes_css_js_vanilla } from "../../../themes/dist/vanilla/themes.css.js.vanilla.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/compositions/FAQ/styles.css.ts
 var faqStyle;
 var init_styles_css = __esmMin(() => {
-	init_themes_css_js_vanilla();
 	init_styles_css_ts_vanilla();
 	faqStyle = { faq: "uv_pelaoc0" };
 });

package/dist/components/compositions/InfoTable/components/Cell.d.ts

@@ -1,10 +1,9 @@
 import type { CSSProperties, ReactNode } from 'react';
-type CellProps = {
+export type CellProps = {
     children: ReactNode;
     title: ReactNode;
     multiline?: boolean;
     style?: CSSProperties;
 };
 export declare const InfoTableCell: ({ children, title, multiline, style, }: CellProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=Cell.d.ts.map

package/dist/components/compositions/InfoTable/components/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/InfoTable/components/Cell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,aAAa,gGAoCzB,CAAA"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/InfoTable/components/Cell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,aAAa,gGAiCzB,CAAA"}

package/dist/components/compositions/InfoTable/components/Cell.js

@@ -17,26 +17,21 @@ var init_Cell = __esmMin(() => {
 		minWidth: "0",
 		style,
 		width: "100%",
-		children: [/* @__PURE__ */ jsx("dt", {
+		children: [/* @__PURE__ */ jsx(Text, {
+			as: "dt",
 			className: infoTableStyle.term,
-			children: /* @__PURE__ */ jsx(Text, {
-				as: "div",
-				prominence: "weak",
-				sentiment: "neutral",
-				variant: "bodySmallStrong",
-				children: title
-			})
-		}), /* @__PURE__ */ jsx("dd", {
+			prominence: "weak",
+			sentiment: "neutral",
+			variant: "bodySmallStrong",
+			children: title
+		}), /* @__PURE__ */ jsx(Text, {
+			as: "dd",
 			className: infoTableStyle.desc,
-			children: /* @__PURE__ */ jsx(Text, {
-				as: "div",
-				className: infoTableStyle.cellText,
-				oneLine: !multiline,
-				prominence: "default",
-				sentiment: "neutral",
-				variant: "body",
-				children
-			})
+			oneLine: !multiline,
+			prominence: "default",
+			sentiment: "neutral",
+			variant: "body",
+			children
 		})]
 	});
 });