@sikka/hawa 0.0.205 → 0.0.206

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;
 }
@@ -814,6 +820,9 @@ video {
 .h-0\.5 {
   height: 0.125rem;
 }
+.h-1 {
+  height: 0.25rem;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -832,6 +841,9 @@ video {
 .h-24 {
   height: 6rem;
 }
+.h-3 {
+  height: 0.75rem;
+}
 .h-32 {
   height: 8rem;
 }
@@ -919,12 +931,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 +970,9 @@ video {
 .w-\[calc\(1\%\)\] {
   width: calc(1%);
 }
+.w-auto {
+  width: auto;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -959,6 +980,9 @@ video {
 .w-full {
   width: 100%;
 }
+.min-w-\[24px\] {
+  min-width: 24px;
+}
 .min-w-full {
   min-width: 100%;
 }
@@ -1388,6 +1412,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));
@@ -1399,13 +1427,13 @@ video {
   --tw-border-opacity: 1;
   border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
-.bg-blue-100 {
+.bg-\[\#c92424\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+  background-color: rgb(201 36 36 / var(--tw-bg-opacity));
 }
-.bg-blue-200 {
+.bg-blue-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
 }
 .bg-blue-50 {
   --tw-bg-opacity: 1;
@@ -1457,6 +1485,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(220 252 231 / 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 +1646,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 +1707,9 @@ video {
 .text-\[11px\] {
   font-size: 11px;
 }
+.text-\[9px\] {
+  font-size: 9px;
+}
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -1799,6 +1834,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 +1948,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 +1995,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 +2098,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 +2259,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 +2388,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 +2488,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 +2510,10 @@ body {
     width: 12rem;
   }
 
+  .md\:w-full {
+    width: 100%;
+  }
+
   .md\:max-w-md {
     max-width: 28rem;
   }
@@ -2434,3 +2539,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

@@ -10,7 +10,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/{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/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";