@sikka/hawa 0.0.275 → 0.0.276
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 +25 -8
- package/es/index.es.js +3 -3
- package/lib/index.js +2 -2
- package/package.json +1 -1
- package/src/elements/HawaAdCard.tsx +13 -9
- package/src/elements/HawaButton.tsx +3 -3
- package/src/elements/HawaCodeBlock.tsx +6 -6
- package/src/elements/HawaItemCard.tsx +5 -3
- package/src/elements/HawaLandingCard.tsx +1 -1
- package/src/layout/HawaAppLayoutSimplified.tsx +12 -12
- package/src/styles.css +25 -8
- package/src/tailwind.css +2 -0
- package/tailwind.config.js +1 -0
package/dist/styles.css
CHANGED
|
@@ -392,6 +392,7 @@ video {
|
|
|
392
392
|
--layout-primary-700: #b7aff7;
|
|
393
393
|
/* --layout-primary-500: #dfdcfc; */
|
|
394
394
|
--layout-primary-500: #fdfdfd;
|
|
395
|
+
--layout-primary-600: #f7f7f7;
|
|
395
396
|
--layout-primary-300: #e7e5fa;
|
|
396
397
|
|
|
397
398
|
--layout-secondary: #d2cdfa;
|
|
@@ -417,6 +418,7 @@ video {
|
|
|
417
418
|
|
|
418
419
|
.dark {
|
|
419
420
|
--layout-primary-500: #363636;
|
|
421
|
+
--layout-primary-600: #2d2d2d;
|
|
420
422
|
--layout-primary-700: #1d1d1d;
|
|
421
423
|
--layout-primary-300: #4a4a4a;
|
|
422
424
|
|
|
@@ -1004,6 +1006,9 @@ video {
|
|
|
1004
1006
|
.hidden {
|
|
1005
1007
|
display: none;
|
|
1006
1008
|
}
|
|
1009
|
+
.aspect-square {
|
|
1010
|
+
aspect-ratio: 1 / 1;
|
|
1011
|
+
}
|
|
1007
1012
|
.h-0 {
|
|
1008
1013
|
height: 0px;
|
|
1009
1014
|
}
|
|
@@ -1735,6 +1740,9 @@ video {
|
|
|
1735
1740
|
.border-buttonPrimary-500 {
|
|
1736
1741
|
border-color: var(--button-primary-500);
|
|
1737
1742
|
}
|
|
1743
|
+
.border-buttonPrimary-700 {
|
|
1744
|
+
border-color: var(--button-primary-700);
|
|
1745
|
+
}
|
|
1738
1746
|
.border-gray-100 {
|
|
1739
1747
|
--tw-border-opacity: 1;
|
|
1740
1748
|
border-color: rgb(243 244 246 / var(--tw-border-opacity));
|
|
@@ -1797,6 +1805,10 @@ video {
|
|
|
1797
1805
|
--tw-bg-opacity: 1;
|
|
1798
1806
|
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
|
|
1799
1807
|
}
|
|
1808
|
+
.bg-blue-500 {
|
|
1809
|
+
--tw-bg-opacity: 1;
|
|
1810
|
+
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
|
|
1811
|
+
}
|
|
1800
1812
|
.bg-buttonPrimary-300 {
|
|
1801
1813
|
background-color: var(--button-primary-300);
|
|
1802
1814
|
}
|
|
@@ -1841,10 +1853,6 @@ video {
|
|
|
1841
1853
|
--tw-bg-opacity: 1;
|
|
1842
1854
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
1843
1855
|
}
|
|
1844
|
-
.bg-gray-700 {
|
|
1845
|
-
--tw-bg-opacity: 1;
|
|
1846
|
-
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
1847
|
-
}
|
|
1848
1856
|
.bg-gray-800 {
|
|
1849
1857
|
--tw-bg-opacity: 1;
|
|
1850
1858
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
@@ -1871,6 +1879,9 @@ video {
|
|
|
1871
1879
|
.bg-layoutPrimary-500 {
|
|
1872
1880
|
background-color: var(--layout-primary-500);
|
|
1873
1881
|
}
|
|
1882
|
+
.bg-layoutPrimary-600 {
|
|
1883
|
+
background-color: var(--layout-primary-600);
|
|
1884
|
+
}
|
|
1874
1885
|
.bg-red-100 {
|
|
1875
1886
|
--tw-bg-opacity: 1;
|
|
1876
1887
|
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
|
@@ -2150,6 +2161,9 @@ video {
|
|
|
2150
2161
|
.text-\[11px\] {
|
|
2151
2162
|
font-size: 11px;
|
|
2152
2163
|
}
|
|
2164
|
+
.text-\[12px\] {
|
|
2165
|
+
font-size: 12px;
|
|
2166
|
+
}
|
|
2153
2167
|
.text-\[13px\] {
|
|
2154
2168
|
font-size: 13px;
|
|
2155
2169
|
}
|
|
@@ -2666,10 +2680,6 @@ body {
|
|
|
2666
2680
|
--tw-bg-opacity: 1;
|
|
2667
2681
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
2668
2682
|
}
|
|
2669
|
-
.hover\:bg-gray-500:hover {
|
|
2670
|
-
--tw-bg-opacity: 1;
|
|
2671
|
-
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
|
|
2672
|
-
}
|
|
2673
2683
|
.hover\:bg-gray-700:hover {
|
|
2674
2684
|
--tw-bg-opacity: 1;
|
|
2675
2685
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
@@ -3111,6 +3121,10 @@ body {
|
|
|
3111
3121
|
:is(.dark .dark\:hover\:bg-buttonPrimary-700:hover) {
|
|
3112
3122
|
background-color: var(--button-primary-700);
|
|
3113
3123
|
}
|
|
3124
|
+
:is(.dark .dark\:hover\:bg-gray-500:hover) {
|
|
3125
|
+
--tw-bg-opacity: 1;
|
|
3126
|
+
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
|
|
3127
|
+
}
|
|
3114
3128
|
:is(.dark .dark\:hover\:bg-gray-600:hover) {
|
|
3115
3129
|
--tw-bg-opacity: 1;
|
|
3116
3130
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
@@ -3123,6 +3137,9 @@ body {
|
|
|
3123
3137
|
--tw-bg-opacity: 1;
|
|
3124
3138
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
3125
3139
|
}
|
|
3140
|
+
:is(.dark .dark\:hover\:bg-layoutPrimary-700:hover) {
|
|
3141
|
+
background-color: var(--layout-primary-700);
|
|
3142
|
+
}
|
|
3126
3143
|
:is(.dark .dark\:hover\:text-blue-500:hover) {
|
|
3127
3144
|
--tw-text-opacity: 1;
|
|
3128
3145
|
color: rgb(59 130 246 / var(--tw-text-opacity));
|