gridsmith-ui 0.2.11 → 0.2.13

package/dist/index.js

@@ -1742,6 +1742,7 @@ var iconPaddingReduce = {
   md: 4,
   lg: 6
 };
+var HOVER_SCALE_CAP = { "--_btn-scale": "min(var(--ds-hover-scale), 1.02)" };
 function Button({ variant = "default", size = "md", iconLeft, iconRight, loading, className, children, disabled, style: style2, ...props }) {
   const spinnerSize = size === "lg" || size === "icon-lg" ? "md" : "sm";
   let paddingStyle;
@@ -1761,7 +1762,7 @@ function Button({ variant = "default", size = "md", iconLeft, iconRight, loading
         "border-[length:var(--ds-border-width)]",
         "rounded-[var(--ds-radius-md)]",
         "shadow-[var(--ds-shadow-button)]",
-        "hover:scale-[var(--ds-hover-scale)] hover:-translate-y-[var(--ds-hover-lift)]",
+        "hover:scale-[var(--_btn-scale)] hover:-translate-y-[var(--ds-hover-lift)]",
         "active:shadow-[var(--ds-shadow-button-pressed)] active:translate-x-[var(--ds-press-depth)] active:translate-y-[var(--ds-press-depth)]",
         "transition-all duration-[var(--ds-interactive-hover-speed)] ease-[var(--ds-interactive-hover-ease)]",
         "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
@@ -1771,7 +1772,7 @@ function Button({ variant = "default", size = "md", iconLeft, iconRight, loading
         className
       ),
       disabled: disabled || loading,
-      style: { ...paddingStyle, ...style2 },
+      style: { ...HOVER_SCALE_CAP, ...paddingStyle, ...style2 },
       ...props,
       children: [
         loading && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: "inherit" }) }),
@@ -96814,8 +96815,7 @@ function Alert({ variant, title, children, dismissible, onDismiss, action, class
               "shrink-0 text-xs font-medium px-ds-2.5 py-ds-1 rounded-[var(--ds-radius-sm)]",
               "border-[length:var(--ds-border-width)] border-current",
               "transition-colors cursor-pointer",
-              "hover:bg-[var(--ds-bg-muted)]",
-              variant === "error" ? "text-[var(--ds-status-error)]" : variant === "warning" ? "text-[var(--ds-status-warning)]" : variant === "success" ? "text-[var(--ds-status-success)]" : "text-[var(--ds-accent-primary)]"
+              variant === "error" ? "text-[var(--ds-status-error)] hover:bg-[color-mix(in_srgb,var(--ds-status-error)_12%,transparent)]" : variant === "warning" ? "text-[var(--ds-status-warning)] hover:bg-[color-mix(in_srgb,var(--ds-status-warning)_15%,transparent)]" : variant === "success" ? "text-[var(--ds-status-success)] hover:bg-[color-mix(in_srgb,var(--ds-status-success)_12%,transparent)]" : "text-[var(--ds-accent-primary)] hover:bg-[color-mix(in_srgb,var(--ds-accent-primary)_12%,transparent)]"
             ),
             children: action.label
           }