@almadar/ui 2.25.0 → 2.25.2

package/dist/components/index.cjs

@@ -238,9 +238,9 @@ var variantStyles = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -345,6 +345,7 @@ var Button = React88__namespace.default.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",

package/dist/components/index.js

@@ -208,9 +208,9 @@ var variantStyles = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -315,6 +315,7 @@ var Button = React88__default.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",

package/dist/docs/index.cjs

@@ -3047,9 +3047,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3154,6 +3154,7 @@ var Button = React4__default.default.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",

package/dist/docs/index.js

@@ -3023,9 +3023,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3130,6 +3130,7 @@ var Button = React4.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",

package/dist/marketing/index.cjs

@@ -3047,9 +3047,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3154,6 +3154,7 @@ var Button = React5__default.default.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",
@@ -4494,7 +4495,7 @@ var MarketingFooter = ({
     {
       as: "footer",
       className: cn(
-        "bg-[var(--color-foreground)] text-[var(--color-background)]",
+        "bg-[var(--color-surface)]",
         "border-t border-[var(--color-border)]",
         "pt-12 pb-8 px-4",
         className
@@ -4507,7 +4508,7 @@ var MarketingFooter = ({
               Typography,
               {
                 variant: "body2",
-                className: "font-semibold text-[var(--color-background)] mb-1",
+                className: "font-semibold text-[var(--color-foreground)] mb-1",
                 children: col.title
               }
             ),
@@ -4517,7 +4518,7 @@ var MarketingFooter = ({
                 href: item.href,
                 className: cn(
                   "text-sm no-underline",
-                  "text-[var(--color-background)]/60",
+                  "text-[var(--color-foreground)]/60",
                   "hover:text-[var(--color-accent)]",
                   "transition-colors duration-150"
                 ),
@@ -4533,7 +4534,7 @@ var MarketingFooter = ({
           Typography,
           {
             variant: "caption",
-            className: "text-[var(--color-background)]/30 text-center w-full pt-6",
+            className: "text-[var(--color-foreground)]/30 text-center w-full pt-6",
             children: copyright
           }
         )

package/dist/marketing/index.js

@@ -3023,9 +3023,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -3130,6 +3130,7 @@ var Button = React5.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",
@@ -4470,7 +4471,7 @@ var MarketingFooter = ({
     {
       as: "footer",
       className: cn(
-        "bg-[var(--color-foreground)] text-[var(--color-background)]",
+        "bg-[var(--color-surface)]",
         "border-t border-[var(--color-border)]",
         "pt-12 pb-8 px-4",
         className
@@ -4483,7 +4484,7 @@ var MarketingFooter = ({
               Typography,
               {
                 variant: "body2",
-                className: "font-semibold text-[var(--color-background)] mb-1",
+                className: "font-semibold text-[var(--color-foreground)] mb-1",
                 children: col.title
               }
             ),
@@ -4493,7 +4494,7 @@ var MarketingFooter = ({
                 href: item.href,
                 className: cn(
                   "text-sm no-underline",
-                  "text-[var(--color-background)]/60",
+                  "text-[var(--color-foreground)]/60",
                   "hover:text-[var(--color-accent)]",
                   "transition-colors duration-150"
                 ),
@@ -4509,7 +4510,7 @@ var MarketingFooter = ({
           Typography,
           {
             variant: "caption",
-            className: "text-[var(--color-background)]/30 text-center w-full pt-6",
+            className: "text-[var(--color-foreground)]/30 text-center w-full pt-6",
             children: copyright
           }
         )

package/dist/providers/index.cjs

@@ -914,9 +914,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -1021,6 +1021,7 @@ var Button = React110__namespace.default.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",

package/dist/providers/index.js

@@ -884,9 +884,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -991,6 +991,7 @@ var Button = React110__default.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",

package/dist/runtime/index.cjs

@@ -2620,9 +2620,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -2727,6 +2727,7 @@ var Button = React114__namespace.default.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",

package/dist/runtime/index.js

@@ -2590,9 +2590,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-muted)] text-[var(--color-foreground)]",
-    "border-none",
-    "hover:bg-[var(--color-muted-foreground)]/15 hover:text-[var(--color-foreground)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border border-[var(--color-accent)]/30",
+    "hover:bg-[var(--color-accent)] hover:text-white hover:border-[var(--color-accent)]",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -2697,6 +2697,7 @@ var Button = React114__default.forwardRef(
           "inline-flex items-center justify-center gap-2",
           "font-[var(--font-weight-medium)]",
           "rounded-[var(--radius-sm)]",
+          "cursor-pointer",
           "transition-all duration-[var(--transition-normal)]",
           "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-[var(--color-ring)] focus:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.25.0",
+  "version": "2.25.2",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",