@sikka/hawa 0.0.261 → 0.0.262
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 -124
- package/es/index.es.js +3 -3
- package/es/layout/HawaAppLayoutSimplified.d.ts +31 -0
- package/es/layout/index.d.ts +1 -0
- package/lib/index.js +3 -3
- package/lib/layout/HawaAppLayoutSimplified.d.ts +31 -0
- package/lib/layout/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/elements/HawaAlert.tsx +8 -3
- package/src/layout/HawaAppLayout.tsx +7 -4
- package/src/layout/HawaAppLayoutSimplified.tsx +516 -0
- package/src/layout/index.ts +1 -0
- package/src/styles.css +39 -124
- package/src/tailwind.css +11 -0
package/dist/styles.css
CHANGED
|
@@ -612,6 +612,9 @@ video {
|
|
|
612
612
|
.bottom-1 {
|
|
613
613
|
bottom: 0.25rem;
|
|
614
614
|
}
|
|
615
|
+
.bottom-14 {
|
|
616
|
+
bottom: 3.5rem;
|
|
617
|
+
}
|
|
615
618
|
.bottom-4 {
|
|
616
619
|
bottom: 1rem;
|
|
617
620
|
}
|
|
@@ -772,6 +775,9 @@ video {
|
|
|
772
775
|
.ml-6 {
|
|
773
776
|
margin-left: 1.5rem;
|
|
774
777
|
}
|
|
778
|
+
.ml-8 {
|
|
779
|
+
margin-left: 2rem;
|
|
780
|
+
}
|
|
775
781
|
.ml-auto {
|
|
776
782
|
margin-left: auto;
|
|
777
783
|
}
|
|
@@ -799,6 +805,9 @@ video {
|
|
|
799
805
|
.mr-40 {
|
|
800
806
|
margin-right: 10rem;
|
|
801
807
|
}
|
|
808
|
+
.mr-8 {
|
|
809
|
+
margin-right: 2rem;
|
|
810
|
+
}
|
|
802
811
|
.mr-\[10px\] {
|
|
803
812
|
margin-right: 10px;
|
|
804
813
|
}
|
|
@@ -1045,12 +1054,18 @@ video {
|
|
|
1045
1054
|
.w-\[12px\] {
|
|
1046
1055
|
width: 12px;
|
|
1047
1056
|
}
|
|
1057
|
+
.w-\[160px\] {
|
|
1058
|
+
width: 160px;
|
|
1059
|
+
}
|
|
1048
1060
|
.w-\[32px\] {
|
|
1049
1061
|
width: 32px;
|
|
1050
1062
|
}
|
|
1051
1063
|
.w-\[400px\] {
|
|
1052
1064
|
width: 400px;
|
|
1053
1065
|
}
|
|
1066
|
+
.w-\[56px\] {
|
|
1067
|
+
width: 56px;
|
|
1068
|
+
}
|
|
1054
1069
|
.w-\[calc\(1\%\)\] {
|
|
1055
1070
|
width: calc(1%);
|
|
1056
1071
|
}
|
|
@@ -1567,6 +1582,10 @@ video {
|
|
|
1567
1582
|
--tw-bg-opacity: 1;
|
|
1568
1583
|
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
|
|
1569
1584
|
}
|
|
1585
|
+
.bg-blue-400 {
|
|
1586
|
+
--tw-bg-opacity: 1;
|
|
1587
|
+
background-color: rgb(96 165 250 / var(--tw-bg-opacity));
|
|
1588
|
+
}
|
|
1570
1589
|
.bg-blue-50 {
|
|
1571
1590
|
--tw-bg-opacity: 1;
|
|
1572
1591
|
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
|
|
@@ -1629,6 +1648,10 @@ video {
|
|
|
1629
1648
|
--tw-bg-opacity: 1;
|
|
1630
1649
|
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
|
|
1631
1650
|
}
|
|
1651
|
+
.bg-green-400 {
|
|
1652
|
+
--tw-bg-opacity: 1;
|
|
1653
|
+
background-color: rgb(74 222 128 / var(--tw-bg-opacity));
|
|
1654
|
+
}
|
|
1632
1655
|
.bg-green-500 {
|
|
1633
1656
|
--tw-bg-opacity: 1;
|
|
1634
1657
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
@@ -1667,6 +1690,10 @@ video {
|
|
|
1667
1690
|
--tw-bg-opacity: 1;
|
|
1668
1691
|
background-color: rgb(71 85 105 / var(--tw-bg-opacity));
|
|
1669
1692
|
}
|
|
1693
|
+
.bg-stone-600 {
|
|
1694
|
+
--tw-bg-opacity: 1;
|
|
1695
|
+
background-color: rgb(87 83 78 / var(--tw-bg-opacity));
|
|
1696
|
+
}
|
|
1670
1697
|
.bg-transparent {
|
|
1671
1698
|
background-color: transparent;
|
|
1672
1699
|
}
|
|
@@ -1686,6 +1713,10 @@ video {
|
|
|
1686
1713
|
--tw-bg-opacity: 1;
|
|
1687
1714
|
background-color: rgb(250 204 21 / var(--tw-bg-opacity));
|
|
1688
1715
|
}
|
|
1716
|
+
.bg-yellow-500 {
|
|
1717
|
+
--tw-bg-opacity: 1;
|
|
1718
|
+
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
|
|
1719
|
+
}
|
|
1689
1720
|
.bg-opacity-75 {
|
|
1690
1721
|
--tw-bg-opacity: 0.75;
|
|
1691
1722
|
}
|
|
@@ -2143,601 +2174,488 @@ video {
|
|
|
2143
2174
|
.duration-300 {
|
|
2144
2175
|
transition-duration: 300ms;
|
|
2145
2176
|
}
|
|
2177
|
+
/* Chrome, Safari and Opera */
|
|
2178
|
+
.no-scrollbar::-webkit-scrollbar {
|
|
2179
|
+
display: none;
|
|
2180
|
+
}
|
|
2181
|
+
.no-scrollbar {
|
|
2182
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
2183
|
+
scrollbar-width: none; /* Firefox */
|
|
2184
|
+
}
|
|
2146
2185
|
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap");
|
|
2147
|
-
|
|
2148
2186
|
body {
|
|
2149
2187
|
font-family: "IBM Plex Sans Arabic", sans-serif;
|
|
2150
2188
|
}
|
|
2151
|
-
|
|
2152
2189
|
.after\:absolute::after {
|
|
2153
2190
|
content: var(--tw-content);
|
|
2154
2191
|
position: absolute;
|
|
2155
2192
|
}
|
|
2156
|
-
|
|
2157
2193
|
.after\:left-\[2px\]::after {
|
|
2158
2194
|
content: var(--tw-content);
|
|
2159
2195
|
left: 2px;
|
|
2160
2196
|
}
|
|
2161
|
-
|
|
2162
2197
|
.after\:top-\[2px\]::after {
|
|
2163
2198
|
content: var(--tw-content);
|
|
2164
2199
|
top: 2px;
|
|
2165
2200
|
}
|
|
2166
|
-
|
|
2167
2201
|
.after\:mx-2::after {
|
|
2168
2202
|
content: var(--tw-content);
|
|
2169
2203
|
margin-left: 0.5rem;
|
|
2170
2204
|
margin-right: 0.5rem;
|
|
2171
2205
|
}
|
|
2172
|
-
|
|
2173
2206
|
.after\:mx-6::after {
|
|
2174
2207
|
content: var(--tw-content);
|
|
2175
2208
|
margin-left: 1.5rem;
|
|
2176
2209
|
margin-right: 1.5rem;
|
|
2177
2210
|
}
|
|
2178
|
-
|
|
2179
2211
|
.after\:hidden::after {
|
|
2180
2212
|
content: var(--tw-content);
|
|
2181
2213
|
display: none;
|
|
2182
2214
|
}
|
|
2183
|
-
|
|
2184
2215
|
.after\:h-1::after {
|
|
2185
2216
|
content: var(--tw-content);
|
|
2186
2217
|
height: 0.25rem;
|
|
2187
2218
|
}
|
|
2188
|
-
|
|
2189
2219
|
.after\:h-5::after {
|
|
2190
2220
|
content: var(--tw-content);
|
|
2191
2221
|
height: 1.25rem;
|
|
2192
2222
|
}
|
|
2193
|
-
|
|
2194
2223
|
.after\:h-9::after {
|
|
2195
2224
|
content: var(--tw-content);
|
|
2196
2225
|
height: 2.25rem;
|
|
2197
2226
|
}
|
|
2198
|
-
|
|
2199
2227
|
.after\:w-10::after {
|
|
2200
2228
|
content: var(--tw-content);
|
|
2201
2229
|
width: 2.5rem;
|
|
2202
2230
|
}
|
|
2203
|
-
|
|
2204
2231
|
.after\:w-5::after {
|
|
2205
2232
|
content: var(--tw-content);
|
|
2206
2233
|
width: 1.25rem;
|
|
2207
2234
|
}
|
|
2208
|
-
|
|
2209
2235
|
.after\:w-9::after {
|
|
2210
2236
|
content: var(--tw-content);
|
|
2211
2237
|
width: 2.25rem;
|
|
2212
2238
|
}
|
|
2213
|
-
|
|
2214
2239
|
.after\:rounded-full::after {
|
|
2215
2240
|
content: var(--tw-content);
|
|
2216
2241
|
border-radius: 9999px;
|
|
2217
2242
|
}
|
|
2218
|
-
|
|
2219
2243
|
.after\:border::after {
|
|
2220
2244
|
content: var(--tw-content);
|
|
2221
2245
|
border-width: 1px;
|
|
2222
2246
|
}
|
|
2223
|
-
|
|
2224
2247
|
.after\:border-b::after {
|
|
2225
2248
|
content: var(--tw-content);
|
|
2226
2249
|
border-bottom-width: 1px;
|
|
2227
2250
|
}
|
|
2228
|
-
|
|
2229
2251
|
.after\:border-gray-200::after {
|
|
2230
2252
|
content: var(--tw-content);
|
|
2231
2253
|
--tw-border-opacity: 1;
|
|
2232
2254
|
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
2233
2255
|
}
|
|
2234
|
-
|
|
2235
2256
|
.after\:border-gray-300::after {
|
|
2236
2257
|
content: var(--tw-content);
|
|
2237
2258
|
--tw-border-opacity: 1;
|
|
2238
2259
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
2239
2260
|
}
|
|
2240
|
-
|
|
2241
2261
|
.after\:bg-white::after {
|
|
2242
2262
|
content: var(--tw-content);
|
|
2243
2263
|
--tw-bg-opacity: 1;
|
|
2244
2264
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
2245
2265
|
}
|
|
2246
|
-
|
|
2247
2266
|
.after\:transition-all::after {
|
|
2248
2267
|
content: var(--tw-content);
|
|
2249
2268
|
transition-property: all;
|
|
2250
2269
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2251
2270
|
transition-duration: 150ms;
|
|
2252
2271
|
}
|
|
2253
|
-
|
|
2254
2272
|
.after\:content-\[\'\'\]::after {
|
|
2255
2273
|
--tw-content: '';
|
|
2256
2274
|
content: var(--tw-content);
|
|
2257
2275
|
}
|
|
2258
|
-
|
|
2259
2276
|
.hover\:w-40:hover {
|
|
2260
2277
|
width: 10rem;
|
|
2261
2278
|
}
|
|
2262
|
-
|
|
2263
2279
|
.hover\:scale-150:hover {
|
|
2264
2280
|
--tw-scale-x: 1.5;
|
|
2265
2281
|
--tw-scale-y: 1.5;
|
|
2266
2282
|
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));
|
|
2267
2283
|
}
|
|
2268
|
-
|
|
2269
2284
|
.hover\:cursor-pointer:hover {
|
|
2270
2285
|
cursor: pointer;
|
|
2271
2286
|
}
|
|
2272
|
-
|
|
2273
2287
|
.hover\:bg-blue-200:hover {
|
|
2274
2288
|
--tw-bg-opacity: 1;
|
|
2275
2289
|
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
|
|
2276
2290
|
}
|
|
2277
|
-
|
|
2278
2291
|
.hover\:bg-blue-300:hover {
|
|
2279
2292
|
--tw-bg-opacity: 1;
|
|
2280
2293
|
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
|
|
2281
2294
|
}
|
|
2282
|
-
|
|
2283
2295
|
.hover\:bg-blue-500:hover {
|
|
2284
2296
|
--tw-bg-opacity: 1;
|
|
2285
2297
|
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
|
|
2286
2298
|
}
|
|
2287
|
-
|
|
2288
2299
|
.hover\:bg-buttonPrimary-500:hover {
|
|
2289
2300
|
background-color: var(--button-primary-500);
|
|
2290
2301
|
}
|
|
2291
|
-
|
|
2292
2302
|
.hover\:bg-buttonPrimary-700:hover {
|
|
2293
2303
|
background-color: var(--button-primary-700);
|
|
2294
2304
|
}
|
|
2295
|
-
|
|
2296
2305
|
.hover\:bg-buttonSecondary-700:hover {
|
|
2297
2306
|
background-color: var(--button-secondary-700);
|
|
2298
2307
|
}
|
|
2299
|
-
|
|
2300
2308
|
.hover\:bg-gray-100:hover {
|
|
2301
2309
|
--tw-bg-opacity: 1;
|
|
2302
2310
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
2303
2311
|
}
|
|
2304
|
-
|
|
2305
2312
|
.hover\:bg-gray-200:hover {
|
|
2306
2313
|
--tw-bg-opacity: 1;
|
|
2307
2314
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
2308
2315
|
}
|
|
2309
|
-
|
|
2310
2316
|
.hover\:bg-gray-400:hover {
|
|
2311
2317
|
--tw-bg-opacity: 1;
|
|
2312
2318
|
background-color: rgb(156 163 175 / var(--tw-bg-opacity));
|
|
2313
2319
|
}
|
|
2314
|
-
|
|
2315
2320
|
.hover\:bg-gray-50:hover {
|
|
2316
2321
|
--tw-bg-opacity: 1;
|
|
2317
2322
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
2318
2323
|
}
|
|
2319
|
-
|
|
2320
2324
|
.hover\:bg-gray-500:hover {
|
|
2321
2325
|
--tw-bg-opacity: 1;
|
|
2322
2326
|
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
|
|
2323
2327
|
}
|
|
2324
|
-
|
|
2325
2328
|
.hover\:bg-gray-700:hover {
|
|
2326
2329
|
--tw-bg-opacity: 1;
|
|
2327
2330
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
2328
2331
|
}
|
|
2329
|
-
|
|
2330
2332
|
.hover\:bg-green-300:hover {
|
|
2331
2333
|
--tw-bg-opacity: 1;
|
|
2332
2334
|
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
|
|
2333
2335
|
}
|
|
2334
|
-
|
|
2335
2336
|
.hover\:bg-layoutPrimary-300:hover {
|
|
2336
2337
|
background-color: var(--layout-primary-300);
|
|
2337
2338
|
}
|
|
2338
|
-
|
|
2339
2339
|
.hover\:bg-layoutPrimary-500:hover {
|
|
2340
2340
|
background-color: var(--layout-primary-500);
|
|
2341
2341
|
}
|
|
2342
|
-
|
|
2343
2342
|
.hover\:bg-layoutPrimary-700:hover {
|
|
2344
2343
|
background-color: var(--layout-primary-700);
|
|
2345
2344
|
}
|
|
2346
|
-
|
|
2347
2345
|
.hover\:bg-red-300:hover {
|
|
2348
2346
|
--tw-bg-opacity: 1;
|
|
2349
2347
|
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
|
|
2350
2348
|
}
|
|
2351
|
-
|
|
2352
2349
|
.hover\:bg-yellow-300:hover {
|
|
2353
2350
|
--tw-bg-opacity: 1;
|
|
2354
2351
|
background-color: rgb(253 224 71 / var(--tw-bg-opacity));
|
|
2355
2352
|
}
|
|
2356
|
-
|
|
2357
2353
|
.hover\:font-bold:hover {
|
|
2358
2354
|
font-weight: 700;
|
|
2359
2355
|
}
|
|
2360
|
-
|
|
2361
2356
|
.hover\:text-blue-600:hover {
|
|
2362
2357
|
--tw-text-opacity: 1;
|
|
2363
2358
|
color: rgb(37 99 235 / var(--tw-text-opacity));
|
|
2364
2359
|
}
|
|
2365
|
-
|
|
2366
2360
|
.hover\:text-buttonPrimary-500:hover {
|
|
2367
2361
|
color: var(--button-primary-500);
|
|
2368
2362
|
}
|
|
2369
|
-
|
|
2370
2363
|
.hover\:text-gray-400:hover {
|
|
2371
2364
|
--tw-text-opacity: 1;
|
|
2372
2365
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
2373
2366
|
}
|
|
2374
|
-
|
|
2375
2367
|
.hover\:text-gray-900:hover {
|
|
2376
2368
|
--tw-text-opacity: 1;
|
|
2377
2369
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
2378
2370
|
}
|
|
2379
|
-
|
|
2380
2371
|
.hover\:text-white:hover {
|
|
2381
2372
|
--tw-text-opacity: 1;
|
|
2382
2373
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2383
2374
|
}
|
|
2384
|
-
|
|
2385
2375
|
.hover\:underline:hover {
|
|
2386
2376
|
-webkit-text-decoration-line: underline;
|
|
2387
2377
|
text-decoration-line: underline;
|
|
2388
2378
|
}
|
|
2389
|
-
|
|
2390
2379
|
.hover\:decoration-2:hover {
|
|
2391
2380
|
text-decoration-thickness: 2px;
|
|
2392
2381
|
}
|
|
2393
|
-
|
|
2394
2382
|
.hover\:opacity-50:hover {
|
|
2395
2383
|
opacity: 0.5;
|
|
2396
2384
|
}
|
|
2397
|
-
|
|
2398
2385
|
.hover\:shadow-lg:hover {
|
|
2399
2386
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
2400
2387
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
2401
2388
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2402
2389
|
}
|
|
2403
|
-
|
|
2404
2390
|
.hover\:ring-1:hover {
|
|
2405
2391
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2406
2392
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2407
2393
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2408
2394
|
}
|
|
2409
|
-
|
|
2410
2395
|
.hover\:ring-buttonPrimary-500:hover {
|
|
2411
2396
|
--tw-ring-color: var(--button-primary-500);
|
|
2412
2397
|
}
|
|
2413
|
-
|
|
2414
2398
|
.hover\:brightness-90:hover {
|
|
2415
2399
|
--tw-brightness: brightness(.9);
|
|
2416
2400
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
2417
2401
|
}
|
|
2418
|
-
|
|
2419
2402
|
.hover\:drop-shadow-lg:hover {
|
|
2420
2403
|
--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
|
|
2421
2404
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
2422
2405
|
}
|
|
2423
|
-
|
|
2424
2406
|
.focus\:border-blue-500:focus {
|
|
2425
2407
|
--tw-border-opacity: 1;
|
|
2426
2408
|
border-color: rgb(59 130 246 / var(--tw-border-opacity));
|
|
2427
2409
|
}
|
|
2428
|
-
|
|
2429
2410
|
.focus\:text-white:focus {
|
|
2430
2411
|
--tw-text-opacity: 1;
|
|
2431
2412
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2432
2413
|
}
|
|
2433
|
-
|
|
2434
2414
|
.focus\:outline-none:focus {
|
|
2435
2415
|
outline: 2px solid transparent;
|
|
2436
2416
|
outline-offset: 2px;
|
|
2437
2417
|
}
|
|
2438
|
-
|
|
2439
2418
|
.focus\:ring-2:focus {
|
|
2440
2419
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2441
2420
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2442
2421
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2443
2422
|
}
|
|
2444
|
-
|
|
2445
2423
|
.focus\:ring-4:focus {
|
|
2446
2424
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2447
2425
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2448
2426
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2449
2427
|
}
|
|
2450
|
-
|
|
2451
2428
|
.focus\:ring-blue-500:focus {
|
|
2452
2429
|
--tw-ring-opacity: 1;
|
|
2453
2430
|
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
|
|
2454
2431
|
}
|
|
2455
|
-
|
|
2456
2432
|
.focus\:ring-gray-200:focus {
|
|
2457
2433
|
--tw-ring-opacity: 1;
|
|
2458
2434
|
--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
|
|
2459
2435
|
}
|
|
2460
|
-
|
|
2461
2436
|
.focus\:ring-gray-300:focus {
|
|
2462
2437
|
--tw-ring-opacity: 1;
|
|
2463
2438
|
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
|
|
2464
2439
|
}
|
|
2465
|
-
|
|
2466
2440
|
.focus\:ring-gray-50:focus {
|
|
2467
2441
|
--tw-ring-opacity: 1;
|
|
2468
2442
|
--tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
|
|
2469
2443
|
}
|
|
2470
|
-
|
|
2471
2444
|
.disabled\:bg-gray-200:disabled {
|
|
2472
2445
|
--tw-bg-opacity: 1;
|
|
2473
2446
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
2474
2447
|
}
|
|
2475
|
-
|
|
2476
2448
|
.group:hover .group-hover\:opacity-100 {
|
|
2477
2449
|
opacity: 1;
|
|
2478
2450
|
}
|
|
2479
|
-
|
|
2480
2451
|
.group:hover .group-hover\:blur-lg {
|
|
2481
2452
|
--tw-blur: blur(16px);
|
|
2482
2453
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
2483
2454
|
}
|
|
2484
|
-
|
|
2485
2455
|
.peer:checked ~ .peer-checked\:bg-buttonPrimary-500 {
|
|
2486
2456
|
background-color: var(--button-primary-500);
|
|
2487
2457
|
}
|
|
2488
|
-
|
|
2489
2458
|
.peer:checked ~ .peer-checked\:after\:translate-x-\[2\.445rem\]::after {
|
|
2490
2459
|
content: var(--tw-content);
|
|
2491
2460
|
--tw-translate-x: 2.445rem;
|
|
2492
2461
|
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));
|
|
2493
2462
|
}
|
|
2494
|
-
|
|
2495
2463
|
.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
|
|
2496
2464
|
content: var(--tw-content);
|
|
2497
2465
|
--tw-translate-x: 100%;
|
|
2498
2466
|
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));
|
|
2499
2467
|
}
|
|
2500
|
-
|
|
2501
2468
|
.peer:checked ~ .peer-checked\:after\:border-white::after {
|
|
2502
2469
|
content: var(--tw-content);
|
|
2503
2470
|
--tw-border-opacity: 1;
|
|
2504
2471
|
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
2505
2472
|
}
|
|
2506
|
-
|
|
2507
2473
|
:is([dir="rtl"] .rtl\:ml-1) {
|
|
2508
2474
|
margin-left: 0.25rem;
|
|
2509
2475
|
}
|
|
2510
|
-
|
|
2511
2476
|
:is([dir="rtl"] .rtl\:ml-2) {
|
|
2512
2477
|
margin-left: 0.5rem;
|
|
2513
2478
|
}
|
|
2514
|
-
|
|
2515
2479
|
:is([dir="rtl"] .rtl\:flex-row-reverse) {
|
|
2516
2480
|
flex-direction: row-reverse;
|
|
2517
2481
|
}
|
|
2518
|
-
|
|
2519
2482
|
:is(.dark .dark\:border-blue-500) {
|
|
2520
2483
|
--tw-border-opacity: 1;
|
|
2521
2484
|
border-color: rgb(59 130 246 / var(--tw-border-opacity));
|
|
2522
2485
|
}
|
|
2523
|
-
|
|
2524
2486
|
:is(.dark .dark\:border-gray-600) {
|
|
2525
2487
|
--tw-border-opacity: 1;
|
|
2526
2488
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
2527
2489
|
}
|
|
2528
|
-
|
|
2529
2490
|
:is(.dark .dark\:border-gray-700) {
|
|
2530
2491
|
--tw-border-opacity: 1;
|
|
2531
2492
|
border-color: rgb(55 65 81 / var(--tw-border-opacity));
|
|
2532
2493
|
}
|
|
2533
|
-
|
|
2534
2494
|
:is(.dark .dark\:border-gray-900) {
|
|
2535
2495
|
--tw-border-opacity: 1;
|
|
2536
2496
|
border-color: rgb(17 24 39 / var(--tw-border-opacity));
|
|
2537
2497
|
}
|
|
2538
|
-
|
|
2539
2498
|
:is(.dark .dark\:bg-blue-200) {
|
|
2540
2499
|
--tw-bg-opacity: 1;
|
|
2541
2500
|
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
|
|
2542
2501
|
}
|
|
2543
|
-
|
|
2544
2502
|
:is(.dark .dark\:bg-gray-600) {
|
|
2545
2503
|
--tw-bg-opacity: 1;
|
|
2546
2504
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
2547
2505
|
}
|
|
2548
|
-
|
|
2549
2506
|
:is(.dark .dark\:bg-gray-700) {
|
|
2550
2507
|
--tw-bg-opacity: 1;
|
|
2551
2508
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
2552
2509
|
}
|
|
2553
|
-
|
|
2554
2510
|
:is(.dark .dark\:bg-gray-800) {
|
|
2555
2511
|
--tw-bg-opacity: 1;
|
|
2556
2512
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
2557
2513
|
}
|
|
2558
|
-
|
|
2559
2514
|
:is(.dark .dark\:bg-gray-900) {
|
|
2560
2515
|
--tw-bg-opacity: 1;
|
|
2561
2516
|
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
|
2562
2517
|
}
|
|
2563
|
-
|
|
2564
2518
|
:is(.dark .dark\:bg-green-200) {
|
|
2565
2519
|
--tw-bg-opacity: 1;
|
|
2566
2520
|
background-color: rgb(187 247 208 / var(--tw-bg-opacity));
|
|
2567
2521
|
}
|
|
2568
|
-
|
|
2569
2522
|
:is(.dark .dark\:bg-layoutPrimary-dark) {
|
|
2570
2523
|
--tw-bg-opacity: 1;
|
|
2571
2524
|
background-color: rgb(37 27 115 / var(--tw-bg-opacity));
|
|
2572
2525
|
}
|
|
2573
|
-
|
|
2574
2526
|
:is(.dark .dark\:bg-red-200) {
|
|
2575
2527
|
--tw-bg-opacity: 1;
|
|
2576
2528
|
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
|
|
2577
2529
|
}
|
|
2578
|
-
|
|
2579
2530
|
:is(.dark .dark\:bg-yellow-200) {
|
|
2580
2531
|
--tw-bg-opacity: 1;
|
|
2581
2532
|
background-color: rgb(254 240 138 / var(--tw-bg-opacity));
|
|
2582
2533
|
}
|
|
2583
|
-
|
|
2584
2534
|
:is(.dark .dark\:text-black) {
|
|
2585
2535
|
--tw-text-opacity: 1;
|
|
2586
2536
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
2587
2537
|
}
|
|
2588
|
-
|
|
2589
2538
|
:is(.dark .dark\:text-blue-400) {
|
|
2590
2539
|
--tw-text-opacity: 1;
|
|
2591
2540
|
color: rgb(96 165 250 / var(--tw-text-opacity));
|
|
2592
2541
|
}
|
|
2593
|
-
|
|
2594
2542
|
:is(.dark .dark\:text-blue-500) {
|
|
2595
2543
|
--tw-text-opacity: 1;
|
|
2596
2544
|
color: rgb(59 130 246 / var(--tw-text-opacity));
|
|
2597
2545
|
}
|
|
2598
|
-
|
|
2599
2546
|
:is(.dark .dark\:text-blue-800) {
|
|
2600
2547
|
--tw-text-opacity: 1;
|
|
2601
2548
|
color: rgb(30 64 175 / var(--tw-text-opacity));
|
|
2602
2549
|
}
|
|
2603
|
-
|
|
2604
2550
|
:is(.dark .dark\:text-gray-200) {
|
|
2605
2551
|
--tw-text-opacity: 1;
|
|
2606
2552
|
color: rgb(229 231 235 / var(--tw-text-opacity));
|
|
2607
2553
|
}
|
|
2608
|
-
|
|
2609
2554
|
:is(.dark .dark\:text-gray-300) {
|
|
2610
2555
|
--tw-text-opacity: 1;
|
|
2611
2556
|
color: rgb(209 213 219 / var(--tw-text-opacity));
|
|
2612
2557
|
}
|
|
2613
|
-
|
|
2614
2558
|
:is(.dark .dark\:text-gray-400) {
|
|
2615
2559
|
--tw-text-opacity: 1;
|
|
2616
2560
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
|
2617
2561
|
}
|
|
2618
|
-
|
|
2619
2562
|
:is(.dark .dark\:text-gray-500) {
|
|
2620
2563
|
--tw-text-opacity: 1;
|
|
2621
2564
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
2622
2565
|
}
|
|
2623
|
-
|
|
2624
2566
|
:is(.dark .dark\:text-green-800) {
|
|
2625
2567
|
--tw-text-opacity: 1;
|
|
2626
2568
|
color: rgb(22 101 52 / var(--tw-text-opacity));
|
|
2627
2569
|
}
|
|
2628
|
-
|
|
2629
2570
|
:is(.dark .dark\:text-red-500) {
|
|
2630
2571
|
--tw-text-opacity: 1;
|
|
2631
2572
|
color: rgb(239 68 68 / var(--tw-text-opacity));
|
|
2632
2573
|
}
|
|
2633
|
-
|
|
2634
2574
|
:is(.dark .dark\:text-red-800) {
|
|
2635
2575
|
--tw-text-opacity: 1;
|
|
2636
2576
|
color: rgb(153 27 27 / var(--tw-text-opacity));
|
|
2637
2577
|
}
|
|
2638
|
-
|
|
2639
2578
|
:is(.dark .dark\:text-white) {
|
|
2640
2579
|
--tw-text-opacity: 1;
|
|
2641
2580
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2642
2581
|
}
|
|
2643
|
-
|
|
2644
2582
|
:is(.dark .dark\:text-yellow-800) {
|
|
2645
2583
|
--tw-text-opacity: 1;
|
|
2646
2584
|
color: rgb(133 77 14 / var(--tw-text-opacity));
|
|
2647
2585
|
}
|
|
2648
|
-
|
|
2649
2586
|
:is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
|
|
2650
2587
|
--tw-placeholder-opacity: 1;
|
|
2651
2588
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
2652
2589
|
}
|
|
2653
|
-
|
|
2654
2590
|
:is(.dark .dark\:placeholder-gray-400)::placeholder {
|
|
2655
2591
|
--tw-placeholder-opacity: 1;
|
|
2656
2592
|
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
|
2657
2593
|
}
|
|
2658
|
-
|
|
2659
2594
|
:is(.dark .dark\:ring-offset-gray-800) {
|
|
2660
2595
|
--tw-ring-offset-color: #1f2937;
|
|
2661
2596
|
}
|
|
2662
|
-
|
|
2663
2597
|
:is(.dark .dark\:after\:border-gray-700)::after {
|
|
2664
2598
|
content: var(--tw-content);
|
|
2665
2599
|
--tw-border-opacity: 1;
|
|
2666
2600
|
border-color: rgb(55 65 81 / var(--tw-border-opacity));
|
|
2667
2601
|
}
|
|
2668
|
-
|
|
2669
2602
|
:is(.dark .dark\:hover\:bg-buttonPrimary-700:hover) {
|
|
2670
2603
|
background-color: var(--button-primary-700);
|
|
2671
2604
|
}
|
|
2672
|
-
|
|
2673
2605
|
:is(.dark .dark\:hover\:bg-gray-600:hover) {
|
|
2674
2606
|
--tw-bg-opacity: 1;
|
|
2675
2607
|
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
|
2676
2608
|
}
|
|
2677
|
-
|
|
2678
2609
|
:is(.dark .dark\:hover\:bg-gray-700:hover) {
|
|
2679
2610
|
--tw-bg-opacity: 1;
|
|
2680
2611
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
|
2681
2612
|
}
|
|
2682
|
-
|
|
2683
2613
|
:is(.dark .dark\:hover\:bg-gray-800:hover) {
|
|
2684
2614
|
--tw-bg-opacity: 1;
|
|
2685
2615
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
|
2686
2616
|
}
|
|
2687
|
-
|
|
2688
2617
|
:is(.dark .dark\:hover\:text-blue-500:hover) {
|
|
2689
2618
|
--tw-text-opacity: 1;
|
|
2690
2619
|
color: rgb(59 130 246 / var(--tw-text-opacity));
|
|
2691
2620
|
}
|
|
2692
|
-
|
|
2693
2621
|
:is(.dark .dark\:hover\:text-white:hover) {
|
|
2694
2622
|
--tw-text-opacity: 1;
|
|
2695
2623
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2696
2624
|
}
|
|
2697
|
-
|
|
2698
2625
|
:is(.dark .dark\:hover\:brightness-90:hover) {
|
|
2699
2626
|
--tw-brightness: brightness(.9);
|
|
2700
2627
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
2701
2628
|
}
|
|
2702
|
-
|
|
2703
2629
|
:is(.dark .dark\:focus\:border-blue-500:focus) {
|
|
2704
2630
|
--tw-border-opacity: 1;
|
|
2705
2631
|
border-color: rgb(59 130 246 / var(--tw-border-opacity));
|
|
2706
2632
|
}
|
|
2707
|
-
|
|
2708
2633
|
:is(.dark .dark\:focus\:ring-blue-500:focus) {
|
|
2709
2634
|
--tw-ring-opacity: 1;
|
|
2710
2635
|
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
|
|
2711
2636
|
}
|
|
2712
|
-
|
|
2713
2637
|
:is(.dark .dark\:focus\:ring-blue-600:focus) {
|
|
2714
2638
|
--tw-ring-opacity: 1;
|
|
2715
2639
|
--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
|
|
2716
2640
|
}
|
|
2717
|
-
|
|
2718
2641
|
:is(.dark .dark\:focus\:ring-buttonPrimary-500:focus) {
|
|
2719
2642
|
--tw-ring-color: var(--button-primary-500);
|
|
2720
2643
|
}
|
|
2721
|
-
|
|
2722
2644
|
:is(.dark .dark\:focus\:ring-gray-600:focus) {
|
|
2723
2645
|
--tw-ring-opacity: 1;
|
|
2724
2646
|
--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
|
|
2725
2647
|
}
|
|
2726
|
-
|
|
2727
2648
|
:is(.dark .dark\:focus\:ring-gray-700:focus) {
|
|
2728
2649
|
--tw-ring-opacity: 1;
|
|
2729
2650
|
--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
|
|
2730
2651
|
}
|
|
2731
|
-
|
|
2732
2652
|
:is(.dark .dark\:focus\:ring-gray-800:focus) {
|
|
2733
2653
|
--tw-ring-opacity: 1;
|
|
2734
2654
|
--tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
|
|
2735
2655
|
}
|
|
2736
|
-
|
|
2737
2656
|
:is(.dark .peer:focus ~ .dark\:peer-focus\:ring-buttonPrimary-700) {
|
|
2738
2657
|
--tw-ring-color: var(--button-primary-700);
|
|
2739
2658
|
}
|
|
2740
|
-
|
|
2741
2659
|
@media (min-width: 440px) {
|
|
2742
2660
|
|
|
2743
2661
|
.xs\:max-w-full {
|
|
@@ -2748,7 +2666,6 @@ body {
|
|
|
2748
2666
|
flex-wrap: nowrap;
|
|
2749
2667
|
}
|
|
2750
2668
|
}
|
|
2751
|
-
|
|
2752
2669
|
@media (min-width: 640px) {
|
|
2753
2670
|
|
|
2754
2671
|
.sm\:text-base {
|
|
@@ -2766,7 +2683,6 @@ body {
|
|
|
2766
2683
|
content: var(--tw-content);
|
|
2767
2684
|
}
|
|
2768
2685
|
}
|
|
2769
|
-
|
|
2770
2686
|
@media (min-width: 768px) {
|
|
2771
2687
|
|
|
2772
2688
|
.md\:h-auto {
|
|
@@ -2806,7 +2722,6 @@ body {
|
|
|
2806
2722
|
border-bottom-left-radius: 0.5rem;
|
|
2807
2723
|
}
|
|
2808
2724
|
}
|
|
2809
|
-
|
|
2810
2725
|
@media (min-width: 1280px) {
|
|
2811
2726
|
|
|
2812
2727
|
.xl\:after\:mx-10::after {
|