@sigx/zero-daisyui 0.14.0 → 0.16.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/dist/css/components/container.css +1 -0
- package/dist/css/components/input.css +9 -0
- package/dist/css/components/nav-list.css +7 -0
- package/dist/css/index.css +17 -0
- package/dist/lynx/components/alert.css +7 -1
- package/dist/lynx/components/badge.css +2 -4
- package/dist/lynx/components/breadcrumbs.css +30 -21
- package/dist/lynx/components/button.css +2 -7
- package/dist/lynx/components/card.css +1 -2
- package/dist/lynx/components/carousel.css +62 -11
- package/dist/lynx/components/chat-log.css +201 -10
- package/dist/lynx/components/chat.css +11 -2
- package/dist/lynx/components/combobox.css +82 -8
- package/dist/lynx/components/container.css +3 -2
- package/dist/lynx/components/diff.css +1 -1
- package/dist/lynx/components/divider.css +11 -10
- package/dist/lynx/components/drawer.css +66 -11
- package/dist/lynx/components/empty-state.css +1 -1
- package/dist/lynx/components/fieldset.css +1 -1
- package/dist/lynx/components/file-upload.css +212 -5
- package/dist/lynx/components/grid.css +2 -2
- package/dist/lynx/components/kbd.css +2 -3
- package/dist/lynx/components/menu.css +20 -1
- package/dist/lynx/components/nav-list.css +15 -2
- package/dist/lynx/components/navbar.css +14 -5
- package/dist/lynx/components/pagination.css +97 -65
- package/dist/lynx/components/radial-progress.css +10 -10
- package/dist/lynx/components/select.css +1 -2
- package/dist/lynx/components/spinner.css +2 -12
- package/dist/lynx/components/stack.css +2 -2
- package/dist/lynx/components/status.css +10 -20
- package/dist/lynx/components/steps.css +114 -22
- package/dist/lynx/components/table.css +401 -3
- package/dist/lynx/components/tabs.css +1 -1
- package/dist/lynx/components/timeline.css +12 -25
- package/dist/lynx/components/toast.css +2 -4
- package/dist/lynx/components/tooltip.css +7 -0
- package/dist/lynx/components/tree-view.css +31 -4
- package/dist/lynx/index.css +1448 -292
- package/dist/lynx/manifest.json +3 -3
- package/dist/manifest.json +1 -1
- package/dist/recipes.d.ts.map +1 -1
- package/dist/recipes.js +710 -28
- package/dist/recipes.js.map +1 -1
- package/dist/report.json +555 -56
- package/package.json +4 -4
- package/src/recipes.ts +717 -28
package/dist/lynx/index.css
CHANGED
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
|
|
484
484
|
.zx-stack__root {
|
|
485
485
|
display: flex;
|
|
486
|
-
min-
|
|
486
|
+
min-width: 0;
|
|
487
487
|
column-gap: var(--l-gap-x);
|
|
488
488
|
row-gap: var(--l-gap-y);
|
|
489
489
|
align-items: var(--l-align);
|
|
@@ -502,7 +502,7 @@
|
|
|
502
502
|
.zx-stack__item {
|
|
503
503
|
--l-grow: 0;
|
|
504
504
|
flex-grow: var(--l-grow);
|
|
505
|
-
min-
|
|
505
|
+
min-width: 0;
|
|
506
506
|
}
|
|
507
507
|
|
|
508
508
|
.zx-spacer__root {
|
|
@@ -532,7 +532,7 @@
|
|
|
532
532
|
|
|
533
533
|
.zx-grid__root {
|
|
534
534
|
display: grid;
|
|
535
|
-
min-
|
|
535
|
+
min-width: 0;
|
|
536
536
|
grid-template-columns: var(--l-cols);
|
|
537
537
|
column-gap: var(--l-gap-x);
|
|
538
538
|
row-gap: var(--l-gap-y);
|
|
@@ -543,7 +543,7 @@
|
|
|
543
543
|
.zx-grid__cell {
|
|
544
544
|
--l-span: auto;
|
|
545
545
|
grid-column: var(--l-span);
|
|
546
|
-
min-
|
|
546
|
+
min-width: 0;
|
|
547
547
|
}
|
|
548
548
|
|
|
549
549
|
.zx-center__root {
|
|
@@ -623,8 +623,9 @@
|
|
|
623
623
|
}
|
|
624
624
|
|
|
625
625
|
.zx-container__root {
|
|
626
|
-
|
|
627
|
-
|
|
626
|
+
box-sizing: border-box;
|
|
627
|
+
width: 100%;
|
|
628
|
+
max-width: var(--l-measure);
|
|
628
629
|
}
|
|
629
630
|
|
|
630
631
|
.zx-tabs__root {
|
|
@@ -641,7 +642,7 @@
|
|
|
641
642
|
display: flex;
|
|
642
643
|
align-self: flex-start;
|
|
643
644
|
box-sizing: border-box;
|
|
644
|
-
max-
|
|
645
|
+
max-width: 100%;
|
|
645
646
|
overflow-x: auto;
|
|
646
647
|
padding: var(--tabs-ring-room);
|
|
647
648
|
scroll-padding-inline: var(--tabs-ring-room);
|
|
@@ -2128,6 +2129,9 @@
|
|
|
2128
2129
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
2129
2130
|
padding-left: calc(var(--size-field) * 4);
|
|
2130
2131
|
padding-right: calc(var(--size-field) * 4);
|
|
2132
|
+
width: max-content;
|
|
2133
|
+
flex-shrink: 0;
|
|
2134
|
+
flex-wrap: nowrap;
|
|
2131
2135
|
}
|
|
2132
2136
|
|
|
2133
2137
|
.zx-tooltip__trigger.zx-f-disabled {
|
|
@@ -2163,6 +2167,10 @@
|
|
|
2163
2167
|
transform: none;
|
|
2164
2168
|
}
|
|
2165
2169
|
|
|
2170
|
+
.zx-tooltip__arrow {
|
|
2171
|
+
background: var(--color-neutral);
|
|
2172
|
+
}
|
|
2173
|
+
|
|
2166
2174
|
.zx-tooltip__trigger.zx-a-color-primary {
|
|
2167
2175
|
background: var(--color-primary);
|
|
2168
2176
|
color: var(--color-primary-content);
|
|
@@ -2509,6 +2517,10 @@
|
|
|
2509
2517
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
2510
2518
|
padding-left: calc(var(--size-field) * 4);
|
|
2511
2519
|
padding-right: calc(var(--size-field) * 4);
|
|
2520
|
+
width: max-content;
|
|
2521
|
+
flex-shrink: 0;
|
|
2522
|
+
flex-wrap: nowrap;
|
|
2523
|
+
flex-direction: row;
|
|
2512
2524
|
}
|
|
2513
2525
|
|
|
2514
2526
|
.zx-menu__trigger.zx-f-disabled {
|
|
@@ -2521,8 +2533,15 @@
|
|
|
2521
2533
|
}
|
|
2522
2534
|
|
|
2523
2535
|
.zx-menu__trigger.zx-f-focus-visible {
|
|
2524
|
-
outline:
|
|
2536
|
+
outline: none;
|
|
2525
2537
|
outline-offset: 2px;
|
|
2538
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
2539
|
+
}
|
|
2540
|
+
|
|
2541
|
+
.zx-menu__trigger.zx-f-pressed {
|
|
2542
|
+
background: var(--color-base-300);
|
|
2543
|
+
transform: translateY(1px);
|
|
2544
|
+
box-shadow: none;
|
|
2526
2545
|
}
|
|
2527
2546
|
|
|
2528
2547
|
.zx-menu__popup {
|
|
@@ -2536,6 +2555,8 @@
|
|
|
2536
2555
|
box-shadow: var(--shadow-lg);
|
|
2537
2556
|
padding: var(--space-md);
|
|
2538
2557
|
min-width: 208px;
|
|
2558
|
+
display: flex;
|
|
2559
|
+
flex-direction: column;
|
|
2539
2560
|
}
|
|
2540
2561
|
|
|
2541
2562
|
.zx-menu__popup.zx-s-open {
|
|
@@ -2554,6 +2575,7 @@
|
|
|
2554
2575
|
cursor: pointer;
|
|
2555
2576
|
outline: none;
|
|
2556
2577
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
2578
|
+
flex-direction: row;
|
|
2557
2579
|
}
|
|
2558
2580
|
|
|
2559
2581
|
.zx-menu__item.zx-f-highlighted {
|
|
@@ -2576,6 +2598,7 @@
|
|
|
2576
2598
|
cursor: pointer;
|
|
2577
2599
|
outline: none;
|
|
2578
2600
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
2601
|
+
flex-direction: row;
|
|
2579
2602
|
}
|
|
2580
2603
|
|
|
2581
2604
|
.zx-menu__checkbox-item.zx-f-highlighted {
|
|
@@ -2598,6 +2621,7 @@
|
|
|
2598
2621
|
cursor: pointer;
|
|
2599
2622
|
outline: none;
|
|
2600
2623
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
2624
|
+
flex-direction: row;
|
|
2601
2625
|
}
|
|
2602
2626
|
|
|
2603
2627
|
.zx-menu__radio-item.zx-f-highlighted {
|
|
@@ -2627,6 +2651,7 @@
|
|
|
2627
2651
|
cursor: pointer;
|
|
2628
2652
|
outline: none;
|
|
2629
2653
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
2654
|
+
flex-direction: row;
|
|
2630
2655
|
}
|
|
2631
2656
|
|
|
2632
2657
|
.zx-menu__sub-trigger.zx-f-highlighted {
|
|
@@ -2653,6 +2678,8 @@
|
|
|
2653
2678
|
box-shadow: var(--shadow-lg);
|
|
2654
2679
|
padding: var(--space-md);
|
|
2655
2680
|
min-width: 208px;
|
|
2681
|
+
display: flex;
|
|
2682
|
+
flex-direction: column;
|
|
2656
2683
|
}
|
|
2657
2684
|
|
|
2658
2685
|
.zx-menu__sub-popup.zx-s-open {
|
|
@@ -3249,7 +3276,7 @@
|
|
|
3249
3276
|
grid-template-columns: 1fr;
|
|
3250
3277
|
grid-auto-rows: max-content;
|
|
3251
3278
|
gap: var(--space-sm);
|
|
3252
|
-
min-
|
|
3279
|
+
min-width: 0;
|
|
3253
3280
|
margin: 0;
|
|
3254
3281
|
border: none;
|
|
3255
3282
|
flex-direction: column;
|
|
@@ -5227,7 +5254,7 @@
|
|
|
5227
5254
|
.zx-select__clear-trigger {
|
|
5228
5255
|
appearance: none;
|
|
5229
5256
|
position: absolute;
|
|
5230
|
-
min-
|
|
5257
|
+
min-width: 24px;
|
|
5231
5258
|
display: flex;
|
|
5232
5259
|
align-items: center;
|
|
5233
5260
|
justify-content: center;
|
|
@@ -5244,7 +5271,6 @@
|
|
|
5244
5271
|
right: calc(var(--border) + var(--size-field) * 4 + var(--text-sm) + var(--space-xs));
|
|
5245
5272
|
width: 24px;
|
|
5246
5273
|
height: 24px;
|
|
5247
|
-
min-width: 24px;
|
|
5248
5274
|
box-sizing: border-box;
|
|
5249
5275
|
}
|
|
5250
5276
|
|
|
@@ -5501,15 +5527,13 @@
|
|
|
5501
5527
|
|
|
5502
5528
|
.zx-button__spinner {
|
|
5503
5529
|
box-sizing: border-box;
|
|
5504
|
-
|
|
5505
|
-
|
|
5530
|
+
width: 1em;
|
|
5531
|
+
height: 1em;
|
|
5506
5532
|
flex: none;
|
|
5507
5533
|
border-radius: 9999px;
|
|
5508
5534
|
border: 0 solid transparent;
|
|
5509
5535
|
border-block-start-color: transparent;
|
|
5510
5536
|
animation: zero-daisyui-btn-spin 0.7s linear infinite;
|
|
5511
|
-
width: 1em;
|
|
5512
|
-
height: 1em;
|
|
5513
5537
|
border-top-width: calc(var(--border) * 2);
|
|
5514
5538
|
border-right-width: calc(var(--border) * 2);
|
|
5515
5539
|
border-bottom-width: calc(var(--border) * 2);
|
|
@@ -5921,14 +5945,11 @@
|
|
|
5921
5945
|
}
|
|
5922
5946
|
|
|
5923
5947
|
.zx-button__root.zx-m-wide {
|
|
5924
|
-
inline-size: 100%;
|
|
5925
|
-
max-inline-size: 256px;
|
|
5926
5948
|
width: 100%;
|
|
5927
5949
|
max-width: 256px;
|
|
5928
5950
|
}
|
|
5929
5951
|
|
|
5930
5952
|
.zx-button__root.zx-m-block {
|
|
5931
|
-
inline-size: 100%;
|
|
5932
5953
|
width: 100%;
|
|
5933
5954
|
}
|
|
5934
5955
|
|
|
@@ -6350,14 +6371,12 @@
|
|
|
6350
6371
|
.zx-toast__indicator {
|
|
6351
6372
|
grid-column: 1;
|
|
6352
6373
|
grid-row: 1 / span 2;
|
|
6353
|
-
|
|
6354
|
-
|
|
6374
|
+
width: var(--toast-mark);
|
|
6375
|
+
height: var(--toast-mark);
|
|
6355
6376
|
box-sizing: border-box;
|
|
6356
6377
|
position: absolute;
|
|
6357
6378
|
left: var(--space-lg);
|
|
6358
6379
|
top: var(--space-md);
|
|
6359
|
-
width: var(--toast-mark);
|
|
6360
|
-
height: var(--toast-mark);
|
|
6361
6380
|
}
|
|
6362
6381
|
|
|
6363
6382
|
.zx-toast__indicator.zx-s-loading {
|
|
@@ -6865,13 +6884,16 @@
|
|
|
6865
6884
|
.zx-combobox__root {
|
|
6866
6885
|
display: flex;
|
|
6867
6886
|
flex-direction: column;
|
|
6887
|
+
width: 320px;
|
|
6888
|
+
max-width: 100%;
|
|
6889
|
+
min-width: 48px;
|
|
6868
6890
|
}
|
|
6869
6891
|
|
|
6870
6892
|
.zx-combobox__control {
|
|
6871
6893
|
display: flex;
|
|
6872
6894
|
align-items: stretch;
|
|
6873
6895
|
flex-wrap: wrap;
|
|
6874
|
-
min-width:
|
|
6896
|
+
min-width: 48px;
|
|
6875
6897
|
box-sizing: border-box;
|
|
6876
6898
|
height: auto;
|
|
6877
6899
|
background: var(--color-base-100);
|
|
@@ -6880,6 +6902,7 @@
|
|
|
6880
6902
|
box-shadow: var(--shadow-xs);
|
|
6881
6903
|
min-height: calc(var(--size-field) * 12);
|
|
6882
6904
|
transition: border-color var(--duration-fast) var(--ease-standard);
|
|
6905
|
+
width: 100%;
|
|
6883
6906
|
}
|
|
6884
6907
|
|
|
6885
6908
|
.zx-combobox__control.zx-s-open {
|
|
@@ -6895,8 +6918,9 @@
|
|
|
6895
6918
|
}
|
|
6896
6919
|
|
|
6897
6920
|
.zx-combobox__control.zx-f-focus-visible {
|
|
6898
|
-
outline:
|
|
6921
|
+
outline: none;
|
|
6899
6922
|
outline-offset: 2px;
|
|
6923
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
6900
6924
|
}
|
|
6901
6925
|
|
|
6902
6926
|
.zx-combobox__input {
|
|
@@ -6908,13 +6932,33 @@
|
|
|
6908
6932
|
border: none;
|
|
6909
6933
|
outline: none;
|
|
6910
6934
|
background: transparent;
|
|
6911
|
-
color:
|
|
6935
|
+
color: var(--color-base-content);
|
|
6912
6936
|
font: inherit;
|
|
6913
6937
|
font-size: var(--text-sm);
|
|
6914
6938
|
font-weight: var(--weight-medium);
|
|
6915
6939
|
padding: var(--space-sm) var(--space-lg);
|
|
6916
6940
|
}
|
|
6917
6941
|
|
|
6942
|
+
.zx-root .zx-combobox__input {
|
|
6943
|
+
-x-placeholder-color: #18181b99;
|
|
6944
|
+
}
|
|
6945
|
+
|
|
6946
|
+
.zx-root.zx-theme-dark .zx-combobox__input {
|
|
6947
|
+
-x-placeholder-color: #ecf9ff99;
|
|
6948
|
+
}
|
|
6949
|
+
|
|
6950
|
+
.zx-root.zx-theme-dim .zx-combobox__input {
|
|
6951
|
+
-x-placeholder-color: #b2ccd699;
|
|
6952
|
+
}
|
|
6953
|
+
|
|
6954
|
+
.zx-root.zx-theme-nord .zx-combobox__input {
|
|
6955
|
+
-x-placeholder-color: #2e344099;
|
|
6956
|
+
}
|
|
6957
|
+
|
|
6958
|
+
.zx-root.zx-theme-sunset .zx-combobox__input {
|
|
6959
|
+
-x-placeholder-color: #9fb9d099;
|
|
6960
|
+
}
|
|
6961
|
+
|
|
6918
6962
|
.zx-combobox__input.zx-f-disabled {
|
|
6919
6963
|
cursor: not-allowed;
|
|
6920
6964
|
}
|
|
@@ -6935,8 +6979,9 @@
|
|
|
6935
6979
|
}
|
|
6936
6980
|
|
|
6937
6981
|
.zx-combobox__tag.zx-f-focus-visible {
|
|
6938
|
-
outline:
|
|
6982
|
+
outline: none;
|
|
6939
6983
|
outline-offset: 2px;
|
|
6984
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
6940
6985
|
}
|
|
6941
6986
|
|
|
6942
6987
|
.zx-combobox__tag-label {
|
|
@@ -6947,7 +6992,7 @@
|
|
|
6947
6992
|
appearance: none;
|
|
6948
6993
|
border: none;
|
|
6949
6994
|
background: transparent;
|
|
6950
|
-
color:
|
|
6995
|
+
color: var(--color-base-content);
|
|
6951
6996
|
font: inherit;
|
|
6952
6997
|
border-radius: var(--radius-selector);
|
|
6953
6998
|
padding: 0 var(--space-2xs);
|
|
@@ -6962,8 +7007,9 @@
|
|
|
6962
7007
|
}
|
|
6963
7008
|
|
|
6964
7009
|
.zx-combobox__tag-remove.zx-f-focus-visible {
|
|
6965
|
-
outline:
|
|
7010
|
+
outline: none;
|
|
6966
7011
|
outline-offset: 2px;
|
|
7012
|
+
box-shadow: inset 0 0 0 2px var(--color-base-content);
|
|
6967
7013
|
}
|
|
6968
7014
|
|
|
6969
7015
|
.zx-root .zx-combobox__tag-remove.zx-f-pressed {
|
|
@@ -6990,11 +7036,14 @@
|
|
|
6990
7036
|
appearance: none;
|
|
6991
7037
|
border: none;
|
|
6992
7038
|
background: transparent;
|
|
6993
|
-
color:
|
|
7039
|
+
color: var(--color-base-content);
|
|
6994
7040
|
opacity: 0.6;
|
|
6995
7041
|
padding: 0 var(--space-lg);
|
|
6996
7042
|
cursor: pointer;
|
|
6997
7043
|
transition: transform var(--duration-normal) var(--ease-standard);
|
|
7044
|
+
display: flex;
|
|
7045
|
+
align-items: center;
|
|
7046
|
+
justify-content: center;
|
|
6998
7047
|
}
|
|
6999
7048
|
|
|
7000
7049
|
.zx-combobox__trigger.zx-s-open {
|
|
@@ -7005,17 +7054,24 @@
|
|
|
7005
7054
|
cursor: not-allowed;
|
|
7006
7055
|
}
|
|
7007
7056
|
|
|
7057
|
+
.zx-combobox__trigger.zx-f-pressed {
|
|
7058
|
+
opacity: 1;
|
|
7059
|
+
}
|
|
7060
|
+
|
|
7008
7061
|
.zx-combobox__clear-trigger {
|
|
7009
7062
|
appearance: none;
|
|
7010
7063
|
border: none;
|
|
7011
7064
|
background: transparent;
|
|
7012
|
-
color:
|
|
7065
|
+
color: var(--color-base-content);
|
|
7013
7066
|
font: inherit;
|
|
7014
7067
|
opacity: 0.6;
|
|
7015
7068
|
padding: 0 var(--space-xs);
|
|
7016
7069
|
line-height: var(--leading-none);
|
|
7017
7070
|
cursor: pointer;
|
|
7018
7071
|
transition: opacity var(--duration-fast) var(--ease-standard);
|
|
7072
|
+
display: flex;
|
|
7073
|
+
align-items: center;
|
|
7074
|
+
justify-content: center;
|
|
7019
7075
|
}
|
|
7020
7076
|
|
|
7021
7077
|
.zx-combobox__popup {
|
|
@@ -7029,6 +7085,7 @@
|
|
|
7029
7085
|
box-shadow: var(--shadow-lg);
|
|
7030
7086
|
padding: var(--space-md);
|
|
7031
7087
|
min-width: 208px;
|
|
7088
|
+
--combobox-accent: var(--color-primary);
|
|
7032
7089
|
}
|
|
7033
7090
|
|
|
7034
7091
|
.zx-combobox__popup.zx-s-open {
|
|
@@ -7076,6 +7133,10 @@
|
|
|
7076
7133
|
cursor: not-allowed;
|
|
7077
7134
|
}
|
|
7078
7135
|
|
|
7136
|
+
.zx-combobox__item.zx-f-pressed {
|
|
7137
|
+
background: var(--color-base-200);
|
|
7138
|
+
}
|
|
7139
|
+
|
|
7079
7140
|
.zx-combobox__item-indicator {
|
|
7080
7141
|
font-size: var(--text-xs);
|
|
7081
7142
|
}
|
|
@@ -7104,34 +7165,66 @@
|
|
|
7104
7165
|
--combobox-accent: var(--color-primary);
|
|
7105
7166
|
}
|
|
7106
7167
|
|
|
7168
|
+
.zx-combobox__popup.zx-a-color-primary {
|
|
7169
|
+
--combobox-accent: var(--color-primary);
|
|
7170
|
+
}
|
|
7171
|
+
|
|
7107
7172
|
.zx-combobox__root.zx-a-color-secondary {
|
|
7108
7173
|
--combobox-accent: var(--color-secondary);
|
|
7109
7174
|
}
|
|
7110
7175
|
|
|
7176
|
+
.zx-combobox__popup.zx-a-color-secondary {
|
|
7177
|
+
--combobox-accent: var(--color-secondary);
|
|
7178
|
+
}
|
|
7179
|
+
|
|
7111
7180
|
.zx-combobox__root.zx-a-color-accent {
|
|
7112
7181
|
--combobox-accent: var(--color-accent);
|
|
7113
7182
|
}
|
|
7114
7183
|
|
|
7184
|
+
.zx-combobox__popup.zx-a-color-accent {
|
|
7185
|
+
--combobox-accent: var(--color-accent);
|
|
7186
|
+
}
|
|
7187
|
+
|
|
7115
7188
|
.zx-combobox__root.zx-a-color-neutral {
|
|
7116
7189
|
--combobox-accent: var(--color-neutral);
|
|
7117
7190
|
}
|
|
7118
7191
|
|
|
7192
|
+
.zx-combobox__popup.zx-a-color-neutral {
|
|
7193
|
+
--combobox-accent: var(--color-neutral);
|
|
7194
|
+
}
|
|
7195
|
+
|
|
7119
7196
|
.zx-combobox__root.zx-a-color-info {
|
|
7120
7197
|
--combobox-accent: var(--color-info);
|
|
7121
7198
|
}
|
|
7122
7199
|
|
|
7200
|
+
.zx-combobox__popup.zx-a-color-info {
|
|
7201
|
+
--combobox-accent: var(--color-info);
|
|
7202
|
+
}
|
|
7203
|
+
|
|
7123
7204
|
.zx-combobox__root.zx-a-color-success {
|
|
7124
7205
|
--combobox-accent: var(--color-success);
|
|
7125
7206
|
}
|
|
7126
7207
|
|
|
7208
|
+
.zx-combobox__popup.zx-a-color-success {
|
|
7209
|
+
--combobox-accent: var(--color-success);
|
|
7210
|
+
}
|
|
7211
|
+
|
|
7127
7212
|
.zx-combobox__root.zx-a-color-warning {
|
|
7128
7213
|
--combobox-accent: var(--color-warning);
|
|
7129
7214
|
}
|
|
7130
7215
|
|
|
7216
|
+
.zx-combobox__popup.zx-a-color-warning {
|
|
7217
|
+
--combobox-accent: var(--color-warning);
|
|
7218
|
+
}
|
|
7219
|
+
|
|
7131
7220
|
.zx-combobox__root.zx-a-color-error {
|
|
7132
7221
|
--combobox-accent: var(--color-error);
|
|
7133
7222
|
}
|
|
7134
7223
|
|
|
7224
|
+
.zx-combobox__popup.zx-a-color-error {
|
|
7225
|
+
--combobox-accent: var(--color-error);
|
|
7226
|
+
}
|
|
7227
|
+
|
|
7135
7228
|
.zx-combobox__control.zx-a-size-xs {
|
|
7136
7229
|
min-height: calc(var(--size-field) * 8);
|
|
7137
7230
|
}
|
|
@@ -8077,6 +8170,8 @@
|
|
|
8077
8170
|
.zx-tree-view__item.zx-f-selected {
|
|
8078
8171
|
background: var(--tree-accent);
|
|
8079
8172
|
color: var(--tree-on-accent);
|
|
8173
|
+
--tree-check: var(--tree-on-accent);
|
|
8174
|
+
--tree-on-check: var(--tree-accent);
|
|
8080
8175
|
}
|
|
8081
8176
|
|
|
8082
8177
|
.zx-tree-view__item.zx-f-disabled {
|
|
@@ -8085,8 +8180,17 @@
|
|
|
8085
8180
|
}
|
|
8086
8181
|
|
|
8087
8182
|
.zx-tree-view__item.zx-f-focus-visible {
|
|
8088
|
-
outline:
|
|
8183
|
+
outline: none;
|
|
8089
8184
|
outline-offset: -2px;
|
|
8185
|
+
box-shadow: inset 0 0 0 2px var(--color-base-content);
|
|
8186
|
+
}
|
|
8187
|
+
|
|
8188
|
+
.zx-tree-view__item.zx-f-pressed {
|
|
8189
|
+
background: var(--color-base-300);
|
|
8190
|
+
}
|
|
8191
|
+
|
|
8192
|
+
.zx-tree-view__item.zx-f-selected.zx-f-pressed {
|
|
8193
|
+
background: var(--tree-accent);
|
|
8090
8194
|
}
|
|
8091
8195
|
|
|
8092
8196
|
.zx-tree-view__branch {
|
|
@@ -8112,6 +8216,8 @@
|
|
|
8112
8216
|
.zx-tree-view__branch-trigger.zx-f-selected {
|
|
8113
8217
|
background: var(--tree-accent);
|
|
8114
8218
|
color: var(--tree-on-accent);
|
|
8219
|
+
--tree-check: var(--tree-on-accent);
|
|
8220
|
+
--tree-on-check: var(--tree-accent);
|
|
8115
8221
|
}
|
|
8116
8222
|
|
|
8117
8223
|
.zx-tree-view__branch-trigger.zx-f-disabled {
|
|
@@ -8120,14 +8226,25 @@
|
|
|
8120
8226
|
}
|
|
8121
8227
|
|
|
8122
8228
|
.zx-tree-view__branch-trigger.zx-f-focus-visible {
|
|
8123
|
-
outline:
|
|
8229
|
+
outline: none;
|
|
8124
8230
|
outline-offset: -2px;
|
|
8231
|
+
box-shadow: inset 0 0 0 2px var(--color-base-content);
|
|
8232
|
+
}
|
|
8233
|
+
|
|
8234
|
+
.zx-tree-view__branch-trigger.zx-f-pressed {
|
|
8235
|
+
background: var(--color-base-300);
|
|
8236
|
+
}
|
|
8237
|
+
|
|
8238
|
+
.zx-tree-view__branch-trigger.zx-f-selected.zx-f-pressed {
|
|
8239
|
+
background: var(--tree-accent);
|
|
8125
8240
|
}
|
|
8126
8241
|
|
|
8127
8242
|
.zx-tree-view__branch-indicator {
|
|
8128
|
-
display:
|
|
8243
|
+
display: flex;
|
|
8129
8244
|
opacity: 0.6;
|
|
8130
8245
|
transition: transform var(--duration-fast) var(--ease-standard);
|
|
8246
|
+
width: 1em;
|
|
8247
|
+
text-align: center;
|
|
8131
8248
|
}
|
|
8132
8249
|
|
|
8133
8250
|
.zx-tree-view__branch-indicator.zx-s-open {
|
|
@@ -8139,7 +8256,7 @@
|
|
|
8139
8256
|
}
|
|
8140
8257
|
|
|
8141
8258
|
.zx-tree-view__node-checkbox {
|
|
8142
|
-
display:
|
|
8259
|
+
display: flex;
|
|
8143
8260
|
position: relative;
|
|
8144
8261
|
flex-shrink: 0;
|
|
8145
8262
|
box-sizing: border-box;
|
|
@@ -8150,6 +8267,9 @@
|
|
|
8150
8267
|
box-shadow: 0 1px var(--depth-shade) inset;
|
|
8151
8268
|
cursor: pointer;
|
|
8152
8269
|
transition: background-color var(--duration-normal) var(--ease-standard);
|
|
8270
|
+
align-items: center;
|
|
8271
|
+
justify-content: center;
|
|
8272
|
+
color: var(--tree-on-check);
|
|
8153
8273
|
}
|
|
8154
8274
|
|
|
8155
8275
|
.zx-tree-view__node-checkbox.zx-s-checked {
|
|
@@ -8765,9 +8885,8 @@
|
|
|
8765
8885
|
align-items: center;
|
|
8766
8886
|
justify-content: center;
|
|
8767
8887
|
margin: 0;
|
|
8768
|
-
inline-size: 100%;
|
|
8769
|
-
object-fit: cover;
|
|
8770
8888
|
width: 100%;
|
|
8889
|
+
object-fit: cover;
|
|
8771
8890
|
overflow: hidden;
|
|
8772
8891
|
}
|
|
8773
8892
|
|
|
@@ -8937,7 +9056,7 @@
|
|
|
8937
9056
|
background: transparent;
|
|
8938
9057
|
color: var(--color-base-content);
|
|
8939
9058
|
border-radius: var(--radius-selector);
|
|
8940
|
-
padding:
|
|
9059
|
+
padding: 0;
|
|
8941
9060
|
line-height: var(--leading-none);
|
|
8942
9061
|
cursor: pointer;
|
|
8943
9062
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
@@ -8945,6 +9064,12 @@
|
|
|
8945
9064
|
top: calc(var(--alert-pad-y) - var(--space-2xs));
|
|
8946
9065
|
right: calc(var(--alert-pad-x) - var(--space-2xs));
|
|
8947
9066
|
font-size: var(--text-md);
|
|
9067
|
+
display: flex;
|
|
9068
|
+
align-items: center;
|
|
9069
|
+
justify-content: center;
|
|
9070
|
+
box-sizing: border-box;
|
|
9071
|
+
width: calc(var(--text-md) + var(--space-2xs) * 2);
|
|
9072
|
+
height: calc(var(--text-md) + var(--space-2xs) * 2);
|
|
8948
9073
|
}
|
|
8949
9074
|
|
|
8950
9075
|
.zx-alert__close.zx-f-disabled {
|
|
@@ -9260,7 +9385,7 @@
|
|
|
9260
9385
|
}
|
|
9261
9386
|
|
|
9262
9387
|
.zx-empty-state__description {
|
|
9263
|
-
max-
|
|
9388
|
+
max-width: 100%;
|
|
9264
9389
|
font-size: var(--text-sm);
|
|
9265
9390
|
line-height: var(--leading-normal);
|
|
9266
9391
|
text-align: center;
|
|
@@ -9609,14 +9734,12 @@
|
|
|
9609
9734
|
.zx-badge__dot {
|
|
9610
9735
|
display: flex;
|
|
9611
9736
|
flex: none;
|
|
9612
|
-
|
|
9613
|
-
|
|
9737
|
+
width: 0.5em;
|
|
9738
|
+
height: 0.5em;
|
|
9614
9739
|
box-sizing: border-box;
|
|
9615
9740
|
border-radius: 50%;
|
|
9616
9741
|
background: var(--badge-dot);
|
|
9617
9742
|
border: 0 solid transparent;
|
|
9618
|
-
width: 0.5em;
|
|
9619
|
-
height: 0.5em;
|
|
9620
9743
|
flex-shrink: 0;
|
|
9621
9744
|
border-top-width: 0.1em;
|
|
9622
9745
|
border-right-width: 0.1em;
|
|
@@ -9910,30 +10033,30 @@
|
|
|
9910
10033
|
}
|
|
9911
10034
|
|
|
9912
10035
|
.zx-divider__root.zx-o-horizontal {
|
|
9913
|
-
|
|
9914
|
-
|
|
10036
|
+
width: 100%;
|
|
10037
|
+
height: var(--border);
|
|
9915
10038
|
}
|
|
9916
10039
|
|
|
9917
10040
|
.zx-divider__root.zx-o-horizontal.zx-a-size-lg {
|
|
9918
|
-
|
|
10041
|
+
height: calc(var(--border) * 2);
|
|
9919
10042
|
}
|
|
9920
10043
|
|
|
9921
10044
|
.zx-divider__root.zx-o-horizontal.zx-a-size-xl {
|
|
9922
|
-
|
|
10045
|
+
height: calc(var(--border) * 3);
|
|
9923
10046
|
}
|
|
9924
10047
|
|
|
9925
10048
|
.zx-divider__root.zx-o-vertical {
|
|
9926
10049
|
flex-direction: column;
|
|
9927
|
-
min-
|
|
9928
|
-
|
|
10050
|
+
min-height: 1em;
|
|
10051
|
+
width: var(--border);
|
|
9929
10052
|
}
|
|
9930
10053
|
|
|
9931
10054
|
.zx-divider__root.zx-o-vertical.zx-a-size-lg {
|
|
9932
|
-
|
|
10055
|
+
width: calc(var(--border) * 2);
|
|
9933
10056
|
}
|
|
9934
10057
|
|
|
9935
10058
|
.zx-divider__root.zx-o-vertical.zx-a-size-xl {
|
|
9936
|
-
|
|
10059
|
+
width: calc(var(--border) * 3);
|
|
9937
10060
|
}
|
|
9938
10061
|
|
|
9939
10062
|
.zx-divider__label {
|
|
@@ -10004,13 +10127,14 @@
|
|
|
10004
10127
|
}
|
|
10005
10128
|
.zx-divider__root.zx-m-labelled.zx-o-horizontal {
|
|
10006
10129
|
flex-direction: row;
|
|
10007
|
-
|
|
10130
|
+
height: var(--divider-fit);
|
|
10008
10131
|
}
|
|
10009
10132
|
.zx-divider__root.zx-m-labelled.zx-o-vertical {
|
|
10010
|
-
|
|
10133
|
+
width: var(--divider-fit);
|
|
10011
10134
|
}
|
|
10012
10135
|
.zx-divider__root.zx-m-segment {
|
|
10013
10136
|
flex: 1 1 0;
|
|
10137
|
+
align-self: center;
|
|
10014
10138
|
}
|
|
10015
10139
|
.zx-divider__root.zx-m-segment.zx-o-horizontal {
|
|
10016
10140
|
min-width: 0;
|
|
@@ -10221,16 +10345,14 @@
|
|
|
10221
10345
|
|
|
10222
10346
|
.zx-spinner__root {
|
|
10223
10347
|
display: flex;
|
|
10224
|
-
|
|
10225
|
-
|
|
10348
|
+
width: calc(var(--size-selector) * 6);
|
|
10349
|
+
height: calc(var(--size-selector) * 6);
|
|
10226
10350
|
box-sizing: border-box;
|
|
10227
10351
|
border-radius: 50%;
|
|
10228
10352
|
border: 0 solid transparent;
|
|
10229
10353
|
border-block-start-color: var(--spinner-ink);
|
|
10230
10354
|
animation: zero-daisyui-spin 0.7s linear infinite;
|
|
10231
10355
|
flex-shrink: 0;
|
|
10232
|
-
width: calc(var(--size-selector) * 6);
|
|
10233
|
-
height: calc(var(--size-selector) * 6);
|
|
10234
10356
|
border-style: solid;
|
|
10235
10357
|
border-top-width: calc(var(--border) * 2);
|
|
10236
10358
|
border-right-width: calc(var(--border) * 2);
|
|
@@ -10243,29 +10365,21 @@
|
|
|
10243
10365
|
}
|
|
10244
10366
|
|
|
10245
10367
|
.zx-spinner__root.zx-a-size-xs {
|
|
10246
|
-
inline-size: calc(var(--size-selector) * 4);
|
|
10247
|
-
block-size: calc(var(--size-selector) * 4);
|
|
10248
10368
|
width: calc(var(--size-selector) * 4);
|
|
10249
10369
|
height: calc(var(--size-selector) * 4);
|
|
10250
10370
|
}
|
|
10251
10371
|
|
|
10252
10372
|
.zx-spinner__root.zx-a-size-sm {
|
|
10253
|
-
inline-size: calc(var(--size-selector) * 5);
|
|
10254
|
-
block-size: calc(var(--size-selector) * 5);
|
|
10255
10373
|
width: calc(var(--size-selector) * 5);
|
|
10256
10374
|
height: calc(var(--size-selector) * 5);
|
|
10257
10375
|
}
|
|
10258
10376
|
|
|
10259
10377
|
.zx-spinner__root.zx-a-size-lg {
|
|
10260
|
-
inline-size: calc(var(--size-selector) * 7);
|
|
10261
|
-
block-size: calc(var(--size-selector) * 7);
|
|
10262
10378
|
width: calc(var(--size-selector) * 7);
|
|
10263
10379
|
height: calc(var(--size-selector) * 7);
|
|
10264
10380
|
}
|
|
10265
10381
|
|
|
10266
10382
|
.zx-spinner__root.zx-a-size-xl {
|
|
10267
|
-
inline-size: calc(var(--size-selector) * 8);
|
|
10268
|
-
block-size: calc(var(--size-selector) * 8);
|
|
10269
10383
|
width: calc(var(--size-selector) * 8);
|
|
10270
10384
|
height: calc(var(--size-selector) * 8);
|
|
10271
10385
|
}
|
|
@@ -10314,7 +10428,7 @@
|
|
|
10314
10428
|
display: flex;
|
|
10315
10429
|
align-items: center;
|
|
10316
10430
|
justify-content: center;
|
|
10317
|
-
min-
|
|
10431
|
+
min-width: 1.75em;
|
|
10318
10432
|
padding: calc(var(--space-2xs) - var(--border)) calc(var(--space-md) - var(--border));
|
|
10319
10433
|
background: var(--kbd-fill);
|
|
10320
10434
|
color: var(--kbd-ink);
|
|
@@ -10329,7 +10443,6 @@
|
|
|
10329
10443
|
flex-shrink: 0;
|
|
10330
10444
|
flex-wrap: nowrap;
|
|
10331
10445
|
flex-direction: row;
|
|
10332
|
-
min-width: 1.75em;
|
|
10333
10446
|
border-top-width: var(--border);
|
|
10334
10447
|
border-right-width: var(--border);
|
|
10335
10448
|
border-left-width: var(--border);
|
|
@@ -10338,6 +10451,7 @@
|
|
|
10338
10451
|
border-right-color: var(--color-base-300);
|
|
10339
10452
|
border-bottom-color: var(--color-base-300);
|
|
10340
10453
|
border-left-color: var(--color-base-300);
|
|
10454
|
+
font-family: Menlo, monospace;
|
|
10341
10455
|
}
|
|
10342
10456
|
|
|
10343
10457
|
.zx-kbd__root.zx-a-color-primary {
|
|
@@ -10383,7 +10497,6 @@
|
|
|
10383
10497
|
.zx-kbd__root.zx-a-size-xs {
|
|
10384
10498
|
font-size: var(--text-xs);
|
|
10385
10499
|
padding: 0 var(--space-xs);
|
|
10386
|
-
min-inline-size: 1.5em;
|
|
10387
10500
|
min-width: 1.5em;
|
|
10388
10501
|
}
|
|
10389
10502
|
|
|
@@ -10428,8 +10541,8 @@
|
|
|
10428
10541
|
|
|
10429
10542
|
.zx-status__root {
|
|
10430
10543
|
display: flex;
|
|
10431
|
-
|
|
10432
|
-
|
|
10544
|
+
width: calc(var(--size-selector) * 2.5);
|
|
10545
|
+
height: calc(var(--size-selector) * 2.5);
|
|
10433
10546
|
box-sizing: border-box;
|
|
10434
10547
|
vertical-align: middle;
|
|
10435
10548
|
background: var(--status-ink);
|
|
@@ -10437,44 +10550,34 @@
|
|
|
10437
10550
|
border-radius: 9999px;
|
|
10438
10551
|
box-shadow: 0 0 0 calc((var(--size-selector) * 2.5) / 4) var(--status-halo);
|
|
10439
10552
|
flex-shrink: 0;
|
|
10440
|
-
width: calc(var(--size-selector) * 2.5);
|
|
10441
|
-
height: calc(var(--size-selector) * 2.5);
|
|
10442
10553
|
}
|
|
10443
10554
|
|
|
10444
10555
|
.zx-status__root.zx-a-size-xs {
|
|
10445
|
-
inline-size: calc(var(--size-selector) * 1.5);
|
|
10446
|
-
block-size: calc(var(--size-selector) * 1.5);
|
|
10447
|
-
border: calc((var(--size-selector) * 1.5) / 2) solid var(--status-ink);
|
|
10448
|
-
box-shadow: 0 0 0 calc((var(--size-selector) * 1.5) / 4) var(--status-halo);
|
|
10449
10556
|
width: calc(var(--size-selector) * 1.5);
|
|
10450
10557
|
height: calc(var(--size-selector) * 1.5);
|
|
10558
|
+
border: calc((var(--size-selector) * 1.5) / 2) solid var(--status-ink);
|
|
10559
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 1.5) / 4) var(--status-halo);
|
|
10451
10560
|
}
|
|
10452
10561
|
|
|
10453
10562
|
.zx-status__root.zx-a-size-sm {
|
|
10454
|
-
inline-size: calc(var(--size-selector) * 2);
|
|
10455
|
-
block-size: calc(var(--size-selector) * 2);
|
|
10456
|
-
border: calc((var(--size-selector) * 2) / 2) solid var(--status-ink);
|
|
10457
|
-
box-shadow: 0 0 0 calc((var(--size-selector) * 2) / 4) var(--status-halo);
|
|
10458
10563
|
width: calc(var(--size-selector) * 2);
|
|
10459
10564
|
height: calc(var(--size-selector) * 2);
|
|
10565
|
+
border: calc((var(--size-selector) * 2) / 2) solid var(--status-ink);
|
|
10566
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 2) / 4) var(--status-halo);
|
|
10460
10567
|
}
|
|
10461
10568
|
|
|
10462
10569
|
.zx-status__root.zx-a-size-lg {
|
|
10463
|
-
inline-size: calc(var(--size-selector) * 3);
|
|
10464
|
-
block-size: calc(var(--size-selector) * 3);
|
|
10465
|
-
border: calc((var(--size-selector) * 3) / 2) solid var(--status-ink);
|
|
10466
|
-
box-shadow: 0 0 0 calc((var(--size-selector) * 3) / 4) var(--status-halo);
|
|
10467
10570
|
width: calc(var(--size-selector) * 3);
|
|
10468
10571
|
height: calc(var(--size-selector) * 3);
|
|
10572
|
+
border: calc((var(--size-selector) * 3) / 2) solid var(--status-ink);
|
|
10573
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 3) / 4) var(--status-halo);
|
|
10469
10574
|
}
|
|
10470
10575
|
|
|
10471
10576
|
.zx-status__root.zx-a-size-xl {
|
|
10472
|
-
inline-size: calc(var(--size-selector) * 3.5);
|
|
10473
|
-
block-size: calc(var(--size-selector) * 3.5);
|
|
10474
|
-
border: calc((var(--size-selector) * 3.5) / 2) solid var(--status-ink);
|
|
10475
|
-
box-shadow: 0 0 0 calc((var(--size-selector) * 3.5) / 4) var(--status-halo);
|
|
10476
10577
|
width: calc(var(--size-selector) * 3.5);
|
|
10477
10578
|
height: calc(var(--size-selector) * 3.5);
|
|
10579
|
+
border: calc((var(--size-selector) * 3.5) / 2) solid var(--status-ink);
|
|
10580
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 3.5) / 4) var(--status-halo);
|
|
10478
10581
|
}
|
|
10479
10582
|
|
|
10480
10583
|
.zx-status__root.zx-a-color-primary {
|
|
@@ -11118,8 +11221,8 @@
|
|
|
11118
11221
|
}
|
|
11119
11222
|
|
|
11120
11223
|
.zx-timeline__marker {
|
|
11121
|
-
|
|
11122
|
-
|
|
11224
|
+
width: calc(var(--size-selector) * 3);
|
|
11225
|
+
height: calc(var(--size-selector) * 3);
|
|
11123
11226
|
box-sizing: border-box;
|
|
11124
11227
|
border-radius: 9999px;
|
|
11125
11228
|
background: var(--timeline-accent);
|
|
@@ -11128,42 +11231,32 @@
|
|
|
11128
11231
|
align-items: center;
|
|
11129
11232
|
justify-content: center;
|
|
11130
11233
|
font-size: 0;
|
|
11131
|
-
width: calc(var(--size-selector) * 3);
|
|
11132
|
-
height: calc(var(--size-selector) * 3);
|
|
11133
11234
|
flex-grow: 0;
|
|
11134
11235
|
flex-shrink: 0;
|
|
11135
11236
|
}
|
|
11136
11237
|
|
|
11137
11238
|
.zx-timeline__marker.zx-a-size-xs {
|
|
11138
|
-
inline-size: calc(var(--size-selector) * 2);
|
|
11139
|
-
block-size: calc(var(--size-selector) * 2);
|
|
11140
|
-
border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
|
|
11141
11239
|
width: calc(var(--size-selector) * 2);
|
|
11142
11240
|
height: calc(var(--size-selector) * 2);
|
|
11241
|
+
border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
|
|
11143
11242
|
}
|
|
11144
11243
|
|
|
11145
11244
|
.zx-timeline__marker.zx-a-size-sm {
|
|
11146
|
-
inline-size: calc(var(--size-selector) * 2.5);
|
|
11147
|
-
block-size: calc(var(--size-selector) * 2.5);
|
|
11148
|
-
border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
|
|
11149
11245
|
width: calc(var(--size-selector) * 2.5);
|
|
11150
11246
|
height: calc(var(--size-selector) * 2.5);
|
|
11247
|
+
border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
|
|
11151
11248
|
}
|
|
11152
11249
|
|
|
11153
11250
|
.zx-timeline__marker.zx-a-size-lg {
|
|
11154
|
-
inline-size: calc(var(--size-selector) * 3.5);
|
|
11155
|
-
block-size: calc(var(--size-selector) * 3.5);
|
|
11156
|
-
border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
|
|
11157
11251
|
width: calc(var(--size-selector) * 3.5);
|
|
11158
11252
|
height: calc(var(--size-selector) * 3.5);
|
|
11253
|
+
border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
|
|
11159
11254
|
}
|
|
11160
11255
|
|
|
11161
11256
|
.zx-timeline__marker.zx-a-size-xl {
|
|
11162
|
-
inline-size: calc(var(--size-selector) * 4);
|
|
11163
|
-
block-size: calc(var(--size-selector) * 4);
|
|
11164
|
-
border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
|
|
11165
11257
|
width: calc(var(--size-selector) * 4);
|
|
11166
11258
|
height: calc(var(--size-selector) * 4);
|
|
11259
|
+
border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
|
|
11167
11260
|
}
|
|
11168
11261
|
|
|
11169
11262
|
.zx-timeline__connector {
|
|
@@ -11174,13 +11267,12 @@
|
|
|
11174
11267
|
grid-column: 2;
|
|
11175
11268
|
grid-row: 2;
|
|
11176
11269
|
justify-self: center;
|
|
11177
|
-
|
|
11178
|
-
min-
|
|
11179
|
-
|
|
11270
|
+
width: var(--border);
|
|
11271
|
+
min-height: var(--space-lg);
|
|
11272
|
+
height: var(--space-lg);
|
|
11180
11273
|
flex-grow: 0;
|
|
11181
11274
|
flex-shrink: 1;
|
|
11182
11275
|
flex-basis: 100%;
|
|
11183
|
-
height: var(--space-lg);
|
|
11184
11276
|
background: transparent;
|
|
11185
11277
|
border-left-width: var(--border);
|
|
11186
11278
|
border-left-style: solid;
|
|
@@ -11208,15 +11300,13 @@
|
|
|
11208
11300
|
grid-row: 2;
|
|
11209
11301
|
grid-column: 2;
|
|
11210
11302
|
align-self: center;
|
|
11211
|
-
|
|
11212
|
-
min-
|
|
11213
|
-
|
|
11303
|
+
height: var(--border);
|
|
11304
|
+
min-width: var(--space-lg);
|
|
11305
|
+
width: 100%;
|
|
11214
11306
|
order: 1;
|
|
11215
11307
|
flex-grow: 1;
|
|
11216
11308
|
flex-shrink: 1;
|
|
11217
11309
|
flex-basis: 0;
|
|
11218
|
-
height: var(--border);
|
|
11219
|
-
min-width: var(--space-lg);
|
|
11220
11310
|
}
|
|
11221
11311
|
|
|
11222
11312
|
.zx-timeline__content {
|
|
@@ -11359,9 +11449,11 @@
|
|
|
11359
11449
|
}
|
|
11360
11450
|
|
|
11361
11451
|
.zx-chat__root {
|
|
11362
|
-
display:
|
|
11452
|
+
display: flex;
|
|
11363
11453
|
column-gap: var(--space-sm);
|
|
11364
11454
|
row-gap: var(--space-2xs);
|
|
11455
|
+
flex-direction: column;
|
|
11456
|
+
align-items: flex-start;
|
|
11365
11457
|
padding-top: var(--space-2xs);
|
|
11366
11458
|
padding-bottom: var(--space-2xs);
|
|
11367
11459
|
}
|
|
@@ -11374,6 +11466,7 @@
|
|
|
11374
11466
|
.zx-chat__root.zx-p-end {
|
|
11375
11467
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
11376
11468
|
justify-items: end;
|
|
11469
|
+
align-items: flex-end;
|
|
11377
11470
|
}
|
|
11378
11471
|
|
|
11379
11472
|
.zx-chat__avatar {
|
|
@@ -11408,7 +11501,7 @@
|
|
|
11408
11501
|
}
|
|
11409
11502
|
|
|
11410
11503
|
.zx-chat__bubble {
|
|
11411
|
-
max-
|
|
11504
|
+
max-width: 90%;
|
|
11412
11505
|
padding: var(--space-xs) var(--space-lg);
|
|
11413
11506
|
font-size: var(--text-sm);
|
|
11414
11507
|
background: var(--chat-fill);
|
|
@@ -11499,6 +11592,12 @@
|
|
|
11499
11592
|
font-size: var(--text-lg);
|
|
11500
11593
|
padding: var(--space-md) var(--space-xl);
|
|
11501
11594
|
}
|
|
11595
|
+
.zx-chat__root.zx-p-start .zx-chat__bubble {
|
|
11596
|
+
border-bottom-left-radius: 0;
|
|
11597
|
+
}
|
|
11598
|
+
.zx-chat__root.zx-p-end .zx-chat__bubble {
|
|
11599
|
+
border-bottom-right-radius: 0;
|
|
11600
|
+
}
|
|
11502
11601
|
|
|
11503
11602
|
.zx-chat-log__root {
|
|
11504
11603
|
--chat-log-fill: var(--color-primary);
|
|
@@ -11514,25 +11613,32 @@
|
|
|
11514
11613
|
background: var(--color-base-100);
|
|
11515
11614
|
color: var(--color-base-content);
|
|
11516
11615
|
border: var(--border) solid var(--color-base-300);
|
|
11517
|
-
padding:
|
|
11616
|
+
padding: 0;
|
|
11617
|
+
overflow: hidden;
|
|
11518
11618
|
}
|
|
11519
11619
|
|
|
11520
11620
|
.zx-chat-log__root.zx-f-focus-visible {
|
|
11521
|
-
outline:
|
|
11621
|
+
outline: none;
|
|
11522
11622
|
outline-offset: -2px;
|
|
11623
|
+
box-shadow: inset 0 0 0 2px var(--color-base-content);
|
|
11523
11624
|
}
|
|
11524
11625
|
|
|
11525
11626
|
.zx-chat-log__content {
|
|
11526
11627
|
flex: none;
|
|
11527
|
-
display:
|
|
11628
|
+
display: flex;
|
|
11528
11629
|
row-gap: var(--space-xs);
|
|
11630
|
+
flex-direction: column;
|
|
11631
|
+
padding-top: var(--space-sm);
|
|
11632
|
+
padding-bottom: var(--space-sm);
|
|
11633
|
+
padding-left: var(--space-md);
|
|
11634
|
+
padding-right: var(--space-md);
|
|
11529
11635
|
}
|
|
11530
11636
|
|
|
11531
11637
|
.zx-chat-log__jump-trigger {
|
|
11532
|
-
position:
|
|
11638
|
+
position: relative;
|
|
11533
11639
|
align-self: center;
|
|
11534
11640
|
flex: none;
|
|
11535
|
-
|
|
11641
|
+
height: calc(var(--size-field) * 8);
|
|
11536
11642
|
appearance: none;
|
|
11537
11643
|
display: flex;
|
|
11538
11644
|
align-items: center;
|
|
@@ -11548,27 +11654,51 @@
|
|
|
11548
11654
|
line-height: var(--leading-none);
|
|
11549
11655
|
cursor: pointer;
|
|
11550
11656
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
11657
|
+
flex-direction: row;
|
|
11658
|
+
padding-left: var(--space-md);
|
|
11659
|
+
padding-right: var(--space-md);
|
|
11551
11660
|
}
|
|
11552
11661
|
|
|
11553
11662
|
.zx-chat-log__jump-trigger.zx-a-size-xs {
|
|
11554
|
-
|
|
11663
|
+
height: calc(var(--size-field) * 6);
|
|
11555
11664
|
}
|
|
11556
11665
|
|
|
11557
11666
|
.zx-chat-log__jump-trigger.zx-a-size-sm {
|
|
11558
|
-
|
|
11667
|
+
height: calc(var(--size-field) * 7);
|
|
11559
11668
|
}
|
|
11560
11669
|
|
|
11561
11670
|
.zx-chat-log__jump-trigger.zx-a-size-lg {
|
|
11562
|
-
|
|
11671
|
+
height: calc(var(--size-field) * 9);
|
|
11563
11672
|
}
|
|
11564
11673
|
|
|
11565
11674
|
.zx-chat-log__jump-trigger.zx-a-size-xl {
|
|
11566
|
-
|
|
11675
|
+
height: calc(var(--size-field) * 10);
|
|
11567
11676
|
}
|
|
11568
11677
|
|
|
11569
11678
|
.zx-chat-log__jump-trigger.zx-f-focus-visible {
|
|
11570
|
-
outline:
|
|
11679
|
+
outline: none;
|
|
11571
11680
|
outline-offset: 2px;
|
|
11681
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
11682
|
+
}
|
|
11683
|
+
|
|
11684
|
+
.zx-root .zx-chat-log__jump-trigger.zx-f-pressed {
|
|
11685
|
+
background: #3823b9;
|
|
11686
|
+
}
|
|
11687
|
+
|
|
11688
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-f-pressed {
|
|
11689
|
+
background: #5250de;
|
|
11690
|
+
}
|
|
11691
|
+
|
|
11692
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-f-pressed {
|
|
11693
|
+
background: #8aca7a;
|
|
11694
|
+
}
|
|
11695
|
+
|
|
11696
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-f-pressed {
|
|
11697
|
+
background: #516f95;
|
|
11698
|
+
}
|
|
11699
|
+
|
|
11700
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-f-pressed {
|
|
11701
|
+
background: #de744e;
|
|
11572
11702
|
}
|
|
11573
11703
|
|
|
11574
11704
|
.zx-chat-log__jump-trigger.zx-f-pressed {
|
|
@@ -11581,41 +11711,201 @@
|
|
|
11581
11711
|
--chat-log-on-fill: var(--color-primary-content);
|
|
11582
11712
|
}
|
|
11583
11713
|
|
|
11584
|
-
.zx-chat-log__jump-trigger.zx-a-color-
|
|
11585
|
-
|
|
11586
|
-
--chat-log-on-fill: var(--color-secondary-content);
|
|
11714
|
+
.zx-root .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
|
|
11715
|
+
background: #3823b9;
|
|
11587
11716
|
}
|
|
11588
11717
|
|
|
11589
|
-
.zx-chat-log__jump-trigger.zx-a-color-
|
|
11590
|
-
|
|
11591
|
-
--chat-log-on-fill: var(--color-accent-content);
|
|
11718
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
|
|
11719
|
+
background: #5250de;
|
|
11592
11720
|
}
|
|
11593
11721
|
|
|
11594
|
-
.zx-chat-log__jump-trigger.zx-a-color-
|
|
11595
|
-
|
|
11596
|
-
--chat-log-on-fill: var(--color-neutral-content);
|
|
11722
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
|
|
11723
|
+
background: #8aca7a;
|
|
11597
11724
|
}
|
|
11598
11725
|
|
|
11599
|
-
.zx-chat-log__jump-trigger.zx-a-color-
|
|
11726
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
|
|
11727
|
+
background: #516f95;
|
|
11728
|
+
}
|
|
11729
|
+
|
|
11730
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
|
|
11731
|
+
background: #de744e;
|
|
11732
|
+
}
|
|
11733
|
+
|
|
11734
|
+
.zx-chat-log__jump-trigger.zx-a-color-secondary {
|
|
11735
|
+
--chat-log-fill: var(--color-secondary);
|
|
11736
|
+
--chat-log-on-fill: var(--color-secondary-content);
|
|
11737
|
+
}
|
|
11738
|
+
|
|
11739
|
+
.zx-root .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
|
|
11740
|
+
background: #d42884;
|
|
11741
|
+
}
|
|
11742
|
+
|
|
11743
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
|
|
11744
|
+
background: #d42884;
|
|
11745
|
+
}
|
|
11746
|
+
|
|
11747
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
|
|
11748
|
+
background: #de6c50;
|
|
11749
|
+
}
|
|
11750
|
+
|
|
11751
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
|
|
11752
|
+
background: #6f8ba7;
|
|
11753
|
+
}
|
|
11754
|
+
|
|
11755
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
|
|
11756
|
+
background: #dc6087;
|
|
11757
|
+
}
|
|
11758
|
+
|
|
11759
|
+
.zx-chat-log__jump-trigger.zx-a-color-accent {
|
|
11760
|
+
--chat-log-fill: var(--color-accent);
|
|
11761
|
+
--chat-log-on-fill: var(--color-accent-content);
|
|
11762
|
+
}
|
|
11763
|
+
|
|
11764
|
+
.zx-root .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
|
|
11765
|
+
background: #00b7a2;
|
|
11766
|
+
}
|
|
11767
|
+
|
|
11768
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
|
|
11769
|
+
background: #00b7a2;
|
|
11770
|
+
}
|
|
11771
|
+
|
|
11772
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
|
|
11773
|
+
background: #ad7ecb;
|
|
11774
|
+
}
|
|
11775
|
+
|
|
11776
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
|
|
11777
|
+
background: #75a7b5;
|
|
11778
|
+
}
|
|
11779
|
+
|
|
11780
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
|
|
11781
|
+
background: #9b75d9;
|
|
11782
|
+
}
|
|
11783
|
+
|
|
11784
|
+
.zx-chat-log__jump-trigger.zx-a-color-neutral {
|
|
11785
|
+
--chat-log-fill: var(--color-neutral);
|
|
11786
|
+
--chat-log-on-fill: var(--color-neutral-content);
|
|
11787
|
+
}
|
|
11788
|
+
|
|
11789
|
+
.zx-root .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
|
|
11790
|
+
background: #070708;
|
|
11791
|
+
}
|
|
11792
|
+
|
|
11793
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
|
|
11794
|
+
background: #070708;
|
|
11795
|
+
}
|
|
11796
|
+
|
|
11797
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
|
|
11798
|
+
background: #171b24;
|
|
11799
|
+
}
|
|
11800
|
+
|
|
11801
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
|
|
11802
|
+
background: #414a5b;
|
|
11803
|
+
}
|
|
11804
|
+
|
|
11805
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
|
|
11806
|
+
background: #162025;
|
|
11807
|
+
}
|
|
11808
|
+
|
|
11809
|
+
.zx-chat-log__jump-trigger.zx-a-color-info {
|
|
11600
11810
|
--chat-log-fill: var(--color-info);
|
|
11601
11811
|
--chat-log-on-fill: var(--color-info-content);
|
|
11602
11812
|
}
|
|
11603
11813
|
|
|
11814
|
+
.zx-root .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
|
|
11815
|
+
background: #00a1dd;
|
|
11816
|
+
}
|
|
11817
|
+
|
|
11818
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
|
|
11819
|
+
background: #00a1dd;
|
|
11820
|
+
}
|
|
11821
|
+
|
|
11822
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
|
|
11823
|
+
background: #21ccde;
|
|
11824
|
+
}
|
|
11825
|
+
|
|
11826
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
|
|
11827
|
+
background: #9c7b96;
|
|
11828
|
+
}
|
|
11829
|
+
|
|
11830
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
|
|
11831
|
+
background: #76c3cc;
|
|
11832
|
+
}
|
|
11833
|
+
|
|
11604
11834
|
.zx-chat-log__jump-trigger.zx-a-color-success {
|
|
11605
11835
|
--chat-log-fill: var(--color-success);
|
|
11606
11836
|
--chat-log-on-fill: var(--color-success-content);
|
|
11607
11837
|
}
|
|
11608
11838
|
|
|
11839
|
+
.zx-root .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
|
|
11840
|
+
background: #00b77d;
|
|
11841
|
+
}
|
|
11842
|
+
|
|
11843
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
|
|
11844
|
+
background: #00b77d;
|
|
11845
|
+
}
|
|
11846
|
+
|
|
11847
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
|
|
11848
|
+
background: #54d0a4;
|
|
11849
|
+
}
|
|
11850
|
+
|
|
11851
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
|
|
11852
|
+
background: #8da57a;
|
|
11853
|
+
}
|
|
11854
|
+
|
|
11855
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
|
|
11856
|
+
background: #96c296;
|
|
11857
|
+
}
|
|
11858
|
+
|
|
11609
11859
|
.zx-chat-log__jump-trigger.zx-a-color-warning {
|
|
11610
11860
|
--chat-log-fill: var(--color-warning);
|
|
11611
11861
|
--chat-log-on-fill: var(--color-warning-content);
|
|
11612
11862
|
}
|
|
11613
11863
|
|
|
11864
|
+
.zx-root .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
|
|
11865
|
+
background: #db9f00;
|
|
11866
|
+
}
|
|
11867
|
+
|
|
11868
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
|
|
11869
|
+
background: #db9f00;
|
|
11870
|
+
}
|
|
11871
|
+
|
|
11872
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
|
|
11873
|
+
background: #d0b54b;
|
|
11874
|
+
}
|
|
11875
|
+
|
|
11876
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
|
|
11877
|
+
background: #ccb078;
|
|
11878
|
+
}
|
|
11879
|
+
|
|
11880
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
|
|
11881
|
+
background: #d2ae7e;
|
|
11882
|
+
}
|
|
11883
|
+
|
|
11614
11884
|
.zx-chat-log__jump-trigger.zx-a-color-error {
|
|
11615
11885
|
--chat-log-fill: var(--color-error);
|
|
11616
11886
|
--chat-log-on-fill: var(--color-error-content);
|
|
11617
11887
|
}
|
|
11618
11888
|
|
|
11889
|
+
.zx-root .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
|
|
11890
|
+
background: #de546c;
|
|
11891
|
+
}
|
|
11892
|
+
|
|
11893
|
+
.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
|
|
11894
|
+
background: #de546c;
|
|
11895
|
+
}
|
|
11896
|
+
|
|
11897
|
+
.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
|
|
11898
|
+
background: #de9786;
|
|
11899
|
+
}
|
|
11900
|
+
|
|
11901
|
+
.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
|
|
11902
|
+
background: #a6535b;
|
|
11903
|
+
}
|
|
11904
|
+
|
|
11905
|
+
.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
|
|
11906
|
+
background: #dea2a4;
|
|
11907
|
+
}
|
|
11908
|
+
|
|
11619
11909
|
.zx-chat-log__content.zx-a-size-xs {
|
|
11620
11910
|
row-gap: var(--space-2xs);
|
|
11621
11911
|
}
|
|
@@ -11657,29 +11947,29 @@
|
|
|
11657
11947
|
position: relative;
|
|
11658
11948
|
display: inline-grid;
|
|
11659
11949
|
place-items: center;
|
|
11660
|
-
|
|
11661
|
-
|
|
11950
|
+
width: calc(var(--size-selector) * 16);
|
|
11951
|
+
height: calc(var(--size-selector) * 16);
|
|
11662
11952
|
border-radius: 50%;
|
|
11663
11953
|
}
|
|
11664
11954
|
|
|
11665
11955
|
.zx-radial-progress__root.zx-a-size-xs {
|
|
11666
|
-
|
|
11667
|
-
|
|
11956
|
+
width: calc(var(--size-selector) * 10);
|
|
11957
|
+
height: calc(var(--size-selector) * 10);
|
|
11668
11958
|
}
|
|
11669
11959
|
|
|
11670
11960
|
.zx-radial-progress__root.zx-a-size-sm {
|
|
11671
|
-
|
|
11672
|
-
|
|
11961
|
+
width: calc(var(--size-selector) * 13);
|
|
11962
|
+
height: calc(var(--size-selector) * 13);
|
|
11673
11963
|
}
|
|
11674
11964
|
|
|
11675
11965
|
.zx-radial-progress__root.zx-a-size-lg {
|
|
11676
|
-
|
|
11677
|
-
|
|
11966
|
+
width: calc(var(--size-selector) * 20);
|
|
11967
|
+
height: calc(var(--size-selector) * 20);
|
|
11678
11968
|
}
|
|
11679
11969
|
|
|
11680
11970
|
.zx-radial-progress__root.zx-a-size-xl {
|
|
11681
|
-
|
|
11682
|
-
|
|
11971
|
+
width: calc(var(--size-selector) * 24);
|
|
11972
|
+
height: calc(var(--size-selector) * 24);
|
|
11683
11973
|
}
|
|
11684
11974
|
|
|
11685
11975
|
.zx-root .zx-radial-progress__root.zx-s-complete {
|
|
@@ -11833,10 +12123,11 @@
|
|
|
11833
12123
|
display: flex;
|
|
11834
12124
|
align-items: center;
|
|
11835
12125
|
gap: var(--space-sm);
|
|
11836
|
-
min-
|
|
12126
|
+
min-height: 64px;
|
|
11837
12127
|
padding: var(--space-sm);
|
|
11838
12128
|
background: var(--color-base-100);
|
|
11839
12129
|
color: var(--color-base-content);
|
|
12130
|
+
flex-direction: row;
|
|
11840
12131
|
}
|
|
11841
12132
|
|
|
11842
12133
|
.zx-navbar__start {
|
|
@@ -11845,6 +12136,9 @@
|
|
|
11845
12136
|
gap: var(--space-sm);
|
|
11846
12137
|
flex: 1 1 0%;
|
|
11847
12138
|
justify-content: flex-start;
|
|
12139
|
+
flex-direction: row;
|
|
12140
|
+
flex-basis: auto;
|
|
12141
|
+
flex-shrink: 0;
|
|
11848
12142
|
}
|
|
11849
12143
|
|
|
11850
12144
|
.zx-navbar__center {
|
|
@@ -11852,6 +12146,8 @@
|
|
|
11852
12146
|
align-items: center;
|
|
11853
12147
|
gap: var(--space-sm);
|
|
11854
12148
|
justify-content: center;
|
|
12149
|
+
flex-direction: row;
|
|
12150
|
+
flex-shrink: 0;
|
|
11855
12151
|
}
|
|
11856
12152
|
|
|
11857
12153
|
.zx-navbar__end {
|
|
@@ -11860,6 +12156,9 @@
|
|
|
11860
12156
|
gap: var(--space-sm);
|
|
11861
12157
|
flex: 1 1 0%;
|
|
11862
12158
|
justify-content: flex-end;
|
|
12159
|
+
flex-direction: row;
|
|
12160
|
+
flex-basis: auto;
|
|
12161
|
+
flex-shrink: 0;
|
|
11863
12162
|
}
|
|
11864
12163
|
|
|
11865
12164
|
.zx-navbar__root.zx-a-color-primary {
|
|
@@ -11903,21 +12202,21 @@
|
|
|
11903
12202
|
}
|
|
11904
12203
|
|
|
11905
12204
|
.zx-navbar__root.zx-a-size-xs {
|
|
11906
|
-
min-
|
|
12205
|
+
min-height: 40px;
|
|
11907
12206
|
font-size: var(--text-sm);
|
|
11908
12207
|
}
|
|
11909
12208
|
|
|
11910
12209
|
.zx-navbar__root.zx-a-size-sm {
|
|
11911
|
-
min-
|
|
12210
|
+
min-height: 48px;
|
|
11912
12211
|
font-size: var(--text-sm);
|
|
11913
12212
|
}
|
|
11914
12213
|
|
|
11915
12214
|
.zx-navbar__root.zx-a-size-lg {
|
|
11916
|
-
min-
|
|
12215
|
+
min-height: 80px;
|
|
11917
12216
|
}
|
|
11918
12217
|
|
|
11919
12218
|
.zx-navbar__root.zx-a-size-xl {
|
|
11920
|
-
min-
|
|
12219
|
+
min-height: 96px;
|
|
11921
12220
|
font-size: var(--text-lg);
|
|
11922
12221
|
}
|
|
11923
12222
|
|
|
@@ -11958,7 +12257,8 @@
|
|
|
11958
12257
|
}
|
|
11959
12258
|
|
|
11960
12259
|
.zx-nav-list__item {
|
|
11961
|
-
display:
|
|
12260
|
+
display: flex;
|
|
12261
|
+
flex-direction: column;
|
|
11962
12262
|
}
|
|
11963
12263
|
|
|
11964
12264
|
.zx-nav-list__link {
|
|
@@ -11966,12 +12266,20 @@
|
|
|
11966
12266
|
align-items: center;
|
|
11967
12267
|
gap: var(--space-sm);
|
|
11968
12268
|
text-decoration: none;
|
|
12269
|
+
appearance: none;
|
|
12270
|
+
background: none;
|
|
12271
|
+
border: 0;
|
|
12272
|
+
font: inherit;
|
|
12273
|
+
text-align: start;
|
|
12274
|
+
width: 100%;
|
|
12275
|
+
cursor: pointer;
|
|
11969
12276
|
color: var(--nav-ink);
|
|
11970
12277
|
padding: var(--space-sm) var(--space-lg);
|
|
11971
12278
|
border-radius: var(--radius-field);
|
|
11972
12279
|
font-weight: var(--weight-medium);
|
|
11973
12280
|
line-height: var(--leading-tight);
|
|
11974
12281
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
12282
|
+
flex-direction: row;
|
|
11975
12283
|
}
|
|
11976
12284
|
|
|
11977
12285
|
.zx-nav-list__link.zx-s-active {
|
|
@@ -11986,10 +12294,12 @@
|
|
|
11986
12294
|
|
|
11987
12295
|
.zx-nav-list__icon {
|
|
11988
12296
|
display: flex;
|
|
11989
|
-
|
|
12297
|
+
width: 1.25em;
|
|
11990
12298
|
justify-content: center;
|
|
11991
12299
|
flex: none;
|
|
11992
12300
|
line-height: var(--leading-none);
|
|
12301
|
+
flex-direction: row;
|
|
12302
|
+
align-items: center;
|
|
11993
12303
|
}
|
|
11994
12304
|
|
|
11995
12305
|
.zx-nav-list__meta {
|
|
@@ -11998,6 +12308,8 @@
|
|
|
11998
12308
|
font-size: var(--text-xs);
|
|
11999
12309
|
font-variant-numeric: tabular-nums;
|
|
12000
12310
|
opacity: 0.7;
|
|
12311
|
+
margin-left: auto;
|
|
12312
|
+
flex-direction: row;
|
|
12001
12313
|
}
|
|
12002
12314
|
|
|
12003
12315
|
.zx-nav-list__root.zx-a-color-primary {
|
|
@@ -12228,6 +12540,26 @@
|
|
|
12228
12540
|
--bc-accent: var(--color-base-content);
|
|
12229
12541
|
}
|
|
12230
12542
|
|
|
12543
|
+
.zx-root .zx-breadcrumbs__root {
|
|
12544
|
+
--bc-trigger-ink: #18181bbf;
|
|
12545
|
+
}
|
|
12546
|
+
|
|
12547
|
+
.zx-root.zx-theme-dark .zx-breadcrumbs__root {
|
|
12548
|
+
--bc-trigger-ink: #ecf9ffbf;
|
|
12549
|
+
}
|
|
12550
|
+
|
|
12551
|
+
.zx-root.zx-theme-dim .zx-breadcrumbs__root {
|
|
12552
|
+
--bc-trigger-ink: #b2ccd6bf;
|
|
12553
|
+
}
|
|
12554
|
+
|
|
12555
|
+
.zx-root.zx-theme-nord .zx-breadcrumbs__root {
|
|
12556
|
+
--bc-trigger-ink: #2e3440bf;
|
|
12557
|
+
}
|
|
12558
|
+
|
|
12559
|
+
.zx-root.zx-theme-sunset .zx-breadcrumbs__root {
|
|
12560
|
+
--bc-trigger-ink: #9fb9d0bf;
|
|
12561
|
+
}
|
|
12562
|
+
|
|
12231
12563
|
.zx-breadcrumbs__root {
|
|
12232
12564
|
font-size: var(--text-sm);
|
|
12233
12565
|
color: var(--color-base-content);
|
|
@@ -12241,12 +12573,14 @@
|
|
|
12241
12573
|
list-style: none;
|
|
12242
12574
|
margin: 0;
|
|
12243
12575
|
padding: var(--space-xs) 0;
|
|
12576
|
+
flex-direction: row;
|
|
12244
12577
|
}
|
|
12245
12578
|
|
|
12246
12579
|
.zx-breadcrumbs__item {
|
|
12247
12580
|
display: flex;
|
|
12248
12581
|
align-items: center;
|
|
12249
12582
|
gap: var(--space-xs);
|
|
12583
|
+
flex-direction: row;
|
|
12250
12584
|
}
|
|
12251
12585
|
|
|
12252
12586
|
.zx-breadcrumbs__link {
|
|
@@ -12314,6 +12648,7 @@
|
|
|
12314
12648
|
display: flex;
|
|
12315
12649
|
align-items: center;
|
|
12316
12650
|
gap: var(--space-xs);
|
|
12651
|
+
flex-direction: row;
|
|
12317
12652
|
}
|
|
12318
12653
|
|
|
12319
12654
|
.zx-breadcrumbs__ellipsis-trigger {
|
|
@@ -12324,34 +12659,20 @@
|
|
|
12324
12659
|
margin: 0;
|
|
12325
12660
|
font: inherit;
|
|
12326
12661
|
line-height: inherit;
|
|
12662
|
+
color: var(--bc-trigger-ink);
|
|
12327
12663
|
border-radius: var(--radius-selector);
|
|
12328
12664
|
cursor: pointer;
|
|
12329
12665
|
transition: color var(--duration-fast) var(--ease-standard);
|
|
12330
12666
|
}
|
|
12331
12667
|
|
|
12332
|
-
.zx-root .zx-breadcrumbs__ellipsis-trigger {
|
|
12333
|
-
color: #18181bbf;
|
|
12334
|
-
}
|
|
12335
|
-
|
|
12336
|
-
.zx-root.zx-theme-dark .zx-breadcrumbs__ellipsis-trigger {
|
|
12337
|
-
color: #ecf9ffbf;
|
|
12338
|
-
}
|
|
12339
|
-
|
|
12340
|
-
.zx-root.zx-theme-dim .zx-breadcrumbs__ellipsis-trigger {
|
|
12341
|
-
color: #b2ccd6bf;
|
|
12342
|
-
}
|
|
12343
|
-
|
|
12344
|
-
.zx-root.zx-theme-nord .zx-breadcrumbs__ellipsis-trigger {
|
|
12345
|
-
color: #2e3440bf;
|
|
12346
|
-
}
|
|
12347
|
-
|
|
12348
|
-
.zx-root.zx-theme-sunset .zx-breadcrumbs__ellipsis-trigger {
|
|
12349
|
-
color: #9fb9d0bf;
|
|
12350
|
-
}
|
|
12351
|
-
|
|
12352
12668
|
.zx-breadcrumbs__ellipsis-trigger.zx-f-focus-visible {
|
|
12353
|
-
outline:
|
|
12669
|
+
outline: none;
|
|
12354
12670
|
outline-offset: 2px;
|
|
12671
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-primary);
|
|
12672
|
+
}
|
|
12673
|
+
|
|
12674
|
+
.zx-breadcrumbs__ellipsis-trigger.zx-f-pressed {
|
|
12675
|
+
color: var(--color-base-content);
|
|
12355
12676
|
}
|
|
12356
12677
|
|
|
12357
12678
|
.zx-root .zx-breadcrumbs__root.zx-a-color-primary {
|
|
@@ -12544,14 +12865,15 @@
|
|
|
12544
12865
|
overflow-x: auto;
|
|
12545
12866
|
padding: var(--pg-ring-room);
|
|
12546
12867
|
scroll-padding-inline: var(--pg-ring-room);
|
|
12868
|
+
flex-direction: row;
|
|
12547
12869
|
}
|
|
12548
12870
|
|
|
12549
12871
|
.zx-pagination__item {
|
|
12550
12872
|
display: flex;
|
|
12551
12873
|
align-items: center;
|
|
12552
12874
|
justify-content: center;
|
|
12553
|
-
min-
|
|
12554
|
-
|
|
12875
|
+
min-width: calc(var(--size-field) * 10);
|
|
12876
|
+
height: calc(var(--size-field) * 10);
|
|
12555
12877
|
background: var(--color-base-200);
|
|
12556
12878
|
color: var(--color-base-content);
|
|
12557
12879
|
border: none;
|
|
@@ -12563,28 +12885,29 @@
|
|
|
12563
12885
|
text-decoration: none;
|
|
12564
12886
|
cursor: pointer;
|
|
12565
12887
|
transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
|
|
12888
|
+
flex-shrink: 0;
|
|
12566
12889
|
padding-left: var(--space-2xs);
|
|
12567
12890
|
padding-right: var(--space-2xs);
|
|
12568
12891
|
}
|
|
12569
12892
|
|
|
12570
12893
|
.zx-pagination__item.zx-a-size-xs {
|
|
12571
|
-
min-
|
|
12572
|
-
|
|
12894
|
+
min-width: calc(var(--size-field) * 7);
|
|
12895
|
+
height: calc(var(--size-field) * 7);
|
|
12573
12896
|
}
|
|
12574
12897
|
|
|
12575
12898
|
.zx-pagination__item.zx-a-size-sm {
|
|
12576
|
-
min-
|
|
12577
|
-
|
|
12899
|
+
min-width: calc(var(--size-field) * 9);
|
|
12900
|
+
height: calc(var(--size-field) * 9);
|
|
12578
12901
|
}
|
|
12579
12902
|
|
|
12580
12903
|
.zx-pagination__item.zx-a-size-lg {
|
|
12581
|
-
min-
|
|
12582
|
-
|
|
12904
|
+
min-width: calc(var(--size-field) * 12);
|
|
12905
|
+
height: calc(var(--size-field) * 12);
|
|
12583
12906
|
}
|
|
12584
12907
|
|
|
12585
12908
|
.zx-pagination__item.zx-a-size-xl {
|
|
12586
|
-
min-
|
|
12587
|
-
|
|
12909
|
+
min-width: calc(var(--size-field) * 14);
|
|
12910
|
+
height: calc(var(--size-field) * 14);
|
|
12588
12911
|
}
|
|
12589
12912
|
|
|
12590
12913
|
.zx-pagination__item.zx-s-active {
|
|
@@ -12598,42 +12921,48 @@
|
|
|
12598
12921
|
}
|
|
12599
12922
|
|
|
12600
12923
|
.zx-pagination__item.zx-f-focus-visible {
|
|
12601
|
-
outline:
|
|
12924
|
+
outline: none;
|
|
12602
12925
|
outline-offset: 2px;
|
|
12926
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
12603
12927
|
}
|
|
12604
12928
|
|
|
12605
12929
|
.zx-pagination__item.zx-f-pressed {
|
|
12606
12930
|
transform: translateY(1px);
|
|
12607
12931
|
}
|
|
12608
12932
|
|
|
12933
|
+
.zx-pagination__item.zx-f-pressed.zx-s-inactive {
|
|
12934
|
+
background: var(--color-base-300);
|
|
12935
|
+
}
|
|
12936
|
+
|
|
12609
12937
|
.zx-pagination__ellipsis {
|
|
12610
12938
|
display: flex;
|
|
12611
12939
|
align-items: center;
|
|
12612
12940
|
justify-content: center;
|
|
12613
|
-
min-
|
|
12614
|
-
|
|
12941
|
+
min-width: calc(var(--size-field) * 10);
|
|
12942
|
+
height: calc(var(--size-field) * 10);
|
|
12615
12943
|
font-size: var(--pg-font);
|
|
12616
12944
|
user-select: none;
|
|
12945
|
+
flex-shrink: 0;
|
|
12617
12946
|
}
|
|
12618
12947
|
|
|
12619
12948
|
.zx-pagination__ellipsis.zx-a-size-xs {
|
|
12620
|
-
min-
|
|
12621
|
-
|
|
12949
|
+
min-width: calc(var(--size-field) * 7);
|
|
12950
|
+
height: calc(var(--size-field) * 7);
|
|
12622
12951
|
}
|
|
12623
12952
|
|
|
12624
12953
|
.zx-pagination__ellipsis.zx-a-size-sm {
|
|
12625
|
-
min-
|
|
12626
|
-
|
|
12954
|
+
min-width: calc(var(--size-field) * 9);
|
|
12955
|
+
height: calc(var(--size-field) * 9);
|
|
12627
12956
|
}
|
|
12628
12957
|
|
|
12629
12958
|
.zx-pagination__ellipsis.zx-a-size-lg {
|
|
12630
|
-
min-
|
|
12631
|
-
|
|
12959
|
+
min-width: calc(var(--size-field) * 12);
|
|
12960
|
+
height: calc(var(--size-field) * 12);
|
|
12632
12961
|
}
|
|
12633
12962
|
|
|
12634
12963
|
.zx-pagination__ellipsis.zx-a-size-xl {
|
|
12635
|
-
min-
|
|
12636
|
-
|
|
12964
|
+
min-width: calc(var(--size-field) * 14);
|
|
12965
|
+
height: calc(var(--size-field) * 14);
|
|
12637
12966
|
}
|
|
12638
12967
|
|
|
12639
12968
|
.zx-root .zx-pagination__ellipsis {
|
|
@@ -12660,8 +12989,8 @@
|
|
|
12660
12989
|
display: flex;
|
|
12661
12990
|
align-items: center;
|
|
12662
12991
|
justify-content: center;
|
|
12663
|
-
min-
|
|
12664
|
-
|
|
12992
|
+
min-width: calc(var(--size-field) * 10);
|
|
12993
|
+
height: calc(var(--size-field) * 10);
|
|
12665
12994
|
background: var(--color-base-200);
|
|
12666
12995
|
color: var(--color-base-content);
|
|
12667
12996
|
border: none;
|
|
@@ -12672,26 +13001,27 @@
|
|
|
12672
13001
|
text-decoration: none;
|
|
12673
13002
|
cursor: pointer;
|
|
12674
13003
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
13004
|
+
flex-shrink: 0;
|
|
12675
13005
|
}
|
|
12676
13006
|
|
|
12677
13007
|
.zx-pagination__first-trigger.zx-a-size-xs {
|
|
12678
|
-
min-
|
|
12679
|
-
|
|
13008
|
+
min-width: calc(var(--size-field) * 7);
|
|
13009
|
+
height: calc(var(--size-field) * 7);
|
|
12680
13010
|
}
|
|
12681
13011
|
|
|
12682
13012
|
.zx-pagination__first-trigger.zx-a-size-sm {
|
|
12683
|
-
min-
|
|
12684
|
-
|
|
13013
|
+
min-width: calc(var(--size-field) * 9);
|
|
13014
|
+
height: calc(var(--size-field) * 9);
|
|
12685
13015
|
}
|
|
12686
13016
|
|
|
12687
13017
|
.zx-pagination__first-trigger.zx-a-size-lg {
|
|
12688
|
-
min-
|
|
12689
|
-
|
|
13018
|
+
min-width: calc(var(--size-field) * 12);
|
|
13019
|
+
height: calc(var(--size-field) * 12);
|
|
12690
13020
|
}
|
|
12691
13021
|
|
|
12692
13022
|
.zx-pagination__first-trigger.zx-a-size-xl {
|
|
12693
|
-
min-
|
|
12694
|
-
|
|
13023
|
+
min-width: calc(var(--size-field) * 14);
|
|
13024
|
+
height: calc(var(--size-field) * 14);
|
|
12695
13025
|
}
|
|
12696
13026
|
|
|
12697
13027
|
.zx-pagination__first-trigger.zx-f-disabled {
|
|
@@ -12700,8 +13030,13 @@
|
|
|
12700
13030
|
}
|
|
12701
13031
|
|
|
12702
13032
|
.zx-pagination__first-trigger.zx-f-focus-visible {
|
|
12703
|
-
outline:
|
|
13033
|
+
outline: none;
|
|
12704
13034
|
outline-offset: 2px;
|
|
13035
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13036
|
+
}
|
|
13037
|
+
|
|
13038
|
+
.zx-pagination__first-trigger.zx-f-pressed {
|
|
13039
|
+
background: var(--color-base-300);
|
|
12705
13040
|
}
|
|
12706
13041
|
|
|
12707
13042
|
.zx-pagination__first-trigger.zx-f-pressed {
|
|
@@ -12712,8 +13047,8 @@
|
|
|
12712
13047
|
display: flex;
|
|
12713
13048
|
align-items: center;
|
|
12714
13049
|
justify-content: center;
|
|
12715
|
-
min-
|
|
12716
|
-
|
|
13050
|
+
min-width: calc(var(--size-field) * 10);
|
|
13051
|
+
height: calc(var(--size-field) * 10);
|
|
12717
13052
|
background: var(--color-base-200);
|
|
12718
13053
|
color: var(--color-base-content);
|
|
12719
13054
|
border: none;
|
|
@@ -12724,26 +13059,27 @@
|
|
|
12724
13059
|
text-decoration: none;
|
|
12725
13060
|
cursor: pointer;
|
|
12726
13061
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
13062
|
+
flex-shrink: 0;
|
|
12727
13063
|
}
|
|
12728
13064
|
|
|
12729
13065
|
.zx-pagination__prev-trigger.zx-a-size-xs {
|
|
12730
|
-
min-
|
|
12731
|
-
|
|
13066
|
+
min-width: calc(var(--size-field) * 7);
|
|
13067
|
+
height: calc(var(--size-field) * 7);
|
|
12732
13068
|
}
|
|
12733
13069
|
|
|
12734
13070
|
.zx-pagination__prev-trigger.zx-a-size-sm {
|
|
12735
|
-
min-
|
|
12736
|
-
|
|
13071
|
+
min-width: calc(var(--size-field) * 9);
|
|
13072
|
+
height: calc(var(--size-field) * 9);
|
|
12737
13073
|
}
|
|
12738
13074
|
|
|
12739
13075
|
.zx-pagination__prev-trigger.zx-a-size-lg {
|
|
12740
|
-
min-
|
|
12741
|
-
|
|
13076
|
+
min-width: calc(var(--size-field) * 12);
|
|
13077
|
+
height: calc(var(--size-field) * 12);
|
|
12742
13078
|
}
|
|
12743
13079
|
|
|
12744
13080
|
.zx-pagination__prev-trigger.zx-a-size-xl {
|
|
12745
|
-
min-
|
|
12746
|
-
|
|
13081
|
+
min-width: calc(var(--size-field) * 14);
|
|
13082
|
+
height: calc(var(--size-field) * 14);
|
|
12747
13083
|
}
|
|
12748
13084
|
|
|
12749
13085
|
.zx-pagination__prev-trigger.zx-f-disabled {
|
|
@@ -12752,8 +13088,13 @@
|
|
|
12752
13088
|
}
|
|
12753
13089
|
|
|
12754
13090
|
.zx-pagination__prev-trigger.zx-f-focus-visible {
|
|
12755
|
-
outline:
|
|
13091
|
+
outline: none;
|
|
12756
13092
|
outline-offset: 2px;
|
|
13093
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13094
|
+
}
|
|
13095
|
+
|
|
13096
|
+
.zx-pagination__prev-trigger.zx-f-pressed {
|
|
13097
|
+
background: var(--color-base-300);
|
|
12757
13098
|
}
|
|
12758
13099
|
|
|
12759
13100
|
.zx-pagination__prev-trigger.zx-f-pressed {
|
|
@@ -12764,8 +13105,8 @@
|
|
|
12764
13105
|
display: flex;
|
|
12765
13106
|
align-items: center;
|
|
12766
13107
|
justify-content: center;
|
|
12767
|
-
min-
|
|
12768
|
-
|
|
13108
|
+
min-width: calc(var(--size-field) * 10);
|
|
13109
|
+
height: calc(var(--size-field) * 10);
|
|
12769
13110
|
background: var(--color-base-200);
|
|
12770
13111
|
color: var(--color-base-content);
|
|
12771
13112
|
border: none;
|
|
@@ -12776,26 +13117,27 @@
|
|
|
12776
13117
|
text-decoration: none;
|
|
12777
13118
|
cursor: pointer;
|
|
12778
13119
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
13120
|
+
flex-shrink: 0;
|
|
12779
13121
|
}
|
|
12780
13122
|
|
|
12781
13123
|
.zx-pagination__next-trigger.zx-a-size-xs {
|
|
12782
|
-
min-
|
|
12783
|
-
|
|
13124
|
+
min-width: calc(var(--size-field) * 7);
|
|
13125
|
+
height: calc(var(--size-field) * 7);
|
|
12784
13126
|
}
|
|
12785
13127
|
|
|
12786
13128
|
.zx-pagination__next-trigger.zx-a-size-sm {
|
|
12787
|
-
min-
|
|
12788
|
-
|
|
13129
|
+
min-width: calc(var(--size-field) * 9);
|
|
13130
|
+
height: calc(var(--size-field) * 9);
|
|
12789
13131
|
}
|
|
12790
13132
|
|
|
12791
13133
|
.zx-pagination__next-trigger.zx-a-size-lg {
|
|
12792
|
-
min-
|
|
12793
|
-
|
|
13134
|
+
min-width: calc(var(--size-field) * 12);
|
|
13135
|
+
height: calc(var(--size-field) * 12);
|
|
12794
13136
|
}
|
|
12795
13137
|
|
|
12796
13138
|
.zx-pagination__next-trigger.zx-a-size-xl {
|
|
12797
|
-
min-
|
|
12798
|
-
|
|
13139
|
+
min-width: calc(var(--size-field) * 14);
|
|
13140
|
+
height: calc(var(--size-field) * 14);
|
|
12799
13141
|
}
|
|
12800
13142
|
|
|
12801
13143
|
.zx-pagination__next-trigger.zx-f-disabled {
|
|
@@ -12804,8 +13146,13 @@
|
|
|
12804
13146
|
}
|
|
12805
13147
|
|
|
12806
13148
|
.zx-pagination__next-trigger.zx-f-focus-visible {
|
|
12807
|
-
outline:
|
|
13149
|
+
outline: none;
|
|
12808
13150
|
outline-offset: 2px;
|
|
13151
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13152
|
+
}
|
|
13153
|
+
|
|
13154
|
+
.zx-pagination__next-trigger.zx-f-pressed {
|
|
13155
|
+
background: var(--color-base-300);
|
|
12809
13156
|
}
|
|
12810
13157
|
|
|
12811
13158
|
.zx-pagination__next-trigger.zx-f-pressed {
|
|
@@ -12816,8 +13163,8 @@
|
|
|
12816
13163
|
display: flex;
|
|
12817
13164
|
align-items: center;
|
|
12818
13165
|
justify-content: center;
|
|
12819
|
-
min-
|
|
12820
|
-
|
|
13166
|
+
min-width: calc(var(--size-field) * 10);
|
|
13167
|
+
height: calc(var(--size-field) * 10);
|
|
12821
13168
|
background: var(--color-base-200);
|
|
12822
13169
|
color: var(--color-base-content);
|
|
12823
13170
|
border: none;
|
|
@@ -12828,26 +13175,27 @@
|
|
|
12828
13175
|
text-decoration: none;
|
|
12829
13176
|
cursor: pointer;
|
|
12830
13177
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
13178
|
+
flex-shrink: 0;
|
|
12831
13179
|
}
|
|
12832
13180
|
|
|
12833
13181
|
.zx-pagination__last-trigger.zx-a-size-xs {
|
|
12834
|
-
min-
|
|
12835
|
-
|
|
13182
|
+
min-width: calc(var(--size-field) * 7);
|
|
13183
|
+
height: calc(var(--size-field) * 7);
|
|
12836
13184
|
}
|
|
12837
13185
|
|
|
12838
13186
|
.zx-pagination__last-trigger.zx-a-size-sm {
|
|
12839
|
-
min-
|
|
12840
|
-
|
|
13187
|
+
min-width: calc(var(--size-field) * 9);
|
|
13188
|
+
height: calc(var(--size-field) * 9);
|
|
12841
13189
|
}
|
|
12842
13190
|
|
|
12843
13191
|
.zx-pagination__last-trigger.zx-a-size-lg {
|
|
12844
|
-
min-
|
|
12845
|
-
|
|
13192
|
+
min-width: calc(var(--size-field) * 12);
|
|
13193
|
+
height: calc(var(--size-field) * 12);
|
|
12846
13194
|
}
|
|
12847
13195
|
|
|
12848
13196
|
.zx-pagination__last-trigger.zx-a-size-xl {
|
|
12849
|
-
min-
|
|
12850
|
-
|
|
13197
|
+
min-width: calc(var(--size-field) * 14);
|
|
13198
|
+
height: calc(var(--size-field) * 14);
|
|
12851
13199
|
}
|
|
12852
13200
|
|
|
12853
13201
|
.zx-pagination__last-trigger.zx-f-disabled {
|
|
@@ -12856,8 +13204,13 @@
|
|
|
12856
13204
|
}
|
|
12857
13205
|
|
|
12858
13206
|
.zx-pagination__last-trigger.zx-f-focus-visible {
|
|
12859
|
-
outline:
|
|
13207
|
+
outline: none;
|
|
12860
13208
|
outline-offset: 2px;
|
|
13209
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13210
|
+
}
|
|
13211
|
+
|
|
13212
|
+
.zx-pagination__last-trigger.zx-f-pressed {
|
|
13213
|
+
background: var(--color-base-300);
|
|
12861
13214
|
}
|
|
12862
13215
|
|
|
12863
13216
|
.zx-pagination__last-trigger.zx-f-pressed {
|
|
@@ -12920,27 +13273,39 @@
|
|
|
12920
13273
|
|
|
12921
13274
|
.zx-root .zx-steps__root {
|
|
12922
13275
|
--steps-accent-ink: #3f2bcb;
|
|
13276
|
+
--steps-complete-ink: #322c99;
|
|
13277
|
+
--steps-complete-tint: #d2d9fb;
|
|
12923
13278
|
}
|
|
12924
13279
|
|
|
12925
13280
|
.zx-root.zx-theme-dark .zx-steps__root {
|
|
12926
13281
|
--steps-accent-ink: #6567ff;
|
|
13282
|
+
--steps-complete-ink: #8391ff;
|
|
13283
|
+
--steps-complete-tint: #283050;
|
|
12927
13284
|
}
|
|
12928
13285
|
|
|
12929
13286
|
.zx-root.zx-theme-dim .zx-steps__root {
|
|
12930
13287
|
--steps-accent-ink: #a0e791;
|
|
13288
|
+
--steps-complete-ink: #a5e0a6;
|
|
13289
|
+
--steps-complete-tint: #3f514d;
|
|
12931
13290
|
}
|
|
12932
13291
|
|
|
12933
13292
|
.zx-root.zx-theme-nord .zx-steps__root {
|
|
12934
13293
|
--steps-accent-ink: #5c7da6;
|
|
13294
|
+
--steps-complete-ink: #4f698a;
|
|
13295
|
+
--steps-complete-tint: #ced8e6;
|
|
12935
13296
|
}
|
|
12936
13297
|
|
|
12937
13298
|
.zx-root.zx-theme-sunset .zx-steps__root {
|
|
12938
13299
|
--steps-accent-ink: #fb8a62;
|
|
13300
|
+
--steps-complete-ink: #e79983;
|
|
13301
|
+
--steps-complete-tint: #3d312f;
|
|
12939
13302
|
}
|
|
12940
13303
|
|
|
12941
13304
|
.zx-steps__root {
|
|
12942
13305
|
display: flex;
|
|
12943
13306
|
align-items: stretch;
|
|
13307
|
+
flex-direction: row;
|
|
13308
|
+
overflow: visible;
|
|
12944
13309
|
}
|
|
12945
13310
|
|
|
12946
13311
|
.zx-steps__root.zx-o-vertical {
|
|
@@ -12960,6 +13325,7 @@
|
|
|
12960
13325
|
font-size: var(--steps-font);
|
|
12961
13326
|
cursor: pointer;
|
|
12962
13327
|
text-align: center;
|
|
13328
|
+
overflow: visible;
|
|
12963
13329
|
}
|
|
12964
13330
|
|
|
12965
13331
|
.zx-steps__item.zx-s-active {
|
|
@@ -13017,8 +13383,9 @@
|
|
|
13017
13383
|
}
|
|
13018
13384
|
|
|
13019
13385
|
.zx-steps__item.zx-f-focus-visible {
|
|
13020
|
-
outline:
|
|
13386
|
+
outline: none;
|
|
13021
13387
|
outline-offset: 2px;
|
|
13388
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13022
13389
|
}
|
|
13023
13390
|
|
|
13024
13391
|
.zx-steps__item.zx-o-horizontal {
|
|
@@ -13042,8 +13409,8 @@
|
|
|
13042
13409
|
display: flex;
|
|
13043
13410
|
align-items: center;
|
|
13044
13411
|
justify-content: center;
|
|
13045
|
-
|
|
13046
|
-
|
|
13412
|
+
width: calc(var(--size-selector) * 7);
|
|
13413
|
+
height: calc(var(--size-selector) * 7);
|
|
13047
13414
|
border-radius: 9999px;
|
|
13048
13415
|
font-size: calc((var(--size-selector) * 7) * 0.45);
|
|
13049
13416
|
font-weight: var(--weight-semibold);
|
|
@@ -13055,26 +13422,26 @@
|
|
|
13055
13422
|
}
|
|
13056
13423
|
|
|
13057
13424
|
.zx-steps__indicator.zx-a-size-xs {
|
|
13058
|
-
|
|
13059
|
-
|
|
13425
|
+
width: calc(var(--size-selector) * 5);
|
|
13426
|
+
height: calc(var(--size-selector) * 5);
|
|
13060
13427
|
font-size: calc((var(--size-selector) * 5) * 0.45);
|
|
13061
13428
|
}
|
|
13062
13429
|
|
|
13063
13430
|
.zx-steps__indicator.zx-a-size-sm {
|
|
13064
|
-
|
|
13065
|
-
|
|
13431
|
+
width: calc(var(--size-selector) * 6);
|
|
13432
|
+
height: calc(var(--size-selector) * 6);
|
|
13066
13433
|
font-size: calc((var(--size-selector) * 6) * 0.45);
|
|
13067
13434
|
}
|
|
13068
13435
|
|
|
13069
13436
|
.zx-steps__indicator.zx-a-size-lg {
|
|
13070
|
-
|
|
13071
|
-
|
|
13437
|
+
width: calc(var(--size-selector) * 8);
|
|
13438
|
+
height: calc(var(--size-selector) * 8);
|
|
13072
13439
|
font-size: calc((var(--size-selector) * 8) * 0.45);
|
|
13073
13440
|
}
|
|
13074
13441
|
|
|
13075
13442
|
.zx-steps__indicator.zx-a-size-xl {
|
|
13076
|
-
|
|
13077
|
-
|
|
13443
|
+
width: calc(var(--size-selector) * 9);
|
|
13444
|
+
height: calc(var(--size-selector) * 9);
|
|
13078
13445
|
font-size: calc((var(--size-selector) * 9) * 0.45);
|
|
13079
13446
|
}
|
|
13080
13447
|
|
|
@@ -13084,6 +13451,7 @@
|
|
|
13084
13451
|
}
|
|
13085
13452
|
|
|
13086
13453
|
.zx-steps__indicator.zx-s-complete {
|
|
13454
|
+
background: var(--steps-complete-tint);
|
|
13087
13455
|
color: var(--steps-complete-ink);
|
|
13088
13456
|
}
|
|
13089
13457
|
|
|
@@ -13116,30 +13484,38 @@
|
|
|
13116
13484
|
}
|
|
13117
13485
|
|
|
13118
13486
|
.zx-steps__separator.zx-o-horizontal {
|
|
13119
|
-
|
|
13120
|
-
|
|
13121
|
-
top: calc(var(--space-xs) + (var(--size-selector) * 7) / 2);
|
|
13122
|
-
left: 50
|
|
13487
|
+
width: calc(100% - (var(--size-selector) * 7));
|
|
13488
|
+
height: var(--border);
|
|
13489
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
|
|
13490
|
+
left: calc(50% + (var(--size-selector) * 7) / 2);
|
|
13123
13491
|
}
|
|
13124
13492
|
|
|
13125
13493
|
.zx-steps__separator.zx-o-horizontal.zx-a-size-xs {
|
|
13126
|
-
|
|
13494
|
+
width: calc(100% - (var(--size-selector) * 5));
|
|
13495
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 5) - var(--border)) / 2);
|
|
13496
|
+
left: calc(50% + (var(--size-selector) * 5) / 2);
|
|
13127
13497
|
}
|
|
13128
13498
|
|
|
13129
13499
|
.zx-steps__separator.zx-o-horizontal.zx-a-size-sm {
|
|
13130
|
-
|
|
13500
|
+
width: calc(100% - (var(--size-selector) * 6));
|
|
13501
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 6) - var(--border)) / 2);
|
|
13502
|
+
left: calc(50% + (var(--size-selector) * 6) / 2);
|
|
13131
13503
|
}
|
|
13132
13504
|
|
|
13133
13505
|
.zx-steps__separator.zx-o-horizontal.zx-a-size-lg {
|
|
13134
|
-
|
|
13506
|
+
width: calc(100% - (var(--size-selector) * 8));
|
|
13507
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 8) - var(--border)) / 2);
|
|
13508
|
+
left: calc(50% + (var(--size-selector) * 8) / 2);
|
|
13135
13509
|
}
|
|
13136
13510
|
|
|
13137
13511
|
.zx-steps__separator.zx-o-horizontal.zx-a-size-xl {
|
|
13138
|
-
|
|
13512
|
+
width: calc(100% - (var(--size-selector) * 9));
|
|
13513
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 9) - var(--border)) / 2);
|
|
13514
|
+
left: calc(50% + (var(--size-selector) * 9) / 2);
|
|
13139
13515
|
}
|
|
13140
13516
|
|
|
13141
13517
|
.zx-steps__separator.zx-o-vertical {
|
|
13142
|
-
|
|
13518
|
+
width: var(--border);
|
|
13143
13519
|
left: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
|
|
13144
13520
|
top: calc(var(--space-xs) + (var(--size-selector) * 7));
|
|
13145
13521
|
bottom: calc(var(--space-xs) * -1);
|
|
@@ -13218,6 +13594,11 @@
|
|
|
13218
13594
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
13219
13595
|
flex: 0 0 auto;
|
|
13220
13596
|
align-self: flex-start;
|
|
13597
|
+
padding-left: calc(var(--size-field) * 4);
|
|
13598
|
+
padding-right: calc(var(--size-field) * 4);
|
|
13599
|
+
width: max-content;
|
|
13600
|
+
flex-shrink: 0;
|
|
13601
|
+
flex-wrap: nowrap;
|
|
13221
13602
|
}
|
|
13222
13603
|
|
|
13223
13604
|
.zx-steps__prev-trigger.zx-f-disabled {
|
|
@@ -13226,8 +13607,15 @@
|
|
|
13226
13607
|
}
|
|
13227
13608
|
|
|
13228
13609
|
.zx-steps__prev-trigger.zx-f-focus-visible {
|
|
13229
|
-
outline:
|
|
13610
|
+
outline: none;
|
|
13230
13611
|
outline-offset: 2px;
|
|
13612
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13613
|
+
}
|
|
13614
|
+
|
|
13615
|
+
.zx-steps__prev-trigger.zx-f-pressed {
|
|
13616
|
+
background: var(--color-base-300);
|
|
13617
|
+
transform: translateY(1px);
|
|
13618
|
+
box-shadow: none;
|
|
13231
13619
|
}
|
|
13232
13620
|
|
|
13233
13621
|
.zx-steps__prev-trigger.zx-f-pressed {
|
|
@@ -13252,6 +13640,12 @@
|
|
|
13252
13640
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
13253
13641
|
flex: 0 0 auto;
|
|
13254
13642
|
align-self: flex-start;
|
|
13643
|
+
padding-left: calc(var(--size-field) * 4);
|
|
13644
|
+
padding-right: calc(var(--size-field) * 4);
|
|
13645
|
+
width: max-content;
|
|
13646
|
+
flex-shrink: 0;
|
|
13647
|
+
flex-wrap: nowrap;
|
|
13648
|
+
margin-left: auto;
|
|
13255
13649
|
}
|
|
13256
13650
|
|
|
13257
13651
|
.zx-steps__next-trigger.zx-f-disabled {
|
|
@@ -13260,42 +13654,54 @@
|
|
|
13260
13654
|
}
|
|
13261
13655
|
|
|
13262
13656
|
.zx-steps__next-trigger.zx-f-focus-visible {
|
|
13263
|
-
outline:
|
|
13657
|
+
outline: none;
|
|
13264
13658
|
outline-offset: 2px;
|
|
13659
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13265
13660
|
}
|
|
13266
13661
|
|
|
13267
13662
|
.zx-steps__next-trigger.zx-f-pressed {
|
|
13663
|
+
background: var(--color-base-300);
|
|
13268
13664
|
transform: translateY(1px);
|
|
13665
|
+
box-shadow: none;
|
|
13269
13666
|
}
|
|
13270
13667
|
|
|
13271
|
-
.zx-
|
|
13272
|
-
|
|
13668
|
+
.zx-steps__next-trigger.zx-f-pressed {
|
|
13669
|
+
transform: translateY(1px);
|
|
13670
|
+
}
|
|
13671
|
+
|
|
13672
|
+
.zx-steps__item.zx-a-color-primary {
|
|
13673
|
+
--steps-accent: var(--color-primary);
|
|
13273
13674
|
--steps-accent-content: var(--color-primary-content);
|
|
13274
13675
|
}
|
|
13275
13676
|
|
|
13276
13677
|
.zx-root .zx-steps__item.zx-a-color-primary {
|
|
13277
13678
|
--steps-accent-ink: #3f2bcb;
|
|
13278
13679
|
--steps-complete-ink: #322c99;
|
|
13680
|
+
--steps-complete-tint: #d2d9fb;
|
|
13279
13681
|
}
|
|
13280
13682
|
|
|
13281
13683
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-primary {
|
|
13282
13684
|
--steps-accent-ink: #6567ff;
|
|
13283
13685
|
--steps-complete-ink: #8391ff;
|
|
13686
|
+
--steps-complete-tint: #283050;
|
|
13284
13687
|
}
|
|
13285
13688
|
|
|
13286
13689
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-primary {
|
|
13287
13690
|
--steps-accent-ink: #a0e791;
|
|
13288
13691
|
--steps-complete-ink: #a5e0a6;
|
|
13692
|
+
--steps-complete-tint: #3f514d;
|
|
13289
13693
|
}
|
|
13290
13694
|
|
|
13291
13695
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-primary {
|
|
13292
13696
|
--steps-accent-ink: #5c7da6;
|
|
13293
13697
|
--steps-complete-ink: #4f698a;
|
|
13698
|
+
--steps-complete-tint: #ced8e6;
|
|
13294
13699
|
}
|
|
13295
13700
|
|
|
13296
13701
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-primary {
|
|
13297
13702
|
--steps-accent-ink: #fb8a62;
|
|
13298
13703
|
--steps-complete-ink: #e79983;
|
|
13704
|
+
--steps-complete-tint: #3d312f;
|
|
13299
13705
|
}
|
|
13300
13706
|
|
|
13301
13707
|
.zx-steps__item.zx-a-color-secondary {
|
|
@@ -13306,26 +13712,31 @@
|
|
|
13306
13712
|
.zx-root .zx-steps__item.zx-a-color-secondary {
|
|
13307
13713
|
--steps-accent-ink: #ad316f;
|
|
13308
13714
|
--steps-complete-ink: #ad316f;
|
|
13715
|
+
--steps-complete-tint: #ffdbea;
|
|
13309
13716
|
}
|
|
13310
13717
|
|
|
13311
13718
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-secondary {
|
|
13312
13719
|
--steps-accent-ink: #fa7cb6;
|
|
13313
13720
|
--steps-complete-ink: #fa7cb6;
|
|
13721
|
+
--steps-complete-tint: #462c3e;
|
|
13314
13722
|
}
|
|
13315
13723
|
|
|
13316
13724
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-secondary {
|
|
13317
13725
|
--steps-accent-ink: #ed9984;
|
|
13318
13726
|
--steps-complete-ink: #ed9984;
|
|
13727
|
+
--steps-complete-tint: #524145;
|
|
13319
13728
|
}
|
|
13320
13729
|
|
|
13321
13730
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-secondary {
|
|
13322
13731
|
--steps-accent-ink: #677e98;
|
|
13323
13732
|
--steps-complete-ink: #677e98;
|
|
13733
|
+
--steps-complete-tint: #d6dfea;
|
|
13324
13734
|
}
|
|
13325
13735
|
|
|
13326
13736
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-secondary {
|
|
13327
13737
|
--steps-accent-ink: #e68aac;
|
|
13328
13738
|
--steps-complete-ink: #e68aac;
|
|
13739
|
+
--steps-complete-tint: #3d2d38;
|
|
13329
13740
|
}
|
|
13330
13741
|
|
|
13331
13742
|
.zx-steps__item.zx-a-color-accent {
|
|
@@ -13336,26 +13747,31 @@
|
|
|
13336
13747
|
.zx-root .zx-steps__item.zx-a-color-accent {
|
|
13337
13748
|
--steps-accent-ink: #2b786d;
|
|
13338
13749
|
--steps-complete-ink: #2b786d;
|
|
13750
|
+
--steps-complete-tint: #ddf7f1;
|
|
13339
13751
|
}
|
|
13340
13752
|
|
|
13341
13753
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-accent {
|
|
13342
13754
|
--steps-accent-ink: #93e5d9;
|
|
13343
13755
|
--steps-complete-ink: #93e5d9;
|
|
13756
|
+
--steps-complete-tint: #264244;
|
|
13344
13757
|
}
|
|
13345
13758
|
|
|
13346
13759
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-accent {
|
|
13347
13760
|
--steps-accent-ink: #bfade1;
|
|
13348
13761
|
--steps-complete-ink: #bfade1;
|
|
13762
|
+
--steps-complete-tint: #47425b;
|
|
13349
13763
|
}
|
|
13350
13764
|
|
|
13351
13765
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-accent {
|
|
13352
13766
|
--steps-accent-ink: #5e7d8c;
|
|
13353
13767
|
--steps-complete-ink: #5e7d8c;
|
|
13768
|
+
--steps-complete-tint: #d8e6ed;
|
|
13354
13769
|
}
|
|
13355
13770
|
|
|
13356
13771
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-accent {
|
|
13357
13772
|
--steps-accent-ink: #ab9fe8;
|
|
13358
13773
|
--steps-complete-ink: #ab9fe8;
|
|
13774
|
+
--steps-complete-tint: #2e3047;
|
|
13359
13775
|
}
|
|
13360
13776
|
|
|
13361
13777
|
.zx-steps__item.zx-a-color-neutral {
|
|
@@ -13366,26 +13782,31 @@
|
|
|
13366
13782
|
.zx-root .zx-steps__item.zx-a-color-neutral {
|
|
13367
13783
|
--steps-accent-ink: #121214;
|
|
13368
13784
|
--steps-complete-ink: #121214;
|
|
13785
|
+
--steps-complete-tint: #c6c6c7;
|
|
13369
13786
|
}
|
|
13370
13787
|
|
|
13371
13788
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-neutral {
|
|
13372
13789
|
--steps-accent-ink: #878e92;
|
|
13373
13790
|
--steps-complete-ink: #878e92;
|
|
13791
|
+
--steps-complete-tint: #191e23;
|
|
13374
13792
|
}
|
|
13375
13793
|
|
|
13376
13794
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-neutral {
|
|
13377
13795
|
--steps-accent-ink: #71828c;
|
|
13378
13796
|
--steps-complete-ink: #71828c;
|
|
13797
|
+
--steps-complete-tint: #272d39;
|
|
13379
13798
|
}
|
|
13380
13799
|
|
|
13381
13800
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-neutral {
|
|
13382
13801
|
--steps-accent-ink: #3a4150;
|
|
13383
13802
|
--steps-complete-ink: #3a4150;
|
|
13803
|
+
--steps-complete-tint: #caced7;
|
|
13384
13804
|
}
|
|
13385
13805
|
|
|
13386
13806
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-neutral {
|
|
13387
13807
|
--steps-accent-ink: #667a8a;
|
|
13388
13808
|
--steps-complete-ink: #667a8a;
|
|
13809
|
+
--steps-complete-tint: #141e24;
|
|
13389
13810
|
}
|
|
13390
13811
|
|
|
13391
13812
|
.zx-steps__item.zx-a-color-info {
|
|
@@ -13396,26 +13817,31 @@
|
|
|
13396
13817
|
.zx-root .zx-steps__item.zx-a-color-info {
|
|
13397
13818
|
--steps-accent-ink: #2685b3;
|
|
13398
13819
|
--steps-complete-ink: #2685b3;
|
|
13820
|
+
--steps-complete-tint: #dbf2ff;
|
|
13399
13821
|
}
|
|
13400
13822
|
|
|
13401
13823
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-info {
|
|
13402
13824
|
--steps-accent-ink: #70ceff;
|
|
13403
13825
|
--steps-complete-ink: #70ceff;
|
|
13826
|
+
--steps-complete-tint: #253e4f;
|
|
13404
13827
|
}
|
|
13405
13828
|
|
|
13406
13829
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-info {
|
|
13407
13830
|
--steps-accent-ink: #6ce2f3;
|
|
13408
13831
|
--steps-complete-ink: #6ce2f3;
|
|
13832
|
+
--steps-complete-tint: #34515f;
|
|
13409
13833
|
}
|
|
13410
13834
|
|
|
13411
13835
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-info {
|
|
13412
13836
|
--steps-accent-ink: #89728a;
|
|
13413
13837
|
--steps-complete-ink: #89728a;
|
|
13838
|
+
--steps-complete-tint: #e1dbe6;
|
|
13414
13839
|
}
|
|
13415
13840
|
|
|
13416
13841
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-info {
|
|
13417
13842
|
--steps-accent-ink: #91d4e3;
|
|
13418
13843
|
--steps-complete-ink: #91d4e3;
|
|
13844
|
+
--steps-complete-tint: #273e45;
|
|
13419
13845
|
}
|
|
13420
13846
|
|
|
13421
13847
|
.zx-steps__item.zx-a-color-success {
|
|
@@ -13426,26 +13852,31 @@
|
|
|
13426
13852
|
.zx-root .zx-steps__item.zx-a-color-success {
|
|
13427
13853
|
--steps-accent-ink: #2a7858;
|
|
13428
13854
|
--steps-complete-ink: #2a7858;
|
|
13855
|
+
--steps-complete-tint: #ddf7e8;
|
|
13429
13856
|
}
|
|
13430
13857
|
|
|
13431
13858
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-success {
|
|
13432
13859
|
--steps-accent-ink: #92e5c2;
|
|
13433
13860
|
--steps-complete-ink: #92e5c2;
|
|
13861
|
+
--steps-complete-tint: #26423d;
|
|
13434
13862
|
}
|
|
13435
13863
|
|
|
13436
13864
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-success {
|
|
13437
13865
|
--steps-accent-ink: #8ee0c9;
|
|
13438
13866
|
--steps-complete-ink: #8ee0c9;
|
|
13867
|
+
--steps-complete-tint: #385254;
|
|
13439
13868
|
}
|
|
13440
13869
|
|
|
13441
13870
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-success {
|
|
13442
13871
|
--steps-accent-ink: #6b7d6a;
|
|
13443
13872
|
--steps-complete-ink: #6b7d6a;
|
|
13873
|
+
--steps-complete-tint: #dde5df;
|
|
13444
13874
|
}
|
|
13445
13875
|
|
|
13446
13876
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-success {
|
|
13447
13877
|
--steps-accent-ink: #a6cebe;
|
|
13448
13878
|
--steps-complete-ink: #a6cebe;
|
|
13879
|
+
--steps-complete-tint: #2c3e3b;
|
|
13449
13880
|
}
|
|
13450
13881
|
|
|
13451
13882
|
.zx-steps__item.zx-a-color-warning {
|
|
@@ -13456,26 +13887,31 @@
|
|
|
13456
13887
|
.zx-root .zx-steps__item.zx-a-color-warning {
|
|
13457
13888
|
--steps-accent-ink: #755a2b;
|
|
13458
13889
|
--steps-complete-ink: #755a2b;
|
|
13890
|
+
--steps-complete-tint: #fff2da;
|
|
13459
13891
|
}
|
|
13460
13892
|
|
|
13461
13893
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-warning {
|
|
13462
13894
|
--steps-accent-ink: #f5ddac;
|
|
13463
13895
|
--steps-complete-ink: #f5ddac;
|
|
13896
|
+
--steps-complete-tint: #443e32;
|
|
13464
13897
|
}
|
|
13465
13898
|
|
|
13466
13899
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-warning {
|
|
13467
13900
|
--steps-accent-ink: #cecfa6;
|
|
13468
13901
|
--steps-complete-ink: #cecfa6;
|
|
13902
|
+
--steps-complete-tint: #4d4e47;
|
|
13469
13903
|
}
|
|
13470
13904
|
|
|
13471
13905
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-warning {
|
|
13472
13906
|
--steps-accent-ink: #7d7463;
|
|
13473
13907
|
--steps-complete-ink: #7d7463;
|
|
13908
|
+
--steps-complete-tint: #ece8e0;
|
|
13474
13909
|
}
|
|
13475
13910
|
|
|
13476
13911
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-warning {
|
|
13477
13912
|
--steps-accent-ink: #c5c1b7;
|
|
13478
13913
|
--steps-complete-ink: #c5c1b7;
|
|
13914
|
+
--steps-complete-tint: #383a37;
|
|
13479
13915
|
}
|
|
13480
13916
|
|
|
13481
13917
|
.zx-steps__item.zx-a-color-error {
|
|
@@ -13486,26 +13922,31 @@
|
|
|
13486
13922
|
.zx-root .zx-steps__item.zx-a-color-error {
|
|
13487
13923
|
--steps-accent-ink: #d9576d;
|
|
13488
13924
|
--steps-complete-ink: #b34d5e;
|
|
13925
|
+
--steps-complete-tint: #ffe2e4;
|
|
13489
13926
|
}
|
|
13490
13927
|
|
|
13491
13928
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-error {
|
|
13492
13929
|
--steps-accent-ink: #ff7d90;
|
|
13493
13930
|
--steps-complete-ink: #ff95a3;
|
|
13931
|
+
--steps-complete-tint: #47323a;
|
|
13494
13932
|
}
|
|
13495
13933
|
|
|
13496
13934
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-error {
|
|
13497
13935
|
--steps-accent-ink: #f5b3a4;
|
|
13498
13936
|
--steps-complete-ink: #eab8ad;
|
|
13937
|
+
--steps-complete-tint: #51484f;
|
|
13499
13938
|
}
|
|
13500
13939
|
|
|
13501
13940
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-error {
|
|
13502
13941
|
--steps-accent-ink: #a85b64;
|
|
13503
13942
|
--steps-complete-ink: #92555e;
|
|
13943
|
+
--steps-complete-tint: #e6d2d7;
|
|
13504
13944
|
}
|
|
13505
13945
|
|
|
13506
13946
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-error {
|
|
13507
13947
|
--steps-accent-ink: #f2bbc0;
|
|
13508
13948
|
--steps-complete-ink: #e4bbc3;
|
|
13949
|
+
--steps-complete-tint: #3b383e;
|
|
13509
13950
|
}
|
|
13510
13951
|
|
|
13511
13952
|
.zx-steps__root.zx-a-size-xs {
|
|
@@ -13515,6 +13956,10 @@
|
|
|
13515
13956
|
.zx-steps__root.zx-a-size-xl {
|
|
13516
13957
|
--steps-font: var(--text-md);
|
|
13517
13958
|
}
|
|
13959
|
+
.zx-steps__root.zx-m-wizard {
|
|
13960
|
+
flex-wrap: wrap;
|
|
13961
|
+
row-gap: var(--space-md);
|
|
13962
|
+
}
|
|
13518
13963
|
|
|
13519
13964
|
.zx-drawer__trigger {
|
|
13520
13965
|
appearance: none;
|
|
@@ -13534,6 +13979,9 @@
|
|
|
13534
13979
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
13535
13980
|
padding-left: calc(var(--size-field) * 4);
|
|
13536
13981
|
padding-right: calc(var(--size-field) * 4);
|
|
13982
|
+
width: max-content;
|
|
13983
|
+
flex-shrink: 0;
|
|
13984
|
+
flex-wrap: nowrap;
|
|
13537
13985
|
}
|
|
13538
13986
|
|
|
13539
13987
|
.zx-drawer__trigger.zx-f-disabled {
|
|
@@ -13542,8 +13990,15 @@
|
|
|
13542
13990
|
}
|
|
13543
13991
|
|
|
13544
13992
|
.zx-drawer__trigger.zx-f-focus-visible {
|
|
13545
|
-
outline:
|
|
13993
|
+
outline: none;
|
|
13546
13994
|
outline-offset: 2px;
|
|
13995
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13996
|
+
}
|
|
13997
|
+
|
|
13998
|
+
.zx-drawer__trigger.zx-f-pressed {
|
|
13999
|
+
background: var(--color-base-300);
|
|
14000
|
+
transform: translateY(1px);
|
|
14001
|
+
box-shadow: none;
|
|
13547
14002
|
}
|
|
13548
14003
|
|
|
13549
14004
|
.zx-drawer__panel {
|
|
@@ -13558,8 +14013,9 @@
|
|
|
13558
14013
|
border-radius: var(--radius-box);
|
|
13559
14014
|
box-shadow: var(--shadow-xl);
|
|
13560
14015
|
box-sizing: border-box;
|
|
13561
|
-
|
|
13562
|
-
|
|
14016
|
+
--l-measure: 320px;
|
|
14017
|
+
width: 100%;
|
|
14018
|
+
max-width: var(--l-measure);
|
|
13563
14019
|
}
|
|
13564
14020
|
|
|
13565
14021
|
.zx-drawer__panel.zx-s-open {
|
|
@@ -13573,18 +14029,20 @@
|
|
|
13573
14029
|
|
|
13574
14030
|
.zx-drawer__panel.zx-p-top {
|
|
13575
14031
|
--drawer-travel: 0 -100%;
|
|
14032
|
+
--l-measure: none;
|
|
13576
14033
|
}
|
|
13577
14034
|
|
|
13578
14035
|
.zx-drawer__panel.zx-p-bottom {
|
|
13579
14036
|
--drawer-travel: 0 100%;
|
|
14037
|
+
--l-measure: none;
|
|
13580
14038
|
}
|
|
13581
14039
|
|
|
13582
14040
|
.zx-drawer__panel.zx-l-dock-sheet {
|
|
13583
14041
|
opacity: 1;
|
|
13584
14042
|
transition: translate var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete;
|
|
13585
|
-
position:
|
|
13586
|
-
|
|
13587
|
-
max-
|
|
14043
|
+
position: relative;
|
|
14044
|
+
height: auto;
|
|
14045
|
+
max-height: none;
|
|
13588
14046
|
margin: 0;
|
|
13589
14047
|
border-radius: 0;
|
|
13590
14048
|
}
|
|
@@ -13594,17 +14052,37 @@
|
|
|
13594
14052
|
}
|
|
13595
14053
|
|
|
13596
14054
|
.zx-drawer__panel.zx-p-top.zx-l-dock-sheet {
|
|
13597
|
-
|
|
13598
|
-
max-
|
|
14055
|
+
height: auto;
|
|
14056
|
+
max-height: 85%;
|
|
13599
14057
|
border-end-start-radius: var(--radius-box);
|
|
13600
14058
|
border-end-end-radius: var(--radius-box);
|
|
14059
|
+
border-bottom-left-radius: var(--radius-box);
|
|
14060
|
+
border-bottom-right-radius: var(--radius-box);
|
|
13601
14061
|
}
|
|
13602
14062
|
|
|
13603
14063
|
.zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet {
|
|
13604
|
-
|
|
13605
|
-
max-
|
|
14064
|
+
height: auto;
|
|
14065
|
+
max-height: 85%;
|
|
13606
14066
|
border-start-start-radius: var(--radius-box);
|
|
13607
14067
|
border-start-end-radius: var(--radius-box);
|
|
14068
|
+
border-top-left-radius: var(--radius-box);
|
|
14069
|
+
border-top-right-radius: var(--radius-box);
|
|
14070
|
+
}
|
|
14071
|
+
|
|
14072
|
+
.zx-drawer__panel.zx-p-start.zx-l-dock-sheet.zx-s-open {
|
|
14073
|
+
animation: zero-daisy-drawer-in-start var(--duration-slow) var(--ease-standard);
|
|
14074
|
+
}
|
|
14075
|
+
|
|
14076
|
+
.zx-drawer__panel.zx-p-end.zx-l-dock-sheet.zx-s-open {
|
|
14077
|
+
animation: zero-daisy-drawer-in-end var(--duration-slow) var(--ease-standard);
|
|
14078
|
+
}
|
|
14079
|
+
|
|
14080
|
+
.zx-drawer__panel.zx-p-top.zx-l-dock-sheet.zx-s-open {
|
|
14081
|
+
animation: zero-daisy-drawer-in-top var(--duration-slow) var(--ease-standard);
|
|
14082
|
+
}
|
|
14083
|
+
|
|
14084
|
+
.zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet.zx-s-open {
|
|
14085
|
+
animation: zero-daisy-drawer-in-bottom var(--duration-slow) var(--ease-standard);
|
|
13608
14086
|
}
|
|
13609
14087
|
|
|
13610
14088
|
.zx-drawer__backdrop {
|
|
@@ -13635,6 +14113,9 @@
|
|
|
13635
14113
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
13636
14114
|
padding-left: calc(var(--size-field) * 4);
|
|
13637
14115
|
padding-right: calc(var(--size-field) * 4);
|
|
14116
|
+
width: max-content;
|
|
14117
|
+
flex-shrink: 0;
|
|
14118
|
+
flex-wrap: nowrap;
|
|
13638
14119
|
}
|
|
13639
14120
|
|
|
13640
14121
|
.zx-drawer__close.zx-f-disabled {
|
|
@@ -13642,8 +14123,15 @@
|
|
|
13642
14123
|
}
|
|
13643
14124
|
|
|
13644
14125
|
.zx-drawer__close.zx-f-focus-visible {
|
|
13645
|
-
outline:
|
|
14126
|
+
outline: none;
|
|
13646
14127
|
outline-offset: 2px;
|
|
14128
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
14129
|
+
}
|
|
14130
|
+
|
|
14131
|
+
.zx-drawer__close.zx-f-pressed {
|
|
14132
|
+
background: var(--color-base-300);
|
|
14133
|
+
transform: translateY(1px);
|
|
14134
|
+
box-shadow: none;
|
|
13647
14135
|
}
|
|
13648
14136
|
|
|
13649
14137
|
.zx-drawer__trigger.zx-a-color-primary {
|
|
@@ -13761,6 +14249,18 @@
|
|
|
13761
14249
|
padding-left: calc(var(--size-field) * 6);
|
|
13762
14250
|
padding-right: calc(var(--size-field) * 6);
|
|
13763
14251
|
}
|
|
14252
|
+
@keyframes zero-daisy-drawer-in-start {
|
|
14253
|
+
from { transform: translateX(-100%); } to { transform: translateX(0); }
|
|
14254
|
+
}
|
|
14255
|
+
@keyframes zero-daisy-drawer-in-end {
|
|
14256
|
+
from { transform: translateX(100%); } to { transform: translateX(0); }
|
|
14257
|
+
}
|
|
14258
|
+
@keyframes zero-daisy-drawer-in-top {
|
|
14259
|
+
from { transform: translateY(-100%); } to { transform: translateY(0); }
|
|
14260
|
+
}
|
|
14261
|
+
@keyframes zero-daisy-drawer-in-bottom {
|
|
14262
|
+
from { transform: translateY(100%); } to { transform: translateY(0); }
|
|
14263
|
+
}
|
|
13764
14264
|
|
|
13765
14265
|
.zx-table__root {
|
|
13766
14266
|
--table-cell-align: start;
|
|
@@ -13774,16 +14274,18 @@
|
|
|
13774
14274
|
border: var(--border) solid var(--color-base-200);
|
|
13775
14275
|
border-radius: var(--radius-box);
|
|
13776
14276
|
background: var(--color-base-100);
|
|
14277
|
+
overflow: hidden;
|
|
13777
14278
|
}
|
|
13778
14279
|
|
|
13779
14280
|
.zx-table__root.zx-f-focus-visible {
|
|
13780
|
-
outline:
|
|
14281
|
+
outline: none;
|
|
13781
14282
|
outline-offset: -2px;
|
|
14283
|
+
box-shadow: inset 0 0 0 2px var(--color-base-content);
|
|
13782
14284
|
}
|
|
13783
14285
|
|
|
13784
14286
|
.zx-table__table {
|
|
13785
14287
|
border-collapse: collapse;
|
|
13786
|
-
|
|
14288
|
+
width: 100%;
|
|
13787
14289
|
font-size: var(--table-font);
|
|
13788
14290
|
color: var(--color-base-content);
|
|
13789
14291
|
}
|
|
@@ -13886,6 +14388,26 @@
|
|
|
13886
14388
|
padding: var(--space-lg) var(--table-pad-inline);
|
|
13887
14389
|
}
|
|
13888
14390
|
|
|
14391
|
+
.zx-root .zx-table__header-cell {
|
|
14392
|
+
color: #18181b99;
|
|
14393
|
+
}
|
|
14394
|
+
|
|
14395
|
+
.zx-root.zx-theme-dark .zx-table__header-cell {
|
|
14396
|
+
color: #ecf9ff99;
|
|
14397
|
+
}
|
|
14398
|
+
|
|
14399
|
+
.zx-root.zx-theme-dim .zx-table__header-cell {
|
|
14400
|
+
color: #b2ccd699;
|
|
14401
|
+
}
|
|
14402
|
+
|
|
14403
|
+
.zx-root.zx-theme-nord .zx-table__header-cell {
|
|
14404
|
+
color: #2e344099;
|
|
14405
|
+
}
|
|
14406
|
+
|
|
14407
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell {
|
|
14408
|
+
color: #9fb9d099;
|
|
14409
|
+
}
|
|
14410
|
+
|
|
13889
14411
|
.zx-table__sort-trigger {
|
|
13890
14412
|
appearance: none;
|
|
13891
14413
|
display: flex;
|
|
@@ -13903,6 +14425,7 @@
|
|
|
13903
14425
|
background: transparent;
|
|
13904
14426
|
color: inherit;
|
|
13905
14427
|
transition: color var(--duration-fast) var(--ease-standard);
|
|
14428
|
+
flex-direction: row;
|
|
13906
14429
|
}
|
|
13907
14430
|
|
|
13908
14431
|
.zx-table__sort-trigger.zx-s-ascending {
|
|
@@ -13919,8 +14442,13 @@
|
|
|
13919
14442
|
}
|
|
13920
14443
|
|
|
13921
14444
|
.zx-table__sort-trigger.zx-f-focus-visible {
|
|
13922
|
-
outline:
|
|
14445
|
+
outline: none;
|
|
13923
14446
|
outline-offset: 2px;
|
|
14447
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
14448
|
+
}
|
|
14449
|
+
|
|
14450
|
+
.zx-table__sort-trigger.zx-f-pressed {
|
|
14451
|
+
color: var(--table-accent);
|
|
13924
14452
|
}
|
|
13925
14453
|
|
|
13926
14454
|
.zx-table__sort-indicator {
|
|
@@ -13964,6 +14492,26 @@
|
|
|
13964
14492
|
font-size: var(--text-xs);
|
|
13965
14493
|
}
|
|
13966
14494
|
|
|
14495
|
+
.zx-root .zx-table__cell-label {
|
|
14496
|
+
color: #18181b99;
|
|
14497
|
+
}
|
|
14498
|
+
|
|
14499
|
+
.zx-root.zx-theme-dark .zx-table__cell-label {
|
|
14500
|
+
color: #ecf9ff99;
|
|
14501
|
+
}
|
|
14502
|
+
|
|
14503
|
+
.zx-root.zx-theme-dim .zx-table__cell-label {
|
|
14504
|
+
color: #b2ccd699;
|
|
14505
|
+
}
|
|
14506
|
+
|
|
14507
|
+
.zx-root.zx-theme-nord .zx-table__cell-label {
|
|
14508
|
+
color: #2e344099;
|
|
14509
|
+
}
|
|
14510
|
+
|
|
14511
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label {
|
|
14512
|
+
color: #9fb9d099;
|
|
14513
|
+
}
|
|
14514
|
+
|
|
13967
14515
|
.zx-root .zx-table__root.zx-a-color-primary {
|
|
13968
14516
|
--table-accent: #3f2bcb;
|
|
13969
14517
|
}
|
|
@@ -13984,6 +14532,46 @@
|
|
|
13984
14532
|
--table-accent: #fb8a62;
|
|
13985
14533
|
}
|
|
13986
14534
|
|
|
14535
|
+
.zx-root .zx-table__header-cell.zx-a-color-primary {
|
|
14536
|
+
color: #3f2bcb99;
|
|
14537
|
+
}
|
|
14538
|
+
|
|
14539
|
+
.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-primary {
|
|
14540
|
+
color: #6567ff99;
|
|
14541
|
+
}
|
|
14542
|
+
|
|
14543
|
+
.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-primary {
|
|
14544
|
+
color: #a0e79199;
|
|
14545
|
+
}
|
|
14546
|
+
|
|
14547
|
+
.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-primary {
|
|
14548
|
+
color: #5c7da699;
|
|
14549
|
+
}
|
|
14550
|
+
|
|
14551
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-primary {
|
|
14552
|
+
color: #fb8a6299;
|
|
14553
|
+
}
|
|
14554
|
+
|
|
14555
|
+
.zx-root .zx-table__cell-label.zx-a-color-primary {
|
|
14556
|
+
color: #3f2bcb99;
|
|
14557
|
+
}
|
|
14558
|
+
|
|
14559
|
+
.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-primary {
|
|
14560
|
+
color: #6567ff99;
|
|
14561
|
+
}
|
|
14562
|
+
|
|
14563
|
+
.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-primary {
|
|
14564
|
+
color: #a0e79199;
|
|
14565
|
+
}
|
|
14566
|
+
|
|
14567
|
+
.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-primary {
|
|
14568
|
+
color: #5c7da699;
|
|
14569
|
+
}
|
|
14570
|
+
|
|
14571
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-primary {
|
|
14572
|
+
color: #fb8a6299;
|
|
14573
|
+
}
|
|
14574
|
+
|
|
13987
14575
|
.zx-root .zx-table__root.zx-a-color-secondary {
|
|
13988
14576
|
--table-accent: #ad316f;
|
|
13989
14577
|
}
|
|
@@ -14004,6 +14592,46 @@
|
|
|
14004
14592
|
--table-accent: #e68aac;
|
|
14005
14593
|
}
|
|
14006
14594
|
|
|
14595
|
+
.zx-root .zx-table__header-cell.zx-a-color-secondary {
|
|
14596
|
+
color: #ad316f99;
|
|
14597
|
+
}
|
|
14598
|
+
|
|
14599
|
+
.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-secondary {
|
|
14600
|
+
color: #fa7cb699;
|
|
14601
|
+
}
|
|
14602
|
+
|
|
14603
|
+
.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-secondary {
|
|
14604
|
+
color: #ed998499;
|
|
14605
|
+
}
|
|
14606
|
+
|
|
14607
|
+
.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-secondary {
|
|
14608
|
+
color: #677e9899;
|
|
14609
|
+
}
|
|
14610
|
+
|
|
14611
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-secondary {
|
|
14612
|
+
color: #e68aac99;
|
|
14613
|
+
}
|
|
14614
|
+
|
|
14615
|
+
.zx-root .zx-table__cell-label.zx-a-color-secondary {
|
|
14616
|
+
color: #ad316f99;
|
|
14617
|
+
}
|
|
14618
|
+
|
|
14619
|
+
.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-secondary {
|
|
14620
|
+
color: #fa7cb699;
|
|
14621
|
+
}
|
|
14622
|
+
|
|
14623
|
+
.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-secondary {
|
|
14624
|
+
color: #ed998499;
|
|
14625
|
+
}
|
|
14626
|
+
|
|
14627
|
+
.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-secondary {
|
|
14628
|
+
color: #677e9899;
|
|
14629
|
+
}
|
|
14630
|
+
|
|
14631
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-secondary {
|
|
14632
|
+
color: #e68aac99;
|
|
14633
|
+
}
|
|
14634
|
+
|
|
14007
14635
|
.zx-root .zx-table__root.zx-a-color-accent {
|
|
14008
14636
|
--table-accent: #2b786d;
|
|
14009
14637
|
}
|
|
@@ -14024,6 +14652,46 @@
|
|
|
14024
14652
|
--table-accent: #ab9fe8;
|
|
14025
14653
|
}
|
|
14026
14654
|
|
|
14655
|
+
.zx-root .zx-table__header-cell.zx-a-color-accent {
|
|
14656
|
+
color: #2b786d99;
|
|
14657
|
+
}
|
|
14658
|
+
|
|
14659
|
+
.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-accent {
|
|
14660
|
+
color: #93e5d999;
|
|
14661
|
+
}
|
|
14662
|
+
|
|
14663
|
+
.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-accent {
|
|
14664
|
+
color: #bfade199;
|
|
14665
|
+
}
|
|
14666
|
+
|
|
14667
|
+
.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-accent {
|
|
14668
|
+
color: #5e7d8c99;
|
|
14669
|
+
}
|
|
14670
|
+
|
|
14671
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-accent {
|
|
14672
|
+
color: #ab9fe899;
|
|
14673
|
+
}
|
|
14674
|
+
|
|
14675
|
+
.zx-root .zx-table__cell-label.zx-a-color-accent {
|
|
14676
|
+
color: #2b786d99;
|
|
14677
|
+
}
|
|
14678
|
+
|
|
14679
|
+
.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-accent {
|
|
14680
|
+
color: #93e5d999;
|
|
14681
|
+
}
|
|
14682
|
+
|
|
14683
|
+
.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-accent {
|
|
14684
|
+
color: #bfade199;
|
|
14685
|
+
}
|
|
14686
|
+
|
|
14687
|
+
.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-accent {
|
|
14688
|
+
color: #5e7d8c99;
|
|
14689
|
+
}
|
|
14690
|
+
|
|
14691
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-accent {
|
|
14692
|
+
color: #ab9fe899;
|
|
14693
|
+
}
|
|
14694
|
+
|
|
14027
14695
|
.zx-root .zx-table__root.zx-a-color-neutral {
|
|
14028
14696
|
--table-accent: #121214;
|
|
14029
14697
|
}
|
|
@@ -14044,6 +14712,46 @@
|
|
|
14044
14712
|
--table-accent: #667a8a;
|
|
14045
14713
|
}
|
|
14046
14714
|
|
|
14715
|
+
.zx-root .zx-table__header-cell.zx-a-color-neutral {
|
|
14716
|
+
color: #12121499;
|
|
14717
|
+
}
|
|
14718
|
+
|
|
14719
|
+
.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-neutral {
|
|
14720
|
+
color: #878e9299;
|
|
14721
|
+
}
|
|
14722
|
+
|
|
14723
|
+
.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-neutral {
|
|
14724
|
+
color: #71828c99;
|
|
14725
|
+
}
|
|
14726
|
+
|
|
14727
|
+
.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-neutral {
|
|
14728
|
+
color: #3a415099;
|
|
14729
|
+
}
|
|
14730
|
+
|
|
14731
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-neutral {
|
|
14732
|
+
color: #667a8a99;
|
|
14733
|
+
}
|
|
14734
|
+
|
|
14735
|
+
.zx-root .zx-table__cell-label.zx-a-color-neutral {
|
|
14736
|
+
color: #12121499;
|
|
14737
|
+
}
|
|
14738
|
+
|
|
14739
|
+
.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-neutral {
|
|
14740
|
+
color: #878e9299;
|
|
14741
|
+
}
|
|
14742
|
+
|
|
14743
|
+
.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-neutral {
|
|
14744
|
+
color: #71828c99;
|
|
14745
|
+
}
|
|
14746
|
+
|
|
14747
|
+
.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-neutral {
|
|
14748
|
+
color: #3a415099;
|
|
14749
|
+
}
|
|
14750
|
+
|
|
14751
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-neutral {
|
|
14752
|
+
color: #667a8a99;
|
|
14753
|
+
}
|
|
14754
|
+
|
|
14047
14755
|
.zx-root .zx-table__root.zx-a-color-info {
|
|
14048
14756
|
--table-accent: #2685b3;
|
|
14049
14757
|
}
|
|
@@ -14064,6 +14772,46 @@
|
|
|
14064
14772
|
--table-accent: #91d4e3;
|
|
14065
14773
|
}
|
|
14066
14774
|
|
|
14775
|
+
.zx-root .zx-table__header-cell.zx-a-color-info {
|
|
14776
|
+
color: #2685b399;
|
|
14777
|
+
}
|
|
14778
|
+
|
|
14779
|
+
.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-info {
|
|
14780
|
+
color: #70ceff99;
|
|
14781
|
+
}
|
|
14782
|
+
|
|
14783
|
+
.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-info {
|
|
14784
|
+
color: #6ce2f399;
|
|
14785
|
+
}
|
|
14786
|
+
|
|
14787
|
+
.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-info {
|
|
14788
|
+
color: #89728a99;
|
|
14789
|
+
}
|
|
14790
|
+
|
|
14791
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-info {
|
|
14792
|
+
color: #91d4e399;
|
|
14793
|
+
}
|
|
14794
|
+
|
|
14795
|
+
.zx-root .zx-table__cell-label.zx-a-color-info {
|
|
14796
|
+
color: #2685b399;
|
|
14797
|
+
}
|
|
14798
|
+
|
|
14799
|
+
.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-info {
|
|
14800
|
+
color: #70ceff99;
|
|
14801
|
+
}
|
|
14802
|
+
|
|
14803
|
+
.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-info {
|
|
14804
|
+
color: #6ce2f399;
|
|
14805
|
+
}
|
|
14806
|
+
|
|
14807
|
+
.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-info {
|
|
14808
|
+
color: #89728a99;
|
|
14809
|
+
}
|
|
14810
|
+
|
|
14811
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-info {
|
|
14812
|
+
color: #91d4e399;
|
|
14813
|
+
}
|
|
14814
|
+
|
|
14067
14815
|
.zx-root .zx-table__root.zx-a-color-success {
|
|
14068
14816
|
--table-accent: #2a7858;
|
|
14069
14817
|
}
|
|
@@ -14084,6 +14832,46 @@
|
|
|
14084
14832
|
--table-accent: #a6cebe;
|
|
14085
14833
|
}
|
|
14086
14834
|
|
|
14835
|
+
.zx-root .zx-table__header-cell.zx-a-color-success {
|
|
14836
|
+
color: #2a785899;
|
|
14837
|
+
}
|
|
14838
|
+
|
|
14839
|
+
.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-success {
|
|
14840
|
+
color: #92e5c299;
|
|
14841
|
+
}
|
|
14842
|
+
|
|
14843
|
+
.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-success {
|
|
14844
|
+
color: #8ee0c999;
|
|
14845
|
+
}
|
|
14846
|
+
|
|
14847
|
+
.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-success {
|
|
14848
|
+
color: #6b7d6a99;
|
|
14849
|
+
}
|
|
14850
|
+
|
|
14851
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-success {
|
|
14852
|
+
color: #a6cebe99;
|
|
14853
|
+
}
|
|
14854
|
+
|
|
14855
|
+
.zx-root .zx-table__cell-label.zx-a-color-success {
|
|
14856
|
+
color: #2a785899;
|
|
14857
|
+
}
|
|
14858
|
+
|
|
14859
|
+
.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-success {
|
|
14860
|
+
color: #92e5c299;
|
|
14861
|
+
}
|
|
14862
|
+
|
|
14863
|
+
.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-success {
|
|
14864
|
+
color: #8ee0c999;
|
|
14865
|
+
}
|
|
14866
|
+
|
|
14867
|
+
.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-success {
|
|
14868
|
+
color: #6b7d6a99;
|
|
14869
|
+
}
|
|
14870
|
+
|
|
14871
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-success {
|
|
14872
|
+
color: #a6cebe99;
|
|
14873
|
+
}
|
|
14874
|
+
|
|
14087
14875
|
.zx-root .zx-table__root.zx-a-color-warning {
|
|
14088
14876
|
--table-accent: #755a2b;
|
|
14089
14877
|
}
|
|
@@ -14104,6 +14892,46 @@
|
|
|
14104
14892
|
--table-accent: #c5c1b7;
|
|
14105
14893
|
}
|
|
14106
14894
|
|
|
14895
|
+
.zx-root .zx-table__header-cell.zx-a-color-warning {
|
|
14896
|
+
color: #755a2b99;
|
|
14897
|
+
}
|
|
14898
|
+
|
|
14899
|
+
.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-warning {
|
|
14900
|
+
color: #f5ddac99;
|
|
14901
|
+
}
|
|
14902
|
+
|
|
14903
|
+
.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-warning {
|
|
14904
|
+
color: #cecfa699;
|
|
14905
|
+
}
|
|
14906
|
+
|
|
14907
|
+
.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-warning {
|
|
14908
|
+
color: #7d746399;
|
|
14909
|
+
}
|
|
14910
|
+
|
|
14911
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-warning {
|
|
14912
|
+
color: #c5c1b799;
|
|
14913
|
+
}
|
|
14914
|
+
|
|
14915
|
+
.zx-root .zx-table__cell-label.zx-a-color-warning {
|
|
14916
|
+
color: #755a2b99;
|
|
14917
|
+
}
|
|
14918
|
+
|
|
14919
|
+
.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-warning {
|
|
14920
|
+
color: #f5ddac99;
|
|
14921
|
+
}
|
|
14922
|
+
|
|
14923
|
+
.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-warning {
|
|
14924
|
+
color: #cecfa699;
|
|
14925
|
+
}
|
|
14926
|
+
|
|
14927
|
+
.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-warning {
|
|
14928
|
+
color: #7d746399;
|
|
14929
|
+
}
|
|
14930
|
+
|
|
14931
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-warning {
|
|
14932
|
+
color: #c5c1b799;
|
|
14933
|
+
}
|
|
14934
|
+
|
|
14107
14935
|
.zx-root .zx-table__root.zx-a-color-error {
|
|
14108
14936
|
--table-accent: #d9576d;
|
|
14109
14937
|
}
|
|
@@ -14124,6 +14952,46 @@
|
|
|
14124
14952
|
--table-accent: #f2bbc0;
|
|
14125
14953
|
}
|
|
14126
14954
|
|
|
14955
|
+
.zx-root .zx-table__header-cell.zx-a-color-error {
|
|
14956
|
+
color: #d9576d99;
|
|
14957
|
+
}
|
|
14958
|
+
|
|
14959
|
+
.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-error {
|
|
14960
|
+
color: #ff7d9099;
|
|
14961
|
+
}
|
|
14962
|
+
|
|
14963
|
+
.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-error {
|
|
14964
|
+
color: #f5b3a499;
|
|
14965
|
+
}
|
|
14966
|
+
|
|
14967
|
+
.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-error {
|
|
14968
|
+
color: #a85b6499;
|
|
14969
|
+
}
|
|
14970
|
+
|
|
14971
|
+
.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-error {
|
|
14972
|
+
color: #f2bbc099;
|
|
14973
|
+
}
|
|
14974
|
+
|
|
14975
|
+
.zx-root .zx-table__cell-label.zx-a-color-error {
|
|
14976
|
+
color: #d9576d99;
|
|
14977
|
+
}
|
|
14978
|
+
|
|
14979
|
+
.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-error {
|
|
14980
|
+
color: #ff7d9099;
|
|
14981
|
+
}
|
|
14982
|
+
|
|
14983
|
+
.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-error {
|
|
14984
|
+
color: #f5b3a499;
|
|
14985
|
+
}
|
|
14986
|
+
|
|
14987
|
+
.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-error {
|
|
14988
|
+
color: #a85b6499;
|
|
14989
|
+
}
|
|
14990
|
+
|
|
14991
|
+
.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-error {
|
|
14992
|
+
color: #f2bbc099;
|
|
14993
|
+
}
|
|
14994
|
+
|
|
14127
14995
|
.zx-table__root.zx-a-size-xs {
|
|
14128
14996
|
--table-pad-inline: var(--space-xs);
|
|
14129
14997
|
--table-font: var(--text-xs);
|
|
@@ -14143,6 +15011,36 @@
|
|
|
14143
15011
|
--table-pad-inline: var(--space-xl);
|
|
14144
15012
|
--table-font: var(--text-md);
|
|
14145
15013
|
}
|
|
15014
|
+
.zx-table__root.zx-m-stacked {
|
|
15015
|
+
border-width: calc(var(--border) * 0);
|
|
15016
|
+
border-radius: calc(var(--radius-box) * 0);
|
|
15017
|
+
}
|
|
15018
|
+
.zx-table__caption.zx-m-stacked {
|
|
15019
|
+
padding-left: calc(var(--table-pad-inline) * 0);
|
|
15020
|
+
padding-right: calc(var(--table-pad-inline) * 0);
|
|
15021
|
+
}
|
|
15022
|
+
.zx-table__row.zx-m-stacked {
|
|
15023
|
+
border: var(--border) solid var(--color-base-200);
|
|
15024
|
+
border-radius: var(--radius-box);
|
|
15025
|
+
background: var(--color-base-100);
|
|
15026
|
+
padding: var(--space-sm) var(--table-pad-inline);
|
|
15027
|
+
margin-bottom: var(--space-md);
|
|
15028
|
+
}
|
|
15029
|
+
.zx-table__row.zx-m-stacked.zx-f-selected {
|
|
15030
|
+
background: var(--color-base-300);
|
|
15031
|
+
}
|
|
15032
|
+
.zx-table__cell.zx-m-stacked {
|
|
15033
|
+
padding-left: calc(var(--table-pad-inline) * 0);
|
|
15034
|
+
padding-right: calc(var(--table-pad-inline) * 0);
|
|
15035
|
+
padding-top: var(--space-xs);
|
|
15036
|
+
padding-bottom: var(--space-xs);
|
|
15037
|
+
}
|
|
15038
|
+
.zx-table__row.zx-m-stripe {
|
|
15039
|
+
background: var(--color-base-200);
|
|
15040
|
+
}
|
|
15041
|
+
.zx-table__sort-indicator.zx-m-held.zx-s-none {
|
|
15042
|
+
opacity: 0.6;
|
|
15043
|
+
}
|
|
14146
15044
|
|
|
14147
15045
|
.zx-file-upload__root {
|
|
14148
15046
|
--fu-accent: var(--color-primary);
|
|
@@ -14150,9 +15048,11 @@
|
|
|
14150
15048
|
}
|
|
14151
15049
|
|
|
14152
15050
|
.zx-file-upload__root {
|
|
14153
|
-
display:
|
|
15051
|
+
display: flex;
|
|
14154
15052
|
gap: var(--space-sm);
|
|
14155
15053
|
justify-items: start;
|
|
15054
|
+
flex-direction: column;
|
|
15055
|
+
align-items: flex-start;
|
|
14156
15056
|
}
|
|
14157
15057
|
|
|
14158
15058
|
.zx-file-upload__label {
|
|
@@ -14178,6 +15078,7 @@
|
|
|
14178
15078
|
border: var(--border) solid var(--color-base-300);
|
|
14179
15079
|
border-radius: var(--radius-field);
|
|
14180
15080
|
cursor: pointer;
|
|
15081
|
+
flex-direction: row;
|
|
14181
15082
|
}
|
|
14182
15083
|
|
|
14183
15084
|
.zx-file-upload__trigger.zx-f-disabled {
|
|
@@ -14190,8 +15091,15 @@
|
|
|
14190
15091
|
}
|
|
14191
15092
|
|
|
14192
15093
|
.zx-file-upload__trigger.zx-f-focus-visible {
|
|
14193
|
-
outline:
|
|
15094
|
+
outline: none;
|
|
14194
15095
|
outline-offset: 2px;
|
|
15096
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
15097
|
+
}
|
|
15098
|
+
|
|
15099
|
+
.zx-file-upload__trigger.zx-f-pressed {
|
|
15100
|
+
background: var(--color-base-300);
|
|
15101
|
+
transform: translateY(1px);
|
|
15102
|
+
box-shadow: none;
|
|
14195
15103
|
}
|
|
14196
15104
|
|
|
14197
15105
|
.zx-file-upload__dropzone {
|
|
@@ -14203,6 +15111,10 @@
|
|
|
14203
15111
|
border-radius: var(--radius-box);
|
|
14204
15112
|
background: var(--color-base-100);
|
|
14205
15113
|
cursor: pointer;
|
|
15114
|
+
align-self: stretch;
|
|
15115
|
+
display: flex;
|
|
15116
|
+
flex-direction: column;
|
|
15117
|
+
align-items: center;
|
|
14206
15118
|
}
|
|
14207
15119
|
|
|
14208
15120
|
.zx-file-upload__dropzone.zx-a-size-xs {
|
|
@@ -14246,6 +15158,26 @@
|
|
|
14246
15158
|
color: var(--color-base-content);
|
|
14247
15159
|
}
|
|
14248
15160
|
|
|
15161
|
+
.zx-root .zx-file-upload__dropzone.zx-f-highlighted {
|
|
15162
|
+
background: #edf0fe;
|
|
15163
|
+
}
|
|
15164
|
+
|
|
15165
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-f-highlighted {
|
|
15166
|
+
background: #212839;
|
|
15167
|
+
}
|
|
15168
|
+
|
|
15169
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-f-highlighted {
|
|
15170
|
+
background: #323d43;
|
|
15171
|
+
}
|
|
15172
|
+
|
|
15173
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-f-highlighted {
|
|
15174
|
+
background: #e0e6ee;
|
|
15175
|
+
}
|
|
15176
|
+
|
|
15177
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-f-highlighted {
|
|
15178
|
+
background: #232427;
|
|
15179
|
+
}
|
|
15180
|
+
|
|
14249
15181
|
.zx-file-upload__dropzone.zx-f-disabled {
|
|
14250
15182
|
opacity: var(--disabled-opacity);
|
|
14251
15183
|
cursor: not-allowed;
|
|
@@ -14256,8 +15188,10 @@
|
|
|
14256
15188
|
list-style: none;
|
|
14257
15189
|
margin: 0;
|
|
14258
15190
|
padding: 0;
|
|
14259
|
-
display:
|
|
15191
|
+
display: flex;
|
|
14260
15192
|
gap: var(--space-xs);
|
|
15193
|
+
align-self: stretch;
|
|
15194
|
+
flex-direction: column;
|
|
14261
15195
|
}
|
|
14262
15196
|
|
|
14263
15197
|
.zx-file-upload__item {
|
|
@@ -14268,6 +15202,7 @@
|
|
|
14268
15202
|
border: var(--border) solid var(--color-base-200);
|
|
14269
15203
|
border-radius: var(--radius-field);
|
|
14270
15204
|
background: var(--color-base-100);
|
|
15205
|
+
flex-direction: row;
|
|
14271
15206
|
}
|
|
14272
15207
|
|
|
14273
15208
|
.zx-file-upload__item.zx-f-disabled {
|
|
@@ -14349,8 +15284,13 @@
|
|
|
14349
15284
|
}
|
|
14350
15285
|
|
|
14351
15286
|
.zx-file-upload__item-remove.zx-f-focus-visible {
|
|
14352
|
-
outline:
|
|
15287
|
+
outline: none;
|
|
14353
15288
|
outline-offset: 2px;
|
|
15289
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
15290
|
+
}
|
|
15291
|
+
|
|
15292
|
+
.zx-file-upload__item-remove.zx-f-pressed {
|
|
15293
|
+
background: var(--color-base-200);
|
|
14354
15294
|
}
|
|
14355
15295
|
|
|
14356
15296
|
.zx-file-upload__clear-trigger {
|
|
@@ -14372,8 +15312,13 @@
|
|
|
14372
15312
|
}
|
|
14373
15313
|
|
|
14374
15314
|
.zx-file-upload__clear-trigger.zx-f-focus-visible {
|
|
14375
|
-
outline:
|
|
15315
|
+
outline: none;
|
|
14376
15316
|
outline-offset: 2px;
|
|
15317
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
15318
|
+
}
|
|
15319
|
+
|
|
15320
|
+
.zx-file-upload__clear-trigger.zx-f-pressed {
|
|
15321
|
+
background: var(--color-base-200);
|
|
14377
15322
|
}
|
|
14378
15323
|
|
|
14379
15324
|
.zx-root .zx-file-upload__root.zx-a-color-primary {
|
|
@@ -14396,6 +15341,26 @@
|
|
|
14396
15341
|
--fu-accent: #fb8a62;
|
|
14397
15342
|
}
|
|
14398
15343
|
|
|
15344
|
+
.zx-root .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
|
|
15345
|
+
background: #edf0fe;
|
|
15346
|
+
}
|
|
15347
|
+
|
|
15348
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
|
|
15349
|
+
background: #212839;
|
|
15350
|
+
}
|
|
15351
|
+
|
|
15352
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
|
|
15353
|
+
background: #323d43;
|
|
15354
|
+
}
|
|
15355
|
+
|
|
15356
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
|
|
15357
|
+
background: #e0e6ee;
|
|
15358
|
+
}
|
|
15359
|
+
|
|
15360
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
|
|
15361
|
+
background: #232427;
|
|
15362
|
+
}
|
|
15363
|
+
|
|
14399
15364
|
.zx-root .zx-file-upload__root.zx-a-color-secondary {
|
|
14400
15365
|
--fu-accent: #ad316f;
|
|
14401
15366
|
}
|
|
@@ -14416,6 +15381,26 @@
|
|
|
14416
15381
|
--fu-accent: #e68aac;
|
|
14417
15382
|
}
|
|
14418
15383
|
|
|
15384
|
+
.zx-root .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
|
|
15385
|
+
background: #fff1f6;
|
|
15386
|
+
}
|
|
15387
|
+
|
|
15388
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
|
|
15389
|
+
background: #2e2732;
|
|
15390
|
+
}
|
|
15391
|
+
|
|
15392
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
|
|
15393
|
+
background: #3a3740;
|
|
15394
|
+
}
|
|
15395
|
+
|
|
15396
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
|
|
15397
|
+
background: #e3e9f0;
|
|
15398
|
+
}
|
|
15399
|
+
|
|
15400
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
|
|
15401
|
+
background: #24232b;
|
|
15402
|
+
}
|
|
15403
|
+
|
|
14419
15404
|
.zx-root .zx-file-upload__root.zx-a-color-accent {
|
|
14420
15405
|
--fu-accent: #2b786d;
|
|
14421
15406
|
}
|
|
@@ -14436,6 +15421,26 @@
|
|
|
14436
15421
|
--fu-accent: #ab9fe8;
|
|
14437
15422
|
}
|
|
14438
15423
|
|
|
15424
|
+
.zx-root .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
|
|
15425
|
+
background: #f2fcf9;
|
|
15426
|
+
}
|
|
15427
|
+
|
|
15428
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
|
|
15429
|
+
background: #212f34;
|
|
15430
|
+
}
|
|
15431
|
+
|
|
15432
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
|
|
15433
|
+
background: #353748;
|
|
15434
|
+
}
|
|
15435
|
+
|
|
15436
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
|
|
15437
|
+
background: #e4ebf1;
|
|
15438
|
+
}
|
|
15439
|
+
|
|
15440
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
|
|
15441
|
+
background: #1d2431;
|
|
15442
|
+
}
|
|
15443
|
+
|
|
14439
15444
|
.zx-root .zx-file-upload__root.zx-a-color-neutral {
|
|
14440
15445
|
--fu-accent: #121214;
|
|
14441
15446
|
}
|
|
@@ -14456,6 +15461,26 @@
|
|
|
14456
15461
|
--fu-accent: #667a8a;
|
|
14457
15462
|
}
|
|
14458
15463
|
|
|
15464
|
+
.zx-root .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
|
|
15465
|
+
background: #e8e8e8;
|
|
15466
|
+
}
|
|
15467
|
+
|
|
15468
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
|
|
15469
|
+
background: #1b2127;
|
|
15470
|
+
}
|
|
15471
|
+
|
|
15472
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
|
|
15473
|
+
background: #292f3b;
|
|
15474
|
+
}
|
|
15475
|
+
|
|
15476
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
|
|
15477
|
+
background: #dee2e8;
|
|
15478
|
+
}
|
|
15479
|
+
|
|
15480
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
|
|
15481
|
+
background: #131d23;
|
|
15482
|
+
}
|
|
15483
|
+
|
|
14459
15484
|
.zx-root .zx-file-upload__root.zx-a-color-info {
|
|
14460
15485
|
--fu-accent: #2685b3;
|
|
14461
15486
|
}
|
|
@@ -14476,6 +15501,26 @@
|
|
|
14476
15501
|
--fu-accent: #91d4e3;
|
|
14477
15502
|
}
|
|
14478
15503
|
|
|
15504
|
+
.zx-root .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
|
|
15505
|
+
background: #f1faff;
|
|
15506
|
+
}
|
|
15507
|
+
|
|
15508
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
|
|
15509
|
+
background: #202e38;
|
|
15510
|
+
}
|
|
15511
|
+
|
|
15512
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
|
|
15513
|
+
background: #2f3d4a;
|
|
15514
|
+
}
|
|
15515
|
+
|
|
15516
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
|
|
15517
|
+
background: #e8e7ee;
|
|
15518
|
+
}
|
|
15519
|
+
|
|
15520
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
|
|
15521
|
+
background: #1a292f;
|
|
15522
|
+
}
|
|
15523
|
+
|
|
14479
15524
|
.zx-root .zx-file-upload__root.zx-a-color-success {
|
|
14480
15525
|
--fu-accent: #2a7858;
|
|
14481
15526
|
}
|
|
@@ -14496,6 +15541,26 @@
|
|
|
14496
15541
|
--fu-accent: #a6cebe;
|
|
14497
15542
|
}
|
|
14498
15543
|
|
|
15544
|
+
.zx-root .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
|
|
15545
|
+
background: #f1fcf6;
|
|
15546
|
+
}
|
|
15547
|
+
|
|
15548
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
|
|
15549
|
+
background: #212f32;
|
|
15550
|
+
}
|
|
15551
|
+
|
|
15552
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
|
|
15553
|
+
background: #303d46;
|
|
15554
|
+
}
|
|
15555
|
+
|
|
15556
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
|
|
15557
|
+
background: #e6ebec;
|
|
15558
|
+
}
|
|
15559
|
+
|
|
15560
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
|
|
15561
|
+
background: #1c292c;
|
|
15562
|
+
}
|
|
15563
|
+
|
|
14499
15564
|
.zx-root .zx-file-upload__root.zx-a-color-warning {
|
|
14500
15565
|
--fu-accent: #755a2b;
|
|
14501
15566
|
}
|
|
@@ -14516,6 +15581,26 @@
|
|
|
14516
15581
|
--fu-accent: #c5c1b7;
|
|
14517
15582
|
}
|
|
14518
15583
|
|
|
15584
|
+
.zx-root .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
|
|
15585
|
+
background: #fffaf0;
|
|
15586
|
+
}
|
|
15587
|
+
|
|
15588
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
|
|
15589
|
+
background: #2c2e2e;
|
|
15590
|
+
}
|
|
15591
|
+
|
|
15592
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
|
|
15593
|
+
background: #373c41;
|
|
15594
|
+
}
|
|
15595
|
+
|
|
15596
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
|
|
15597
|
+
background: #ececec;
|
|
15598
|
+
}
|
|
15599
|
+
|
|
15600
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
|
|
15601
|
+
background: #21282b;
|
|
15602
|
+
}
|
|
15603
|
+
|
|
14519
15604
|
.zx-root .zx-file-upload__root.zx-a-color-error {
|
|
14520
15605
|
--fu-accent: #d9576d;
|
|
14521
15606
|
}
|
|
@@ -14536,6 +15621,26 @@
|
|
|
14536
15621
|
--fu-accent: #f2bbc0;
|
|
14537
15622
|
}
|
|
14538
15623
|
|
|
15624
|
+
.zx-root .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
|
|
15625
|
+
background: #fff3f4;
|
|
15626
|
+
}
|
|
15627
|
+
|
|
15628
|
+
.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
|
|
15629
|
+
background: #2e2930;
|
|
15630
|
+
}
|
|
15631
|
+
|
|
15632
|
+
.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
|
|
15633
|
+
background: #393943;
|
|
15634
|
+
}
|
|
15635
|
+
|
|
15636
|
+
.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
|
|
15637
|
+
background: #eae4e8;
|
|
15638
|
+
}
|
|
15639
|
+
|
|
15640
|
+
.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
|
|
15641
|
+
background: #22272d;
|
|
15642
|
+
}
|
|
15643
|
+
|
|
14539
15644
|
.zx-file-upload__root.zx-a-size-xs {
|
|
14540
15645
|
--fu-font: var(--text-xs);
|
|
14541
15646
|
}
|
|
@@ -14560,8 +15665,9 @@
|
|
|
14560
15665
|
|
|
14561
15666
|
.zx-carousel__root {
|
|
14562
15667
|
position: relative;
|
|
14563
|
-
display:
|
|
15668
|
+
display: flex;
|
|
14564
15669
|
gap: var(--space-sm);
|
|
15670
|
+
flex-direction: column;
|
|
14565
15671
|
}
|
|
14566
15672
|
|
|
14567
15673
|
.zx-carousel__viewport {
|
|
@@ -14581,9 +15687,9 @@
|
|
|
14581
15687
|
.zx-carousel__prev-trigger {
|
|
14582
15688
|
appearance: none;
|
|
14583
15689
|
position: absolute;
|
|
14584
|
-
|
|
14585
|
-
|
|
14586
|
-
display:
|
|
15690
|
+
width: var(--carousel-nav);
|
|
15691
|
+
height: var(--carousel-nav);
|
|
15692
|
+
display: flex;
|
|
14587
15693
|
place-items: center;
|
|
14588
15694
|
font-size: var(--text-sm);
|
|
14589
15695
|
line-height: var(--leading-none);
|
|
@@ -14595,6 +15701,8 @@
|
|
|
14595
15701
|
z-index: 1;
|
|
14596
15702
|
top: calc(50% - var(--carousel-nav) / 2);
|
|
14597
15703
|
left: var(--space-sm);
|
|
15704
|
+
align-items: center;
|
|
15705
|
+
justify-content: center;
|
|
14598
15706
|
}
|
|
14599
15707
|
|
|
14600
15708
|
.zx-carousel__prev-trigger.zx-f-disabled {
|
|
@@ -14603,16 +15711,22 @@
|
|
|
14603
15711
|
}
|
|
14604
15712
|
|
|
14605
15713
|
.zx-carousel__prev-trigger.zx-f-focus-visible {
|
|
14606
|
-
outline:
|
|
15714
|
+
outline: none;
|
|
14607
15715
|
outline-offset: 2px;
|
|
15716
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
15717
|
+
}
|
|
15718
|
+
|
|
15719
|
+
.zx-carousel__prev-trigger.zx-f-pressed {
|
|
15720
|
+
background: var(--color-base-300);
|
|
15721
|
+
transform: translateY(1px);
|
|
14608
15722
|
}
|
|
14609
15723
|
|
|
14610
15724
|
.zx-carousel__next-trigger {
|
|
14611
15725
|
appearance: none;
|
|
14612
15726
|
position: absolute;
|
|
14613
|
-
|
|
14614
|
-
|
|
14615
|
-
display:
|
|
15727
|
+
width: var(--carousel-nav);
|
|
15728
|
+
height: var(--carousel-nav);
|
|
15729
|
+
display: flex;
|
|
14616
15730
|
place-items: center;
|
|
14617
15731
|
font-size: var(--text-sm);
|
|
14618
15732
|
line-height: var(--leading-none);
|
|
@@ -14624,6 +15738,8 @@
|
|
|
14624
15738
|
z-index: 1;
|
|
14625
15739
|
top: calc(50% - var(--carousel-nav) / 2);
|
|
14626
15740
|
right: var(--space-sm);
|
|
15741
|
+
align-items: center;
|
|
15742
|
+
justify-content: center;
|
|
14627
15743
|
}
|
|
14628
15744
|
|
|
14629
15745
|
.zx-carousel__next-trigger.zx-f-disabled {
|
|
@@ -14632,29 +15748,69 @@
|
|
|
14632
15748
|
}
|
|
14633
15749
|
|
|
14634
15750
|
.zx-carousel__next-trigger.zx-f-focus-visible {
|
|
14635
|
-
outline:
|
|
15751
|
+
outline: none;
|
|
14636
15752
|
outline-offset: 2px;
|
|
15753
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
15754
|
+
}
|
|
15755
|
+
|
|
15756
|
+
.zx-carousel__next-trigger.zx-f-pressed {
|
|
15757
|
+
background: var(--color-base-300);
|
|
15758
|
+
transform: translateY(1px);
|
|
14637
15759
|
}
|
|
14638
15760
|
|
|
14639
15761
|
.zx-carousel__indicator-group {
|
|
14640
15762
|
display: flex;
|
|
14641
15763
|
gap: var(--space-xs);
|
|
14642
15764
|
justify-content: center;
|
|
15765
|
+
flex-direction: row;
|
|
15766
|
+
align-items: center;
|
|
14643
15767
|
}
|
|
14644
15768
|
|
|
14645
15769
|
.zx-carousel__indicator {
|
|
14646
15770
|
appearance: none;
|
|
14647
15771
|
padding: 0;
|
|
14648
|
-
display:
|
|
15772
|
+
display: flex;
|
|
14649
15773
|
place-items: center;
|
|
14650
15774
|
background: transparent;
|
|
14651
15775
|
border: none;
|
|
14652
15776
|
cursor: pointer;
|
|
15777
|
+
width: var(--carousel-dot);
|
|
15778
|
+
height: var(--carousel-dot);
|
|
15779
|
+
flex-shrink: 0;
|
|
15780
|
+
border-width: calc(var(--border) * 2);
|
|
15781
|
+
border-style: solid;
|
|
15782
|
+
border-radius: 9999px;
|
|
15783
|
+
}
|
|
15784
|
+
|
|
15785
|
+
.zx-root .zx-carousel__indicator {
|
|
15786
|
+
border-color: #18181bb3;
|
|
15787
|
+
}
|
|
15788
|
+
|
|
15789
|
+
.zx-root.zx-theme-dark .zx-carousel__indicator {
|
|
15790
|
+
border-color: #ecf9ffb3;
|
|
15791
|
+
}
|
|
15792
|
+
|
|
15793
|
+
.zx-root.zx-theme-dim .zx-carousel__indicator {
|
|
15794
|
+
border-color: #b2ccd6b3;
|
|
15795
|
+
}
|
|
15796
|
+
|
|
15797
|
+
.zx-root.zx-theme-nord .zx-carousel__indicator {
|
|
15798
|
+
border-color: #2e3440b3;
|
|
15799
|
+
}
|
|
15800
|
+
|
|
15801
|
+
.zx-root.zx-theme-sunset .zx-carousel__indicator {
|
|
15802
|
+
border-color: #9fb9d0b3;
|
|
15803
|
+
}
|
|
15804
|
+
|
|
15805
|
+
.zx-carousel__indicator.zx-s-active {
|
|
15806
|
+
background: var(--carousel-accent);
|
|
15807
|
+
border-color: var(--carousel-accent);
|
|
14653
15808
|
}
|
|
14654
15809
|
|
|
14655
15810
|
.zx-carousel__indicator.zx-f-focus-visible {
|
|
14656
|
-
outline:
|
|
15811
|
+
outline: none;
|
|
14657
15812
|
outline-offset: 2px;
|
|
15813
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
14658
15814
|
}
|
|
14659
15815
|
|
|
14660
15816
|
.zx-root .zx-carousel__root.zx-a-color-primary {
|
|
@@ -15294,7 +16450,7 @@
|
|
|
15294
16450
|
}
|
|
15295
16451
|
|
|
15296
16452
|
.zx-diff__handle {
|
|
15297
|
-
|
|
16453
|
+
width: var(--diff-hit);
|
|
15298
16454
|
display: grid;
|
|
15299
16455
|
place-items: center;
|
|
15300
16456
|
cursor: ew-resize;
|