@sikka/hawa 0.0.184 → 0.0.186
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 +23 -13
- package/es/index.es.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/elements/HawaMenu.tsx +3 -2
- package/src/elements/HawaPhoneInput.tsx +1 -1
- package/src/elements/HawaTabs.tsx +0 -2
- package/src/layout/HawaAppLayout.tsx +149 -56
- package/src/layout/HawaContainer.tsx +1 -1
- package/src/styles.css +23 -13
package/dist/styles.css
CHANGED
|
@@ -851,6 +851,10 @@ video {
|
|
|
851
851
|
.h-11 {
|
|
852
852
|
height: 2.75rem;
|
|
853
853
|
}
|
|
854
|
+
.h-max {
|
|
855
|
+
height: -moz-max-content;
|
|
856
|
+
height: max-content;
|
|
857
|
+
}
|
|
854
858
|
.h-0 {
|
|
855
859
|
height: 0px;
|
|
856
860
|
}
|
|
@@ -955,12 +959,12 @@ video {
|
|
|
955
959
|
.w-2\/3 {
|
|
956
960
|
width: 66.666667%;
|
|
957
961
|
}
|
|
958
|
-
.w-40 {
|
|
959
|
-
width: 10rem;
|
|
960
|
-
}
|
|
961
962
|
.w-10\/12 {
|
|
962
963
|
width: 83.333333%;
|
|
963
964
|
}
|
|
965
|
+
.w-40 {
|
|
966
|
+
width: 10rem;
|
|
967
|
+
}
|
|
964
968
|
.min-w-min {
|
|
965
969
|
min-width: -moz-min-content;
|
|
966
970
|
min-width: min-content;
|
|
@@ -1026,6 +1030,10 @@ video {
|
|
|
1026
1030
|
--tw-rotate: 180deg;
|
|
1027
1031
|
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));
|
|
1028
1032
|
}
|
|
1033
|
+
.rotate-0 {
|
|
1034
|
+
--tw-rotate: 0deg;
|
|
1035
|
+
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));
|
|
1036
|
+
}
|
|
1029
1037
|
.-rotate-90 {
|
|
1030
1038
|
--tw-rotate: -90deg;
|
|
1031
1039
|
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));
|
|
@@ -1034,10 +1042,6 @@ video {
|
|
|
1034
1042
|
--tw-rotate: 90deg;
|
|
1035
1043
|
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));
|
|
1036
1044
|
}
|
|
1037
|
-
.rotate-0 {
|
|
1038
|
-
--tw-rotate: 0deg;
|
|
1039
|
-
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));
|
|
1040
|
-
}
|
|
1041
1045
|
.transform {
|
|
1042
1046
|
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));
|
|
1043
1047
|
}
|
|
@@ -1115,6 +1119,9 @@ video {
|
|
|
1115
1119
|
.gap-1 {
|
|
1116
1120
|
gap: 0.25rem;
|
|
1117
1121
|
}
|
|
1122
|
+
.gap-0\.5 {
|
|
1123
|
+
gap: 0.125rem;
|
|
1124
|
+
}
|
|
1118
1125
|
.gap-0 {
|
|
1119
1126
|
gap: 0px;
|
|
1120
1127
|
}
|
|
@@ -1473,13 +1480,13 @@ video {
|
|
|
1473
1480
|
--tw-bg-opacity: 1;
|
|
1474
1481
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
1475
1482
|
}
|
|
1476
|
-
.bg-layoutPrimary-300 {
|
|
1477
|
-
background-color: var(--layout-primary-300);
|
|
1478
|
-
}
|
|
1479
1483
|
.bg-gray-300 {
|
|
1480
1484
|
--tw-bg-opacity: 1;
|
|
1481
1485
|
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
|
|
1482
1486
|
}
|
|
1487
|
+
.bg-layoutPrimary-300 {
|
|
1488
|
+
background-color: var(--layout-primary-300);
|
|
1489
|
+
}
|
|
1483
1490
|
.bg-buttonPrimary-300 {
|
|
1484
1491
|
background-color: var(--button-primary-300);
|
|
1485
1492
|
}
|
|
@@ -1808,6 +1815,12 @@ video {
|
|
|
1808
1815
|
--tw-shadow-colored: 10px 10px 0px 0px var(--tw-shadow-color);
|
|
1809
1816
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1810
1817
|
}
|
|
1818
|
+
.outline-1 {
|
|
1819
|
+
outline-width: 1px;
|
|
1820
|
+
}
|
|
1821
|
+
.outline-black {
|
|
1822
|
+
outline-color: #000;
|
|
1823
|
+
}
|
|
1811
1824
|
.ring-1 {
|
|
1812
1825
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1813
1826
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
@@ -1843,9 +1856,6 @@ video {
|
|
|
1843
1856
|
.duration-300 {
|
|
1844
1857
|
transition-duration: 300ms;
|
|
1845
1858
|
}
|
|
1846
|
-
.duration-700 {
|
|
1847
|
-
transition-duration: 700ms;
|
|
1848
|
-
}
|
|
1849
1859
|
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap");
|
|
1850
1860
|
|
|
1851
1861
|
body {
|