@rehagro/ui 1.0.32 → 1.0.34

package/dist/index.mjs

@@ -18,6 +18,12 @@ var TOKEN_MAP = {
   successHover: { var: "--rh-success-hover", isColor: true },
   info: { var: "--rh-info", isColor: true },
   infoHover: { var: "--rh-info-hover", isColor: true },
+  primarySubtle: { var: "--rh-primary-subtle", isColor: true, raw: true },
+  secondarySubtle: { var: "--rh-secondary-subtle", isColor: true, raw: true },
+  dangerSubtle: { var: "--rh-danger-subtle", isColor: true, raw: true },
+  warningSubtle: { var: "--rh-warning-subtle", isColor: true, raw: true },
+  successSubtle: { var: "--rh-success-subtle", isColor: true, raw: true },
+  infoSubtle: { var: "--rh-info-subtle", isColor: true, raw: true },
   text: { var: "--rh-text", isColor: true },
   textMuted: { var: "--rh-text-muted", isColor: true },
   surface: { var: "--rh-surface", isColor: true },
@@ -693,7 +699,9 @@ function RehagroProvider({ theme, toastPosition, children }) {
     for (const [key, config] of Object.entries(TOKEN_MAP)) {
       const value = theme[key];
       if (!value) continue;
-      if (config.isColor) {
+      if (config.raw) {
+        vars[config.var] = value;
+      } else if (config.isColor) {
         const triplet = toRgbTriplet(value);
         if (triplet) vars[config.var] = triplet;
       } else {
@@ -733,30 +741,56 @@ var PRESET_COLORS = /* @__PURE__ */ new Set([
   "info"
 ]);
 var isPresetColor = (c) => PRESET_COLORS.has(c);
-var variantColorClasses = {
+var variantBaseClasses = {
   solid: {
-    primary: "rh-bg-primary rh-text-surface rh-border-primary hover:rh-bg-primary-hover hover:rh-border-primary-hover",
-    secondary: "rh-bg-secondary rh-text-surface rh-border-secondary hover:rh-bg-secondary-hover hover:rh-border-secondary-hover",
-    danger: "rh-bg-danger rh-text-surface rh-border-danger hover:rh-bg-danger-hover hover:rh-border-danger-hover",
-    warning: "rh-bg-warning rh-text-surface rh-border-warning hover:rh-bg-warning-hover hover:rh-border-warning-hover",
-    success: "rh-bg-success rh-text-surface rh-border-success hover:rh-bg-success-hover hover:rh-border-success-hover",
-    info: "rh-bg-info rh-text-surface rh-border-info hover:rh-bg-info-hover hover:rh-border-info-hover"
+    primary: "rh-bg-primary rh-text-surface rh-border-primary",
+    secondary: "rh-bg-secondary rh-text-surface rh-border-secondary",
+    danger: "rh-bg-danger rh-text-surface rh-border-danger",
+    warning: "rh-bg-warning rh-text-surface rh-border-warning",
+    success: "rh-bg-success rh-text-surface rh-border-success",
+    info: "rh-bg-info rh-text-surface rh-border-info"
   },
   outline: {
-    primary: "rh-bg-transparent rh-text-primary rh-border-primary hover:rh-bg-primary/[0.16]",
-    secondary: "rh-bg-transparent rh-text-secondary rh-border-secondary hover:rh-bg-secondary/[0.16]",
-    danger: "rh-bg-transparent rh-text-danger rh-border-danger hover:rh-bg-danger/[0.16]",
-    warning: "rh-bg-transparent rh-text-warning rh-border-warning hover:rh-bg-warning/[0.16]",
-    success: "rh-bg-transparent rh-text-success rh-border-success hover:rh-bg-success/[0.16]",
-    info: "rh-bg-transparent rh-text-info rh-border-info hover:rh-bg-info/[0.16]"
+    primary: "rh-bg-transparent rh-text-primary rh-border-primary",
+    secondary: "rh-bg-transparent rh-text-secondary rh-border-secondary",
+    danger: "rh-bg-transparent rh-text-danger rh-border-danger",
+    warning: "rh-bg-transparent rh-text-warning rh-border-warning",
+    success: "rh-bg-transparent rh-text-success rh-border-success",
+    info: "rh-bg-transparent rh-text-info rh-border-info"
   },
   ghost: {
-    primary: "rh-bg-transparent rh-text-primary rh-border-transparent hover:rh-bg-primary/10",
-    secondary: "rh-bg-transparent rh-text-secondary rh-border-transparent hover:rh-bg-secondary/10",
-    danger: "rh-bg-transparent rh-text-danger rh-border-transparent hover:rh-bg-danger/10",
-    warning: "rh-bg-transparent rh-text-warning rh-border-transparent hover:rh-bg-warning/10",
-    success: "rh-bg-transparent rh-text-success rh-border-transparent hover:rh-bg-success/10",
-    info: "rh-bg-transparent rh-text-info rh-border-transparent hover:rh-bg-info/10"
+    primary: "rh-bg-transparent rh-text-primary rh-border-transparent",
+    secondary: "rh-bg-transparent rh-text-secondary rh-border-transparent",
+    danger: "rh-bg-transparent rh-text-danger rh-border-transparent",
+    warning: "rh-bg-transparent rh-text-warning rh-border-transparent",
+    success: "rh-bg-transparent rh-text-success rh-border-transparent",
+    info: "rh-bg-transparent rh-text-info rh-border-transparent"
+  }
+};
+var variantHoverClasses = {
+  solid: {
+    primary: "hover:rh-bg-primary-hover hover:rh-border-primary-hover",
+    secondary: "hover:rh-bg-secondary-hover hover:rh-border-secondary-hover",
+    danger: "hover:rh-bg-danger-hover hover:rh-border-danger-hover",
+    warning: "hover:rh-bg-warning-hover hover:rh-border-warning-hover",
+    success: "hover:rh-bg-success-hover hover:rh-border-success-hover",
+    info: "hover:rh-bg-info-hover hover:rh-border-info-hover"
+  },
+  outline: {
+    primary: "hover:rh-bg-primary-subtle",
+    secondary: "hover:rh-bg-secondary-subtle",
+    danger: "hover:rh-bg-danger-subtle",
+    warning: "hover:rh-bg-warning-subtle",
+    success: "hover:rh-bg-success-subtle",
+    info: "hover:rh-bg-info-subtle"
+  },
+  ghost: {
+    primary: "hover:rh-bg-primary/10",
+    secondary: "hover:rh-bg-secondary/10",
+    danger: "hover:rh-bg-danger/10",
+    warning: "hover:rh-bg-warning/10",
+    success: "hover:rh-bg-success/10",
+    info: "hover:rh-bg-info/10"
   }
 };
 function getArbitraryColorStyle(variant, color) {
@@ -820,7 +854,8 @@ var Button = forwardRef(function Button2({
         "rh-border rh-font-display rh-font-medium",
         "rh-transition-colors rh-duration-150",
         "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring focus-visible:rh-ring-offset-2",
-        preset && !hasCustomHover ? variantColorClasses[variant][color] : "",
+        preset ? variantBaseClasses[variant][color] : "",
+        preset && !hasCustomHover ? variantHoverClasses[variant][color] : "",
         !preset && !hasCustomHover ? "hover:rh-brightness-90" : "",
         hasCustomHover ? "btn-custom-hover" : "",
         sizeClasses[size],
@@ -877,7 +912,7 @@ var PRESET_COLORS2 = /* @__PURE__ */ new Set([
   "info"
 ]);
 var isPresetColor2 = (c) => PRESET_COLORS2.has(c);
-var variantColorClasses2 = {
+var variantColorClasses = {
   solid: {
     primary: "rh-bg-primary rh-text-surface rh-border-primary hover:rh-bg-primary-hover hover:rh-border-primary-hover",
     secondary: "rh-bg-secondary rh-text-surface rh-border-secondary hover:rh-bg-secondary-hover hover:rh-border-secondary-hover",
@@ -953,7 +988,7 @@ var IconButton = forwardRef(function IconButton2({
         "rh-border rh-font-display",
         "rh-transition-colors rh-duration-150",
         "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring focus-visible:rh-ring-offset-2",
-        preset ? variantColorClasses2[variant][color] : "hover:rh-brightness-90",
+        preset ? variantColorClasses[variant][color] : "hover:rh-brightness-90",
         sizeClasses2[size],
         radiusClasses2[radius],
         isDisabled ? "rh-opacity-50 rh-cursor-not-allowed rh-pointer-events-none" : "",