@rebasepro/ui 0.2.4 → 0.2.5

package/dist/index.umd.js

@@ -989,15 +989,15 @@
           "border border-transparent bg-surface-300 dark:bg-surface-500 opacity-40 bg-surface-300/40 dark:bg-surface-500/40": t25
         });
         const sizeClasses2 = cls({
-          "py-0.5 px-1.5": size === "small",
-          "py-1.5 px-3": size === "medium",
-          "py-2 px-4": size === "large",
-          "py-2.5 px-5": size === "xl",
-          "py-3 px-6": size === "2xl"
+          "py-1 px-2": size === "small",
+          "py-2 px-4": size === "medium",
+          "py-2.5 px-5": size === "large",
+          "py-3 px-6": size === "xl",
+          "py-4 px-10": size === "2xl"
         });
         const iconColorClass = (color === "neutral" || color === "text") && !disabled ? "[&>svg]:text-surface-accent-500 dark:[&>svg]:text-surface-accent-300" : "";
         if (Component) {
-          t30 = /* @__PURE__ */ jsxRuntime.jsxs(Component, { ref, onClick: props.onClick, className: cls(startIcon ? "pl-3" : "", "typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-1.5 px-3 focus:outline-none transition-all ease-in-out duration-150 gap-1.5 active:scale-[0.98]", buttonClasses2, sizeClasses2, iconColorClass, className), ...props, children: [
+          t30 = /* @__PURE__ */ jsxRuntime.jsxs(Component, { ref, onClick: props.onClick, className: cls(startIcon ? "pl-3" : "", "typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-2 px-4 focus:outline-none transition-all ease-in-out duration-150 gap-2 active:scale-[0.98]", buttonClasses2, sizeClasses2, iconColorClass, className), ...props, children: [
             startIcon,
             children
           ] });
@@ -1006,7 +1006,7 @@
         t26 = ref;
         t27 = props.type ?? "button";
         t28 = props.onClick;
-        t29 = cls(startIcon ? "pl-3" : "", "typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-1.5 px-3 focus:outline-none transition-all ease-in-out duration-150 gap-1.5 active:scale-[0.98]", buttonClasses2, sizeClasses2, iconColorClass, className);
+        t29 = cls(startIcon ? "pl-3" : "", "typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-2 px-4 focus:outline-none transition-all ease-in-out duration-150 gap-2 active:scale-[0.98]", buttonClasses2, sizeClasses2, iconColorClass, className);
       }
       $[11] = Component;
       $[12] = children;
@@ -2151,10 +2151,10 @@
   const baseClasses = "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150";
   const colorClasses$1 = "text-surface-accent-500 visited:text-surface-accent-500 dark:text-surface-accent-300 dark:visited:text-surface-300";
   const sizeClasses$1 = {
-    medium: "w-9 !h-9 min-w-9 min-h-9",
-    small: "w-7 !h-7 min-w-7 min-h-7",
-    smallest: "w-5 !h-5 min-w-5 min-h-5",
-    large: "w-10 !h-10 min-w-10 min-h-10"
+    medium: "w-10 !h-10 min-w-10 min-h-10",
+    small: "w-8 !h-8 min-w-8 min-h-8",
+    smallest: "w-6 !h-6 min-w-6 min-h-6",
+    large: "w-12 !h-12 min-w-12 min-h-12"
   };
   const shapeClasses = {
     circular: "rounded-full",
@@ -7005,7 +7005,7 @@
     } else {
       t10 = $[12];
     }
-    const t11 = variant === "standard" && "inline-flex h-10 items-center justify-start rounded-md bg-surface-50 p-1 text-surface-600 dark:bg-surface-900 dark:text-surface-400 gap-2 border";
+    const t11 = variant === "standard" && "inline-flex h-9 items-center justify-start rounded-md bg-surface-50 p-1 text-surface-600 dark:bg-surface-900 dark:text-surface-400 gap-2 border";
     const t12 = variant === "standard" && defaultBorderMixin;
     const t13 = variant === "boxy" && "flex items-center h-full";
     const t14 = variant === "pill" && "flex items-center gap-0.5";
@@ -7079,7 +7079,7 @@
     const {
       variant
     } = React.useContext(TabsContext);
-    const t1 = variant === "standard" && "rounded-sm px-3 py-1.5 data-[state=active]:bg-white data-[state=active]:text-surface-900 data-[state=active]:shadow-sm dark:data-[state=active]:bg-surface-900 dark:data-[state=active]:text-surface-50";
+    const t1 = variant === "standard" && "rounded-sm px-3 py-1 data-[state=active]:bg-white data-[state=active]:text-surface-900 data-[state=active]:shadow-sm dark:data-[state=active]:bg-surface-900 dark:data-[state=active]:text-surface-50";
     let t2;
     if ($[0] !== className || $[1] !== innerClassName || $[2] !== t1 || $[3] !== variant) {
       t2 = cls("inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-white transition-all", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-surface-400 focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", t1, variant === "boxy" && cls("flex-shrink-0 flex items-center gap-1.5 px-3.5 h-9 border-r border-surface-200 dark:border-surface-800 cursor-pointer text-[12px] font-medium transition-colors group relative box-border overflow-hidden", "border-b-2 border-b-transparent", "data-[state=active]:bg-surface-50 dark:data-[state=active]:bg-surface-900", "data-[state=active]:text-text-primary dark:data-[state=active]:text-text-primary-dark", "data-[state=active]:border-b-primary", "text-text-secondary dark:text-text-secondary-dark hover:bg-surface-100 dark:hover:bg-surface-800"), variant === "pill" && cls("px-2 py-0.5 rounded text-[10px] font-medium transition-colors", "data-[state=active]:bg-primary/10 data-[state=active]:text-primary dark:data-[state=active]:bg-primary/20 dark:data-[state=active]:text-blue-400", "text-text-disabled dark:text-text-disabled-dark hover:text-text-secondary dark:hover:text-text-secondary-dark"), className, variant === "standard" && innerClassName);