@ultraviolet/ui 3.4.0 → 3.5.1

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

@@ -1,18 +1,21 @@
 export declare const stepperContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    labelPosition: {
+        bottom: {};
+        right: {};
+    };
     separator: {
-        true: {};
         false: {
             gap: `var(--${string})`;
         };
-    };
-    labelPosition: {
-        bottom: {};
-        right: {};
+        true: {};
     };
 }>;
 export declare const stepperLine: import("@vanilla-extract/recipes").RuntimeFn<{
+    animated: {
+        true: {};
+    };
     temporal: {
-        next: {};
+        current: {};
         done: {
             backgroundColor: `var(--${string})`;
             selectors: {
@@ -21,81 +24,80 @@ export declare const stepperLine: import("@vanilla-extract/recipes").RuntimeFn<{
                 };
             };
         };
-        current: {};
-    };
-    animated: {
-        true: {};
+        next: {};
     };
 }>;
 export declare const stepContainer: string;
 export declare const stepperContainerRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        small: {};
-        medium: {};
-    };
     animated: {
         true: {};
     };
     disabled: {
+        false: {};
         true: {
             cursor: "not-allowed";
         };
-        false: {};
     };
-    separator: {
+    done: {
         true: {};
     };
     labelPosition: {
-        top: {};
         bottom: {};
+        top: {};
     };
-    done: {
+    separator: {
         true: {};
     };
+    size: {
+        medium: {};
+        small: {};
+    };
 }>;
 export declare const animationStepperContainer: Record<"medium" | "small", string>;
 export declare const stepperInteractive: Record<"active" | "inactive", string>;
 export declare const stepBullet: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        small: {
-            minWidth: `var(--${string})`;
-        };
-        medium: {
-            minWidth: `var(--${string})`;
-        };
-    };
-    isActive: {
-        true: {
-            backgroundColor: `var(--${string})`;
-            boxShadow: `var(--${string})`;
-        };
-    };
     disabled: {
+        false: {
+            selectors: {
+                [x: string]: {
+                    boxShadow: `var(--${string})`;
+                };
+            };
+        };
         true: {
-            color: `var(--${string})`;
             backgroundColor: `var(--${string})`;
-            boxShadow: "none";
             borderColor: `var(--${string})`;
+            boxShadow: "none";
+            color: `var(--${string})`;
             selectors: {
                 '&:hover': {
                     boxShadow: "none";
                 };
             };
         };
-        false: {
-            selectors: {
-                [x: string]: {
-                    boxShadow: `var(--${string})`;
-                };
-            };
+    };
+    isActive: {
+        true: {
+            backgroundColor: `var(--${string})`;
+            boxShadow: `var(--${string})`;
+        };
+    };
+    size: {
+        medium: {
+            minWidth: `var(--${string})`;
+        };
+        small: {
+            minWidth: `var(--${string})`;
         };
     };
 }>;
 export declare const stepText: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
