@grupor5/raya 0.2.36 → 0.2.37

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.
Files changed (32) hide show
  1. package/dist/atoms/button/index.js +18 -18
  2. package/dist/atoms/button/index.mjs +18 -18
  3. package/dist/atoms/checkbox/index.js +1 -1
  4. package/dist/atoms/checkbox/index.mjs +1 -1
  5. package/dist/atoms/input/index.js +5 -5
  6. package/dist/atoms/input/index.mjs +5 -5
  7. package/dist/index.js +27 -27
  8. package/dist/index.mjs +27 -27
  9. package/dist/molecules/alert/index.js +18 -18
  10. package/dist/molecules/alert/index.mjs +18 -18
  11. package/dist/molecules/data-table/index.js +25 -25
  12. package/dist/molecules/data-table/index.mjs +25 -25
  13. package/dist/molecules/date-picker/index.js +23 -23
  14. package/dist/molecules/date-picker/index.mjs +23 -23
  15. package/dist/molecules/form/index.js +2 -2
  16. package/dist/molecules/form/index.mjs +2 -2
  17. package/dist/molecules/pagination/index.js +19 -19
  18. package/dist/molecules/pagination/index.mjs +19 -19
  19. package/dist/molecules/select/index.js +1 -1
  20. package/dist/molecules/select/index.mjs +1 -1
  21. package/dist/organisms/sidebar/index.js +18 -18
  22. package/dist/organisms/sidebar/index.mjs +18 -18
  23. package/dist/organisms/topnavbar/index.js +18 -18
  24. package/dist/organisms/topnavbar/index.mjs +18 -18
  25. package/dist/tailwind.css +1 -1
  26. package/dist/tokens/buttons.d.mts +36 -36
  27. package/dist/tokens/buttons.d.ts +36 -36
  28. package/dist/tokens/buttons.js +18 -18
  29. package/dist/tokens/buttons.mjs +18 -18
  30. package/dist/tokens/index.js +18 -18
  31. package/dist/tokens/index.mjs +18 -18
  32. package/package.json +1 -1
