@sikka/hawa 0.0.156 → 0.0.158

package/dist/styles.css

@@ -377,9 +377,12 @@ video {
   :root {
     --layout-primary: #d2cdfa;
     --layout-secondary: #d2cdfa;
+
     --button-primary: #4c37eb;
-    --button-primary-darker: #cf1736;
-    --button-secondary: #d2cdfa;
+    --button-primary-darker: #2e1dac;
+
+    --button-secondary: #ffc011;
+    --button-secondary-darker: #b48d24;
   }
   input[type="number"]::-webkit-inner-spin-button,
   input[type="number"]::-webkit-outer-spin-button {
@@ -654,11 +657,8 @@ video {
 .mb-0 {
   margin-bottom: 0px;
 }
-.mt-0\.5 {
-  margin-top: 0.125rem;
-}
-.mt-0 {
-  margin-top: 0px;
+.mt-3 {
+  margin-top: 0.75rem;
 }
 .mt-1 {
   margin-top: 0.25rem;
@@ -702,6 +702,9 @@ video {
 .mt-5 {
   margin-top: 1.25rem;
 }
+.mt-0 {
+  margin-top: 0px;
+}
 .ml-3 {
   margin-left: 0.75rem;
 }
@@ -711,9 +714,6 @@ video {
 .mr-1 {
   margin-right: 0.25rem;
 }
-.mt-3 {
-  margin-top: 0.75rem;
-}
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -1276,8 +1276,7 @@ video {
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 .bg-layoutPrimary-default {
-  --tw-bg-opacity: 1;
-  background-color: rgb(210 205 250 / var(--tw-bg-opacity));
+  background-color: var(--layout-primary);
 }
 .bg-white {
   --tw-bg-opacity: 1;
@@ -1307,8 +1306,10 @@ video {
   background-color: transparent;
 }
 .bg-buttonPrimary-default {
-  --tw-bg-opacity: 1;
-  background-color: rgb(76 55 235 / var(--tw-bg-opacity));
+  background-color: var(--button-primary);
+}
+.bg-buttonSecondary-default {
+  background-color: var(--button-secondary);
 }
 .bg-red-200 {
   --tw-bg-opacity: 1;
@@ -1342,10 +1343,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(238 247 252 / var(--tw-bg-opacity));
 }
-.bg-primary-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(61 147 249 / var(--tw-bg-opacity));
-}
 .bg-gray-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
@@ -1362,10 +1359,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(196 222 253 / var(--tw-bg-opacity));
 }
-.bg-primary-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(116 177 251 / var(--tw-bg-opacity));
-}
 .bg-gray-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
@@ -1382,6 +1375,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
+.bg-buttonPrimary-lighter {
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 235 253 / var(--tw-bg-opacity));
+}
 .bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
@@ -1845,19 +1842,12 @@ body {
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-gray-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-buttonPrimary-darker:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(57 41 176 / var(--tw-bg-opacity));
+  background-color: var(--button-primary-darker);
 }
 
-.hover\:bg-secondary-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(102 132 31 / var(--tw-bg-opacity));
+.hover\:bg-buttonSecondary-darker:hover {
+  background-color: var(--button-secondary-darker);
 }
 
 .hover\:bg-gray-50:hover {
@@ -1865,11 +1855,6 @@ body {
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(6 92 198 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-blue-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));
@@ -1932,8 +1917,7 @@ body {
 }
 
 .hover\:ring-buttonPrimary-default:hover {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(76 55 235 / var(--tw-ring-opacity));
+  --tw-ring-color: var(--button-primary);
 }
 
 .hover\:brightness-90:hover {
@@ -2188,9 +2172,8 @@ body {
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:hover\:bg-primary-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(6 92 198 / var(--tw-bg-opacity));
+.dark .dark\:hover\:bg-buttonPrimary-darker:hover {
+  background-color: var(--button-primary-darker);
 }
 
 .dark .dark\:hover\:text-white:hover {

package/es/blocks/AuthForms/SignUpForm.d.ts

@@ -47,6 +47,7 @@ type SignUpFormTypes = {
     errorTitle: any;
     errorText: any;
     signUpFields: any[];
+    isLoading?: boolean;
 };
 export declare const SignUpForm: React.FunctionComponent<SignUpFormTypes>;
 export {};

package/es/elements/HawaCheckbox.d.ts

@@ -4,7 +4,7 @@ type TCheckBoxTypes = {
     label?: any;
     helperText?: any;
     id: string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: any) => void;
 };
 export declare const HawaCheckbox: React.FunctionComponent<TCheckBoxTypes>;
 export {};