infinity-ui-elements 1.8.17 → 1.8.19

package/dist/index.js

@@ -1642,7 +1642,7 @@ const Checkbox = React__namespace.forwardRef(({ label, errorText, size = "medium
         },
         large: {
             gap: "gap-3",
-            labelSize: "text-body-large-regular",
+            labelSize: "text-body-medium-regular",
             iconSize: 14,
         },
     };
@@ -2034,7 +2034,7 @@ const FormHeader = React__namespace.forwardRef(({ label, size = "medium", isOpti
         },
     };
     const config = sizeConfig[size];
-    return (jsxRuntime.jsxs("div", { ref: ref, className: cn("flex items-center justify-between px-1", config.gap, className), children: [jsxRuntime.jsxs("div", { className: cn("flex items-center", config.gap), children: [jsxRuntime.jsxs("label", { htmlFor: htmlFor, className: cn("flex items-center", labelClassName), children: [jsxRuntime.jsx("span", { className: cn(config.textClassName, "text-surface-neutral-subtle"), children: label }), isRequired && (jsxRuntime.jsx("span", { className: cn(config.textClassName, "text-color-negative ml-0.5"), children: "*" })), isOptional && (jsxRuntime.jsx("span", { className: cn(config.textClassNameRegular, "text-surface-neutral-muted italic ml-1"), children: "(optional)" }))] }), infoDescription && (jsxRuntime.jsx(Tooltip, { description: infoDescription, heading: infoHeading, children: jsxRuntime.jsx(Icon, { name: "info", size: config.iconSize }) }))] }), LinkComponent
+    return (jsxRuntime.jsxs("div", { ref: ref, className: cn("flex items-center justify-between px-1", config.gap, className), children: [jsxRuntime.jsxs("div", { className: cn("flex items-center", config.gap), children: [jsxRuntime.jsxs("label", { htmlFor: htmlFor, className: cn("flex items-center", labelClassName), children: [jsxRuntime.jsx("span", { className: cn(config.textClassName, "text-surface-neutral-subtle"), children: label }), isRequired && (jsxRuntime.jsx("span", { className: cn(config.textClassName, "text-color-negative ml-0.5"), children: "*" })), isOptional && (jsxRuntime.jsx("span", { className: cn(config.textClassNameRegular, "text-surface-ink-neutral-muted ml-1"), children: "(optional)" }))] }), infoDescription && (jsxRuntime.jsx(Tooltip, { description: infoDescription, heading: infoHeading, children: jsxRuntime.jsx(Icon, { name: "info", size: config.iconSize }) }))] }), LinkComponent
                 ? LinkComponent
                 : linkText && (jsxRuntime.jsx(Link, { href: linkHref, onClick: onLinkClick, type: "action", color: "primary", size: size === "large" ? "small" : "xsmall", leadingIcon: linkLeadingIcon, trailingIcon: linkTrailingIcon, children: linkText }))] }));
 });
@@ -3698,7 +3698,7 @@ const switchVariants = classVarianceAuthority.cva("relative inline-flex items-ce
         isDisabled: false,
     },
 });
-const switchThumbVariants = classVarianceAuthority.cva("inline-block rounded-full bg-neutral-00 shadow-sm transition-transform duration-200", {
+const switchThumbVariants = classVarianceAuthority.cva("inline-block rounded-full bg-white shadow-sm transition-transform duration-200", {
     variants: {
         size: {
             small: "h-[8px] w-[8px]",
@@ -3783,11 +3783,11 @@ const Switch = React__namespace.forwardRef(({ label, size = "medium", isDisabled
         },
         medium: {
             gap: "gap-2.5",
-            labelSize: "text-body-medium-regular",
+            labelSize: "text-body-small-regular",
         },
         large: {
             gap: "gap-3",
-            labelSize: "text-body-large-regular",
+            labelSize: "text-body-medium-regular",
         },
     };
     const config = sizeConfig[size];
@@ -3823,7 +3823,7 @@ const tableVariants = classVarianceAuthority.cva("w-full border-collapse", {
         size: "medium",
     },
 });
-const tableHeaderVariants = classVarianceAuthority.cva("text-body-medium-regular text-left text-surface-ink-neutral-normal border-b border-surface-outline-neutral-muted", {
+const tableHeaderVariants = classVarianceAuthority.cva("text-body-medium-regular text-left text-surface-ink-neutral-normal border-b border-surface-outline-neutral-muted box-border", {
     variants: {
         size: {
             small: "px-3 py-2 h-[32px]",
@@ -3836,7 +3836,7 @@ const tableHeaderVariants = classVarianceAuthority.cva("text-body-medium-regular
         size: "medium",
     },
 });
-const tableCellVariants = classVarianceAuthority.cva("text-body-medium-regular border-b border-surface-outline-neutral-muted text-surface-ink-neutral-normal transition-colors duration-150", {
+const tableCellVariants = classVarianceAuthority.cva("text-body-medium-regular border-b border-surface-outline-neutral-muted text-surface-ink-neutral-normal transition-colors duration-150 box-border", {
     variants: {
         size: {
             small: "px-3 py-2 h-[40px]",