package/dist/atoms/button/index.js CHANGED
@@ -66,30 +66,30 @@ var buttonSizeClasses = {
66
66
  var buttonVariantClasses = {
67
67
  // Primary variants
68
68
  primary: {
69
- primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
70
- secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
71
- success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
72
- warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
73
- destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
74
- neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
69
+ primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
70
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
71
+ success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
72
+ warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
73
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
74
+ neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
75
75
  },
76
76
  // Secondary variants (outlined)
77
77
  secondary: {
78
- primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
79
- secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
80
- success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
81
- warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
82
- destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
83
- neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
78
+ primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
79
+ secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
80
+ success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
81
+ warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
82
+ destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
83
+ neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
84
84
  },
85
85
  // Ghost variants (text only)
86
86
  ghost: {
87
- primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
88
- secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
89
- success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
90
- warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
91
- destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
92
- neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
87
+ primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
88
+ secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
89
+ success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
90
+ warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
91
+ destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
92
+ neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
93
93
  }
94
94
  };
95
95
  var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";
package/dist/atoms/button/index.mjs CHANGED
@@ -60,30 +60,30 @@ var buttonSizeClasses = {
60
60
  var buttonVariantClasses = {
61
61
  // Primary variants
62
62
  primary: {
63
- primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
64
- secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
65
- success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
66
- warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
67
- destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
68
- neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
63
+ primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
64
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
65
+ success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
66
+ warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
67
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
68
+ neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
69
69
  },
70
70
  // Secondary variants (outlined)
71
71
  secondary: {
72
- primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
73
- secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
74
- success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
75
- warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
76
- destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
77
- neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
72
+ primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
73
+ secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
74
+ success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
75
+ warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
76
+ destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
77
+ neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
78
78
  },
79
79
  // Ghost variants (text only)
80
80
  ghost: {
81
- primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
82
- secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
83
- success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
84
- warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
85
- destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
86
- neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
81
+ primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
82
+ secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
83
+ success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
84
+ warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
85
+ destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
86
+ neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
87
87
  }
88
88
  };
89
89
  var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";
package/dist/atoms/checkbox/index.js CHANGED
@@ -69,7 +69,7 @@ var Checkbox = React__namespace.forwardRef((_a, ref) => {
69
69
  __spreadProps(__spreadValues({
70
70
  ref,
71
71
  className: cn(
72
- "peer h-5 w-5 shrink-0 rounded border-2 mx-s",
72
+ "peer h-5 w-5 shrink-0 rounded border mx-s",
73
73
  "focus-visible:outline-none focus-visible:shadow-focus",
74
74
  // Unchecked
75
75
  "border-primary-1200",
package/dist/atoms/checkbox/index.mjs CHANGED
@@ -46,7 +46,7 @@ var Checkbox = React.forwardRef((_a, ref) => {
46
46
  __spreadProps(__spreadValues({
47
47
  ref,
48
48
  className: cn(
49
- "peer h-5 w-5 shrink-0 rounded border-2 mx-s",
49
+ "peer h-5 w-5 shrink-0 rounded border mx-s",
50
50
  "focus-visible:outline-none focus-visible:shadow-focus",
51
51
  // Unchecked
52
52
  "border-primary-1200",
package/dist/atoms/input/index.js CHANGED
@@ -80,11 +80,11 @@ var Input = React__namespace.forwardRef(
80
80
  id: inputId,
81
81
  type,
82
82
  className: cn(
83
- "flex h-10 w-full rounded-lg border border-primary-300 bg-background py-2 pr-3",
83
+ "flex h-10 w-full rounded-lg border border-primary-600 bg-background py-2 pr-3",
84
84
  "text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium",
85
- "placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
85
+ "placeholder:text-primary-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100",
86
86
  "focus-visible:shadow-focus active:shadow-pressed",
87
- error && "border-destructive focus-visible:shadow-destructive",
87
+ error && "border-red-500 focus-visible:shadow-destructive",
88
88
  icon ? "pl-10" : "pl-3",
89
89
  className
90
90
  ),
@@ -94,8 +94,8 @@ var Input = React__namespace.forwardRef(
94
94
  }, props)
95
95
  )
96
96
  ] }),
97
- helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
98
- error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
97
+ helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-primary-600", children: helperText }),
98
+ error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
99
99
  ] });
100
100
  }
101
101
  );
package/dist/atoms/input/index.mjs CHANGED
@@ -58,11 +58,11 @@ var Input = React.forwardRef(
58
58
  id: inputId,
59
59
  type,
60
60
  className: cn(
61
- "flex h-10 w-full rounded-lg border border-primary-300 bg-background py-2 pr-3",
61
+ "flex h-10 w-full rounded-lg border border-primary-600 bg-background py-2 pr-3",
62
62
  "text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium",
63
- "placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
63
+ "placeholder:text-primary-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100",
64
64
  "focus-visible:shadow-focus active:shadow-pressed",
65
- error && "border-destructive focus-visible:shadow-destructive",
65
+ error && "border-red-500 focus-visible:shadow-destructive",
66
66
  icon ? "pl-10" : "pl-3",
67
67
  className
68
68
  ),
@@ -72,8 +72,8 @@ var Input = React.forwardRef(
72
72
  }, props)
73
73
  )
74
74
  ] }),
75
- helperText && !error && /* @__PURE__ */ jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
76
- error && /* @__PURE__ */ jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
75
+ helperText && !error && /* @__PURE__ */ jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-primary-600", children: helperText }),
76
+ error && /* @__PURE__ */ jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
77
77
  ] });
78
78
  }
79
79
  );
