@skalar-saas/design-system 0.1.113 → 0.1.115

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -2806,9 +2806,9 @@ const bc = ({
2806
2806
  disabled: "bg-surface-3 text-disabled"
2807
2807
  },
2808
2808
  secondary: {
2809
- base: "border border-surface-3 border-none rounded-none text-high-em bg-transparent",
2809
+ base: "border-none rounded-none text-high-em bg-transparent",
2810
2810
  hover: "hover:bg-surface-2",
2811
- active: "bg-surface-2 border-surface-4 z-10",
2811
+ active: "bg-surface-2",
2812
2812
  disabled: "opacity-50 cursor-not-allowed"
2813
2813
  }
2814
2814
  };
@@ -11108,10 +11108,21 @@ const qe = ({
11108
11108
  /* @__PURE__ */ e(Sr, { children: /* @__PURE__ */ e(
11109
11109
  "button",
11110
11110
  {
11111
+ type: "button",
11111
11112
  className: p(
11112
- "px-2 h-7 flex items-center justify-center transition-colors",
11113
- "hover:bg-surface-3 active:bg-surface-4",
11114
- r && "opacity-50 cursor-not-allowed"
11113
+ // Size (xs)
11114
+ "h-[28px] px-[9.2px] text-[10px]",
11115
+ // Layout
11116
+ "inline-flex items-center justify-center",
11117
+ // Typography
11118
+ "font-semibold whitespace-nowrap text-high-em",
11119
+ // Variant (secondary)
11120
+ "border-none rounded-none bg-transparent",
11121
+ // Transitions
11122
+ "transition-colors duration-200",
11123
+ // States
11124
+ !r && "hover:bg-surface-2",
11125
+ r && "opacity-50 cursor-not-allowed pointer-events-none"
11115
11126
  ),
11116
11127
  disabled: r,
11117
11128
  children: /* @__PURE__ */ e(zt, { size: 12 })