@sikka/hawa 0.0.205 → 0.0.207

package/dist/styles.css

@@ -572,6 +572,12 @@ video {
 .-left-1 {
   left: -0.25rem;
 }
+.-right-3 {
+  right: -0.75rem;
+}
+.-top-3 {
+  top: -0.75rem;
+}
 .bottom-0 {
   bottom: 0px;
 }
@@ -593,6 +599,9 @@ video {
 .left-2\.5 {
   left: 0.625rem;
 }
+.left-3 {
+  left: 0.75rem;
+}
 .right-0 {
   right: 0px;
 }
@@ -602,9 +611,6 @@ video {
 .right-2\.5 {
   right: 0.625rem;
 }
-.right-3 {
-  right: 0.75rem;
-}
 .right-4 {
   right: 1rem;
 }
@@ -687,10 +693,6 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.my-7 {
-  margin-top: 1.75rem;
-  margin-bottom: 1.75rem;
-}
 .-mb-px {
   margin-bottom: -1px;
 }
@@ -802,9 +804,6 @@ video {
 .grid {
   display: grid;
 }
-.contents {
-  display: contents;
-}
 .hidden {
   display: none;
 }
@@ -814,6 +813,9 @@ video {
 .h-0\.5 {
   height: 0.125rem;
 }
+.h-1 {
+  height: 0.25rem;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -832,6 +834,9 @@ video {
 .h-24 {
   height: 6rem;
 }
+.h-3 {
+  height: 0.75rem;
+}
 .h-32 {
   height: 8rem;
 }
@@ -919,12 +924,18 @@ video {
 .w-14 {
   width: 3.5rem;
 }
+.w-2 {
+  width: 0.5rem;
+}
 .w-2\/3 {
   width: 66.666667%;
 }
 .w-24 {
   width: 6rem;
 }
+.w-3 {
+  width: 0.75rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -952,6 +963,9 @@ video {
 .w-\[calc\(1\%\)\] {
   width: calc(1%);
 }
+.w-auto {
+  width: auto;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -959,6 +973,13 @@ video {
 .w-full {
   width: 100%;
 }
+.min-w-\[24px\] {
+  min-width: 24px;
+}
+.min-w-fit {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+}
 .min-w-full {
   min-width: 100%;
 }
@@ -1388,6 +1409,10 @@ video {
 .border-transparent {
   border-color: transparent;
 }
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
 .border-yellow-300 {
   --tw-border-opacity: 1;
   border-color: rgb(253 224 71 / var(--tw-border-opacity));
@@ -1403,10 +1428,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity));
 }
-.bg-blue-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
-}
 .bg-blue-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity));
@@ -1457,6 +1478,14 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(220 252 231 / var(--tw-bg-opacity));
 }
+.bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
+}
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+}
 .bg-layoutPrimary-300 {
   background-color: var(--layout-primary-300);
 }
@@ -1614,15 +1643,15 @@ video {
 .pb-4 {
   padding-bottom: 1rem;
 }
+.pl-10 {
+  padding-left: 2.5rem;
+}
 .pl-2 {
   padding-left: 0.5rem;
 }
 .pl-3 {
   padding-left: 0.75rem;
 }
-.pr-10 {
-  padding-right: 2.5rem;
-}
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1675,6 +1704,9 @@ video {
 .text-\[11px\] {
   font-size: 11px;
 }
+.text-\[9px\] {
+  font-size: 9px;
+}
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -1799,6 +1831,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity));
 }
+.underline-offset-4 {
+  text-underline-offset: 4px;
+}
 .opacity-0 {
   opacity: 0;
 }
@@ -1910,11 +1945,38 @@ body {
   top: 2px;
 }
 
+.after\:mx-2::after {
+  content: var(--tw-content);
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
+.after\:mx-6::after {
+  content: var(--tw-content);
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
+.after\:hidden::after {
+  content: var(--tw-content);
+  display: none;
+}
+
+.after\:h-1::after {
+  content: var(--tw-content);
+  height: 0.25rem;
+}
+
 .after\:h-5::after {
   content: var(--tw-content);
   height: 1.25rem;
 }
 
+.after\:w-10::after {
+  content: var(--tw-content);
+  width: 2.5rem;
+}
+
 .after\:w-5::after {
   content: var(--tw-content);
   width: 1.25rem;
@@ -1930,6 +1992,17 @@ body {
   border-width: 1px;
 }
 
+.after\:border-b::after {
+  content: var(--tw-content);
+  border-bottom-width: 1px;
+}
+
+.after\:border-gray-200::after {
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+
 .after\:border-gray-300::after {
   content: var(--tw-content);
   --tw-border-opacity: 1;
@@ -2022,6 +2095,10 @@ body {
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
+.hover\:text-buttonPrimary-500:hover {
+  color: var(--button-primary-500);
+}
+
 .hover\:text-gray-400:hover {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -2179,6 +2256,11 @@ body {
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
 
+.dark .dark\:border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity));
+}
+
 .dark .dark\:bg-blue-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));
@@ -2303,6 +2385,12 @@ body {
   --tw-ring-offset-color: #1f2937;
 }
 
+.dark .dark\:after\:border-gray-700::after {
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(55 65 81 / var(--tw-border-opacity));
+}
+
 .dark .dark\:hover\:bg-buttonPrimary-700:hover {
   background-color: var(--button-primary-700);
 }
@@ -2397,6 +2485,16 @@ body {
   .sm\:p-8 {
     padding: 2rem;
   }
+
+  .sm\:after\:inline-block::after {
+    content: var(--tw-content);
+    display: inline-block;
+  }
+
+  .sm\:after\:content-\[\'\'\]::after {
+    --tw-content: '';
+    content: var(--tw-content);
+  }
 }
 
 @media (min-width: 768px) {
@@ -2409,6 +2507,10 @@ body {
     width: 12rem;
   }
 
+  .md\:w-full {
+    width: 100%;
+  }
+
   .md\:max-w-md {
     max-width: 28rem;
   }
@@ -2434,3 +2536,12 @@ body {
     border-bottom-left-radius: 0.5rem;
   }
 }
+
+@media (min-width: 1280px) {
+
+  .xl\:after\:mx-10::after {
+    content: var(--tw-content);
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+}

package/es/elements/HawaButton.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "contained" | "outlined";
-    buttonID?: any;
     tooltipDirection?: "rtl" | "ltr";
     color?: "default" | "primary" | "secondary";
     width?: "full" | "normal" | "half";
@@ -10,7 +9,10 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     tooltip?: string;
     tooltipSize?: "normal" | "small" | "large";
     tooltipPosition?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    startIcon?: any;
+    endIcon?: any;
     isLoading?: boolean;
+    badge?: any;
 }
-export declare function HawaButton({ className, variant, color, size, width, disabled, isLoading, tooltip, tooltipSize, tooltipPosition, tooltipDirection, margins, children, buttonID, ...props }: ButtonProps): JSX.Element;
+export declare const HawaButton: React.FunctionComponent<ButtonProps>;
 export {};

package/es/elements/HawaChip.d.ts

@@ -3,6 +3,9 @@ type TChipTypes = {
     label: string;
     size?: "small" | "normal" | "large";
     icon?: JSX.Element;
+    color?: string;
+    dot?: boolean;
+    dotType?: "available" | "unavailable";
 };
 export declare const HawaChip: React.FunctionComponent<TChipTypes>;
 export {};

package/es/elements/HawaCopyrights.d.ts

@@ -5,6 +5,7 @@ type CopyRightsTypes = {
     version?: string;
     credits?: string;
     logoURL?: string;
+    onLogoClicked?: any;
 };
 export declare const HawaCopyrights: React.FunctionComponent<CopyRightsTypes>;
 export {};

package/es/elements/HawaPricingCard.d.ts

@@ -8,6 +8,7 @@ type PricingCardTypes = {
     title: string;
     price: number;
     texts: {
+        subtitle: string;
         buttonText: string;
         cycleText: string;
         currencyText: string;

package/es/elements/{HawaTimeline.d.ts → HawaStepper.d.ts}

@@ -4,5 +4,5 @@ type THawaTimeline = {
     currentStep: any;
     orientation: "vertical" | "horizontal";
 };
-export declare const HawaTimeline: React.FunctionComponent<THawaTimeline>;
+export declare const HawaStepper: React.FunctionComponent<THawaTimeline>;
 export {};

package/es/elements/HawaTable.d.ts

@@ -4,16 +4,21 @@ type TableTypes = {
     actions?: ActionItems[][];
     direction?: "rtl" | "ltr";
     rows?: any[any];
-    noDataText?: any;
     handleActionClick?: any;
     end?: any;
     size?: "normal" | "small";
     highlightFirst?: boolean;
     customColor?: string;
     clickable?: boolean;
-    actionsText?: string;
+    texts?: {
+        actions?: string;
+        noData?: any;
+        items?: string;
+        page?: string;
+    };
     bordersWidth?: string;
     onActionClicked?: any;
+    headerTools?: boolean;
     borders?: "all" | "cols" | "rows" | "outer" | "inner";
 };
 type ActionItems = {

package/es/elements/HawaTabs.d.ts

@@ -3,11 +3,11 @@ type TabsTypes = {
     options?: any;
     onChangeTab?: any;
     defaultValue?: any;
-    contents?: any;
     orientation?: "horizontal" | "vertical";
     direction?: "rtl" | "ltr";
     marginBetween?: any;
     width?: "full" | "normal";
+    pill?: boolean;
 };
 export declare const HawaTabs: React.FunctionComponent<TabsTypes>;
 export {};

package/es/elements/HawaTooltip.d.ts

@@ -4,7 +4,6 @@ type THawaToolTip = {
     content?: string;
     btnHovered?: any;
     buttonRef?: any;
-    buttonID?: any;
     direction?: "rtl" | "ltr";
     size?: "normal" | "small" | "large";
     position?: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left";

package/es/elements/index.d.ts

@@ -20,7 +20,7 @@ export * from "./HawaTabs";
 export * from "./HawaModal";
 export * from "./HawaMenu";
 export * from "./HawaCopyrights";
-export * from "./HawaTimeline";
+export * from "./HawaStepper";
 export * from "./Breadcrumb";
 export * from "./HawaStats";
 export * from "./HawaSpinner";