package/dist/index.js CHANGED
@@ -1531,30 +1531,30 @@ var buttonStates = {
1531
1531
  var buttonVariantClasses = {
1532
1532
  // Primary variants
1533
1533
  primary: {
1534
- primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
1535
- secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
1536
- success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
1537
- warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
1538
- destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
1539
- neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
1534
+ primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
1535
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
1536
+ success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
1537
+ warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
1538
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
1539
+ neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
1540
1540
  },
1541
1541
  // Secondary variants (outlined)
1542
1542
  secondary: {
1543
- primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1544
- secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1545
- success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1546
- warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1547
- destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1548
- neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
1543
+ primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1544
+ secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1545
+ success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1546
+ warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1547
+ destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1548
+ neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
1549
1549
  },
1550
1550
  // Ghost variants (text only)
1551
1551
  ghost: {
1552
- primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
1553
- secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
1554
- success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
1555
- warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
1556
- destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
1557
- neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
1552
+ primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
1553
+ secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
1554
+ success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
1555
+ warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
1556
+ destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
1557
+ neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
1558
1558
  }
1559
1559
  };
1560
1560
  var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";
@@ -1986,7 +1986,7 @@ var Checkbox = React28__namespace.forwardRef((_a, ref) => {
1986
1986
  __spreadProps(__spreadValues({
1987
1987
  ref,
1988
1988
  className: cn(
1989
- "peer h-5 w-5 shrink-0 rounded border-2 mx-s",
1989
+ "peer h-5 w-5 shrink-0 rounded border mx-s",
1990
1990
  "focus-visible:outline-none focus-visible:shadow-focus",
1991
1991
  // Unchecked
1992
1992
  "border-primary-1200",
@@ -2035,11 +2035,11 @@ var Input = React28__namespace.forwardRef(
2035
2035
  id: inputId,
2036
2036
  type,
2037
2037
  className: cn(
2038
- "flex h-10 w-full rounded-lg border border-primary-300 bg-background py-2 pr-3",
2038
+ "flex h-10 w-full rounded-lg border border-primary-600 bg-background py-2 pr-3",
2039
2039
  "text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium",
2040
- "placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
2040
+ "placeholder:text-primary-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100",
2041
2041
  "focus-visible:shadow-focus active:shadow-pressed",
2042
- error && "border-destructive focus-visible:shadow-destructive",
2042
+ error && "border-red-500 focus-visible:shadow-destructive",
2043
2043
  icon ? "pl-10" : "pl-3",
2044
2044
  className
2045
2045
  ),
@@ -2049,8 +2049,8 @@ var Input = React28__namespace.forwardRef(
2049
2049
  }, props)
2050
2050
  )
2051
2051
  ] }),
2052
- helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
2053
- error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
2052
+ helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-primary-600", children: helperText }),
2053
+ error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
2054
2054
  ] });
2055
2055
  }
2056
2056
  );
