@sikka/hawa 0.0.257 → 0.0.258
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 +39 -4
- package/es/index.es.js +1 -1
- package/es/stories/ManualStories/BlocksIntroduction.stories.d.ts +1 -0
- package/es/stories/ManualStories/Customization.stories.d.ts +1 -0
- package/es/stories/ManualStories/ElementsIntroduction.stories.d.ts +1 -0
- package/es/stories/ManualStories/Installation.stories.d.ts +1 -0
- package/es/stories/ManualStories/LayoutIntroduction.stories.d.ts +1 -0
- package/es/stories/ManualStories/Overview.stories.d.ts +1 -0
- package/es/stories/ManualStories/Usage.stories.d.ts +1 -0
- package/lib/index.js +1 -1
- package/lib/stories/ManualStories/BlocksIntroduction.stories.d.ts +1 -0
- package/lib/stories/ManualStories/Customization.stories.d.ts +1 -0
- package/lib/stories/ManualStories/ElementsIntroduction.stories.d.ts +1 -0
- package/lib/stories/ManualStories/Installation.stories.d.ts +1 -0
- package/lib/stories/ManualStories/LayoutIntroduction.stories.d.ts +1 -0
- package/lib/stories/ManualStories/Overview.stories.d.ts +1 -0
- package/lib/stories/ManualStories/Usage.stories.d.ts +1 -0
- package/package.json +2 -3
- package/src/elements/HawaAlert.tsx +10 -2
- package/src/styles.css +39 -4
package/dist/styles.css
CHANGED
|
@@ -570,6 +570,9 @@ video {
|
|
|
570
570
|
.collapse {
|
|
571
571
|
visibility: collapse;
|
|
572
572
|
}
|
|
573
|
+
.static {
|
|
574
|
+
position: static;
|
|
575
|
+
}
|
|
573
576
|
.fixed {
|
|
574
577
|
position: fixed;
|
|
575
578
|
}
|
|
@@ -1033,6 +1036,9 @@ video {
|
|
|
1033
1036
|
.w-8 {
|
|
1034
1037
|
width: 2rem;
|
|
1035
1038
|
}
|
|
1039
|
+
.w-9 {
|
|
1040
|
+
width: 2.25rem;
|
|
1041
|
+
}
|
|
1036
1042
|
.w-\[32px\] {
|
|
1037
1043
|
width: 32px;
|
|
1038
1044
|
}
|
|
@@ -1121,10 +1127,6 @@ video {
|
|
|
1121
1127
|
--tw-translate-y: -50%;
|
|
1122
1128
|
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));
|
|
1123
1129
|
}
|
|
1124
|
-
.translate-y-1 {
|
|
1125
|
-
--tw-translate-y: 0.25rem;
|
|
1126
|
-
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));
|
|
1127
|
-
}
|
|
1128
1130
|
.translate-y-1\/2 {
|
|
1129
1131
|
--tw-translate-y: 50%;
|
|
1130
1132
|
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));
|
|
@@ -1268,6 +1270,11 @@ video {
|
|
|
1268
1270
|
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
|
|
1269
1271
|
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1270
1272
|
}
|
|
1273
|
+
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1274
|
+
--tw-space-x-reverse: 0;
|
|
1275
|
+
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
1276
|
+
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1277
|
+
}
|
|
1271
1278
|
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
1272
1279
|
--tw-space-y-reverse: 0;
|
|
1273
1280
|
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -1796,6 +1803,9 @@ video {
|
|
|
1796
1803
|
.pl-3 {
|
|
1797
1804
|
padding-left: 0.75rem;
|
|
1798
1805
|
}
|
|
1806
|
+
.pl-6 {
|
|
1807
|
+
padding-left: 1.5rem;
|
|
1808
|
+
}
|
|
1799
1809
|
.pr-2 {
|
|
1800
1810
|
padding-right: 0.5rem;
|
|
1801
1811
|
}
|
|
@@ -2237,6 +2247,11 @@ body {
|
|
|
2237
2247
|
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
|
|
2238
2248
|
}
|
|
2239
2249
|
|
|
2250
|
+
.hover\:bg-blue-300:hover {
|
|
2251
|
+
--tw-bg-opacity: 1;
|
|
2252
|
+
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
|
|
2253
|
+
}
|
|
2254
|
+
|
|
2240
2255
|
.hover\:bg-blue-500:hover {
|
|
2241
2256
|
--tw-bg-opacity: 1;
|
|
2242
2257
|
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
|
|
@@ -2279,6 +2294,11 @@ body {
|
|
|
2279
2294
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
2280
2295
|
}
|
|
2281
2296
|
|
|
2297
|
+
.hover\:bg-green-300:hover {
|
|
2298
|
+
--tw-bg-opacity: 1;
|
|
2299
|
+
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
|
|
2300
|
+
}
|
|
2301
|
+
|
|
2282
2302
|
.hover\:bg-layoutPrimary-300:hover {
|
|
2283
2303
|
background-color: var(--layout-primary-300);
|
|
2284
2304
|
}
|
|
@@ -2291,6 +2311,16 @@ body {
|
|
|
2291
2311
|
background-color: var(--layout-primary-700);
|
|
2292
2312
|
}
|
|
2293
2313
|
|
|
2314
|
+
.hover\:bg-red-300:hover {
|
|
2315
|
+
--tw-bg-opacity: 1;
|
|
2316
|
+
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
|
|
2317
|
+
}
|
|
2318
|
+
|
|
2319
|
+
.hover\:bg-yellow-300:hover {
|
|
2320
|
+
--tw-bg-opacity: 1;
|
|
2321
|
+
background-color: rgb(253 224 71 / var(--tw-bg-opacity));
|
|
2322
|
+
}
|
|
2323
|
+
|
|
2294
2324
|
.hover\:font-bold:hover {
|
|
2295
2325
|
font-weight: 700;
|
|
2296
2326
|
}
|
|
@@ -2688,6 +2718,11 @@ body {
|
|
|
2688
2718
|
|
|
2689
2719
|
@media (min-width: 640px) {
|
|
2690
2720
|
|
|
2721
|
+
.sm\:text-base {
|
|
2722
|
+
font-size: 1rem;
|
|
2723
|
+
line-height: 1.5rem;
|
|
2724
|
+
}
|
|
2725
|
+
|
|
2691
2726
|
.sm\:after\:inline-block::after {
|
|
2692
2727
|
content: var(--tw-content);
|
|
2693
2728
|
display: inline-block;
|