@sikka/hawa 0.1.3 → 0.1.5

package/dist/styles.css

@@ -405,7 +405,7 @@ video {
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
     --ring: 240 5% 64.9%;
-    --radius: 0rem;
+    --radius: 0.5rem;
     --radius-inner: calc(var(--radius) - calc(var(--radius) / 3));
 
     --layout-primary-700: #b7aff7;
@@ -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));
@@ -1908,12 +1918,18 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(251 146 60 / var(--tw-bg-opacity));
 }
+.bg-popover {
+  background-color: hsl(var(--popover));
+}
 .bg-primary {
   background-color: hsl(var(--primary));
 }
 .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));
@@ -1981,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;
@@ -2304,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));
 }
@@ -2372,12 +2385,18 @@ video {
   --tw-text-opacity: 1;
   color: rgb(23 23 23 / var(--tw-text-opacity));
 }
+.text-popover-foreground {
+  color: hsl(var(--popover-foreground));
+}
 .text-primary {
   color: hsl(var(--primary));
 }
 .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));
@@ -2503,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;
 }
@@ -2586,6 +2608,12 @@ video {
 .fade-in {
   --tw-enter-opacity: 0;
 }
+.fade-in-0 {
+  --tw-enter-opacity: 0;
+}
+.zoom-in-95 {
+  --tw-enter-scale: .95;
+}
 .duration-1000 {
   animation-duration: 1000ms;
 }
@@ -2747,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));
 }
@@ -2799,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);
 }
@@ -2827,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));
@@ -2842,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));
@@ -3077,6 +3105,33 @@ body {
   --tw-text-opacity: 1;
   color: hsl(250 43.0% 48.0% / var(--tw-text-opacity));
 }
+.data-\[state\=closed\]\:animate-out[data-state=closed] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
+.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
+  --tw-exit-opacity: 0;
+}
+.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
+  --tw-exit-scale: .95;
+}
+.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
+  --tw-enter-translate-y: -0.5rem;
+}
+.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
+  --tw-enter-translate-x: 0.5rem;
+}
+.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
+  --tw-enter-translate-x: -0.5rem;
+}
+.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
+  --tw-enter-translate-y: 0.5rem;
+}
 .group[data-disabled] .group-data-\[disabled\]\:text-mauve-8 {
   --tw-text-opacity: 1;
   color: hsl(249 10.4% 75.5% / var(--tw-text-opacity));
@@ -3203,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));
@@ -3281,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;

package/es/elements/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type TooltipTypes = {
+    side?: "top" | "right" | "bottom" | "left";
+    children?: any;
+    content?: any;
+    open?: any;
+    defaultOpen?: any;
+    onOpenChange?: any;
+    delayDuration?: any;
+};
+export declare const Tooltip: React.FunctionComponent<TooltipTypes>;
+export {};