@sikka/hawa 0.0.211 → 0.0.213

package/dist/styles.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
+! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -375,10 +375,12 @@ video {
   display: none;
 }
   :root {
+    --layout-primary-700: #b7aff7;
     --layout-primary-500: #dfdcfc;
     --layout-primary-300: #e7e5fa;
     --layout-secondary: #d2cdfa;
 
+    --button-primary-300: #6555e3;
     --button-primary-500: #4c37eb;
     --button-primary-700: #2e1dac;
 
@@ -683,6 +685,10 @@ video {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -825,6 +831,9 @@ video {
 .h-2\.5 {
   height: 0.625rem;
 }
+.h-20 {
+  height: 5rem;
+}
 .h-24 {
   height: 6rem;
 }
@@ -920,6 +929,9 @@ video {
 .w-2\/3 {
   width: 66.666667%;
 }
+.w-20 {
+  width: 5rem;
+}
 .w-24 {
   width: 6rem;
 }
@@ -973,10 +985,6 @@ video {
 .min-w-full {
   min-width: 100%;
 }
-.min-w-max {
-  min-width: -moz-max-content;
-  min-width: max-content;
-}
 .min-w-min {
   min-width: -moz-min-content;
   min-width: min-content;
@@ -1145,6 +1153,10 @@ video {
   -moz-column-gap: 4rem;
        column-gap: 4rem;
 }
+.gap-x-2 {
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
 .gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -1422,10 +1434,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity));
 }
-.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
-}
 .bg-buttonPrimary-300 {
   background-color: var(--button-primary-300);
 }
@@ -1566,10 +1574,17 @@ video {
 .p-5 {
   padding: 1.25rem;
 }
+.p-6 {
+  padding: 1.5rem;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1892,9 +1907,9 @@ video {
   --tw-ring-offset-width: 2px;
 }
 .transition {
-  transition-property: color, background-color, border-color, outline-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -1912,13 +1927,6 @@ body {
   font-family: "IBM Plex Sans Arabic", sans-serif;
 }
 
-.layoutBody_open {
-  background-color: red;
-  /* left: 10rem; */
-  position: fixed;
-  left: 56px;
-}
-
 .after\:absolute::after {
   content: var(--tw-content);
   position: absolute;
@@ -1961,6 +1969,11 @@ body {
   height: 1.25rem;
 }
 
+.after\:h-9::after {
+  content: var(--tw-content);
+  height: 2.25rem;
+}
+
 .after\:w-10::after {
   content: var(--tw-content);
   width: 2.5rem;
@@ -1971,6 +1984,11 @@ body {
   width: 1.25rem;
 }
 
+.after\:w-9::after {
+  content: var(--tw-content);
+  width: 2.25rem;
+}
+
 .after\:rounded-full::after {
   content: var(--tw-content);
   border-radius: 9999px;
@@ -2029,11 +2047,6 @@ body {
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-blue-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-buttonPrimary-500:hover {
   background-color: var(--button-primary-500);
 }
@@ -2075,8 +2088,7 @@ body {
 }
 
 .hover\:bg-layoutPrimary-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(183 175 247 / var(--tw-bg-opacity));
+  background-color: var(--layout-primary-700);
 }
 
 .hover\:text-blue-600:hover {
@@ -2160,11 +2172,6 @@ body {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus\:ring-blue-200:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
-}
-
 .focus\:ring-blue-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
@@ -2185,9 +2192,14 @@ body {
   --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
 }
 
-.peer:checked ~ .peer-checked\:bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
+.peer:checked ~ .peer-checked\:bg-buttonPrimary-500 {
+  background-color: var(--button-primary-500);
+}
+
+.peer:checked ~ .peer-checked\:after\:translate-x-\[2\.445rem\]::after {
+  content: var(--tw-content);
+  --tw-translate-x: 2.445rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .peer:checked ~ .peer-checked\:after\:translate-x-full::after {
@@ -2202,22 +2214,6 @@ body {
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
-.peer:focus ~ .peer-focus\:outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.peer:focus ~ .peer-focus\: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);
-}
-
-.peer:focus ~ .peer-focus\:ring-blue-300 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
-}
-
 [dir="rtl"] .rtl\:ml-1 {
   margin-left: 0.25rem;
 }
@@ -2429,11 +2425,6 @@ body {
   --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
 }
 
-.dark .dark\:focus\:ring-blue-900:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity));
-}
-
 .dark .dark\:focus\:ring-buttonPrimary-500:focus {
   --tw-ring-color: var(--button-primary-500);
 }
@@ -2453,9 +2444,8 @@ body {
   --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
 }
 
-.dark .peer:focus ~ .dark\:peer-focus\:ring-blue-800 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
+.dark .peer:focus ~ .dark\:peer-focus\:ring-buttonPrimary-700 {
+  --tw-ring-color: var(--button-primary-700);
 }
 
 @media (min-width: 440px) {
@@ -2529,4 +2519,4 @@ body {
     margin-left: 2.5rem;
     margin-right: 2.5rem;
   }
-}
+}

package/es/blocks/Misc/Newsletter.d.ts

@@ -4,6 +4,7 @@ type TNewsletter = {
     texts: {
         wantToStayUpdated: string;
         subscribeToNewsletter: string;
+        submit: string;
     };
     handleNewsletterSub: (e: string) => void;
 };

package/es/blocks/Misc/NotFound.d.ts

@@ -1,6 +1,11 @@
 import React from "react";
 type NotFoundTypes = {
     variant?: "outlined" | "contained" | "neobrutalism";
+    texts?: {
+        pageNotFound: string;
+        ifLost: string;
+        home: string;
+    };
 };
 export declare const NotFound: React.FunctionComponent<NotFoundTypes>;
 export {};

package/es/blocks/Pricing/ComparingPlans.d.ts

@@ -6,6 +6,7 @@ type ComparingPlansTypes = {
             features: [{
                 included: boolean;
                 text: string;
+                description?: string;
             }];
             price: number;
             texts: {

package/es/elements/HawaPanelTabs.d.ts

@@ -1,7 +1,10 @@
 import React from "react";
 type PanelTabsTypes = {
     defaultValue: any;
-    options: any;
+    options: [{
+        label: string;
+        value: string;
+    }];
     lang: any;
     handleChange: any;
     location: any;

package/es/elements/HawaRange.d.ts

@@ -4,7 +4,7 @@ type RangeTypes = {
     handleChange?: any;
     startElement?: any;
     endElement?: any;
-    label?: any;
+    label?: string;
     min?: any;
     max?: any;
 };

package/es/elements/HawaSelect.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 type SelectTypes = {
-    label?: any;
-    isCreatable?: any;
+    label?: string;
     options?: any[any];
-    isClearable?: any;
-    isMulti?: any;
-    isSearchable?: any;
+    isCreatable?: boolean;
+    isClearable?: boolean;
+    isMulti?: boolean;
+    isSearchable?: boolean;
     onChange?: any;
     helperText?: any;
     onInputChange?: any;

package/es/elements/HawaSettingsRow.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 type SettingsRowTypes = {
-    settingsLabel: any;
+    settingsLabel: string;
     settingsType: "text" | "radio" | "boolean" | "color" | "range";
     radioProps: {
         defaultValue: any;

package/es/elements/HawaSwitch.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 type SwitchTypes = {
     text?: any;
+    size?: "small" | "normal" | "large";
 };
 export declare const HawaSwitch: React.FunctionComponent<SwitchTypes>;
 export {};

package/es/elements/InvoiceAccordion.d.ts

@@ -13,9 +13,9 @@ type InvoiceAccordionTypes = {
         amount: string;
         price: string;
     };
-    invoiceTitle: any;
-    invoiceSubtitle: any;
-    invoiceDescription?: any;
+    invoiceTitle: string;
+    invoiceSubtitle: string;
+    invoiceDescription?: string;
     invoiceActions?: {
         icon?: JSX.Element;
         label: string;
@@ -23,7 +23,7 @@ type InvoiceAccordionTypes = {
         isButton?: boolean;
         element?: any;
     }[][];
-    total: string;
+    total: any;
     direction?: "rtl" | "ltr";
     status?: "paid" | "pending" | "overdue";
 };