@smartsoft001/crud-shell-angular 2.176.0 → 2.178.0
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/package.json +5 -5
- package/styles.css +209 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smartsoft001/crud-shell-angular",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.178.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -33,10 +33,10 @@
|
|
|
33
33
|
"@angular/router": "^22.1.3",
|
|
34
34
|
"@ngrx/store": "^22.0.1",
|
|
35
35
|
"@ngx-translate/core": "^17.0.0",
|
|
36
|
-
"@smartsoft001/angular": "2.
|
|
37
|
-
"@smartsoft001/domain-core": "2.
|
|
38
|
-
"@smartsoft001/models": "2.
|
|
39
|
-
"@smartsoft001/utils": "2.
|
|
36
|
+
"@smartsoft001/angular": "2.178.0",
|
|
37
|
+
"@smartsoft001/domain-core": "2.178.0",
|
|
38
|
+
"@smartsoft001/models": "2.178.0",
|
|
39
|
+
"@smartsoft001/utils": "2.178.0",
|
|
40
40
|
"ng-dynamic-component": "^11.0.0",
|
|
41
41
|
"reflect-metadata": "^0.2.1",
|
|
42
42
|
"rxjs": "^7.8.1"
|
package/styles.css
CHANGED
|
@@ -240,6 +240,7 @@
|
|
|
240
240
|
--smart-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
241
241
|
--smart-animate-spin: spin 1s linear infinite;
|
|
242
242
|
--smart-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
243
|
+
--smart-blur-sm: 8px;
|
|
243
244
|
--smart-aspect-video: 16 / 9;
|
|
244
245
|
--smart-default-transition-duration: 150ms;
|
|
245
246
|
--smart-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -422,6 +423,9 @@
|
|
|
422
423
|
.smart\:relative {
|
|
423
424
|
position: relative;
|
|
424
425
|
}
|
|
426
|
+
.smart\:sticky {
|
|
427
|
+
position: sticky;
|
|
428
|
+
}
|
|
425
429
|
.smart\:inset-0 {
|
|
426
430
|
inset: 0px;
|
|
427
431
|
}
|
|
@@ -527,6 +531,9 @@
|
|
|
527
531
|
.smart\:float-right {
|
|
528
532
|
float: right;
|
|
529
533
|
}
|
|
534
|
+
.smart\:-m-2 {
|
|
535
|
+
margin: calc(var(--smart-spacing) * -2);
|
|
536
|
+
}
|
|
530
537
|
.smart\:m-2 {
|
|
531
538
|
margin: calc(var(--smart-spacing) * 2);
|
|
532
539
|
}
|
|
@@ -542,6 +549,9 @@
|
|
|
542
549
|
.smart\:-mx-1 {
|
|
543
550
|
margin-inline: calc(var(--smart-spacing) * -1);
|
|
544
551
|
}
|
|
552
|
+
.smart\:-mx-4 {
|
|
553
|
+
margin-inline: calc(var(--smart-spacing) * -4);
|
|
554
|
+
}
|
|
545
555
|
.smart\:mx-0 {
|
|
546
556
|
margin-inline: 0px;
|
|
547
557
|
}
|
|
@@ -683,6 +693,9 @@
|
|
|
683
693
|
.smart\:flex {
|
|
684
694
|
display: flex;
|
|
685
695
|
}
|
|
696
|
+
.smart\:flow-root {
|
|
697
|
+
display: flow-root;
|
|
698
|
+
}
|
|
686
699
|
.smart\:grid {
|
|
687
700
|
display: grid;
|
|
688
701
|
}
|
|
@@ -842,6 +855,9 @@
|
|
|
842
855
|
.smart\:min-h-9\.5 {
|
|
843
856
|
min-height: calc(var(--smart-spacing) * 9.5);
|
|
844
857
|
}
|
|
858
|
+
.smart\:min-h-24 {
|
|
859
|
+
min-height: calc(var(--smart-spacing) * 24);
|
|
860
|
+
}
|
|
845
861
|
.smart\:min-h-\[calc\(100\%-56px\)\] {
|
|
846
862
|
min-height: calc(100% - 56px);
|
|
847
863
|
}
|
|
@@ -872,6 +888,9 @@
|
|
|
872
888
|
.smart\:w-11 {
|
|
873
889
|
width: calc(var(--smart-spacing) * 11);
|
|
874
890
|
}
|
|
891
|
+
.smart\:w-12 {
|
|
892
|
+
width: calc(var(--smart-spacing) * 12);
|
|
893
|
+
}
|
|
875
894
|
.smart\:w-16 {
|
|
876
895
|
width: calc(var(--smart-spacing) * 16);
|
|
877
896
|
}
|
|
@@ -905,6 +924,9 @@
|
|
|
905
924
|
.smart\:w-full {
|
|
906
925
|
width: 100%;
|
|
907
926
|
}
|
|
927
|
+
.smart\:w-max {
|
|
928
|
+
width: max-content;
|
|
929
|
+
}
|
|
908
930
|
.smart\:max-w-3xl {
|
|
909
931
|
max-width: var(--smart-container-3xl);
|
|
910
932
|
}
|
|
@@ -1005,6 +1027,9 @@
|
|
|
1005
1027
|
.smart\:cursor-pointer {
|
|
1006
1028
|
cursor: pointer;
|
|
1007
1029
|
}
|
|
1030
|
+
.smart\:resize-none {
|
|
1031
|
+
resize: none;
|
|
1032
|
+
}
|
|
1008
1033
|
.smart\:list-none {
|
|
1009
1034
|
list-style-type: none;
|
|
1010
1035
|
}
|
|
@@ -1679,6 +1704,12 @@
|
|
|
1679
1704
|
background-color: color-mix(in oklab, var(--smart-color-white) 10%, transparent);
|
|
1680
1705
|
}
|
|
1681
1706
|
}
|
|
1707
|
+
.smart\:bg-white\/75 {
|
|
1708
|
+
background-color: var(--smart-color-white);
|
|
1709
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1710
|
+
background-color: color-mix(in oklab, var(--smart-color-white) 75%, transparent);
|
|
1711
|
+
}
|
|
1712
|
+
}
|
|
1682
1713
|
.smart\:bg-white\/90 {
|
|
1683
1714
|
background-color: var(--smart-color-white);
|
|
1684
1715
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1781,6 +1812,9 @@
|
|
|
1781
1812
|
.smart\:p-12 {
|
|
1782
1813
|
padding: calc(var(--smart-spacing) * 12);
|
|
1783
1814
|
}
|
|
1815
|
+
.smart\:px-0 {
|
|
1816
|
+
padding-inline: 0px;
|
|
1817
|
+
}
|
|
1784
1818
|
.smart\:px-1 {
|
|
1785
1819
|
padding-inline: var(--smart-spacing);
|
|
1786
1820
|
}
|
|
@@ -1868,6 +1902,9 @@
|
|
|
1868
1902
|
.smart\:pe-1 {
|
|
1869
1903
|
padding-inline-end: var(--smart-spacing);
|
|
1870
1904
|
}
|
|
1905
|
+
.smart\:pe-2 {
|
|
1906
|
+
padding-inline-end: calc(var(--smart-spacing) * 2);
|
|
1907
|
+
}
|
|
1871
1908
|
.smart\:pe-4 {
|
|
1872
1909
|
padding-inline-end: calc(var(--smart-spacing) * 4);
|
|
1873
1910
|
}
|
|
@@ -1877,6 +1914,9 @@
|
|
|
1877
1914
|
.smart\:pt-0\.5 {
|
|
1878
1915
|
padding-top: calc(var(--smart-spacing) * 0.5);
|
|
1879
1916
|
}
|
|
1917
|
+
.smart\:pt-2 {
|
|
1918
|
+
padding-top: calc(var(--smart-spacing) * 2);
|
|
1919
|
+
}
|
|
1880
1920
|
.smart\:pt-3 {
|
|
1881
1921
|
padding-top: calc(var(--smart-spacing) * 3);
|
|
1882
1922
|
}
|
|
@@ -1904,6 +1944,9 @@
|
|
|
1904
1944
|
.smart\:pb-8 {
|
|
1905
1945
|
padding-bottom: calc(var(--smart-spacing) * 8);
|
|
1906
1946
|
}
|
|
1947
|
+
.smart\:pb-px {
|
|
1948
|
+
padding-bottom: 1px;
|
|
1949
|
+
}
|
|
1907
1950
|
.smart\:pl-3 {
|
|
1908
1951
|
padding-left: calc(var(--smart-spacing) * 3);
|
|
1909
1952
|
}
|
|
@@ -1961,6 +2004,10 @@
|
|
|
1961
2004
|
font-size: var(--smart-text-xs);
|
|
1962
2005
|
line-height: var(--tw-leading, var(--smart-text-xs--line-height));
|
|
1963
2006
|
}
|
|
2007
|
+
.smart\:text-xs\/5 {
|
|
2008
|
+
font-size: var(--smart-text-xs);
|
|
2009
|
+
line-height: calc(var(--smart-spacing) * 5);
|
|
2010
|
+
}
|
|
1964
2011
|
.smart\:text-\[10px\] {
|
|
1965
2012
|
font-size: 10px;
|
|
1966
2013
|
}
|
|
@@ -2199,6 +2246,9 @@
|
|
|
2199
2246
|
.smart\:placeholder-gray-400::placeholder {
|
|
2200
2247
|
color: var(--smart-color-gray-400);
|
|
2201
2248
|
}
|
|
2249
|
+
.smart\:accent-indigo-600 {
|
|
2250
|
+
accent-color: var(--smart-color-indigo-600);
|
|
2251
|
+
}
|
|
2202
2252
|
.smart\:opacity-0 {
|
|
2203
2253
|
opacity: 0%;
|
|
2204
2254
|
}
|
|
@@ -2262,12 +2312,22 @@
|
|
|
2262
2312
|
--tw-ring-color: color-mix(in oklab, var(--smart-color-gray-900) 5%, transparent);
|
|
2263
2313
|
}
|
|
2264
2314
|
}
|
|
2315
|
+
.smart\:ring-green-600\/20 {
|
|
2316
|
+
--tw-ring-color: var(--smart-color-green-600);
|
|
2317
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2318
|
+
--tw-ring-color: color-mix(in oklab, var(--smart-color-green-600) 20%, transparent);
|
|
2319
|
+
}
|
|
2320
|
+
}
|
|
2265
2321
|
.smart\:ring-white {
|
|
2266
2322
|
--tw-ring-color: var(--smart-color-white);
|
|
2267
2323
|
}
|
|
2268
2324
|
.smart\:inset-ring-gray-300 {
|
|
2269
2325
|
--tw-inset-ring-color: var(--smart-color-gray-300);
|
|
2270
2326
|
}
|
|
2327
|
+
.smart\:outline {
|
|
2328
|
+
outline-style: var(--tw-outline-style);
|
|
2329
|
+
outline-width: 1px;
|
|
2330
|
+
}
|
|
2271
2331
|
.smart\:outline-1 {
|
|
2272
2332
|
outline-style: var(--tw-outline-style);
|
|
2273
2333
|
outline-width: 1px;
|
|
@@ -2275,6 +2335,12 @@
|
|
|
2275
2335
|
.smart\:-outline-offset-1 {
|
|
2276
2336
|
outline-offset: calc(1px * -1);
|
|
2277
2337
|
}
|
|
2338
|
+
.smart\:outline-black\/5 {
|
|
2339
|
+
outline-color: var(--smart-color-black);
|
|
2340
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2341
|
+
outline-color: color-mix(in oklab, var(--smart-color-black) 5%, transparent);
|
|
2342
|
+
}
|
|
2343
|
+
}
|
|
2278
2344
|
.smart\:outline-gray-300 {
|
|
2279
2345
|
outline-color: var(--smart-color-gray-300);
|
|
2280
2346
|
}
|
|
@@ -2283,6 +2349,11 @@
|
|
|
2283
2349
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2284
2350
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2285
2351
|
}
|
|
2352
|
+
.smart\:backdrop-blur-sm {
|
|
2353
|
+
--tw-backdrop-blur: blur(var(--smart-blur-sm));
|
|
2354
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2355
|
+
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
2356
|
+
}
|
|
2286
2357
|
.smart\:transition {
|
|
2287
2358
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
2288
2359
|
transition-timing-function: var(--tw-ease, var(--smart-default-transition-timing-function));
|
|
@@ -2346,6 +2417,12 @@
|
|
|
2346
2417
|
--tw-translate-y: 0px;
|
|
2347
2418
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
2348
2419
|
}
|
|
2420
|
+
.smart\:group-hover\:bg-gray-200:is(:where(.smart\:group):hover *) {
|
|
2421
|
+
background-color: var(--smart-color-gray-200);
|
|
2422
|
+
}
|
|
2423
|
+
.smart\:group-hover\:text-gray-600:is(:where(.smart\:group):hover *) {
|
|
2424
|
+
color: var(--smart-color-gray-600);
|
|
2425
|
+
}
|
|
2349
2426
|
.smart\:group-hover\:opacity-0:is(:where(.smart\:group):hover *) {
|
|
2350
2427
|
opacity: 0%;
|
|
2351
2428
|
}
|
|
@@ -2495,6 +2572,12 @@
|
|
|
2495
2572
|
border-inline-start-style: var(--tw-border-style);
|
|
2496
2573
|
border-inline-start-width: 0px;
|
|
2497
2574
|
}
|
|
2575
|
+
.smart\:first\:pl-0:first-child {
|
|
2576
|
+
padding-left: 0px;
|
|
2577
|
+
}
|
|
2578
|
+
.smart\:first\:pl-4:first-child {
|
|
2579
|
+
padding-left: calc(var(--smart-spacing) * 4);
|
|
2580
|
+
}
|
|
2498
2581
|
.smart\:last\:flex-none:last-child {
|
|
2499
2582
|
flex: none;
|
|
2500
2583
|
}
|
|
@@ -2502,6 +2585,12 @@
|
|
|
2502
2585
|
border-start-end-radius: var(--smart-radius-lg);
|
|
2503
2586
|
border-end-end-radius: var(--smart-radius-lg);
|
|
2504
2587
|
}
|
|
2588
|
+
.smart\:last\:pr-0:last-child {
|
|
2589
|
+
padding-right: 0px;
|
|
2590
|
+
}
|
|
2591
|
+
.smart\:last\:pr-4:last-child {
|
|
2592
|
+
padding-right: calc(var(--smart-spacing) * 4);
|
|
2593
|
+
}
|
|
2505
2594
|
.smart\:last\:after\:hidden:last-child::after {
|
|
2506
2595
|
content: var(--tw-content);
|
|
2507
2596
|
display: none;
|
|
@@ -2518,6 +2607,16 @@
|
|
|
2518
2607
|
.smart\:checked\:bg-blue-700:checked {
|
|
2519
2608
|
background-color: var(--smart-color-blue-700);
|
|
2520
2609
|
}
|
|
2610
|
+
.smart\:focus-within\:border-b-2:focus-within {
|
|
2611
|
+
border-bottom-style: var(--tw-border-style);
|
|
2612
|
+
border-bottom-width: 2px;
|
|
2613
|
+
}
|
|
2614
|
+
.smart\:focus-within\:border-blue-600:focus-within {
|
|
2615
|
+
border-color: var(--smart-color-blue-600);
|
|
2616
|
+
}
|
|
2617
|
+
.smart\:focus-within\:pb-0:focus-within {
|
|
2618
|
+
padding-bottom: 0px;
|
|
2619
|
+
}
|
|
2521
2620
|
.smart\:focus-within\:ring-1:focus-within {
|
|
2522
2621
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
2523
2622
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -2525,6 +2624,16 @@
|
|
|
2525
2624
|
.smart\:focus-within\:ring-blue-500:focus-within {
|
|
2526
2625
|
--tw-ring-color: var(--smart-color-blue-500);
|
|
2527
2626
|
}
|
|
2627
|
+
.smart\:focus-within\:outline-2:focus-within {
|
|
2628
|
+
outline-style: var(--tw-outline-style);
|
|
2629
|
+
outline-width: 2px;
|
|
2630
|
+
}
|
|
2631
|
+
.smart\:focus-within\:-outline-offset-2:focus-within {
|
|
2632
|
+
outline-offset: calc(2px * -1);
|
|
2633
|
+
}
|
|
2634
|
+
.smart\:focus-within\:outline-blue-600:focus-within {
|
|
2635
|
+
outline-color: var(--smart-color-blue-600);
|
|
2636
|
+
}
|
|
2528
2637
|
@media (hover: hover) {
|
|
2529
2638
|
.smart\:hover\:border-amber-600:hover {
|
|
2530
2639
|
border-color: var(--smart-color-amber-600);
|
|
@@ -3367,6 +3476,9 @@
|
|
|
3367
3476
|
.smart\:focus\:outline-offset-2:focus {
|
|
3368
3477
|
outline-offset: 2px;
|
|
3369
3478
|
}
|
|
3479
|
+
.smart\:focus\:outline-blue-600:focus {
|
|
3480
|
+
outline-color: var(--smart-color-blue-600);
|
|
3481
|
+
}
|
|
3370
3482
|
.smart\:focus\:outline-indigo-600:focus {
|
|
3371
3483
|
outline-color: var(--smart-color-indigo-600);
|
|
3372
3484
|
}
|
|
@@ -3377,6 +3489,9 @@
|
|
|
3377
3489
|
.smart\:focus\:ring-inset:focus {
|
|
3378
3490
|
--tw-ring-inset: inset;
|
|
3379
3491
|
}
|
|
3492
|
+
.smart\:focus-visible\:underline:focus-visible {
|
|
3493
|
+
text-decoration-line: underline;
|
|
3494
|
+
}
|
|
3380
3495
|
.smart\:focus-visible\:outline-2:focus-visible {
|
|
3381
3496
|
outline-style: var(--tw-outline-style);
|
|
3382
3497
|
outline-width: 2px;
|
|
@@ -3462,6 +3577,9 @@
|
|
|
3462
3577
|
.smart\:disabled\:opacity-50:disabled {
|
|
3463
3578
|
opacity: 50%;
|
|
3464
3579
|
}
|
|
3580
|
+
.smart\:disabled\:opacity-60:disabled {
|
|
3581
|
+
opacity: 60%;
|
|
3582
|
+
}
|
|
3465
3583
|
@media (width < 40rem) {
|
|
3466
3584
|
.smart\:max-sm\:w-full {
|
|
3467
3585
|
width: 100%;
|
|
@@ -3474,6 +3592,9 @@
|
|
|
3474
3592
|
.smart\:sm\:col-span-2 {
|
|
3475
3593
|
grid-column: span 2 / span 2;
|
|
3476
3594
|
}
|
|
3595
|
+
.smart\:sm\:mx-0 {
|
|
3596
|
+
margin-inline: 0px;
|
|
3597
|
+
}
|
|
3477
3598
|
.smart\:sm\:mx-auto {
|
|
3478
3599
|
margin-inline: auto;
|
|
3479
3600
|
}
|
|
@@ -3521,6 +3642,12 @@
|
|
|
3521
3642
|
.smart\:sm\:max-w-md {
|
|
3522
3643
|
max-width: var(--smart-container-md);
|
|
3523
3644
|
}
|
|
3645
|
+
.smart\:sm\:flex-auto {
|
|
3646
|
+
flex: auto;
|
|
3647
|
+
}
|
|
3648
|
+
.smart\:sm\:flex-none {
|
|
3649
|
+
flex: none;
|
|
3650
|
+
}
|
|
3524
3651
|
.smart\:sm\:shrink-0 {
|
|
3525
3652
|
flex-shrink: 0;
|
|
3526
3653
|
}
|
|
@@ -3557,11 +3684,17 @@
|
|
|
3557
3684
|
.smart\:sm\:gap-12 {
|
|
3558
3685
|
gap: calc(var(--smart-spacing) * 12);
|
|
3559
3686
|
}
|
|
3687
|
+
.smart\:sm\:gap-x-8 {
|
|
3688
|
+
column-gap: calc(var(--smart-spacing) * 8);
|
|
3689
|
+
}
|
|
3560
3690
|
.smart\:sm\:truncate {
|
|
3561
3691
|
overflow: hidden;
|
|
3562
3692
|
text-overflow: ellipsis;
|
|
3563
3693
|
white-space: nowrap;
|
|
3564
3694
|
}
|
|
3695
|
+
.smart\:sm\:rounded-xl {
|
|
3696
|
+
border-radius: var(--smart-radius-xl);
|
|
3697
|
+
}
|
|
3565
3698
|
.smart\:sm\:p-5 {
|
|
3566
3699
|
padding: calc(var(--smart-spacing) * 5);
|
|
3567
3700
|
}
|
|
@@ -3618,6 +3751,12 @@
|
|
|
3618
3751
|
--tw-tracking: var(--smart-tracking-tight);
|
|
3619
3752
|
letter-spacing: var(--smart-tracking-tight);
|
|
3620
3753
|
}
|
|
3754
|
+
.smart\:sm\:first\:pl-6:first-child {
|
|
3755
|
+
padding-left: calc(var(--smart-spacing) * 6);
|
|
3756
|
+
}
|
|
3757
|
+
.smart\:sm\:last\:pr-6:last-child {
|
|
3758
|
+
padding-right: calc(var(--smart-spacing) * 6);
|
|
3759
|
+
}
|
|
3621
3760
|
}
|
|
3622
3761
|
@media (width >= 48rem) {
|
|
3623
3762
|
.smart\:md\:relative {
|
|
@@ -3736,6 +3875,12 @@
|
|
|
3736
3875
|
border-color: color-mix(in oklab, var(--smart-color-white) 10%, transparent);
|
|
3737
3876
|
}
|
|
3738
3877
|
}
|
|
3878
|
+
:where(.smart\:dark\:divide-white\/15:where(.dark, .dark *) > :not(:last-child)) {
|
|
3879
|
+
border-color: var(--smart-color-white);
|
|
3880
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3881
|
+
border-color: color-mix(in oklab, var(--smart-color-white) 15%, transparent);
|
|
3882
|
+
}
|
|
3883
|
+
}
|
|
3739
3884
|
.smart\:dark\:border-b:where(.dark, .dark *) {
|
|
3740
3885
|
border-bottom-style: var(--tw-border-style);
|
|
3741
3886
|
border-bottom-width: 1px;
|
|
@@ -3845,6 +3990,12 @@
|
|
|
3845
3990
|
border-color: color-mix(in oklab, var(--smart-color-white) 10%, transparent);
|
|
3846
3991
|
}
|
|
3847
3992
|
}
|
|
3993
|
+
.smart\:dark\:border-white\/20:where(.dark, .dark *) {
|
|
3994
|
+
border-color: var(--smart-color-white);
|
|
3995
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
3996
|
+
border-color: color-mix(in oklab, var(--smart-color-white) 20%, transparent);
|
|
3997
|
+
}
|
|
3998
|
+
}
|
|
3848
3999
|
.smart\:dark\:border-yellow-400:where(.dark, .dark *) {
|
|
3849
4000
|
border-color: var(--smart-color-yellow-400);
|
|
3850
4001
|
}
|
|
@@ -3938,6 +4089,12 @@
|
|
|
3938
4089
|
background-color: color-mix(in oklab, var(--smart-color-gray-800) 60%, transparent);
|
|
3939
4090
|
}
|
|
3940
4091
|
}
|
|
4092
|
+
.smart\:dark\:bg-gray-800\/75:where(.dark, .dark *) {
|
|
4093
|
+
background-color: var(--smart-color-gray-800);
|
|
4094
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4095
|
+
background-color: color-mix(in oklab, var(--smart-color-gray-800) 75%, transparent);
|
|
4096
|
+
}
|
|
4097
|
+
}
|
|
3941
4098
|
.smart\:dark\:bg-gray-800\/90:where(.dark, .dark *) {
|
|
3942
4099
|
background-color: var(--smart-color-gray-800);
|
|
3943
4100
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -3953,6 +4110,12 @@
|
|
|
3953
4110
|
background-color: color-mix(in oklab, var(--smart-color-gray-900) 50%, transparent);
|
|
3954
4111
|
}
|
|
3955
4112
|
}
|
|
4113
|
+
.smart\:dark\:bg-gray-900\/75:where(.dark, .dark *) {
|
|
4114
|
+
background-color: var(--smart-color-gray-900);
|
|
4115
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4116
|
+
background-color: color-mix(in oklab, var(--smart-color-gray-900) 75%, transparent);
|
|
4117
|
+
}
|
|
4118
|
+
}
|
|
3956
4119
|
.smart\:dark\:bg-gray-900\/80:where(.dark, .dark *) {
|
|
3957
4120
|
background-color: var(--smart-color-gray-900);
|
|
3958
4121
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -3962,6 +4125,12 @@
|
|
|
3962
4125
|
.smart\:dark\:bg-green-500:where(.dark, .dark *) {
|
|
3963
4126
|
background-color: var(--smart-color-green-500);
|
|
3964
4127
|
}
|
|
4128
|
+
.smart\:dark\:bg-green-500\/10:where(.dark, .dark *) {
|
|
4129
|
+
background-color: var(--smart-color-green-500);
|
|
4130
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4131
|
+
background-color: color-mix(in oklab, var(--smart-color-green-500) 10%, transparent);
|
|
4132
|
+
}
|
|
4133
|
+
}
|
|
3965
4134
|
.smart\:dark\:bg-green-500\/20:where(.dark, .dark *) {
|
|
3966
4135
|
background-color: var(--smart-color-green-500);
|
|
3967
4136
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4295,6 +4464,9 @@
|
|
|
4295
4464
|
.smart\:dark\:placeholder-gray-500:where(.dark, .dark *)::placeholder {
|
|
4296
4465
|
color: var(--smart-color-gray-500);
|
|
4297
4466
|
}
|
|
4467
|
+
.smart\:dark\:accent-indigo-500:where(.dark, .dark *) {
|
|
4468
|
+
accent-color: var(--smart-color-indigo-500);
|
|
4469
|
+
}
|
|
4298
4470
|
.smart\:dark\:shadow-none:where(.dark, .dark *) {
|
|
4299
4471
|
--tw-shadow: 0 0 #0000;
|
|
4300
4472
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -4302,6 +4474,12 @@
|
|
|
4302
4474
|
.smart\:dark\:ring-gray-800:where(.dark, .dark *) {
|
|
4303
4475
|
--tw-ring-color: var(--smart-color-gray-800);
|
|
4304
4476
|
}
|
|
4477
|
+
.smart\:dark\:ring-green-500\/20:where(.dark, .dark *) {
|
|
4478
|
+
--tw-ring-color: var(--smart-color-green-500);
|
|
4479
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4480
|
+
--tw-ring-color: color-mix(in oklab, var(--smart-color-green-500) 20%, transparent);
|
|
4481
|
+
}
|
|
4482
|
+
}
|
|
4305
4483
|
.smart\:dark\:ring-white\/10:where(.dark, .dark *) {
|
|
4306
4484
|
--tw-ring-color: var(--smart-color-white);
|
|
4307
4485
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -4327,6 +4505,14 @@
|
|
|
4327
4505
|
outline-color: color-mix(in oklab, var(--smart-color-white) 10%, transparent);
|
|
4328
4506
|
}
|
|
4329
4507
|
}
|
|
4508
|
+
@media (hover: hover) {
|
|
4509
|
+
.smart\:dark\:group-hover\:bg-gray-700:where(.dark, .dark *):is(:where(.smart\:group):hover *) {
|
|
4510
|
+
background-color: var(--smart-color-gray-700);
|
|
4511
|
+
}
|
|
4512
|
+
.smart\:dark\:group-hover\:text-gray-300:where(.dark, .dark *):is(:where(.smart\:group):hover *) {
|
|
4513
|
+
color: var(--smart-color-gray-300);
|
|
4514
|
+
}
|
|
4515
|
+
}
|
|
4330
4516
|
.smart\:dark\:peer-checked\:bg-blue-500:where(.dark, .dark *):is(:where(.smart\:peer):checked ~ *) {
|
|
4331
4517
|
background-color: var(--smart-color-blue-500);
|
|
4332
4518
|
}
|
|
@@ -4364,6 +4550,12 @@
|
|
|
4364
4550
|
.smart\:dark\:even\:bg-gray-800:where(.dark, .dark *):nth-child(even) {
|
|
4365
4551
|
background-color: var(--smart-color-gray-800);
|
|
4366
4552
|
}
|
|
4553
|
+
.smart\:dark\:even\:bg-gray-800\/50:where(.dark, .dark *):nth-child(even) {
|
|
4554
|
+
background-color: var(--smart-color-gray-800);
|
|
4555
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4556
|
+
background-color: color-mix(in oklab, var(--smart-color-gray-800) 50%, transparent);
|
|
4557
|
+
}
|
|
4558
|
+
}
|
|
4367
4559
|
.smart\:dark\:checked\:border-blue-500:where(.dark, .dark *):checked {
|
|
4368
4560
|
border-color: var(--smart-color-blue-500);
|
|
4369
4561
|
}
|
|
@@ -4376,9 +4568,15 @@
|
|
|
4376
4568
|
.smart\:dark\:checked\:bg-blue-600:where(.dark, .dark *):checked {
|
|
4377
4569
|
background-color: var(--smart-color-blue-600);
|
|
4378
4570
|
}
|
|
4571
|
+
.smart\:dark\:focus-within\:border-blue-500:where(.dark, .dark *):focus-within {
|
|
4572
|
+
border-color: var(--smart-color-blue-500);
|
|
4573
|
+
}
|
|
4379
4574
|
.smart\:dark\:focus-within\:ring-blue-600:where(.dark, .dark *):focus-within {
|
|
4380
4575
|
--tw-ring-color: var(--smart-color-blue-600);
|
|
4381
4576
|
}
|
|
4577
|
+
.smart\:dark\:focus-within\:outline-blue-500:where(.dark, .dark *):focus-within {
|
|
4578
|
+
outline-color: var(--smart-color-blue-500);
|
|
4579
|
+
}
|
|
4382
4580
|
@media (hover: hover) {
|
|
4383
4581
|
.smart\:dark\:hover\:border-amber-500:where(.dark, .dark *):hover {
|
|
4384
4582
|
border-color: var(--smart-color-amber-500);
|
|
@@ -4768,6 +4966,14 @@
|
|
|
4768
4966
|
.smart\:dark\:hover\:bg-violet-600:where(.dark, .dark *):hover {
|
|
4769
4967
|
background-color: var(--smart-color-violet-600);
|
|
4770
4968
|
}
|
|
4969
|
+
.smart\:dark\:hover\:bg-white\/5:where(.dark, .dark *):hover {
|
|
4970
|
+
background-color: var(--smart-color-white);
|
|
4971
|
+
}
|
|
4972
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4973
|
+
.smart\:dark\:hover\:bg-white\/5:where(.dark, .dark *):hover {
|
|
4974
|
+
background-color: color-mix(in oklab, var(--smart-color-white) 5%, transparent);
|
|
4975
|
+
}
|
|
4976
|
+
}
|
|
4771
4977
|
.smart\:dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
|
|
4772
4978
|
background-color: var(--smart-color-white);
|
|
4773
4979
|
}
|
|
@@ -5265,6 +5471,9 @@
|
|
|
5265
5471
|
.smart\:dark\:focus\:ring-blue-600:where(.dark, .dark *):focus {
|
|
5266
5472
|
--tw-ring-color: var(--smart-color-blue-600);
|
|
5267
5473
|
}
|
|
5474
|
+
.smart\:dark\:focus\:outline-blue-500:where(.dark, .dark *):focus {
|
|
5475
|
+
outline-color: var(--smart-color-blue-500);
|
|
5476
|
+
}
|
|
5268
5477
|
.smart\:dark\:focus\:outline-indigo-500:where(.dark, .dark *):focus {
|
|
5269
5478
|
outline-color: var(--smart-color-indigo-500);
|
|
5270
5479
|
}
|