@sikka/hawa 0.0.270 → 0.0.271
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles.css +42 -9
- package/es/elements/HawaSnackbar.d.ts +1 -0
- package/es/elements/HawaStats.d.ts +2 -1
- package/es/index.es.js +3 -3
- package/lib/elements/HawaSnackbar.d.ts +1 -0
- package/lib/elements/HawaStats.d.ts +2 -1
- package/lib/index.js +3 -3
- package/package.json +1 -1
- package/src/blocks/Misc/EmptyState.tsx +0 -1
- package/src/blocks/Misc/NoPermission.tsx +0 -1
- package/src/blocks/Pricing/ComparingPlans.tsx +0 -3
- package/src/blocks/Referral/ReferralAccount.tsx +0 -2
- package/src/blocks/Referral/ReferralSettlement.tsx +0 -1
- package/src/elements/ArrowCarousel.tsx +0 -1
- package/src/elements/BackToTop.tsx +0 -1
- package/src/elements/DragDropImages.tsx +0 -2
- package/src/elements/DraggableCard.tsx +0 -1
- package/src/elements/HawaAccordion.tsx +0 -1
- package/src/elements/HawaAlert.tsx +0 -1
- package/src/elements/HawaButton.tsx +1 -1
- package/src/elements/HawaCodeBlock.tsx +0 -2
- package/src/elements/HawaDropdownMenu.tsx +112 -58
- package/src/elements/HawaItemCard.tsx +0 -1
- package/src/elements/HawaLogoButton.tsx +0 -3
- package/src/elements/HawaModal.tsx +0 -1
- package/src/elements/HawaPricingCard.tsx +0 -1
- package/src/elements/HawaRadio.tsx +0 -1
- package/src/elements/HawaSnackbar.tsx +6 -3
- package/src/elements/HawaStats.tsx +16 -6
- package/src/elements/HawaStepper.tsx +0 -1
- package/src/elements/HawaTable.tsx +0 -6
- package/src/elements/InvoiceAccordion.tsx +0 -2
- package/src/elements/UsageCard.tsx +0 -1
- package/src/elements/UserFeedback.tsx +0 -1
- package/src/layout/Banner.tsx +0 -1
- package/src/layout/HawaAppLayout.tsx +0 -3
- package/src/layout/HawaAppLayoutSimplified.tsx +0 -4
- package/src/layout/HawaSiteLayout.tsx +0 -1
- package/src/styles.css +42 -9
- package/src/tailwind.css +7 -0
- package/tailwind.config.js +9 -1
package/dist/styles.css
CHANGED
|
@@ -398,6 +398,13 @@ video {
|
|
|
398
398
|
--button-secondary-500: #ffc011;
|
|
399
399
|
--button-secondary-700: #b48d24;
|
|
400
400
|
|
|
401
|
+
|
|
402
|
+
--card: 0 0% 100%;
|
|
403
|
+
--card-foreground: 240 10% 3.9%;
|
|
404
|
+
|
|
405
|
+
--muted: 240 4.8% 95.9%;
|
|
406
|
+
--muted-foreground: 240 3.8% 46.1%;
|
|
407
|
+
|
|
401
408
|
--border-radius: 10px;
|
|
402
409
|
--border-radius-inner: calc(
|
|
403
410
|
var(--border-radius) - calc(var(--border-radius) / 3)
|
|
@@ -1501,9 +1508,6 @@ video {
|
|
|
1501
1508
|
.rounded-\[30px\] {
|
|
1502
1509
|
border-radius: 30px;
|
|
1503
1510
|
}
|
|
1504
|
-
.rounded-\[3px\] {
|
|
1505
|
-
border-radius: 3px;
|
|
1506
|
-
}
|
|
1507
1511
|
.rounded-full {
|
|
1508
1512
|
border-radius: 9999px;
|
|
1509
1513
|
}
|
|
@@ -1734,10 +1738,6 @@ video {
|
|
|
1734
1738
|
--tw-bg-opacity: 1;
|
|
1735
1739
|
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
|
|
1736
1740
|
}
|
|
1737
|
-
.bg-blue-500 {
|
|
1738
|
-
--tw-bg-opacity: 1;
|
|
1739
|
-
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
|
|
1740
|
-
}
|
|
1741
1741
|
.bg-buttonPrimary-300 {
|
|
1742
1742
|
background-color: var(--button-primary-300);
|
|
1743
1743
|
}
|
|
@@ -1747,6 +1747,9 @@ video {
|
|
|
1747
1747
|
.bg-buttonSecondary-500 {
|
|
1748
1748
|
background-color: var(--button-secondary-500);
|
|
1749
1749
|
}
|
|
1750
|
+
.bg-card {
|
|
1751
|
+
background-color: hsl(var(--card));
|
|
1752
|
+
}
|
|
1750
1753
|
.bg-cyan-800 {
|
|
1751
1754
|
--tw-bg-opacity: 1;
|
|
1752
1755
|
background-color: rgb(21 94 117 / var(--tw-bg-opacity));
|
|
@@ -2171,6 +2174,9 @@ video {
|
|
|
2171
2174
|
.text-buttonPrimary-500 {
|
|
2172
2175
|
color: var(--button-primary-500);
|
|
2173
2176
|
}
|
|
2177
|
+
.text-card-foreground {
|
|
2178
|
+
color: hsl(var(--card-foreground));
|
|
2179
|
+
}
|
|
2174
2180
|
.text-gray-300 {
|
|
2175
2181
|
--tw-text-opacity: 1;
|
|
2176
2182
|
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
@@ -2207,6 +2213,9 @@ video {
|
|
|
2207
2213
|
--tw-text-opacity: 1;
|
|
2208
2214
|
color: hsl(252 5.0% 40.7% / var(--tw-text-opacity));
|
|
2209
2215
|
}
|
|
2216
|
+
.text-muted-foreground {
|
|
2217
|
+
color: hsl(var(--muted-foreground));
|
|
2218
|
+
}
|
|
2210
2219
|
.text-neutral-900 {
|
|
2211
2220
|
--tw-text-opacity: 1;
|
|
2212
2221
|
color: rgb(23 23 23 / var(--tw-text-opacity));
|
|
@@ -2783,9 +2792,24 @@ body {
|
|
|
2783
2792
|
--tw-text-opacity: 1;
|
|
2784
2793
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2785
2794
|
}
|
|
2795
|
+
:is([dir="ltr"] .ltr\:left-0) {
|
|
2796
|
+
left: 0px;
|
|
2797
|
+
}
|
|
2798
|
+
:is([dir="ltr"] .ltr\:ml-auto) {
|
|
2799
|
+
margin-left: auto;
|
|
2800
|
+
}
|
|
2801
|
+
:is([dir="ltr"] .ltr\:pl-\[0px\]) {
|
|
2802
|
+
padding-left: 0px;
|
|
2803
|
+
}
|
|
2786
2804
|
:is([dir="ltr"] .ltr\:pl-\[25px\]) {
|
|
2787
2805
|
padding-left: 25px;
|
|
2788
2806
|
}
|
|
2807
|
+
:is([dir="ltr"] .ltr\:pr-\[25px\]) {
|
|
2808
|
+
padding-right: 25px;
|
|
2809
|
+
}
|
|
2810
|
+
:is([dir="rtl"] .rtl\:right-0) {
|
|
2811
|
+
right: 0px;
|
|
2812
|
+
}
|
|
2789
2813
|
:is([dir="rtl"] .rtl\:ml-1) {
|
|
2790
2814
|
margin-left: 0.25rem;
|
|
2791
2815
|
}
|
|
@@ -2802,8 +2826,17 @@ body {
|
|
|
2802
2826
|
:is([dir="rtl"] .rtl\:flex-row-reverse) {
|
|
2803
2827
|
flex-direction: row-reverse;
|
|
2804
2828
|
}
|
|
2805
|
-
:is([dir="rtl"] .rtl\:
|
|
2806
|
-
padding-
|
|
2829
|
+
:is([dir="rtl"] .rtl\:pl-\[0px\]) {
|
|
2830
|
+
padding-left: 0px;
|
|
2831
|
+
}
|
|
2832
|
+
:is([dir="rtl"] .rtl\:pl-\[25px\]) {
|
|
2833
|
+
padding-left: 25px;
|
|
2834
|
+
}
|
|
2835
|
+
:is([dir="rtl"] .rtl\:pr-\[25px\]) {
|
|
2836
|
+
padding-right: 25px;
|
|
2837
|
+
}
|
|
2838
|
+
:is([dir="rtl"] .rtl\:pr-\[5px\]) {
|
|
2839
|
+
padding-right: 5px;
|
|
2807
2840
|
}
|
|
2808
2841
|
:is(.dark .dark\:border-blue-500) {
|
|
2809
2842
|
--tw-border-opacity: 1;
|
|
@@ -3,6 +3,7 @@ type THawaSnackBar = {
|
|
|
3
3
|
severity: "info" | "warning" | "error" | "success" | "none";
|
|
4
4
|
title: string;
|
|
5
5
|
description: string;
|
|
6
|
+
onCloseSnakbar?: () => void;
|
|
6
7
|
duration?: number;
|
|
7
8
|
position?: "top-left" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left";
|
|
8
9
|
actions?: [
|
|
@@ -4,7 +4,8 @@ type StatTypes = {
|
|
|
4
4
|
color?: string;
|
|
5
5
|
number?: string;
|
|
6
6
|
helperText?: string;
|
|
7
|
-
|
|
7
|
+
icon?: any;
|
|
8
|
+
variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
|
|
8
9
|
width?: "full" | "min" | "normal";
|
|
9
10
|
isLoading?: boolean;
|
|
10
11
|
handleClick?: () => void;
|