+    addMarginTop: {
         true: {
-            color: `var(--${string})`;
+            marginTop: `var(--${string})`;
         };
+    };
+    disabled: {
         false: {
             selectors: {
                 [x: string]: {
@@ -105,10 +107,8 @@ export declare const stepText: import("@vanilla-extract/recipes").RuntimeFn<{
                 };
             };
         };
-    };
-    addMarginTop: {
         true: {
-            marginTop: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;

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

@@ -1,13 +1,13 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var stepperContainer = createRuntimeFn({ defaultClassName: "uv_1mvphq23", variantClassNames: { separator: { true: "uv_1mvphq24", false: "uv_1mvphq25" }, labelPosition: { bottom: "uv_1mvphq26", right: "uv_1mvphq27" } }, defaultVariants: {}, compoundVariants: [[{ separator: true, labelPosition: "bottom" }, "uv_1mvphq28"], [{ separator: true, labelPosition: "right" }, "uv_1mvphq29"]] });
-var stepperLine = createRuntimeFn({ defaultClassName: "uv_1mvphq2a", variantClassNames: { temporal: { next: "uv_1mvphq2b", done: "uv_1mvphq2c", current: "uv_1mvphq2d" }, animated: { true: "uv_1mvphq2e" } }, defaultVariants: { animated: false, temporal: "next" }, compoundVariants: [[{ temporal: "current", animated: true }, "uv_1mvphq2f"]] });
+var stepperContainer = createRuntimeFn({ defaultClassName: "uv_1mvphq23", variantClassNames: { labelPosition: { bottom: "uv_1mvphq24", right: "uv_1mvphq25" }, separator: { false: "uv_1mvphq26", true: "uv_1mvphq27" } }, defaultVariants: {}, compoundVariants: [[{ labelPosition: "bottom", separator: true }, "uv_1mvphq28"], [{ labelPosition: "right", separator: true }, "uv_1mvphq29"]] });
+var stepperLine = createRuntimeFn({ defaultClassName: "uv_1mvphq2a", variantClassNames: { animated: { true: "uv_1mvphq2b" }, temporal: { current: "uv_1mvphq2c", done: "uv_1mvphq2d", next: "uv_1mvphq2e" } }, defaultVariants: { animated: false, temporal: "next" }, compoundVariants: [[{ animated: true, temporal: "current" }, "uv_1mvphq2f"]] });
 var stepContainer = "uv_1mvphq2g";
-var stepperContainerRecipe = createRuntimeFn({ defaultClassName: "uv_1mvphq2h", variantClassNames: { size: { small: "uv_1mvphq2i", medium: "uv_1mvphq2j" }, animated: { true: "uv_1mvphq2k" }, disabled: { true: "uv_1mvphq2l", false: "uv_1mvphq2m" }, separator: { true: "uv_1mvphq2n" }, labelPosition: { top: "uv_1mvphq2o", bottom: "uv_1mvphq2p" }, done: { true: "uv_1mvphq2q" } }, defaultVariants: { size: "medium", animated: false, disabled: false, separator: true, labelPosition: "bottom", done: false }, compoundVariants: [[{ labelPosition: "bottom", separator: true, size: "small" }, "uv_1mvphq2r"], [{ labelPosition: "bottom", separator: true, size: "medium" }, "uv_1mvphq2s"], [{ separator: true, labelPosition: "bottom" }, "uv_1mvphq2t"], [{ done: true, separator: true, labelPosition: "bottom" }, "uv_1mvphq2u"]] });
+var stepperContainerRecipe = createRuntimeFn({ defaultClassName: "uv_1mvphq2h", variantClassNames: { animated: { true: "uv_1mvphq2i" }, disabled: { false: "uv_1mvphq2j", true: "uv_1mvphq2k" }, done: { true: "uv_1mvphq2l" }, labelPosition: { bottom: "uv_1mvphq2m", top: "uv_1mvphq2n" }, separator: { true: "uv_1mvphq2o" }, size: { medium: "uv_1mvphq2p", small: "uv_1mvphq2q" } }, defaultVariants: { animated: false, disabled: false, done: false, labelPosition: "bottom", separator: true, size: "medium" }, compoundVariants: [[{ labelPosition: "bottom", separator: true, size: "small" }, "uv_1mvphq2r"], [{ labelPosition: "bottom", separator: true, size: "medium" }, "uv_1mvphq2s"], [{ labelPosition: "bottom", separator: true }, "uv_1mvphq2t"], [{ done: true, labelPosition: "bottom", separator: true }, "uv_1mvphq2u"]] });
 var animationStepperContainer = { medium: "uv_1mvphq2v", small: "uv_1mvphq2w" };
-var stepperInteractive = { inactive: "uv_1mvphq2x", active: "uv_1mvphq2y" };
-var stepBullet = createRuntimeFn({ defaultClassName: "uv_1mvphq210 uv_1mvphq2z", variantClassNames: { size: { small: "uv_1mvphq211", medium: "uv_1mvphq212" }, isActive: { true: "uv_1mvphq213" }, disabled: { true: "uv_1mvphq214", false: "uv_1mvphq215" } }, defaultVariants: { size: "medium", disabled: false, isActive: false }, compoundVariants: [] });
-var stepText = createRuntimeFn({ defaultClassName: "uv_1mvphq217 uv_1mvphq216", variantClassNames: { disabled: { true: "uv_1mvphq218", false: "uv_1mvphq219" }, addMarginTop: { true: "uv_1mvphq21a" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
+var stepperInteractive = { active: "uv_1mvphq2x", inactive: "uv_1mvphq2y" };
+var stepBullet = createRuntimeFn({ defaultClassName: "uv_1mvphq210 uv_1mvphq2z", variantClassNames: { disabled: { false: "uv_1mvphq211", true: "uv_1mvphq212" }, isActive: { true: "uv_1mvphq213" }, size: { medium: "uv_1mvphq214", small: "uv_1mvphq215" } }, defaultVariants: { disabled: false, isActive: false, size: "medium" }, compoundVariants: [] });
+var stepText = createRuntimeFn({ defaultClassName: "uv_1mvphq217 uv_1mvphq216", variantClassNames: { addMarginTop: { true: "uv_1mvphq218" }, disabled: { false: "uv_1mvphq219", true: "uv_1mvphq21a" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
 export {
   animationStepperContainer,
   stepBullet,

package/dist/components/SwitchButton/index.js

@@ -113,13 +113,13 @@ const SwitchButton = ({
         const rect = event.currentTarget.getBoundingClientRect();
         const clickX = event.clientX - rect.left;
         const clickInCurrentElement = clickX > position && clickX < position + width;
-        if (!clickInCurrentElement) {
+        if (clickInCurrentElement) {
+          setMouseDownSide(null);
+        } else {
           setMouseDownSide(
             clickX < getPosition(getElement(localValue)) ? "left" : "right"
           );
           setWidth(width + FOCUS_OVERLAY_SCALE_RATIO);
-        } else {
-          setMouseDownSide(null);
         }
       },
       onMouseLeave: () => {

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

@@ -1,7 +1,7 @@
 /* empty css                          */
-var switchButtonContainer = { small: "uv_m5izgx1 uv_m5izgx0", medium: "uv_m5izgx2 uv_m5izgx0" };
-var switchButtonOption = { primary: "uv_m5izgx4 uv_m5izgx3", neutral: "uv_m5izgx5 uv_m5izgx3" };
-var focusOverlay = { primary: "uv_m5izgx7 uv_m5izgx6", neutral: "uv_m5izgx8 uv_m5izgx6" };
+var switchButtonContainer = { medium: "uv_m5izgx1 uv_m5izgx0", small: "uv_m5izgx2 uv_m5izgx0" };
+var switchButtonOption = { neutral: "uv_m5izgx4 uv_m5izgx3", primary: "uv_m5izgx5 uv_m5izgx3" };
+var focusOverlay = { neutral: "uv_m5izgx7 uv_m5izgx6", primary: "uv_m5izgx8 uv_m5izgx6" };
 export {
   focusOverlay,
   switchButtonContainer,

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CA4BzE,CAAA"}
+{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CA6BzE,CAAA"}

package/dist/components/Table/HeaderRow.js

@@ -9,28 +9,31 @@ const HeaderRow = ({ children, hasSelectAllColumn }) => {
   const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useTableContext();
   const theme = useTheme();
   const selectableRowCount = Object.keys(selectedRowIds).length;
-  return /* @__PURE__ */ jsxs("tr", { role: "row", children: [
-    hasSelectAllColumn ? /* @__PURE__ */ jsx(
-      HeaderCell,
-      {
-        isCheckbox: true,
-        maxWidth: theme.sizing[SELECTABLE_CHECKBOX_SIZE],
-        children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            "aria-label": "select all",
-            checked: allRowSelectValue,
-            disabled: selectableRowCount === 0,
-            name: "table-select-all-checkbox",
-            onChange: selectAllHandler,
-            value: "all"
-          }
-        )
-      }
-    ) : null,
-    expandButton ? /* @__PURE__ */ jsx(HeaderCell, { children: null }) : null,
-    children
-  ] });
+  return (
+    // biome-ignore  lint/a11y/noRedundantRoles: to fix
+    /* @__PURE__ */ jsxs("tr", { role: "row", children: [
+      hasSelectAllColumn ? /* @__PURE__ */ jsx(
+        HeaderCell,
+        {
+          isCheckbox: true,
+          maxWidth: theme.sizing[SELECTABLE_CHECKBOX_SIZE],
+          children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              "aria-label": "select all",
+              checked: allRowSelectValue,
+              disabled: selectableRowCount === 0,
+              name: "table-select-all-checkbox",
+              onChange: selectAllHandler,
+              value: "all"
+            }
+          )
+        }
+      ) : null,
+      expandButton ? /* @__PURE__ */ jsx(HeaderCell, { children: null }) : null,
+      children
+    ] })
+  );
 };
 export {
   HeaderRow

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

@@ -7,7 +7,7 @@ type RowProps = {
     'data-testid'?: string;
     /**
      * Row cannot be selected if this prop is provided. boolean true disabled selection, a string disable selection and a tooltip will be displayed on checkbox hover.
-     * */
+     */
     selectDisabled?: boolean | string;
     highlightAnimation?: boolean;
     expanded?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAehE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,0HAUjB,QAAQ,4CA4JV,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAehE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,0HAUjB,QAAQ,4CA4JV,CAAA"}

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

@@ -8,7 +8,7 @@ type SelectBarProps<T> = {
     data: T[];
     /**
      * The idKey of each data entry
-     * */
+     */
     idKey: keyof T;
 };
 export declare const SelectBar: <T>({ children, data, idKey, className, }: SelectBarProps<T>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SelectBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;IAC3E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;SAEK;IACL,KAAK,EAAE,MAAM,CAAC,CAAA;CACf,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,EAAG,uCAK3B,cAAc,CAAC,CAAC,CAAC,mDA4BnB,CAAA"}
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SelectBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;IAC3E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,CAAA;CACf,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,EAAG,uCAK3B,cAAc,CAAC,CAAC,CAAC,mDA4BnB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SkeletonRows.tsx"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,4BAA4B,iBAAiB,4CAuBzE,CAAA"}
+{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SkeletonRows.tsx"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,4BAA4B,iBAAiB,4CAwBzE,CAAA"}

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

@@ -5,14 +5,14 @@ export declare const BaseTable: import("react").ForwardRefExoticComponent<Omit<T
     selectable?: boolean;
     /**
      * Set it to true if you want to display a placeholder during loading
-     * */
+     */
     loading?: boolean;
     bordered?: boolean;
     stripped?: boolean;
     expandable?: boolean;
     /**
      * Auto collapse is collapsing expandable row when another is expanding
-     * */
+     */
     autoCollapse?: boolean;
     expandButton?: boolean;
     columns: ColumnProps[];
@@ -25,14 +25,14 @@ export declare const Table: import("react").ForwardRefExoticComponent<Omit<Table
     selectable?: boolean;
     /**
      * Set it to true if you want to display a placeholder during loading
-     * */
+     */
     loading?: boolean;
     bordered?: boolean;
     stripped?: boolean;
     expandable?: boolean;
     /**
      * Auto collapse is collapsing expandable row when another is expanding
-     * */
+     */
     autoCollapse?: boolean;
     expandButton?: boolean;
     columns: ColumnProps[];

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;iBApCP,OAAO;IACpB;;SAEK;cACK,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;IACpB;;SAEK;mBACU,OAAO;mBACP,OAAO;aACb,WAAW,EAAE;YACd,aAAa;oDA2FtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;iBA9GH,OAAO;IACpB;;SAEK;cACK,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;IACpB;;SAEK;mBACU,OAAO;mBACP,OAAO;aACb,WAAW,EAAE;YACd,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGrB,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;AAuD1C,eAAO,MAAM,SAAS;iBApCP,OAAO;IACpB;;OAEG;cACO,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;IACpB;;OAEG;mBACY,OAAO;mBACP,OAAO;aACb,WAAW,EAAE;YACd,aAAa;oDA4FtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;iBA/GH,OAAO;IACpB;;OAEG;cACO,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;IACpB;;OAEG;mBACY,OAAO;mBACP,OAAO;aACb,WAAW,EAAE;YACd,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGrB,CAAA"}

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

@@ -3,42 +3,53 @@ export declare const tableStripped: string;
 export declare const tableBordered: string;
 export declare const tableCell: import("@vanilla-extract/recipes").RuntimeFn<{
     align: {
-        left: {
-            textAlign: "left";
-        };
         center: {
             textAlign: "center";
         };
+        left: {
+            textAlign: "left";
+        };
         right: {
             textAlign: "right";
         };
     };
     sentiment: {
-        primary: {
+        danger: {
             backgroundColor: `var(--${string})`;
         };
-        secondary: {
+        info: {
             backgroundColor: `var(--${string})`;
         };
-        danger: {
+        neutral: {
             backgroundColor: `var(--${string})`;
         };
-        info: {
+        primary: {
             backgroundColor: `var(--${string})`;
         };
-        success: {
+        secondary: {
             backgroundColor: `var(--${string})`;
         };
-        warning: {
+        success: {
             backgroundColor: `var(--${string})`;
         };
-        neutral: {
+        warning: {
             backgroundColor: `var(--${string})`;
         };
     };
 }>;
 export declare const tableHeader: string;
 export declare const tableHeaderCell: import("@vanilla-extract/recipes").RuntimeFn<{
+    align: {
+        center: {
+            textAlign: "center";
+        };
+        left: {
+            textAlign: "left";
+        };
+        right: {
+            textAlign: "right";
+        };
+    };
     checked: {
         true: {
             selectors: {
@@ -48,17 +59,6 @@ export declare const tableHeaderCell: import("@vanilla-extract/recipes").Runtime
             };
         };
     };
-    align: {
-        left: {
-            textAlign: "left";
-        };
-        center: {
-            textAlign: "center";
-        };
-        right: {
-            textAlign: "right";
-        };
-    };
 }>;
 export declare const headerCellText: string;
 export declare const tableExpandableWrapper: string;

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

@@ -4,9 +4,9 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var table = "uv_1cpcscz1";
 var tableStripped = "uv_1cpcscz2";
 var tableBordered = "uv_1cpcscz3";
-var tableCell = createRuntimeFn({ defaultClassName: "uv_1cpcscz4", variantClassNames: { align: { left: "uv_1cpcscz5", center: "uv_1cpcscz6", right: "uv_1cpcscz7" }, sentiment: { primary: "uv_1cpcscz8", secondary: "uv_1cpcscz9", danger: "uv_1cpcscza", info: "uv_1cpcsczb", success: "uv_1cpcsczc", warning: "uv_1cpcsczd", neutral: "uv_1cpcscze" } }, defaultVariants: {}, compoundVariants: [] });
+var tableCell = createRuntimeFn({ defaultClassName: "uv_1cpcscz4", variantClassNames: { align: { center: "uv_1cpcscz5", left: "uv_1cpcscz6", right: "uv_1cpcscz7" }, sentiment: { danger: "uv_1cpcscz8", info: "uv_1cpcscz9", neutral: "uv_1cpcscza", primary: "uv_1cpcsczb", secondary: "uv_1cpcsczc", success: "uv_1cpcsczd", warning: "uv_1cpcscze" } }, defaultVariants: {}, compoundVariants: [] });
 var tableHeader = "uv_1cpcsczf";
-var tableHeaderCell = createRuntimeFn({ defaultClassName: "uv_1cpcsczg", variantClassNames: { checked: { true: "uv_1cpcsczh" }, align: { left: "uv_1cpcsczi", center: "uv_1cpcsczj", right: "uv_1cpcsczk" } }, defaultVariants: {}, compoundVariants: [] });
+var tableHeaderCell = createRuntimeFn({ defaultClassName: "uv_1cpcsczg", variantClassNames: { align: { center: "uv_1cpcsczh", left: "uv_1cpcsczi", right: "uv_1cpcsczj" }, checked: { true: "uv_1cpcsczk" } }, defaultVariants: {}, compoundVariants: [] });
 var headerCellText = "uv_1cpcsczl";
 var tableExpandableWrapper = "uv_1cpcsczm";
 var tableCheckboxContainer = "uv_1cpcsczn";

package/dist/components/Tabs/Tab.js

@@ -47,7 +47,7 @@ const Tab = forwardRef(
         },
         onKeyDown: (event) => {
           onKeyDown?.(event);
-          if (!event.defaultPrevented && !disabled && value) {
+          if (!(event.defaultPrevented || disabled) && value) {
             onChange(value);
           }
         },

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

@@ -24,7 +24,7 @@ export declare const Tabs: {
         tooltip?: string;
         value?: string | number;
         style?: import("react").CSSProperties;
-    } & Omit<any, "tooltip" | "disabled" | "as" | "className" | "children" | "value" | "role" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    } & Omit<any, "tooltip" | "disabled" | "as" | "className" | "role" | "children" | "value" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
     Menu: import("react").ForwardRefExoticComponent<{
         children: ReactNode;
         disclosure: ReactNode;

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

@@ -3,7 +3,7 @@ var tabsMenuContainer = "uv_1xz9hlg0";
 var tabsMenu = "uv_1xz9hlg1";
 var tabsContainer = "uv_1xz9hlg2";
 var tabsBadge = "uv_1xz9hlg3";
-var tabsTextSelected = { selected: "uv_1xz9hlg4", "default": "uv_1xz9hlg5" };
+var tabsTextSelected = { "default": "uv_1xz9hlg4", selected: "uv_1xz9hlg5" };
 var tabsBadgeContainer = "uv_1xz9hlg6";
 var tabsButton = "uv_1xz9hlg7";
 var tabsArrowIcon = "uv_1xz9hlg8";

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

@@ -3,28 +3,28 @@ export declare const containerTag: import("@vanilla-extract/recipes").RuntimeFn<
     copiable: {
         true: {
             selectors: {
-                '&:hover, &:active': {
-                    cursor: "pointer";
-                };
                 '&:active': {
                     boxShadow: `var(--${string})`;
                 };
+                '&:hover, &:active': {
+                    cursor: "pointer";
+                };
             };
         };
     };
-    sentiment: {
-        [k: string]: {
-            color: `var(--${string})`;
+    disabled: {
+        true: {
             background: `var(--${string})`;
             border: `solid 1px var(--${string})`;
+            color: `var(--${string})`;
+            cursor: "not-allowed";
         };
     };
-    disabled: {
-        true: {
-            color: `var(--${string})`;
+    sentiment: {
+        [k: string]: {
             background: `var(--${string})`;
             border: `solid 1px var(--${string})`;
-            cursor: "not-allowed";
+            color: `var(--${string})`;
         };
     };
 }>;

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

@@ -1,6 +1,6 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerTag = createRuntimeFn({ defaultClassName: "uv_d6zknp0", variantClassNames: { copiable: { true: "uv_d6zknp1" }, sentiment: { danger: "uv_d6zknp2", info: "uv_d6zknp3", neutral: "uv_d6zknp4", primary: "uv_d6zknp5", secondary: "uv_d6zknp6", success: "uv_d6zknp7", warning: "uv_d6zknp8" }, disabled: { true: "uv_d6zknp9" } }, defaultVariants: { copiable: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ copiable: true, sentiment: "danger" }, "uv_d6zknpa"], [{ copiable: true, sentiment: "info" }, "uv_d6zknpb"], [{ copiable: true, sentiment: "neutral" }, "uv_d6zknpc"], [{ copiable: true, sentiment: "primary" }, "uv_d6zknpd"], [{ copiable: true, sentiment: "secondary" }, "uv_d6zknpe"], [{ copiable: true, sentiment: "success" }, "uv_d6zknpf"], [{ copiable: true, sentiment: "warning" }, "uv_d6zknpg"]] });
+var containerTag = createRuntimeFn({ defaultClassName: "uv_d6zknp0", variantClassNames: { copiable: { true: "uv_d6zknp1" }, disabled: { true: "uv_d6zknp2" }, sentiment: { danger: "uv_d6zknp3", info: "uv_d6zknp4", neutral: "uv_d6zknp5", primary: "uv_d6zknp6", secondary: "uv_d6zknp7", success: "uv_d6zknp8", warning: "uv_d6zknp9" } }, defaultVariants: { copiable: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ copiable: true, sentiment: "danger" }, "uv_d6zknpa"], [{ copiable: true, sentiment: "info" }, "uv_d6zknpb"], [{ copiable: true, sentiment: "neutral" }, "uv_d6zknpc"], [{ copiable: true, sentiment: "primary" }, "uv_d6zknpd"], [{ copiable: true, sentiment: "secondary" }, "uv_d6zknpe"], [{ copiable: true, sentiment: "success" }, "uv_d6zknpf"], [{ copiable: true, sentiment: "warning" }, "uv_d6zknpg"]] });
 var textTag = "uv_d6zknph";
 var closeButtonTag = "uv_d6zknpi";
 export {

package/dist/components/TagInput/index.js

@@ -162,16 +162,16 @@ const TagInput = ({
               {
                 disabled,
                 isLoading: status[tag.index] === STATUS.LOADING,
-                onClose: !readOnly ? (e) => {
+                onClose: readOnly ? void 0 : (e) => {
                   e.stopPropagation();
                   deleteTag(tag.index);
-                } : void 0,
+                },
                 sentiment: "neutral",
                 children: tag.label
               },
               tag.index
             )),
-            !disabled ? /* @__PURE__ */ jsx(
+            disabled ? null : /* @__PURE__ */ jsx(
               "input",
               {
                 "aria-label": ariaLabel,
@@ -189,7 +189,7 @@ const TagInput = ({
                 type: "text",
                 value: input
               }
-            ) : null
+            )
           ] }),
           computedClearable || success || error ? /* @__PURE__ */ jsxs("div", { className: tagInputStateContainer, children: [
             computedClearable ? /* @__PURE__ */ jsx(
@@ -229,7 +229,7 @@ const TagInput = ({
       {
         as: "span",
         disabled: disabled || readOnly,
-        prominence: !error && !success ? "weak" : void 0,
+        prominence: error || success ? void 0 : "weak",
         sentiment: helperSentiment,
         variant: "caption",
         children: error || success || helper

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

@@ -6,16 +6,16 @@ export declare const TAGINPUT_SIZE_PADDING: {
 export declare const tagInputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         large: {
-            padding: `calc(var(--${string}) - 1px) var(--${string})`;
             minHeight: `var(--${string})`;
-        };
-        small: {
             padding: `calc(var(--${string}) - 1px) var(--${string})`;
-            minHeight: `var(--${string})`;
         };
         medium: {
+            minHeight: `var(--${string})`;
             padding: `calc(var(--${string}) - 1px) var(--${string})`;
+        };
+        small: {
             minHeight: `var(--${string})`;
+            padding: `calc(var(--${string}) - 1px) var(--${string})`;
         };
     };
 }>;

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

@@ -1,6 +1,6 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var tagInputContainer = createRuntimeFn({ defaultClassName: "uv_sjgcm20", variantClassNames: { size: { large: "uv_sjgcm21", small: "uv_sjgcm22", medium: "uv_sjgcm23" } }, defaultVariants: { size: "large" }, compoundVariants: [] });
+var tagInputContainer = createRuntimeFn({ defaultClassName: "uv_sjgcm20", variantClassNames: { size: { large: "uv_sjgcm21", medium: "uv_sjgcm22", small: "uv_sjgcm23" } }, defaultVariants: { size: "large" }, compoundVariants: [] });
 var tagInputDataContainer = "uv_sjgcm24";
 var tagInputStateContainer = "uv_sjgcm25";
 var tagInput = "uv_sjgcm26";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAY5B,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AAEjE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,CAAA;AAO5E;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,2KAcrB,YAAY,mDAmRd,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAY5B,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AAEjE,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,CAAA;AAO5E;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,2KAcrB,YAAY,mDAoRd,CAAA"}

package/dist/components/TagList/index.js

@@ -40,7 +40,7 @@ const TagList = ({
     }
     const potentiallyVisibleTagsLength = Math.max(
       1,
-      tags.length > tmpThreshold2 || false ? tmpThreshold2 : tags.length
+      tags.length > tmpThreshold2 ? tmpThreshold2 : tags.length
     );
     const potentiallyVisibleTags2 = tags.slice(0, potentiallyVisibleTagsLength);
     const surelyHiddenTags2 = tags.slice(potentiallyVisibleTagsLength);