@sikka/hawa 0.11.19-next → 0.11.20-next

package/dist/index.css

@@ -2439,14 +2439,6 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(115 115 115 / var(--tw-text-opacity));
 }
-.hawa-text-neutral-700 {
-  --tw-text-opacity: 1;
-  color: rgb(64 64 64 / var(--tw-text-opacity));
-}
-.hawa-text-neutral-900 {
-  --tw-text-opacity: 1;
-  color: rgb(23 23 23 / var(--tw-text-opacity));
-}
 .hawa-text-orange-500 {
   --tw-text-opacity: 1;
   color: rgb(249 115 22 / var(--tw-text-opacity));
@@ -2460,9 +2452,15 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-primary-foreground {
   color: hsl(var(--primary-foreground));
 }
+.hawa-text-primary\/60 {
+  color: hsl(var(--primary) / 0.6);
+}
 .hawa-text-primary\/70 {
   color: hsl(var(--primary) / 0.7);
 }
+.hawa-text-primary\/90 {
+  color: hsl(var(--primary) / 0.9);
+}
 .hawa-text-purple-500 {
   --tw-text-opacity: 1;
   color: rgb(168 85 247 / var(--tw-text-opacity));
@@ -3089,18 +3087,25 @@ body {
 .hawa-group.destructive .group-\[\.destructive\]\:focus\:hawa-ring-offset-red-600:focus {
   --tw-ring-offset-color: #dc2626;
 }
-.hawa-peer:checked ~ .peer-checked\:hawa-border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity));
-}
 .hawa-peer:checked ~ .peer-checked\:hawa-border-blue-600 {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity));
 }
+.hawa-peer:checked ~ .peer-checked\:hawa-border-primary {
+  border-color: hsl(var(--primary));
+}
 .hawa-peer:checked ~ .peer-checked\:hawa-text-blue-600 {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
+.hawa-peer:checked ~ .peer-checked\:hawa-ring-4 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.hawa-peer:checked ~ .peer-checked\:hawa-ring-primary\/20 {
+  --tw-ring-color: hsl(var(--primary) / 0.2);
+}
 .hawa-peer:disabled ~ .peer-disabled\:hawa-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -3466,10 +3471,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-gray-100) {
-  --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity));
-}
 :is([data-mode="dark"] .dark\:hawa-text-gray-300) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));

package/dist/index.js

@@ -8798,7 +8798,7 @@ var HorizontalPricing = function(props) {
             id: d.title,
             className: "hawa-peer hawa-appearance-none"
         }), /* @__PURE__ */ import_react58.default.createElement("div", {
-            className: (0, import_clsx13.default)(selectedCard === d.title ? "peer-checked:hawa-border-blue-500" : "", "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden")
+            className: (0, import_clsx13.default)(selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-primary/20 peer-checked:hawa-ring-4 " : "", "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden")
         }, /* @__PURE__ */ import_react58.default.createElement("div", {
             className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4"
         }, /* @__PURE__ */ import_react58.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react58.default.createElement(CardText, {
@@ -8835,14 +8835,14 @@ var CardText = function(props) {
     return /* @__PURE__ */ import_react58.default.createElement("div", {
         className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start "
     }, /* @__PURE__ */ import_react58.default.createElement("h2", {
-        className: "hawa-font-medium hawa-text-neutral-700 dark:hawa-text-gray-100 sm:hawa-text-xl"
+        className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl"
     }, props.title), /* @__PURE__ */ import_react58.default.createElement("p", {
-        className: "hawa-text-sm hawa-text-neutral-500 dark:hawa-text-gray-300"
+        className: "hawa-text-sm hawa-text-primary/60"
     }, props.subtitle, " "));
 };
 var CardPrice = function(props) {
     return /* @__PURE__ */ import_react58.default.createElement("h2", {
-        className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-neutral-900 dark:hawa-text-white sm:hawa-text-2xl"
+        className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl"
     }, props.amount, /* @__PURE__ */ import_react58.default.createElement("span", {
         className: "hawa-text-base hawa-font-medium hawa-text-neutral-400"
     }, props.cycle));

package/dist/index.mjs

@@ -8701,7 +8701,7 @@ var HorizontalPricing = (props) => {
       "div",
       {
         className: clsx13(
-          selectedCard === d.title ? "peer-checked:hawa-border-blue-500" : "",
+          selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-primary/20 peer-checked:hawa-ring-4 " : "",
           "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
         )
       },
@@ -8749,8 +8749,8 @@ var CheckIcons = () => /* @__PURE__ */ React82.createElement(React82.Fragment, n
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ React82.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React82.createElement("h2", { className: "hawa-font-medium hawa-text-neutral-700 dark:hawa-text-gray-100 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React82.createElement("p", { className: "hawa-text-sm hawa-text-neutral-500 dark:hawa-text-gray-300" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ React82.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-neutral-900 dark:hawa-text-white sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React82.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ React82.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React82.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React82.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ React82.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React82.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
 // components/blocks/Usage.tsx
 import React83 from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.11.19-next",
+  "version": "0.11.20-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {