infinity-ui-elements 1.8.17 → 1.8.19

package/dist/index.esm.js

@@ -1621,7 +1621,7 @@ const Checkbox = React.forwardRef(({ label, errorText, size = "medium", validati
         },
         large: {
             gap: "gap-3",
-            labelSize: "text-body-large-regular",
+            labelSize: "text-body-medium-regular",
             iconSize: 14,
         },
     };
@@ -2013,7 +2013,7 @@ const FormHeader = React.forwardRef(({ label, size = "medium", isOptional = fals
         },
     };
     const config = sizeConfig[size];
-    return (jsxs("div", { ref: ref, className: cn("flex items-center justify-between px-1", config.gap, className), children: [jsxs("div", { className: cn("flex items-center", config.gap), children: [jsxs("label", { htmlFor: htmlFor, className: cn("flex items-center", labelClassName), children: [jsx("span", { className: cn(config.textClassName, "text-surface-neutral-subtle"), children: label }), isRequired && (jsx("span", { className: cn(config.textClassName, "text-color-negative ml-0.5"), children: "*" })), isOptional && (jsx("span", { className: cn(config.textClassNameRegular, "text-surface-neutral-muted italic ml-1"), children: "(optional)" }))] }), infoDescription && (jsx(Tooltip, { description: infoDescription, heading: infoHeading, children: jsx(Icon, { name: "info", size: config.iconSize }) }))] }), LinkComponent
+    return (jsxs("div", { ref: ref, className: cn("flex items-center justify-between px-1", config.gap, className), children: [jsxs("div", { className: cn("flex items-center", config.gap), children: [jsxs("label", { htmlFor: htmlFor, className: cn("flex items-center", labelClassName), children: [jsx("span", { className: cn(config.textClassName, "text-surface-neutral-subtle"), children: label }), isRequired && (jsx("span", { className: cn(config.textClassName, "text-color-negative ml-0.5"), children: "*" })), isOptional && (jsx("span", { className: cn(config.textClassNameRegular, "text-surface-ink-neutral-muted ml-1"), children: "(optional)" }))] }), infoDescription && (jsx(Tooltip, { description: infoDescription, heading: infoHeading, children: jsx(Icon, { name: "info", size: config.iconSize }) }))] }), LinkComponent
                 ? LinkComponent
                 : linkText && (jsx(Link, { href: linkHref, onClick: onLinkClick, type: "action", color: "primary", size: size === "large" ? "small" : "xsmall", leadingIcon: linkLeadingIcon, trailingIcon: linkTrailingIcon, children: linkText }))] }));
 });
@@ -3677,7 +3677,7 @@ const switchVariants = cva("relative inline-flex items-center shrink-0 cursor-po
         isDisabled: false,
     },
 });
-const switchThumbVariants = cva("inline-block rounded-full bg-neutral-00 shadow-sm transition-transform duration-200", {
+const switchThumbVariants = cva("inline-block rounded-full bg-white shadow-sm transition-transform duration-200", {
     variants: {
         size: {
             small: "h-[8px] w-[8px]",
@@ -3762,11 +3762,11 @@ const Switch = React.forwardRef(({ label, size = "medium", isDisabled = false, c
         },
         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];
@@ -3802,7 +3802,7 @@ const tableVariants = cva("w-full border-collapse", {
         size: "medium",
     },
 });
-const tableHeaderVariants = cva("text-body-medium-regular text-left text-surface-ink-neutral-normal border-b border-surface-outline-neutral-muted", {
+const tableHeaderVariants = 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]",
@@ -3815,7 +3815,7 @@ const tableHeaderVariants = cva("text-body-medium-regular text-left text-surface
         size: "medium",
     },
 });
-const tableCellVariants = cva("text-body-medium-regular border-b border-surface-outline-neutral-muted text-surface-ink-neutral-normal transition-colors duration-150", {
+const tableCellVariants = 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]",