@sikka/hawa 0.0.267 → 0.0.269

package/dist/styles.css

@@ -443,6 +443,51 @@ video {
     margin: 0;
   }
 
+  .radio-item {
+    position: relative;
+  }
+
+  .radio-item input[type="radio"] {
+    display: none;
+  }
+
+  .radio-item label:before {
+    content: " ";
+    display: inline-block;
+    position: relative;
+    top: 3px;
+    margin: 0 5px 0 0;
+    width: 15px;
+    height: 15px;
+    border-radius: 11px;
+    /* border: 2px solid var(--button-primary-500); */
+    border: 2px solid #a3a3a3;
+    background-color: transparent;
+  }
+
+  .radio-item-default input[type="radio"]:checked + label:after {
+    border-radius: 100%;
+    width: 9px;
+    height: 9px;
+    position: absolute;
+    top: 6px;
+    left: 11px;
+    content: " ";
+    display: block;
+    background: var(--button-primary-500);
+  }
+  .radio-item-bordered input[type="radio"]:checked + label:after {
+    border-radius: 100%;
+    width: 9px;
+    height: 9px;
+    position: absolute;
+    top: 22px;
+    left: 23px;
+    content: " ";
+    display: block;
+    background: var(--button-primary-500);
+  }
+
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -637,11 +682,11 @@ video {
 .-right-10 {
   right: -2.5rem;
 }
-.-right-3 {
-  right: -0.75rem;
+.-right-2 {
+  right: -0.5rem;
 }
-.-top-3 {
-  top: -0.75rem;
+.-top-2 {
+  top: -0.5rem;
 }
 .bottom-0 {
   bottom: 0px;
@@ -1015,6 +1060,9 @@ video {
 .max-h-56 {
   max-height: 14rem;
 }
+.max-h-8 {
+  max-height: 2rem;
+}
 .max-h-fit {
   max-height: -moz-fit-content;
   max-height: fit-content;
@@ -1332,6 +1380,9 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-10 {
+  gap: 2.5rem;
+}
 .gap-2 {
   gap: 0.5rem;
 }
@@ -2431,6 +2482,10 @@ body {
 .hover\:font-bold:hover {
   font-weight: 700;
 }
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
 .hover\:text-blue-600:hover {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
@@ -2442,6 +2497,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
+.hover\:text-gray-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
@@ -2530,9 +2589,17 @@ body {
   --tw-blur: blur(16px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.peer:checked ~ .peer-checked\:border-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(37 99 235 / var(--tw-border-opacity));
+}
 .peer:checked ~ .peer-checked\:bg-buttonPrimary-500 {
   background-color: var(--button-primary-500);
 }
+.peer:checked ~ .peer-checked\:text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity));
+}
 .peer:checked ~ .peer-checked\:after\:translate-x-\[2\.445rem\]::after {
   content: var(--tw-content);
   --tw-translate-x: 2.445rem;
@@ -2704,6 +2771,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
+:is(.dark .dark\:hover\:text-gray-300:hover) {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
 :is(.dark .dark\:hover\:text-white:hover) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2739,6 +2810,10 @@ body {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
 }
+:is(.dark .peer:checked ~ .dark\:peer-checked\:text-blue-500) {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
 :is(.dark .peer:focus ~ .dark\:peer-focus\:ring-buttonPrimary-700) {
   --tw-ring-color: var(--button-primary-700);
 }

package/es/elements/HawaRadio.d.ts

@@ -1,9 +1,15 @@
 import { FC } from "react";
 type RadioTypes = {
+    orientation?: "vertical" | "horizontal";
+    design?: "default" | "tabs" | "cards" | "bordered";
     options?: [
         {
             value: any;
             label: any;
+            disabled?: any;
+            sublabel?: any;
+            beforeIcon?: any;
+            afterIcon?: any;
         }
     ];
     onChangeTab?: any;