@sikka/hawa 0.1.4 → 0.1.5

package/dist/styles.css

@@ -651,6 +651,19 @@ video {
     max-width: 1400px;
   }
 }
+.clickable-link {
+  cursor: pointer;
+  color: hsl(var(--primary) / 0.8);
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+  text-underline-offset: 4px;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.clickable-link:hover {
+  color: hsl(var(--primary));
+}
 .sr-only {
   position: absolute;
   width: 1px;
@@ -1752,12 +1765,6 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity));
 }
-.border-buttonPrimary-500 {
-  border-color: hsl(var(--button-primary-500));
-}
-.border-buttonPrimary-700 {
-  border-color: hsl(var(--button-primary-700));
-}
 .border-gray-100 {
   --tw-border-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
@@ -1785,6 +1792,9 @@ video {
 .border-input {
   border-color: hsl(var(--input));
 }
+.border-primary {
+  border-color: hsl(var(--primary));
+}
 .border-red-300 {
   --tw-border-opacity: 1;
   border-color: rgb(252 165 165 / var(--tw-border-opacity));
@@ -1800,8 +1810,8 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(253 224 71 / var(--tw-border-opacity));
 }
-.border-b-buttonPrimary-500 {
-  border-bottom-color: hsl(var(--button-primary-500));
+.border-b-primary {
+  border-bottom-color: hsl(var(--primary));
 }
 .bg-background {
   background-color: hsl(var(--background));
@@ -1917,6 +1927,9 @@ video {
 .bg-primary-foreground {
   background-color: hsl(var(--primary-foreground));
 }
+.bg-primary\/20 {
+  background-color: hsl(var(--primary) / 0.2);
+}
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@@ -1984,11 +1997,11 @@ video {
 .bg-none {
   background-image: none;
 }
-.fill-buttonPrimary-500 {
-  fill: hsl(var(--button-primary-500));
+.fill-primary {
+  fill: hsl(var(--primary));
 }
-.fill-gray-200 {
-  fill: #e5e7eb;
+.fill-primary\/20 {
+  fill: hsl(var(--primary) / 0.2);
 }
 .fill-white {
   fill: #fff;
@@ -2307,9 +2320,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
-.text-buttonPrimary-500 {
-  color: hsl(var(--button-primary-500));
-}
 .text-card-foreground {
   color: hsl(var(--card-foreground));
 }
@@ -2384,6 +2394,9 @@ video {
 .text-primary-foreground {
   color: hsl(var(--primary-foreground));
 }
+.text-primary\/70 {
+  color: hsl(var(--primary) / 0.7);
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -2509,6 +2522,9 @@ video {
 .ring-buttonPrimary-500 {
   --tw-ring-color: hsl(var(--button-primary-500));
 }
+.ring-primary\/20 {
+  --tw-ring-color: hsl(var(--primary) / 0.2);
+}
 .ring-offset-1 {
   --tw-ring-offset-width: 1px;
 }
@@ -2759,12 +2775,6 @@ body {
 .hover\:bg-buttonPrimary-500:hover {
   background-color: hsl(var(--button-primary-500));
 }
-.hover\:bg-buttonPrimary-500\/30:hover {
-  background-color: hsl(var(--button-primary-500) / 0.3);
-}
-.hover\:bg-buttonPrimary-500\/50:hover {
-  background-color: hsl(var(--button-primary-500) / 0.5);
-}
 .hover\:bg-buttonPrimary-700:hover {
   background-color: hsl(var(--button-primary-700));
 }
@@ -2811,6 +2821,9 @@ body {
 .hover\:bg-layoutPrimary-700:hover {
   background-color: var(--layout-primary-700);
 }
+.hover\:bg-primary:hover {
+  background-color: hsl(var(--primary));
+}
 .hover\:bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -2839,9 +2852,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
-.hover\:text-buttonPrimary-500:hover {
-  color: hsl(var(--button-primary-500));
-}
 .hover\:text-gray-400:hover {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -2854,6 +2864,12 @@ body {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
+.hover\:text-primary:hover {
+  color: hsl(var(--primary));
+}
+.hover\:text-primary-foreground:hover {
+  color: hsl(var(--primary-foreground));
+}
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -3242,10 +3258,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
-:is(.dark .dark\:text-blue-400) {
-  --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity));
-}
 :is(.dark .dark\:text-blue-500) {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
@@ -3320,9 +3332,6 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
-:is(.dark .dark\:hover\:bg-buttonPrimary-500\/60:hover) {
-  background-color: hsl(var(--button-primary-500) / 0.6);
-}
 :is(.dark .dark\:hover\:bg-buttonPrimary-700:hover) {
   background-color: hsl(var(--button-primary-700));
 }

package/es/elements/HawaAlert.d.ts

@@ -13,7 +13,7 @@ type AlertTypes = {
         {
             label: string;
             onClick: any;
-            variant: "contained" | "outlined";
+            variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
         }
     ];
     persistant?: boolean;