@@ -3085,7 +3085,7 @@ var SelectTrigger = React28__namespace.forwardRef((_a, ref) => {
3085
3085
  __spreadProps(__spreadValues({
3086
3086
  ref,
3087
3087
  className: cn(
3088
- "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
3088
+ "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-lg border border-primary-600 bg-transparent px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-primary-500 focus:outline-none focus-visible:shadow-focus active:shadow-pressed disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100 [&>span]:line-clamp-1",
3089
3089
  className
3090
3090
  )
3091
3091
  }, props), {
@@ -4316,8 +4316,8 @@ var FormMessage = React28__namespace.forwardRef(
4316
4316
  className: cn(
4317
4317
  "text-body-xs",
4318
4318
  {
4319
- "text-destructive": type === "error",
4320
- "text-muted-foreground": type === "helper",
4319
+ "text-red-500": type === "error",
4320
+ "text-primary-600": type === "helper",
4321
4321
  "text-green-600": type === "success"
4322
4322
  },
4323
4323
  className
package/dist/index.mjs CHANGED
@@ -1500,30 +1500,30 @@ var buttonStates = {
1500
1500
  var buttonVariantClasses = {
1501
1501
  // Primary variants
1502
1502
  primary: {
1503
- primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
1504
- secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
1505
- success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
1506
- warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
1507
- destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
1508
- neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
1503
+ primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
1504
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
1505
+ success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
1506
+ warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
1507
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
1508
+ neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
1509
1509
  },
1510
1510
  // Secondary variants (outlined)
1511
1511
  secondary: {
1512
- primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1513
- secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1514
- success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1515
- warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1516
- destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
1517
- neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
1512
+ primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1513
+ secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1514
+ success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1515
+ warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1516
+ destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
1517
+ neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
1518
1518
  },
1519
1519
  // Ghost variants (text only)
1520
1520
  ghost: {
1521
- primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
1522
- secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
1523
- success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
1524
- warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
1525
- destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
1526
- neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
1521
+ primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
1522
+ secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
1523
+ success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
1524
+ warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
1525
+ destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
1526
+ neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
1527
1527
  }
1528
1528
  };
1529
1529
  var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";
@@ -1955,7 +1955,7 @@ var Checkbox = React28.forwardRef((_a, ref) => {
1955
1955
  __spreadProps(__spreadValues({
1956
1956
  ref,
1957
1957
  className: cn(
1958
- "peer h-5 w-5 shrink-0 rounded border-2 mx-s",
1958
+ "peer h-5 w-5 shrink-0 rounded border mx-s",
1959
1959
  "focus-visible:outline-none focus-visible:shadow-focus",
1960
1960
  // Unchecked
1961
1961
  "border-primary-1200",
@@ -2004,11 +2004,11 @@ var Input = React28.forwardRef(
2004
2004
  id: inputId,
2005
2005
  type,
2006
2006
  className: cn(
2007
- "flex h-10 w-full rounded-lg border border-primary-300 bg-background py-2 pr-3",
2007
+ "flex h-10 w-full rounded-lg border border-primary-600 bg-background py-2 pr-3",
2008
2008
  "text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium",
2009
- "placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
2009
+ "placeholder:text-primary-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100",
2010
2010
  "focus-visible:shadow-focus active:shadow-pressed",
2011
- error && "border-destructive focus-visible:shadow-destructive",
2011
+ error && "border-red-500 focus-visible:shadow-destructive",
2012
2012
  icon ? "pl-10" : "pl-3",
2013
2013
  className
2014
2014
  ),
@@ -2018,8 +2018,8 @@ var Input = React28.forwardRef(
2018
2018
  }, props)
2019
2019
  )
2020
2020
  ] }),
2021
- helperText && !error && /* @__PURE__ */ jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
2022
- error && /* @__PURE__ */ jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
2021
+ helperText && !error && /* @__PURE__ */ jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-primary-600", children: helperText }),
2022
+ error && /* @__PURE__ */ jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
2023
2023
  ] });
2024
2024
  }
2025
2025
  );
@@ -3054,7 +3054,7 @@ var SelectTrigger = React28.forwardRef((_a, ref) => {
3054
3054
  __spreadProps(__spreadValues({
3055
3055
  ref,
3056
3056
  className: cn(
3057
- "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
3057
+ "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-lg border border-primary-600 bg-transparent px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-primary-500 focus:outline-none focus-visible:shadow-focus active:shadow-pressed disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100 [&>span]:line-clamp-1",
3058
3058
  className
3059
3059
  )
3060
3060
  }, props), {
@@ -4285,8 +4285,8 @@ var FormMessage = React28.forwardRef(
4285
4285
  className: cn(
4286
4286
  "text-body-xs",
4287
4287
  {
4288
- "text-destructive": type === "error",
4289
- "text-muted-foreground": type === "helper",
4288
+ "text-red-500": type === "error",
4289
+ "text-primary-600": type === "helper",
4290
4290
  "text-green-600": type === "success"
4291
4291
  },
4292
4292
  className
package/dist/molecules/alert/index.js CHANGED
@@ -84,30 +84,30 @@ var buttonSizeClasses = {
84
84
  var buttonVariantClasses = {
85
85
  // Primary variants
86
86
  primary: {
87
- primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
88
- secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
89
- success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
90
- warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
91
- destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
92
- neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
87
+ primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
88
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
89
+ success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
90
+ warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
91
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
92
+ neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
93
93
  },
94
94
  // Secondary variants (outlined)
95
95
  secondary: {
96
- primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
97
- secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
98
- success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
99
- warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
100
- destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
101
- neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
96
+ primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
97
+ secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
98
+ success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
99
+ warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
100
+ destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
101
+ neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
102
102
  },
103
103
  // Ghost variants (text only)
104
104
  ghost: {
105
- primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
106
- secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
107
- success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
108
- warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
109
- destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
110
- neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
105
+ primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
106
+ secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
107
+ success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
108
+ warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
109
+ destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
110
+ neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
111
111
  }
112
112
  };
113
113
  var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";
package/dist/molecules/alert/index.mjs CHANGED
@@ -63,30 +63,30 @@ var buttonSizeClasses = {
63
63
  var buttonVariantClasses = {
64
64
  // Primary variants
65
65
  primary: {
66
- primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
67
- secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
68
- success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
69
- warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
70
- destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
71
- neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
66
+ primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
67
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
68
+ success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
69
+ warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
70
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
71
+ neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
72
72
  },
73
73
  // Secondary variants (outlined)
74
74
  secondary: {
75
- primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
76
- secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
77
- success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
78
- warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
79
- destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
80
- neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
75
+ primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
76
+ secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
77
+ success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
78
+ warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
79
+ destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
80
+ neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
81
81
  },
82
82
  // Ghost variants (text only)
83
83
  ghost: {
84
- primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
85
- secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
86
- success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
87
- warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
88
- destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
89
- neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
84
+ primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
85
+ secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
86
+ success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
87
+ warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
88
+ destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
89
+ neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
90
90
  }
91
91
  };
92
92
  var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";