@sikka/hawa 0.0.241 → 0.0.242
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 +12 -4
- package/es/elements/HawaAlert.d.ts +2 -0
- package/es/elements/HawaSnackbar.d.ts +0 -1
- package/es/index.es.js +2 -2
- package/lib/elements/HawaAlert.d.ts +2 -0
- package/lib/elements/HawaSnackbar.d.ts +0 -1
- package/lib/index.js +2 -2
- package/package.json +1 -1
- package/src/elements/BackToTop.tsx +18 -6
- package/src/elements/HawaAlert.tsx +78 -25
- package/src/elements/HawaSnackbar.tsx +2 -2
- package/src/elements/HawaTextField.tsx +7 -6
- package/src/styles.css +12 -4
package/dist/styles.css
CHANGED
|
@@ -636,6 +636,9 @@ video {
|
|
|
636
636
|
.right-4 {
|
|
637
637
|
right: 1rem;
|
|
638
638
|
}
|
|
639
|
+
.right-8 {
|
|
640
|
+
right: 2rem;
|
|
641
|
+
}
|
|
639
642
|
.top-0 {
|
|
640
643
|
top: 0px;
|
|
641
644
|
}
|
|
@@ -898,6 +901,9 @@ video {
|
|
|
898
901
|
.h-6 {
|
|
899
902
|
height: 1.5rem;
|
|
900
903
|
}
|
|
904
|
+
.h-64 {
|
|
905
|
+
height: 16rem;
|
|
906
|
+
}
|
|
901
907
|
.h-7 {
|
|
902
908
|
height: 1.75rem;
|
|
903
909
|
}
|
|
@@ -964,6 +970,9 @@ video {
|
|
|
964
970
|
.w-1\/3 {
|
|
965
971
|
width: 33.333333%;
|
|
966
972
|
}
|
|
973
|
+
.w-1\/4 {
|
|
974
|
+
width: 25%;
|
|
975
|
+
}
|
|
967
976
|
.w-10 {
|
|
968
977
|
width: 2.5rem;
|
|
969
978
|
}
|
|
@@ -982,6 +991,9 @@ video {
|
|
|
982
991
|
.w-2\/3 {
|
|
983
992
|
width: 66.666667%;
|
|
984
993
|
}
|
|
994
|
+
.w-2\/4 {
|
|
995
|
+
width: 50%;
|
|
996
|
+
}
|
|
985
997
|
.w-20 {
|
|
986
998
|
width: 5rem;
|
|
987
999
|
}
|
|
@@ -1621,10 +1633,6 @@ video {
|
|
|
1621
1633
|
--tw-bg-opacity: 1;
|
|
1622
1634
|
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
|
|
1623
1635
|
}
|
|
1624
|
-
.bg-red-900 {
|
|
1625
|
-
--tw-bg-opacity: 1;
|
|
1626
|
-
background-color: rgb(127 29 29 / var(--tw-bg-opacity));
|
|
1627
|
-
}
|
|
1628
1636
|
.bg-slate-600 {
|
|
1629
1637
|
--tw-bg-opacity: 1;
|
|
1630
1638
|
background-color: rgb(71 85 105 / var(--tw-bg-opacity));
|
|
@@ -5,6 +5,8 @@ type AlertTypes = {
|
|
|
5
5
|
title?: any;
|
|
6
6
|
/** The text of the alert placed below the title of the alert. Can be used alone */
|
|
7
7
|
text: any;
|
|
8
|
+
/** The duration for the alert to stay on the screen */
|
|
9
|
+
duration?: number;
|
|
8
10
|
variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
|
|
9
11
|
direction?: "rtl" | "ltr";
|
|
10
12
|
actions?: [
|
|
@@ -3,7 +3,6 @@ type THawaSnackBar = {
|
|
|
3
3
|
severity: "info" | "warning" | "error" | "success" | "none";
|
|
4
4
|
title: string;
|
|
5
5
|
description: string;
|
|
6
|
-
handleClose?: () => void;
|
|
7
6
|
duration?: number;
|
|
8
7
|
position?: "top-left" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left";
|
|
9
8
|
actions?: [
|