@sigx/zero-daisyui 0.13.0 → 0.15.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/audit.json +60 -0
- package/dist/css/components/combobox.css +5 -0
- 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/components/spinner.css +5 -5
- package/dist/css/index.css +27 -5
- package/dist/lynx/components/alert.css +49 -7
- package/dist/lynx/components/avatar-group.css +13 -1
- package/dist/lynx/components/avatar.css +56 -1
- package/dist/lynx/components/badge.css +209 -6
- package/dist/lynx/components/breadcrumbs.css +30 -21
- package/dist/lynx/components/button.css +2 -7
- package/dist/lynx/components/card.css +12 -2
- package/dist/lynx/components/carousel.css +4 -4
- package/dist/lynx/components/chat-log.css +5 -5
- package/dist/lynx/components/chat.css +1 -1
- package/dist/lynx/components/combobox.css +5 -0
- package/dist/lynx/components/container.css +3 -2
- package/dist/lynx/components/diff.css +1 -1
- package/dist/lynx/components/divider.css +53 -8
- package/dist/lynx/components/drawer.css +8 -8
- package/dist/lynx/components/empty-state.css +7 -1
- package/dist/lynx/components/fieldset.css +1 -1
- package/dist/lynx/components/grid.css +2 -2
- package/dist/lynx/components/kbd.css +16 -3
- package/dist/lynx/components/menu.css +20 -1
- package/dist/lynx/components/nav-list.css +15 -2
- package/dist/lynx/components/navbar.css +9 -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/skeleton.css +1 -1
- package/dist/lynx/components/spinner.css +22 -12
- package/dist/lynx/components/stack.css +2 -2
- package/dist/lynx/components/stats.css +39 -3
- package/dist/lynx/components/status.css +197 -11
- package/dist/lynx/components/steps.css +114 -22
- package/dist/lynx/components/table.css +1 -1
- package/dist/lynx/components/tabs.css +1 -1
- package/dist/lynx/components/textarea.css +1 -1
- package/dist/lynx/components/timeline.css +12 -25
- package/dist/lynx/components/toast.css +331 -12
- package/dist/lynx/components/tree-view.css +31 -4
- package/dist/lynx/index.css +1382 -262
- package/dist/lynx/manifest.json +3 -3
- package/dist/manifest.json +1 -1
- package/dist/recipes.d.ts +6 -1
- package/dist/recipes.d.ts.map +1 -1
- package/dist/recipes.js +934 -25
- package/dist/recipes.js.map +1 -1
- package/dist/report.json +565 -89
- package/package.json +4 -4
- package/src/recipes.ts +939 -25
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);
|
|
@@ -2509,6 +2510,10 @@
|
|
|
2509
2510
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
2510
2511
|
padding-left: calc(var(--size-field) * 4);
|
|
2511
2512
|
padding-right: calc(var(--size-field) * 4);
|
|
2513
|
+
width: max-content;
|
|
2514
|
+
flex-shrink: 0;
|
|
2515
|
+
flex-wrap: nowrap;
|
|
2516
|
+
flex-direction: row;
|
|
2512
2517
|
}
|
|
2513
2518
|
|
|
2514
2519
|
.zx-menu__trigger.zx-f-disabled {
|
|
@@ -2521,8 +2526,15 @@
|
|
|
2521
2526
|
}
|
|
2522
2527
|
|
|
2523
2528
|
.zx-menu__trigger.zx-f-focus-visible {
|
|
2524
|
-
outline:
|
|
2529
|
+
outline: none;
|
|
2525
2530
|
outline-offset: 2px;
|
|
2531
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
2532
|
+
}
|
|
2533
|
+
|
|
2534
|
+
.zx-menu__trigger.zx-f-pressed {
|
|
2535
|
+
background: var(--color-base-300);
|
|
2536
|
+
transform: translateY(1px);
|
|
2537
|
+
box-shadow: none;
|
|
2526
2538
|
}
|
|
2527
2539
|
|
|
2528
2540
|
.zx-menu__popup {
|
|
@@ -2536,6 +2548,8 @@
|
|
|
2536
2548
|
box-shadow: var(--shadow-lg);
|
|
2537
2549
|
padding: var(--space-md);
|
|
2538
2550
|
min-width: 208px;
|
|
2551
|
+
display: flex;
|
|
2552
|
+
flex-direction: column;
|
|
2539
2553
|
}
|
|
2540
2554
|
|
|
2541
2555
|
.zx-menu__popup.zx-s-open {
|
|
@@ -2554,6 +2568,7 @@
|
|
|
2554
2568
|
cursor: pointer;
|
|
2555
2569
|
outline: none;
|
|
2556
2570
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
2571
|
+
flex-direction: row;
|
|
2557
2572
|
}
|
|
2558
2573
|
|
|
2559
2574
|
.zx-menu__item.zx-f-highlighted {
|
|
@@ -2576,6 +2591,7 @@
|
|
|
2576
2591
|
cursor: pointer;
|
|
2577
2592
|
outline: none;
|
|
2578
2593
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
2594
|
+
flex-direction: row;
|
|
2579
2595
|
}
|
|
2580
2596
|
|
|
2581
2597
|
.zx-menu__checkbox-item.zx-f-highlighted {
|
|
@@ -2598,6 +2614,7 @@
|
|
|
2598
2614
|
cursor: pointer;
|
|
2599
2615
|
outline: none;
|
|
2600
2616
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
2617
|
+
flex-direction: row;
|
|
2601
2618
|
}
|
|
2602
2619
|
|
|
2603
2620
|
.zx-menu__radio-item.zx-f-highlighted {
|
|
@@ -2627,6 +2644,7 @@
|
|
|
2627
2644
|
cursor: pointer;
|
|
2628
2645
|
outline: none;
|
|
2629
2646
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
2647
|
+
flex-direction: row;
|
|
2630
2648
|
}
|
|
2631
2649
|
|
|
2632
2650
|
.zx-menu__sub-trigger.zx-f-highlighted {
|
|
@@ -2653,6 +2671,8 @@
|
|
|
2653
2671
|
box-shadow: var(--shadow-lg);
|
|
2654
2672
|
padding: var(--space-md);
|
|
2655
2673
|
min-width: 208px;
|
|
2674
|
+
display: flex;
|
|
2675
|
+
flex-direction: column;
|
|
2656
2676
|
}
|
|
2657
2677
|
|
|
2658
2678
|
.zx-menu__sub-popup.zx-s-open {
|
|
@@ -3249,7 +3269,7 @@
|
|
|
3249
3269
|
grid-template-columns: 1fr;
|
|
3250
3270
|
grid-auto-rows: max-content;
|
|
3251
3271
|
gap: var(--space-sm);
|
|
3252
|
-
min-
|
|
3272
|
+
min-width: 0;
|
|
3253
3273
|
margin: 0;
|
|
3254
3274
|
border: none;
|
|
3255
3275
|
flex-direction: column;
|
|
@@ -5227,7 +5247,7 @@
|
|
|
5227
5247
|
.zx-select__clear-trigger {
|
|
5228
5248
|
appearance: none;
|
|
5229
5249
|
position: absolute;
|
|
5230
|
-
min-
|
|
5250
|
+
min-width: 24px;
|
|
5231
5251
|
display: flex;
|
|
5232
5252
|
align-items: center;
|
|
5233
5253
|
justify-content: center;
|
|
@@ -5244,7 +5264,6 @@
|
|
|
5244
5264
|
right: calc(var(--border) + var(--size-field) * 4 + var(--text-sm) + var(--space-xs));
|
|
5245
5265
|
width: 24px;
|
|
5246
5266
|
height: 24px;
|
|
5247
|
-
min-width: 24px;
|
|
5248
5267
|
box-sizing: border-box;
|
|
5249
5268
|
}
|
|
5250
5269
|
|
|
@@ -5501,15 +5520,13 @@
|
|
|
5501
5520
|
|
|
5502
5521
|
.zx-button__spinner {
|
|
5503
5522
|
box-sizing: border-box;
|
|
5504
|
-
|
|
5505
|
-
|
|
5523
|
+
width: 1em;
|
|
5524
|
+
height: 1em;
|
|
5506
5525
|
flex: none;
|
|
5507
5526
|
border-radius: 9999px;
|
|
5508
5527
|
border: 0 solid transparent;
|
|
5509
5528
|
border-block-start-color: transparent;
|
|
5510
5529
|
animation: zero-daisyui-btn-spin 0.7s linear infinite;
|
|
5511
|
-
width: 1em;
|
|
5512
|
-
height: 1em;
|
|
5513
5530
|
border-top-width: calc(var(--border) * 2);
|
|
5514
5531
|
border-right-width: calc(var(--border) * 2);
|
|
5515
5532
|
border-bottom-width: calc(var(--border) * 2);
|
|
@@ -5921,14 +5938,11 @@
|
|
|
5921
5938
|
}
|
|
5922
5939
|
|
|
5923
5940
|
.zx-button__root.zx-m-wide {
|
|
5924
|
-
inline-size: 100%;
|
|
5925
|
-
max-inline-size: 256px;
|
|
5926
5941
|
width: 100%;
|
|
5927
5942
|
max-width: 256px;
|
|
5928
5943
|
}
|
|
5929
5944
|
|
|
5930
5945
|
.zx-button__root.zx-m-block {
|
|
5931
|
-
inline-size: 100%;
|
|
5932
5946
|
width: 100%;
|
|
5933
5947
|
}
|
|
5934
5948
|
|
|
@@ -5968,7 +5982,7 @@
|
|
|
5968
5982
|
|
|
5969
5983
|
.zx-avatar__root {
|
|
5970
5984
|
position: relative;
|
|
5971
|
-
display:
|
|
5985
|
+
display: flex;
|
|
5972
5986
|
width: calc(var(--size-selector) * 10);
|
|
5973
5987
|
height: calc(var(--size-selector) * 10);
|
|
5974
5988
|
border-radius: 9999px;
|
|
@@ -5976,6 +5990,10 @@
|
|
|
5976
5990
|
vertical-align: middle;
|
|
5977
5991
|
background: var(--color-base-200);
|
|
5978
5992
|
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--avatar-ring);
|
|
5993
|
+
flex-direction: row;
|
|
5994
|
+
align-items: center;
|
|
5995
|
+
justify-content: center;
|
|
5996
|
+
flex-shrink: 0;
|
|
5979
5997
|
}
|
|
5980
5998
|
|
|
5981
5999
|
.zx-avatar__root.zx-a-size-xs {
|
|
@@ -6003,6 +6021,10 @@
|
|
|
6003
6021
|
width: 100%;
|
|
6004
6022
|
height: 100%;
|
|
6005
6023
|
object-fit: cover;
|
|
6024
|
+
position: absolute;
|
|
6025
|
+
top: 0;
|
|
6026
|
+
left: 0;
|
|
6027
|
+
border-radius: 9999px;
|
|
6006
6028
|
}
|
|
6007
6029
|
|
|
6008
6030
|
.zx-avatar__fallback {
|
|
@@ -6015,20 +6037,52 @@
|
|
|
6015
6037
|
font-size: var(--avatar-text);
|
|
6016
6038
|
font-weight: var(--weight-semibold);
|
|
6017
6039
|
user-select: none;
|
|
6040
|
+
position: absolute;
|
|
6041
|
+
top: 0;
|
|
6042
|
+
left: 0;
|
|
6043
|
+
border-radius: 9999px;
|
|
6044
|
+
display: flex;
|
|
6045
|
+
align-items: center;
|
|
6046
|
+
justify-content: center;
|
|
6047
|
+
text-align: center;
|
|
6018
6048
|
}
|
|
6019
6049
|
|
|
6020
6050
|
.zx-avatar__root.zx-a-shape-circle {
|
|
6021
6051
|
border-radius: 9999px;
|
|
6022
6052
|
}
|
|
6023
6053
|
|
|
6054
|
+
.zx-avatar__image.zx-a-shape-circle {
|
|
6055
|
+
border-radius: 9999px;
|
|
6056
|
+
}
|
|
6057
|
+
|
|
6058
|
+
.zx-avatar__fallback.zx-a-shape-circle {
|
|
6059
|
+
border-radius: 9999px;
|
|
6060
|
+
}
|
|
6061
|
+
|
|
6024
6062
|
.zx-avatar__root.zx-a-shape-square {
|
|
6025
6063
|
border-radius: 0;
|
|
6026
6064
|
}
|
|
6027
6065
|
|
|
6066
|
+
.zx-avatar__image.zx-a-shape-square {
|
|
6067
|
+
border-radius: 0;
|
|
6068
|
+
}
|
|
6069
|
+
|
|
6070
|
+
.zx-avatar__fallback.zx-a-shape-square {
|
|
6071
|
+
border-radius: 0;
|
|
6072
|
+
}
|
|
6073
|
+
|
|
6028
6074
|
.zx-avatar__root.zx-a-shape-rounded {
|
|
6029
6075
|
border-radius: var(--radius-selector);
|
|
6030
6076
|
}
|
|
6031
6077
|
|
|
6078
|
+
.zx-avatar__image.zx-a-shape-rounded {
|
|
6079
|
+
border-radius: var(--radius-selector);
|
|
6080
|
+
}
|
|
6081
|
+
|
|
6082
|
+
.zx-avatar__fallback.zx-a-shape-rounded {
|
|
6083
|
+
border-radius: var(--radius-selector);
|
|
6084
|
+
}
|
|
6085
|
+
|
|
6032
6086
|
.zx-avatar__root.zx-a-color-primary {
|
|
6033
6087
|
--avatar-ring: var(--color-primary);
|
|
6034
6088
|
}
|
|
@@ -6076,6 +6130,21 @@
|
|
|
6076
6130
|
.zx-avatar__root.zx-a-size-xl {
|
|
6077
6131
|
--avatar-text: var(--text-lg);
|
|
6078
6132
|
}
|
|
6133
|
+
.zx-avatar__root.zx-m-stacked {
|
|
6134
|
+
margin-left: calc(var(--size-selector) * -2.5);
|
|
6135
|
+
}
|
|
6136
|
+
.zx-avatar__root.zx-m-stacked.zx-a-size-xs {
|
|
6137
|
+
margin-left: calc(var(--size-selector) * -1.5);
|
|
6138
|
+
}
|
|
6139
|
+
.zx-avatar__root.zx-m-stacked.zx-a-size-sm {
|
|
6140
|
+
margin-left: calc(var(--size-selector) * -2);
|
|
6141
|
+
}
|
|
6142
|
+
.zx-avatar__root.zx-m-stacked.zx-a-size-lg {
|
|
6143
|
+
margin-left: calc(var(--size-selector) * -3);
|
|
6144
|
+
}
|
|
6145
|
+
.zx-avatar__root.zx-m-stacked.zx-a-size-xl {
|
|
6146
|
+
margin-left: calc(var(--size-selector) * -4);
|
|
6147
|
+
}
|
|
6079
6148
|
|
|
6080
6149
|
.zx-avatar-group__root {
|
|
6081
6150
|
--avatar-group-text: var(--text-sm);
|
|
@@ -6087,11 +6156,13 @@
|
|
|
6087
6156
|
align-items: center;
|
|
6088
6157
|
vertical-align: middle;
|
|
6089
6158
|
isolation: isolate;
|
|
6159
|
+
flex-direction: row;
|
|
6160
|
+
width: max-content;
|
|
6090
6161
|
}
|
|
6091
6162
|
|
|
6092
6163
|
.zx-avatar-group__overflow {
|
|
6093
6164
|
position: relative;
|
|
6094
|
-
display:
|
|
6165
|
+
display: flex;
|
|
6095
6166
|
place-items: center;
|
|
6096
6167
|
box-sizing: border-box;
|
|
6097
6168
|
min-width: calc(var(--size-selector) * 10);
|
|
@@ -6105,26 +6176,36 @@
|
|
|
6105
6176
|
font-variant-numeric: tabular-nums;
|
|
6106
6177
|
white-space: nowrap;
|
|
6107
6178
|
user-select: none;
|
|
6179
|
+
align-items: center;
|
|
6180
|
+
justify-content: center;
|
|
6181
|
+
flex-shrink: 0;
|
|
6182
|
+
padding-left: var(--space-2xs);
|
|
6183
|
+
padding-right: var(--space-2xs);
|
|
6184
|
+
margin-left: calc((var(--size-selector) * 10) * -0.25);
|
|
6108
6185
|
}
|
|
6109
6186
|
|
|
6110
6187
|
.zx-avatar-group__overflow.zx-a-size-xs {
|
|
6111
6188
|
min-width: calc(var(--size-selector) * 6);
|
|
6112
6189
|
height: calc(var(--size-selector) * 6);
|
|
6190
|
+
margin-left: calc((var(--size-selector) * 6) * -0.25);
|
|
6113
6191
|
}
|
|
6114
6192
|
|
|
6115
6193
|
.zx-avatar-group__overflow.zx-a-size-sm {
|
|
6116
6194
|
min-width: calc(var(--size-selector) * 8);
|
|
6117
6195
|
height: calc(var(--size-selector) * 8);
|
|
6196
|
+
margin-left: calc((var(--size-selector) * 8) * -0.25);
|
|
6118
6197
|
}
|
|
6119
6198
|
|
|
6120
6199
|
.zx-avatar-group__overflow.zx-a-size-lg {
|
|
6121
6200
|
min-width: calc(var(--size-selector) * 12);
|
|
6122
6201
|
height: calc(var(--size-selector) * 12);
|
|
6202
|
+
margin-left: calc((var(--size-selector) * 12) * -0.25);
|
|
6123
6203
|
}
|
|
6124
6204
|
|
|
6125
6205
|
.zx-avatar-group__overflow.zx-a-size-xl {
|
|
6126
6206
|
min-width: calc(var(--size-selector) * 16);
|
|
6127
6207
|
height: calc(var(--size-selector) * 16);
|
|
6208
|
+
margin-left: calc((var(--size-selector) * 16) * -0.25);
|
|
6128
6209
|
}
|
|
6129
6210
|
|
|
6130
6211
|
.zx-avatar-group__root.zx-a-color-primary {
|
|
@@ -6283,55 +6364,109 @@
|
|
|
6283
6364
|
.zx-toast__indicator {
|
|
6284
6365
|
grid-column: 1;
|
|
6285
6366
|
grid-row: 1 / span 2;
|
|
6286
|
-
|
|
6287
|
-
|
|
6367
|
+
width: var(--toast-mark);
|
|
6368
|
+
height: var(--toast-mark);
|
|
6288
6369
|
box-sizing: border-box;
|
|
6370
|
+
position: absolute;
|
|
6371
|
+
left: var(--space-lg);
|
|
6372
|
+
top: var(--space-md);
|
|
6289
6373
|
}
|
|
6290
6374
|
|
|
6291
6375
|
.zx-toast__indicator.zx-s-loading {
|
|
6292
6376
|
border-radius: 50%;
|
|
6377
|
+
border: 0 solid transparent;
|
|
6293
6378
|
border-block-start-color: var(--toast-ink);
|
|
6294
6379
|
animation: zero-daisyui-toast-spin 0.75s linear infinite;
|
|
6380
|
+
border-style: solid;
|
|
6381
|
+
border-top-width: calc(var(--border) * 2);
|
|
6382
|
+
border-right-width: calc(var(--border) * 2);
|
|
6383
|
+
border-bottom-width: calc(var(--border) * 2);
|
|
6384
|
+
border-left-width: calc(var(--border) * 2);
|
|
6385
|
+
border-top-color: var(--toast-ink);
|
|
6386
|
+
}
|
|
6387
|
+
|
|
6388
|
+
.zx-root .zx-toast__indicator.zx-s-loading {
|
|
6389
|
+
border-right-color: #18181b40;
|
|
6390
|
+
border-bottom-color: #18181b40;
|
|
6391
|
+
border-left-color: #18181b40;
|
|
6392
|
+
}
|
|
6393
|
+
|
|
6394
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-s-loading {
|
|
6395
|
+
border-right-color: #ecf9ff40;
|
|
6396
|
+
border-bottom-color: #ecf9ff40;
|
|
6397
|
+
border-left-color: #ecf9ff40;
|
|
6398
|
+
}
|
|
6399
|
+
|
|
6400
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-s-loading {
|
|
6401
|
+
border-right-color: #b2ccd640;
|
|
6402
|
+
border-bottom-color: #b2ccd640;
|
|
6403
|
+
border-left-color: #b2ccd640;
|
|
6404
|
+
}
|
|
6405
|
+
|
|
6406
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-s-loading {
|
|
6407
|
+
border-right-color: #2e344040;
|
|
6408
|
+
border-bottom-color: #2e344040;
|
|
6409
|
+
border-left-color: #2e344040;
|
|
6410
|
+
}
|
|
6411
|
+
|
|
6412
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-s-loading {
|
|
6413
|
+
border-right-color: #9fb9d040;
|
|
6414
|
+
border-bottom-color: #9fb9d040;
|
|
6415
|
+
border-left-color: #9fb9d040;
|
|
6416
|
+
}
|
|
6417
|
+
|
|
6418
|
+
.zx-toast__indicator.zx-s-complete {
|
|
6419
|
+
background: transparent;
|
|
6420
|
+
box-sizing: border-box;
|
|
6421
|
+
width: calc(var(--toast-mark) * 0.375);
|
|
6422
|
+
height: calc(var(--toast-mark) * 0.75);
|
|
6423
|
+
margin-left: calc(var(--toast-mark) * 0.3125);
|
|
6424
|
+
border-style: solid;
|
|
6425
|
+
border-top-width: 0;
|
|
6426
|
+
border-left-width: 0;
|
|
6427
|
+
border-right-width: calc(var(--border) * 2);
|
|
6428
|
+
border-bottom-width: calc(var(--border) * 2);
|
|
6429
|
+
transform: rotate(45deg);
|
|
6295
6430
|
}
|
|
6296
6431
|
|
|
6297
6432
|
.zx-root .zx-toast__indicator.zx-s-complete {
|
|
6298
|
-
|
|
6433
|
+
border-color: #2a7858;
|
|
6299
6434
|
}
|
|
6300
6435
|
|
|
6301
6436
|
.zx-root.zx-theme-dark .zx-toast__indicator.zx-s-complete {
|
|
6302
|
-
|
|
6437
|
+
border-color: #92e5c2;
|
|
6303
6438
|
}
|
|
6304
6439
|
|
|
6305
6440
|
.zx-root.zx-theme-dim .zx-toast__indicator.zx-s-complete {
|
|
6306
|
-
|
|
6441
|
+
border-color: #8ee0c9;
|
|
6307
6442
|
}
|
|
6308
6443
|
|
|
6309
6444
|
.zx-root.zx-theme-nord .zx-toast__indicator.zx-s-complete {
|
|
6310
|
-
|
|
6445
|
+
border-color: #6b7d6a;
|
|
6311
6446
|
}
|
|
6312
6447
|
|
|
6313
6448
|
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-s-complete {
|
|
6314
|
-
|
|
6449
|
+
border-color: #a6cebe;
|
|
6315
6450
|
}
|
|
6316
6451
|
|
|
6317
6452
|
.zx-root .zx-toast__indicator.zx-s-error {
|
|
6318
|
-
background: #8f424e;
|
|
6453
|
+
background: linear-gradient(45deg, transparent 41%, #8f424e 41%, #8f424e 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #8f424e 41%, #8f424e 59%, transparent 59%);
|
|
6319
6454
|
}
|
|
6320
6455
|
|
|
6321
6456
|
.zx-root.zx-theme-dark .zx-toast__indicator.zx-s-error {
|
|
6322
|
-
background: #ffabb6;
|
|
6457
|
+
background: linear-gradient(45deg, transparent 41%, #ffabb6 41%, #ffabb6 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #ffabb6 41%, #ffabb6 59%, transparent 59%);
|
|
6323
6458
|
}
|
|
6324
6459
|
|
|
6325
6460
|
.zx-root.zx-theme-dim .zx-toast__indicator.zx-s-error {
|
|
6326
|
-
background: #e0bdb6;
|
|
6461
|
+
background: linear-gradient(45deg, transparent 41%, #e0bdb6 41%, #e0bdb6 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #e0bdb6 41%, #e0bdb6 59%, transparent 59%);
|
|
6327
6462
|
}
|
|
6328
6463
|
|
|
6329
6464
|
.zx-root.zx-theme-nord .zx-toast__indicator.zx-s-error {
|
|
6330
|
-
background: #7c4e57;
|
|
6465
|
+
background: linear-gradient(45deg, transparent 41%, #7c4e57 41%, #7c4e57 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #7c4e57 41%, #7c4e57 59%, transparent 59%);
|
|
6331
6466
|
}
|
|
6332
6467
|
|
|
6333
6468
|
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-s-error {
|
|
6334
|
-
background: #d6bbc6;
|
|
6469
|
+
background: linear-gradient(45deg, transparent 41%, #d6bbc6 41%, #d6bbc6 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #d6bbc6 41%, #d6bbc6 59%, transparent 59%);
|
|
6335
6470
|
}
|
|
6336
6471
|
|
|
6337
6472
|
.zx-toast__title {
|
|
@@ -6404,51 +6539,301 @@
|
|
|
6404
6539
|
--toast-ink: var(--color-primary);
|
|
6405
6540
|
}
|
|
6406
6541
|
|
|
6542
|
+
.zx-root .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
|
|
6543
|
+
border-right-color: #422ad540;
|
|
6544
|
+
border-bottom-color: #422ad540;
|
|
6545
|
+
border-left-color: #422ad540;
|
|
6546
|
+
}
|
|
6547
|
+
|
|
6548
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
|
|
6549
|
+
border-right-color: #605dff40;
|
|
6550
|
+
border-bottom-color: #605dff40;
|
|
6551
|
+
border-left-color: #605dff40;
|
|
6552
|
+
}
|
|
6553
|
+
|
|
6554
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
|
|
6555
|
+
border-right-color: #9fe88d40;
|
|
6556
|
+
border-bottom-color: #9fe88d40;
|
|
6557
|
+
border-left-color: #9fe88d40;
|
|
6558
|
+
}
|
|
6559
|
+
|
|
6560
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
|
|
6561
|
+
border-right-color: #5e81ac40;
|
|
6562
|
+
border-bottom-color: #5e81ac40;
|
|
6563
|
+
border-left-color: #5e81ac40;
|
|
6564
|
+
}
|
|
6565
|
+
|
|
6566
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
|
|
6567
|
+
border-right-color: #ff865b40;
|
|
6568
|
+
border-bottom-color: #ff865b40;
|
|
6569
|
+
border-left-color: #ff865b40;
|
|
6570
|
+
}
|
|
6571
|
+
|
|
6407
6572
|
.zx-toast__root.zx-a-color-secondary {
|
|
6408
6573
|
--toast-bg: var(--color-secondary-soft);
|
|
6409
6574
|
--toast-ink: var(--color-secondary);
|
|
6410
6575
|
}
|
|
6411
6576
|
|
|
6577
|
+
.zx-root .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
|
|
6578
|
+
border-right-color: #f4309840;
|
|
6579
|
+
border-bottom-color: #f4309840;
|
|
6580
|
+
border-left-color: #f4309840;
|
|
6581
|
+
}
|
|
6582
|
+
|
|
6583
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
|
|
6584
|
+
border-right-color: #f4309840;
|
|
6585
|
+
border-bottom-color: #f4309840;
|
|
6586
|
+
border-left-color: #f4309840;
|
|
6587
|
+
}
|
|
6588
|
+
|
|
6589
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
|
|
6590
|
+
border-right-color: #ff7d5d40;
|
|
6591
|
+
border-bottom-color: #ff7d5d40;
|
|
6592
|
+
border-left-color: #ff7d5d40;
|
|
6593
|
+
}
|
|
6594
|
+
|
|
6595
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
|
|
6596
|
+
border-right-color: #81a1c140;
|
|
6597
|
+
border-bottom-color: #81a1c140;
|
|
6598
|
+
border-left-color: #81a1c140;
|
|
6599
|
+
}
|
|
6600
|
+
|
|
6601
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
|
|
6602
|
+
border-right-color: #fd6f9c40;
|
|
6603
|
+
border-bottom-color: #fd6f9c40;
|
|
6604
|
+
border-left-color: #fd6f9c40;
|
|
6605
|
+
}
|
|
6606
|
+
|
|
6412
6607
|
.zx-toast__root.zx-a-color-accent {
|
|
6413
6608
|
--toast-bg: var(--color-accent-soft);
|
|
6414
6609
|
--toast-ink: var(--color-accent);
|
|
6415
6610
|
}
|
|
6416
6611
|
|
|
6612
|
+
.zx-root .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
|
|
6613
|
+
border-right-color: #00d3bb40;
|
|
6614
|
+
border-bottom-color: #00d3bb40;
|
|
6615
|
+
border-left-color: #00d3bb40;
|
|
6616
|
+
}
|
|
6617
|
+
|
|
6618
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
|
|
6619
|
+
border-right-color: #00d3bb40;
|
|
6620
|
+
border-bottom-color: #00d3bb40;
|
|
6621
|
+
border-left-color: #00d3bb40;
|
|
6622
|
+
}
|
|
6623
|
+
|
|
6624
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
|
|
6625
|
+
border-right-color: #c792e940;
|
|
6626
|
+
border-bottom-color: #c792e940;
|
|
6627
|
+
border-left-color: #c792e940;
|
|
6628
|
+
}
|
|
6629
|
+
|
|
6630
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
|
|
6631
|
+
border-right-color: #88c0d040;
|
|
6632
|
+
border-bottom-color: #88c0d040;
|
|
6633
|
+
border-left-color: #88c0d040;
|
|
6634
|
+
}
|
|
6635
|
+
|
|
6636
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
|
|
6637
|
+
border-right-color: #b387fa40;
|
|
6638
|
+
border-bottom-color: #b387fa40;
|
|
6639
|
+
border-left-color: #b387fa40;
|
|
6640
|
+
}
|
|
6641
|
+
|
|
6417
6642
|
.zx-toast__root.zx-a-color-neutral {
|
|
6418
6643
|
--toast-bg: var(--color-neutral-soft);
|
|
6419
6644
|
--toast-ink: var(--color-neutral);
|
|
6420
6645
|
}
|
|
6421
6646
|
|
|
6647
|
+
.zx-root .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
|
|
6648
|
+
border-right-color: #09090b40;
|
|
6649
|
+
border-bottom-color: #09090b40;
|
|
6650
|
+
border-left-color: #09090b40;
|
|
6651
|
+
}
|
|
6652
|
+
|
|
6653
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
|
|
6654
|
+
border-right-color: #09090b40;
|
|
6655
|
+
border-bottom-color: #09090b40;
|
|
6656
|
+
border-left-color: #09090b40;
|
|
6657
|
+
}
|
|
6658
|
+
|
|
6659
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
|
|
6660
|
+
border-right-color: #1c212b40;
|
|
6661
|
+
border-bottom-color: #1c212b40;
|
|
6662
|
+
border-left-color: #1c212b40;
|
|
6663
|
+
}
|
|
6664
|
+
|
|
6665
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
|
|
6666
|
+
border-right-color: #4c566a40;
|
|
6667
|
+
border-bottom-color: #4c566a40;
|
|
6668
|
+
border-left-color: #4c566a40;
|
|
6669
|
+
}
|
|
6670
|
+
|
|
6671
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
|
|
6672
|
+
border-right-color: #1b262c40;
|
|
6673
|
+
border-bottom-color: #1b262c40;
|
|
6674
|
+
border-left-color: #1b262c40;
|
|
6675
|
+
}
|
|
6676
|
+
|
|
6422
6677
|
.zx-toast__root.zx-a-color-info {
|
|
6423
6678
|
--toast-bg: var(--color-info-soft);
|
|
6424
6679
|
--toast-ink: var(--color-info);
|
|
6425
6680
|
}
|
|
6426
6681
|
|
|
6682
|
+
.zx-root .zx-toast__indicator.zx-a-color-info.zx-s-loading {
|
|
6683
|
+
border-right-color: #00bafe40;
|
|
6684
|
+
border-bottom-color: #00bafe40;
|
|
6685
|
+
border-left-color: #00bafe40;
|
|
6686
|
+
}
|
|
6687
|
+
|
|
6688
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-info.zx-s-loading {
|
|
6689
|
+
border-right-color: #00bafe40;
|
|
6690
|
+
border-bottom-color: #00bafe40;
|
|
6691
|
+
border-left-color: #00bafe40;
|
|
6692
|
+
}
|
|
6693
|
+
|
|
6694
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-info.zx-s-loading {
|
|
6695
|
+
border-right-color: #28ebff40;
|
|
6696
|
+
border-bottom-color: #28ebff40;
|
|
6697
|
+
border-left-color: #28ebff40;
|
|
6698
|
+
}
|
|
6699
|
+
|
|
6700
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-info.zx-s-loading {
|
|
6701
|
+
border-right-color: #b48ead40;
|
|
6702
|
+
border-bottom-color: #b48ead40;
|
|
6703
|
+
border-left-color: #b48ead40;
|
|
6704
|
+
}
|
|
6705
|
+
|
|
6706
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-info.zx-s-loading {
|
|
6707
|
+
border-right-color: #89e0eb40;
|
|
6708
|
+
border-bottom-color: #89e0eb40;
|
|
6709
|
+
border-left-color: #89e0eb40;
|
|
6710
|
+
}
|
|
6711
|
+
|
|
6427
6712
|
.zx-toast__root.zx-a-color-success {
|
|
6428
6713
|
--toast-bg: var(--color-success-soft);
|
|
6429
6714
|
--toast-ink: var(--color-success);
|
|
6430
6715
|
}
|
|
6431
6716
|
|
|
6717
|
+
.zx-root .zx-toast__indicator.zx-a-color-success.zx-s-loading {
|
|
6718
|
+
border-right-color: #00d39040;
|
|
6719
|
+
border-bottom-color: #00d39040;
|
|
6720
|
+
border-left-color: #00d39040;
|
|
6721
|
+
}
|
|
6722
|
+
|
|
6723
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-success.zx-s-loading {
|
|
6724
|
+
border-right-color: #00d39040;
|
|
6725
|
+
border-bottom-color: #00d39040;
|
|
6726
|
+
border-left-color: #00d39040;
|
|
6727
|
+
}
|
|
6728
|
+
|
|
6729
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-success.zx-s-loading {
|
|
6730
|
+
border-right-color: #62efbd40;
|
|
6731
|
+
border-bottom-color: #62efbd40;
|
|
6732
|
+
border-left-color: #62efbd40;
|
|
6733
|
+
}
|
|
6734
|
+
|
|
6735
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-success.zx-s-loading {
|
|
6736
|
+
border-right-color: #a3be8d40;
|
|
6737
|
+
border-bottom-color: #a3be8d40;
|
|
6738
|
+
border-left-color: #a3be8d40;
|
|
6739
|
+
}
|
|
6740
|
+
|
|
6741
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-success.zx-s-loading {
|
|
6742
|
+
border-right-color: #addfad40;
|
|
6743
|
+
border-bottom-color: #addfad40;
|
|
6744
|
+
border-left-color: #addfad40;
|
|
6745
|
+
}
|
|
6746
|
+
|
|
6432
6747
|
.zx-toast__root.zx-a-color-warning {
|
|
6433
6748
|
--toast-bg: var(--color-warning-soft);
|
|
6434
6749
|
--toast-ink: var(--color-warning);
|
|
6435
6750
|
}
|
|
6436
6751
|
|
|
6752
|
+
.zx-root .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
|
|
6753
|
+
border-right-color: #fcb70040;
|
|
6754
|
+
border-bottom-color: #fcb70040;
|
|
6755
|
+
border-left-color: #fcb70040;
|
|
6756
|
+
}
|
|
6757
|
+
|
|
6758
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
|
|
6759
|
+
border-right-color: #fcb70040;
|
|
6760
|
+
border-bottom-color: #fcb70040;
|
|
6761
|
+
border-left-color: #fcb70040;
|
|
6762
|
+
}
|
|
6763
|
+
|
|
6764
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
|
|
6765
|
+
border-right-color: #efd05740;
|
|
6766
|
+
border-bottom-color: #efd05740;
|
|
6767
|
+
border-left-color: #efd05740;
|
|
6768
|
+
}
|
|
6769
|
+
|
|
6770
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
|
|
6771
|
+
border-right-color: #ebcb8b40;
|
|
6772
|
+
border-bottom-color: #ebcb8b40;
|
|
6773
|
+
border-left-color: #ebcb8b40;
|
|
6774
|
+
}
|
|
6775
|
+
|
|
6776
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
|
|
6777
|
+
border-right-color: #f1c89240;
|
|
6778
|
+
border-bottom-color: #f1c89240;
|
|
6779
|
+
border-left-color: #f1c89240;
|
|
6780
|
+
}
|
|
6781
|
+
|
|
6437
6782
|
.zx-toast__root.zx-a-color-error {
|
|
6438
6783
|
--toast-bg: var(--color-error-soft);
|
|
6439
6784
|
--toast-ink: var(--color-error);
|
|
6440
6785
|
}
|
|
6441
6786
|
|
|
6787
|
+
.zx-root .zx-toast__indicator.zx-a-color-error.zx-s-loading {
|
|
6788
|
+
border-right-color: #ff627d40;
|
|
6789
|
+
border-bottom-color: #ff627d40;
|
|
6790
|
+
border-left-color: #ff627d40;
|
|
6791
|
+
}
|
|
6792
|
+
|
|
6793
|
+
.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-error.zx-s-loading {
|
|
6794
|
+
border-right-color: #ff627d40;
|
|
6795
|
+
border-bottom-color: #ff627d40;
|
|
6796
|
+
border-left-color: #ff627d40;
|
|
6797
|
+
}
|
|
6798
|
+
|
|
6799
|
+
.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-error.zx-s-loading {
|
|
6800
|
+
border-right-color: #ffae9b40;
|
|
6801
|
+
border-bottom-color: #ffae9b40;
|
|
6802
|
+
border-left-color: #ffae9b40;
|
|
6803
|
+
}
|
|
6804
|
+
|
|
6805
|
+
.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-error.zx-s-loading {
|
|
6806
|
+
border-right-color: #bf616a40;
|
|
6807
|
+
border-bottom-color: #bf616a40;
|
|
6808
|
+
border-left-color: #bf616a40;
|
|
6809
|
+
}
|
|
6810
|
+
|
|
6811
|
+
.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-error.zx-s-loading {
|
|
6812
|
+
border-right-color: #ffbbbd40;
|
|
6813
|
+
border-bottom-color: #ffbbbd40;
|
|
6814
|
+
border-left-color: #ffbbbd40;
|
|
6815
|
+
}
|
|
6816
|
+
|
|
6442
6817
|
.zx-toast__root.zx-a-size-xs {
|
|
6443
6818
|
padding: var(--space-xs) var(--space-md);
|
|
6444
6819
|
font-size: var(--text-xs);
|
|
6445
6820
|
}
|
|
6446
6821
|
|
|
6822
|
+
.zx-toast__indicator.zx-a-size-xs {
|
|
6823
|
+
left: var(--space-md);
|
|
6824
|
+
top: var(--space-xs);
|
|
6825
|
+
}
|
|
6826
|
+
|
|
6447
6827
|
.zx-toast__root.zx-a-size-sm {
|
|
6448
6828
|
padding: var(--space-sm) var(--space-md);
|
|
6449
6829
|
font-size: var(--text-sm);
|
|
6450
6830
|
}
|
|
6451
6831
|
|
|
6832
|
+
.zx-toast__indicator.zx-a-size-sm {
|
|
6833
|
+
left: var(--space-md);
|
|
6834
|
+
top: var(--space-sm);
|
|
6835
|
+
}
|
|
6836
|
+
|
|
6452
6837
|
.zx-toast__root.zx-a-size-lg {
|
|
6453
6838
|
padding: var(--space-lg) var(--space-xl);
|
|
6454
6839
|
font-size: var(--text-md);
|
|
@@ -6458,6 +6843,11 @@
|
|
|
6458
6843
|
font-size: var(--text-sm);
|
|
6459
6844
|
}
|
|
6460
6845
|
|
|
6846
|
+
.zx-toast__indicator.zx-a-size-lg {
|
|
6847
|
+
left: var(--space-xl);
|
|
6848
|
+
top: var(--space-lg);
|
|
6849
|
+
}
|
|
6850
|
+
|
|
6461
6851
|
.zx-toast__root.zx-a-size-xl {
|
|
6462
6852
|
padding: var(--space-xl) var(--space-2xl);
|
|
6463
6853
|
font-size: var(--text-lg);
|
|
@@ -6466,6 +6856,16 @@
|
|
|
6466
6856
|
.zx-toast__description.zx-a-size-xl {
|
|
6467
6857
|
font-size: var(--text-md);
|
|
6468
6858
|
}
|
|
6859
|
+
|
|
6860
|
+
.zx-toast__indicator.zx-a-size-xl {
|
|
6861
|
+
left: var(--space-2xl);
|
|
6862
|
+
top: var(--space-xl);
|
|
6863
|
+
}
|
|
6864
|
+
.zx-toast__title.zx-m-marked,
|
|
6865
|
+
.zx-toast__description.zx-m-marked,
|
|
6866
|
+
.zx-toast__action.zx-m-marked {
|
|
6867
|
+
margin-left: calc(var(--toast-mark) + var(--space-md));
|
|
6868
|
+
}
|
|
6469
6869
|
@keyframes zero-daisyui-toast-spin {
|
|
6470
6870
|
to { transform: rotate(360deg); }
|
|
6471
6871
|
}
|
|
@@ -6546,6 +6946,11 @@
|
|
|
6546
6946
|
line-height: var(--leading-none);
|
|
6547
6947
|
}
|
|
6548
6948
|
|
|
6949
|
+
.zx-combobox__tag.zx-f-focus-visible {
|
|
6950
|
+
outline: 2px solid var(--color-base-content);
|
|
6951
|
+
outline-offset: 2px;
|
|
6952
|
+
}
|
|
6953
|
+
|
|
6549
6954
|
.zx-combobox__tag-label {
|
|
6550
6955
|
white-space: nowrap;
|
|
6551
6956
|
}
|
|
@@ -7684,6 +8089,8 @@
|
|
|
7684
8089
|
.zx-tree-view__item.zx-f-selected {
|
|
7685
8090
|
background: var(--tree-accent);
|
|
7686
8091
|
color: var(--tree-on-accent);
|
|
8092
|
+
--tree-check: var(--tree-on-accent);
|
|
8093
|
+
--tree-on-check: var(--tree-accent);
|
|
7687
8094
|
}
|
|
7688
8095
|
|
|
7689
8096
|
.zx-tree-view__item.zx-f-disabled {
|
|
@@ -7692,8 +8099,17 @@
|
|
|
7692
8099
|
}
|
|
7693
8100
|
|
|
7694
8101
|
.zx-tree-view__item.zx-f-focus-visible {
|
|
7695
|
-
outline:
|
|
8102
|
+
outline: none;
|
|
7696
8103
|
outline-offset: -2px;
|
|
8104
|
+
box-shadow: inset 0 0 0 2px var(--color-base-content);
|
|
8105
|
+
}
|
|
8106
|
+
|
|
8107
|
+
.zx-tree-view__item.zx-f-pressed {
|
|
8108
|
+
background: var(--color-base-300);
|
|
8109
|
+
}
|
|
8110
|
+
|
|
8111
|
+
.zx-tree-view__item.zx-f-selected.zx-f-pressed {
|
|
8112
|
+
background: var(--tree-accent);
|
|
7697
8113
|
}
|
|
7698
8114
|
|
|
7699
8115
|
.zx-tree-view__branch {
|
|
@@ -7719,6 +8135,8 @@
|
|
|
7719
8135
|
.zx-tree-view__branch-trigger.zx-f-selected {
|
|
7720
8136
|
background: var(--tree-accent);
|
|
7721
8137
|
color: var(--tree-on-accent);
|
|
8138
|
+
--tree-check: var(--tree-on-accent);
|
|
8139
|
+
--tree-on-check: var(--tree-accent);
|
|
7722
8140
|
}
|
|
7723
8141
|
|
|
7724
8142
|
.zx-tree-view__branch-trigger.zx-f-disabled {
|
|
@@ -7727,14 +8145,25 @@
|
|
|
7727
8145
|
}
|
|
7728
8146
|
|
|
7729
8147
|
.zx-tree-view__branch-trigger.zx-f-focus-visible {
|
|
7730
|
-
outline:
|
|
8148
|
+
outline: none;
|
|
7731
8149
|
outline-offset: -2px;
|
|
8150
|
+
box-shadow: inset 0 0 0 2px var(--color-base-content);
|
|
8151
|
+
}
|
|
8152
|
+
|
|
8153
|
+
.zx-tree-view__branch-trigger.zx-f-pressed {
|
|
8154
|
+
background: var(--color-base-300);
|
|
8155
|
+
}
|
|
8156
|
+
|
|
8157
|
+
.zx-tree-view__branch-trigger.zx-f-selected.zx-f-pressed {
|
|
8158
|
+
background: var(--tree-accent);
|
|
7732
8159
|
}
|
|
7733
8160
|
|
|
7734
8161
|
.zx-tree-view__branch-indicator {
|
|
7735
|
-
display:
|
|
8162
|
+
display: flex;
|
|
7736
8163
|
opacity: 0.6;
|
|
7737
8164
|
transition: transform var(--duration-fast) var(--ease-standard);
|
|
8165
|
+
width: 1em;
|
|
8166
|
+
text-align: center;
|
|
7738
8167
|
}
|
|
7739
8168
|
|
|
7740
8169
|
.zx-tree-view__branch-indicator.zx-s-open {
|
|
@@ -7746,7 +8175,7 @@
|
|
|
7746
8175
|
}
|
|
7747
8176
|
|
|
7748
8177
|
.zx-tree-view__node-checkbox {
|
|
7749
|
-
display:
|
|
8178
|
+
display: flex;
|
|
7750
8179
|
position: relative;
|
|
7751
8180
|
flex-shrink: 0;
|
|
7752
8181
|
box-sizing: border-box;
|
|
@@ -7757,6 +8186,9 @@
|
|
|
7757
8186
|
box-shadow: 0 1px var(--depth-shade) inset;
|
|
7758
8187
|
cursor: pointer;
|
|
7759
8188
|
transition: background-color var(--duration-normal) var(--ease-standard);
|
|
8189
|
+
align-items: center;
|
|
8190
|
+
justify-content: center;
|
|
8191
|
+
color: var(--tree-on-check);
|
|
7760
8192
|
}
|
|
7761
8193
|
|
|
7762
8194
|
.zx-tree-view__node-checkbox.zx-s-checked {
|
|
@@ -8294,7 +8726,7 @@
|
|
|
8294
8726
|
outline: none;
|
|
8295
8727
|
outline-offset: 2px;
|
|
8296
8728
|
border-color: var(--color-base-100);
|
|
8297
|
-
box-shadow: 0 0 0 2px var(--textarea-accent), inset 0 0 0 2px var(--textarea-edge);
|
|
8729
|
+
box-shadow: 0 0 0 2px var(--textarea-accent), inset 0 0 0 1px var(--color-base-100), inset 0 0 0 2px var(--textarea-edge);
|
|
8298
8730
|
}
|
|
8299
8731
|
|
|
8300
8732
|
.zx-textarea__root.zx-a-color-primary {
|
|
@@ -8364,7 +8796,7 @@
|
|
|
8364
8796
|
color: var(--color-base-content);
|
|
8365
8797
|
border-radius: var(--radius-box);
|
|
8366
8798
|
box-shadow: var(--shadow-md);
|
|
8367
|
-
overflow:
|
|
8799
|
+
overflow: visible;
|
|
8368
8800
|
}
|
|
8369
8801
|
|
|
8370
8802
|
.zx-card__media {
|
|
@@ -8372,8 +8804,9 @@
|
|
|
8372
8804
|
align-items: center;
|
|
8373
8805
|
justify-content: center;
|
|
8374
8806
|
margin: 0;
|
|
8375
|
-
|
|
8807
|
+
width: 100%;
|
|
8376
8808
|
object-fit: cover;
|
|
8809
|
+
overflow: hidden;
|
|
8377
8810
|
}
|
|
8378
8811
|
|
|
8379
8812
|
.zx-card__header {
|
|
@@ -8427,6 +8860,7 @@
|
|
|
8427
8860
|
justify-content: flex-end;
|
|
8428
8861
|
gap: var(--space-md);
|
|
8429
8862
|
padding: 0 var(--card-pad) var(--card-pad);
|
|
8863
|
+
flex-direction: row;
|
|
8430
8864
|
}
|
|
8431
8865
|
|
|
8432
8866
|
.zx-card__root.zx-a-color-primary {
|
|
@@ -8476,21 +8910,34 @@
|
|
|
8476
8910
|
.zx-card__root.zx-a-size-xl {
|
|
8477
8911
|
--card-pad: var(--space-2xl);
|
|
8478
8912
|
}
|
|
8913
|
+
.zx-card__media.zx-m-first {
|
|
8914
|
+
border-top-left-radius: var(--radius-box);
|
|
8915
|
+
border-top-right-radius: var(--radius-box);
|
|
8916
|
+
}
|
|
8917
|
+
.zx-card__media.zx-m-last {
|
|
8918
|
+
border-bottom-left-radius: var(--radius-box);
|
|
8919
|
+
border-bottom-right-radius: var(--radius-box);
|
|
8920
|
+
}
|
|
8479
8921
|
|
|
8480
8922
|
.zx-alert__root {
|
|
8481
8923
|
--alert-tint: var(--color-info-soft);
|
|
8482
8924
|
--alert-ink: var(--color-base-content);
|
|
8925
|
+
--alert-pad-y: var(--space-md);
|
|
8926
|
+
--alert-pad-x: var(--space-lg);
|
|
8483
8927
|
}
|
|
8484
8928
|
|
|
8485
8929
|
.zx-alert__root {
|
|
8486
|
-
display:
|
|
8930
|
+
display: flex;
|
|
8487
8931
|
grid-template-columns: auto 1fr auto;
|
|
8488
|
-
align-items:
|
|
8489
|
-
gap: var(--space-sm)
|
|
8932
|
+
align-items: stretch;
|
|
8933
|
+
gap: var(--space-sm);
|
|
8490
8934
|
background: var(--alert-tint);
|
|
8491
8935
|
color: var(--color-base-content);
|
|
8492
8936
|
border-radius: var(--radius-box);
|
|
8493
|
-
padding: var(--
|
|
8937
|
+
padding: var(--alert-pad-y) var(--alert-pad-x);
|
|
8938
|
+
flex-direction: column;
|
|
8939
|
+
position: relative;
|
|
8940
|
+
box-sizing: border-box;
|
|
8494
8941
|
}
|
|
8495
8942
|
|
|
8496
8943
|
.zx-alert__icon {
|
|
@@ -8500,6 +8947,12 @@
|
|
|
8500
8947
|
color: var(--alert-ink);
|
|
8501
8948
|
font-size: var(--text-lg);
|
|
8502
8949
|
line-height: var(--leading-none);
|
|
8950
|
+
position: absolute;
|
|
8951
|
+
left: var(--alert-pad-x);
|
|
8952
|
+
top: 0;
|
|
8953
|
+
bottom: 0;
|
|
8954
|
+
width: var(--text-xl);
|
|
8955
|
+
justify-content: center;
|
|
8503
8956
|
}
|
|
8504
8957
|
|
|
8505
8958
|
.zx-alert__title {
|
|
@@ -8520,13 +8973,23 @@
|
|
|
8520
8973
|
appearance: none;
|
|
8521
8974
|
border: none;
|
|
8522
8975
|
background: transparent;
|
|
8523
|
-
color:
|
|
8976
|
+
color: var(--color-base-content);
|
|
8524
8977
|
border-radius: var(--radius-selector);
|
|
8525
|
-
padding:
|
|
8978
|
+
padding: 0;
|
|
8526
8979
|
line-height: var(--leading-none);
|
|
8527
8980
|
cursor: pointer;
|
|
8528
8981
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
8529
|
-
|
|
8982
|
+
position: absolute;
|
|
8983
|
+
top: calc(var(--alert-pad-y) - var(--space-2xs));
|
|
8984
|
+
right: calc(var(--alert-pad-x) - var(--space-2xs));
|
|
8985
|
+
font-size: var(--text-md);
|
|
8986
|
+
display: flex;
|
|
8987
|
+
align-items: center;
|
|
8988
|
+
justify-content: center;
|
|
8989
|
+
box-sizing: border-box;
|
|
8990
|
+
width: calc(var(--text-md) + var(--space-2xs) * 2);
|
|
8991
|
+
height: calc(var(--text-md) + var(--space-2xs) * 2);
|
|
8992
|
+
}
|
|
8530
8993
|
|
|
8531
8994
|
.zx-alert__close.zx-f-disabled {
|
|
8532
8995
|
opacity: var(--disabled-opacity);
|
|
@@ -8534,8 +8997,9 @@
|
|
|
8534
8997
|
}
|
|
8535
8998
|
|
|
8536
8999
|
.zx-alert__close.zx-f-focus-visible {
|
|
8537
|
-
outline:
|
|
9000
|
+
outline: none;
|
|
8538
9001
|
outline-offset: 2px;
|
|
9002
|
+
box-shadow: 0 0 0 2px var(--alert-tint), 0 0 0 4px var(--color-base-content);
|
|
8539
9003
|
}
|
|
8540
9004
|
|
|
8541
9005
|
.zx-root .zx-alert__close.zx-f-pressed {
|
|
@@ -8752,18 +9216,38 @@
|
|
|
8752
9216
|
|
|
8753
9217
|
.zx-alert__root.zx-a-size-xs {
|
|
8754
9218
|
padding: var(--space-2xs) var(--space-sm);
|
|
9219
|
+
--alert-pad-y: var(--space-2xs);
|
|
9220
|
+
--alert-pad-x: var(--space-sm);
|
|
8755
9221
|
}
|
|
8756
9222
|
|
|
8757
9223
|
.zx-alert__root.zx-a-size-sm {
|
|
8758
9224
|
padding: var(--space-xs) var(--space-md);
|
|
9225
|
+
--alert-pad-y: var(--space-xs);
|
|
9226
|
+
--alert-pad-x: var(--space-md);
|
|
8759
9227
|
}
|
|
8760
9228
|
|
|
8761
9229
|
.zx-alert__root.zx-a-size-lg {
|
|
8762
9230
|
padding: var(--space-lg) var(--space-xl);
|
|
9231
|
+
--alert-pad-y: var(--space-lg);
|
|
9232
|
+
--alert-pad-x: var(--space-xl);
|
|
8763
9233
|
}
|
|
8764
9234
|
|
|
8765
9235
|
.zx-alert__root.zx-a-size-xl {
|
|
8766
9236
|
padding: var(--space-xl) var(--space-2xl);
|
|
9237
|
+
--alert-pad-y: var(--space-xl);
|
|
9238
|
+
--alert-pad-x: var(--space-2xl);
|
|
9239
|
+
}
|
|
9240
|
+
.zx-alert__title.zx-m-with-icon {
|
|
9241
|
+
margin-left: calc(var(--text-xl) + var(--space-md));
|
|
9242
|
+
}
|
|
9243
|
+
.zx-alert__description.zx-m-with-icon {
|
|
9244
|
+
margin-left: calc(var(--text-xl) + var(--space-md));
|
|
9245
|
+
}
|
|
9246
|
+
.zx-alert__title.zx-m-with-close {
|
|
9247
|
+
margin-right: calc(var(--text-md) + var(--space-md));
|
|
9248
|
+
}
|
|
9249
|
+
.zx-alert__description.zx-m-with-close {
|
|
9250
|
+
margin-right: calc(var(--text-md) + var(--space-md));
|
|
8767
9251
|
}
|
|
8768
9252
|
|
|
8769
9253
|
.zx-empty-state__root {
|
|
@@ -8807,6 +9291,7 @@
|
|
|
8807
9291
|
color: var(--empty-accent);
|
|
8808
9292
|
font-size: var(--text-2xl);
|
|
8809
9293
|
line-height: var(--leading-none);
|
|
9294
|
+
margin-bottom: var(--space-xs);
|
|
8810
9295
|
}
|
|
8811
9296
|
|
|
8812
9297
|
.zx-empty-state__title {
|
|
@@ -8814,12 +9299,15 @@
|
|
|
8814
9299
|
font-size: var(--text-lg);
|
|
8815
9300
|
font-weight: var(--weight-bold);
|
|
8816
9301
|
line-height: var(--leading-tight);
|
|
9302
|
+
color: var(--color-base-content);
|
|
9303
|
+
text-align: center;
|
|
8817
9304
|
}
|
|
8818
9305
|
|
|
8819
9306
|
.zx-empty-state__description {
|
|
8820
|
-
max-
|
|
9307
|
+
max-width: 100%;
|
|
8821
9308
|
font-size: var(--text-sm);
|
|
8822
9309
|
line-height: var(--leading-normal);
|
|
9310
|
+
text-align: center;
|
|
8823
9311
|
}
|
|
8824
9312
|
|
|
8825
9313
|
.zx-root .zx-empty-state__description {
|
|
@@ -8847,6 +9335,8 @@
|
|
|
8847
9335
|
flex-wrap: wrap;
|
|
8848
9336
|
justify-content: center;
|
|
8849
9337
|
gap: var(--space-sm);
|
|
9338
|
+
flex-direction: row;
|
|
9339
|
+
margin-top: var(--space-sm);
|
|
8850
9340
|
}
|
|
8851
9341
|
|
|
8852
9342
|
.zx-empty-state__root.zx-a-color-primary {
|
|
@@ -9110,17 +9600,39 @@
|
|
|
9110
9600
|
}
|
|
9111
9601
|
|
|
9112
9602
|
.zx-badge__root {
|
|
9603
|
+
--badge-dot: var(--badge-ink);
|
|
9604
|
+
--badge-dot-ring: var(--badge-ink);
|
|
9113
9605
|
--badge-fill: var(--color-base-200);
|
|
9114
9606
|
--badge-ink: var(--color-base-content);
|
|
9115
9607
|
}
|
|
9116
9608
|
|
|
9609
|
+
.zx-root .zx-badge__root {
|
|
9610
|
+
--badge-dot-halo: #18181b59;
|
|
9611
|
+
}
|
|
9612
|
+
|
|
9613
|
+
.zx-root.zx-theme-dark .zx-badge__root {
|
|
9614
|
+
--badge-dot-halo: #ecf9ff59;
|
|
9615
|
+
}
|
|
9616
|
+
|
|
9617
|
+
.zx-root.zx-theme-dim .zx-badge__root {
|
|
9618
|
+
--badge-dot-halo: #b2ccd659;
|
|
9619
|
+
}
|
|
9620
|
+
|
|
9621
|
+
.zx-root.zx-theme-nord .zx-badge__root {
|
|
9622
|
+
--badge-dot-halo: #2e344059;
|
|
9623
|
+
}
|
|
9624
|
+
|
|
9625
|
+
.zx-root.zx-theme-sunset .zx-badge__root {
|
|
9626
|
+
--badge-dot-halo: #9fb9d059;
|
|
9627
|
+
}
|
|
9628
|
+
|
|
9117
9629
|
.zx-badge__root {
|
|
9118
9630
|
display: flex;
|
|
9119
9631
|
align-items: center;
|
|
9120
9632
|
gap: 0.375em;
|
|
9121
9633
|
background: var(--badge-fill);
|
|
9122
9634
|
color: var(--badge-ink);
|
|
9123
|
-
border:
|
|
9635
|
+
border: 0 solid transparent;
|
|
9124
9636
|
border-radius: var(--radius-selector);
|
|
9125
9637
|
padding: var(--space-2xs) var(--space-lg);
|
|
9126
9638
|
font-size: var(--text-xs);
|
|
@@ -9128,21 +9640,39 @@
|
|
|
9128
9640
|
line-height: var(--leading-normal);
|
|
9129
9641
|
white-space: nowrap;
|
|
9130
9642
|
text-decoration: none;
|
|
9643
|
+
width: max-content;
|
|
9644
|
+
flex-shrink: 0;
|
|
9645
|
+
flex-wrap: nowrap;
|
|
9646
|
+
flex-direction: row;
|
|
9647
|
+
border-top-width: var(--border);
|
|
9648
|
+
border-right-width: var(--border);
|
|
9649
|
+
border-bottom-width: var(--border);
|
|
9650
|
+
border-left-width: var(--border);
|
|
9131
9651
|
}
|
|
9132
9652
|
|
|
9133
9653
|
.zx-badge__dot {
|
|
9134
|
-
display:
|
|
9654
|
+
display: flex;
|
|
9135
9655
|
flex: none;
|
|
9136
|
-
|
|
9137
|
-
|
|
9656
|
+
width: 0.5em;
|
|
9657
|
+
height: 0.5em;
|
|
9138
9658
|
box-sizing: border-box;
|
|
9139
9659
|
border-radius: 50%;
|
|
9140
9660
|
background: var(--badge-dot);
|
|
9141
|
-
border: 0
|
|
9661
|
+
border: 0 solid transparent;
|
|
9662
|
+
flex-shrink: 0;
|
|
9663
|
+
border-top-width: 0.1em;
|
|
9664
|
+
border-right-width: 0.1em;
|
|
9665
|
+
border-bottom-width: 0.1em;
|
|
9666
|
+
border-left-width: 0.1em;
|
|
9667
|
+
border-top-color: var(--badge-dot-ring);
|
|
9668
|
+
border-right-color: var(--badge-dot-ring);
|
|
9669
|
+
border-bottom-color: var(--badge-dot-ring);
|
|
9670
|
+
border-left-color: var(--badge-dot-ring);
|
|
9142
9671
|
}
|
|
9143
9672
|
|
|
9144
9673
|
.zx-badge__dot.zx-s-running {
|
|
9145
|
-
|
|
9674
|
+
box-shadow: 0 0 0 0.2em var(--badge-dot-halo);
|
|
9675
|
+
animation: zero-daisy-badge-pulse 1.6s ease-in-out infinite;
|
|
9146
9676
|
}
|
|
9147
9677
|
|
|
9148
9678
|
.zx-badge__root.zx-a-color-primary {
|
|
@@ -9155,6 +9685,26 @@
|
|
|
9155
9685
|
--badge-dot-ring: var(--color-primary-content);
|
|
9156
9686
|
}
|
|
9157
9687
|
|
|
9688
|
+
.zx-root .zx-badge__dot.zx-a-color-primary {
|
|
9689
|
+
--badge-dot-halo: #422ad559;
|
|
9690
|
+
}
|
|
9691
|
+
|
|
9692
|
+
.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-primary {
|
|
9693
|
+
--badge-dot-halo: #605dff59;
|
|
9694
|
+
}
|
|
9695
|
+
|
|
9696
|
+
.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-primary {
|
|
9697
|
+
--badge-dot-halo: #9fe88d59;
|
|
9698
|
+
}
|
|
9699
|
+
|
|
9700
|
+
.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-primary {
|
|
9701
|
+
--badge-dot-halo: #5e81ac59;
|
|
9702
|
+
}
|
|
9703
|
+
|
|
9704
|
+
.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-primary {
|
|
9705
|
+
--badge-dot-halo: #ff865b59;
|
|
9706
|
+
}
|
|
9707
|
+
|
|
9158
9708
|
.zx-badge__root.zx-a-color-secondary {
|
|
9159
9709
|
--badge-fill: var(--color-secondary);
|
|
9160
9710
|
--badge-ink: var(--color-secondary-content);
|
|
@@ -9165,6 +9715,26 @@
|
|
|
9165
9715
|
--badge-dot-ring: var(--color-secondary-content);
|
|
9166
9716
|
}
|
|
9167
9717
|
|
|
9718
|
+
.zx-root .zx-badge__dot.zx-a-color-secondary {
|
|
9719
|
+
--badge-dot-halo: #f4309859;
|
|
9720
|
+
}
|
|
9721
|
+
|
|
9722
|
+
.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-secondary {
|
|
9723
|
+
--badge-dot-halo: #f4309859;
|
|
9724
|
+
}
|
|
9725
|
+
|
|
9726
|
+
.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-secondary {
|
|
9727
|
+
--badge-dot-halo: #ff7d5d59;
|
|
9728
|
+
}
|
|
9729
|
+
|
|
9730
|
+
.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-secondary {
|
|
9731
|
+
--badge-dot-halo: #81a1c159;
|
|
9732
|
+
}
|
|
9733
|
+
|
|
9734
|
+
.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-secondary {
|
|
9735
|
+
--badge-dot-halo: #fd6f9c59;
|
|
9736
|
+
}
|
|
9737
|
+
|
|
9168
9738
|
.zx-badge__root.zx-a-color-accent {
|
|
9169
9739
|
--badge-fill: var(--color-accent);
|
|
9170
9740
|
--badge-ink: var(--color-accent-content);
|
|
@@ -9175,6 +9745,26 @@
|
|
|
9175
9745
|
--badge-dot-ring: var(--color-accent-content);
|
|
9176
9746
|
}
|
|
9177
9747
|
|
|
9748
|
+
.zx-root .zx-badge__dot.zx-a-color-accent {
|
|
9749
|
+
--badge-dot-halo: #00d3bb59;
|
|
9750
|
+
}
|
|
9751
|
+
|
|
9752
|
+
.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-accent {
|
|
9753
|
+
--badge-dot-halo: #00d3bb59;
|
|
9754
|
+
}
|
|
9755
|
+
|
|
9756
|
+
.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-accent {
|
|
9757
|
+
--badge-dot-halo: #c792e959;
|
|
9758
|
+
}
|
|
9759
|
+
|
|
9760
|
+
.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-accent {
|
|
9761
|
+
--badge-dot-halo: #88c0d059;
|
|
9762
|
+
}
|
|
9763
|
+
|
|
9764
|
+
.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-accent {
|
|
9765
|
+
--badge-dot-halo: #b387fa59;
|
|
9766
|
+
}
|
|
9767
|
+
|
|
9178
9768
|
.zx-badge__root.zx-a-color-neutral {
|
|
9179
9769
|
--badge-fill: var(--color-neutral);
|
|
9180
9770
|
--badge-ink: var(--color-neutral-content);
|
|
@@ -9185,6 +9775,26 @@
|
|
|
9185
9775
|
--badge-dot-ring: var(--color-neutral-content);
|
|
9186
9776
|
}
|
|
9187
9777
|
|
|
9778
|
+
.zx-root .zx-badge__dot.zx-a-color-neutral {
|
|
9779
|
+
--badge-dot-halo: #09090b59;
|
|
9780
|
+
}
|
|
9781
|
+
|
|
9782
|
+
.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-neutral {
|
|
9783
|
+
--badge-dot-halo: #09090b59;
|
|
9784
|
+
}
|
|
9785
|
+
|
|
9786
|
+
.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-neutral {
|
|
9787
|
+
--badge-dot-halo: #1c212b59;
|
|
9788
|
+
}
|
|
9789
|
+
|
|
9790
|
+
.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-neutral {
|
|
9791
|
+
--badge-dot-halo: #4c566a59;
|
|
9792
|
+
}
|
|
9793
|
+
|
|
9794
|
+
.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-neutral {
|
|
9795
|
+
--badge-dot-halo: #1b262c59;
|
|
9796
|
+
}
|
|
9797
|
+
|
|
9188
9798
|
.zx-badge__root.zx-a-color-info {
|
|
9189
9799
|
--badge-fill: var(--color-info);
|
|
9190
9800
|
--badge-ink: var(--color-info-content);
|
|
@@ -9195,6 +9805,26 @@
|
|
|
9195
9805
|
--badge-dot-ring: var(--color-info-content);
|
|
9196
9806
|
}
|
|
9197
9807
|
|
|
9808
|
+
.zx-root .zx-badge__dot.zx-a-color-info {
|
|
9809
|
+
--badge-dot-halo: #00bafe59;
|
|
9810
|
+
}
|
|
9811
|
+
|
|
9812
|
+
.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-info {
|
|
9813
|
+
--badge-dot-halo: #00bafe59;
|
|
9814
|
+
}
|
|
9815
|
+
|
|
9816
|
+
.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-info {
|
|
9817
|
+
--badge-dot-halo: #28ebff59;
|
|
9818
|
+
}
|
|
9819
|
+
|
|
9820
|
+
.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-info {
|
|
9821
|
+
--badge-dot-halo: #b48ead59;
|
|
9822
|
+
}
|
|
9823
|
+
|
|
9824
|
+
.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-info {
|
|
9825
|
+
--badge-dot-halo: #89e0eb59;
|
|
9826
|
+
}
|
|
9827
|
+
|
|
9198
9828
|
.zx-badge__root.zx-a-color-success {
|
|
9199
9829
|
--badge-fill: var(--color-success);
|
|
9200
9830
|
--badge-ink: var(--color-success-content);
|
|
@@ -9205,6 +9835,26 @@
|
|
|
9205
9835
|
--badge-dot-ring: var(--color-success-content);
|
|
9206
9836
|
}
|
|
9207
9837
|
|
|
9838
|
+
.zx-root .zx-badge__dot.zx-a-color-success {
|
|
9839
|
+
--badge-dot-halo: #00d39059;
|
|
9840
|
+
}
|
|
9841
|
+
|
|
9842
|
+
.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-success {
|
|
9843
|
+
--badge-dot-halo: #00d39059;
|
|
9844
|
+
}
|
|
9845
|
+
|
|
9846
|
+
.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-success {
|
|
9847
|
+
--badge-dot-halo: #62efbd59;
|
|
9848
|
+
}
|
|
9849
|
+
|
|
9850
|
+
.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-success {
|
|
9851
|
+
--badge-dot-halo: #a3be8d59;
|
|
9852
|
+
}
|
|
9853
|
+
|
|
9854
|
+
.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-success {
|
|
9855
|
+
--badge-dot-halo: #addfad59;
|
|
9856
|
+
}
|
|
9857
|
+
|
|
9208
9858
|
.zx-badge__root.zx-a-color-warning {
|
|
9209
9859
|
--badge-fill: var(--color-warning);
|
|
9210
9860
|
--badge-ink: var(--color-warning-content);
|
|
@@ -9215,6 +9865,26 @@
|
|
|
9215
9865
|
--badge-dot-ring: var(--color-warning-content);
|
|
9216
9866
|
}
|
|
9217
9867
|
|
|
9868
|
+
.zx-root .zx-badge__dot.zx-a-color-warning {
|
|
9869
|
+
--badge-dot-halo: #fcb70059;
|
|
9870
|
+
}
|
|
9871
|
+
|
|
9872
|
+
.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-warning {
|
|
9873
|
+
--badge-dot-halo: #fcb70059;
|
|
9874
|
+
}
|
|
9875
|
+
|
|
9876
|
+
.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-warning {
|
|
9877
|
+
--badge-dot-halo: #efd05759;
|
|
9878
|
+
}
|
|
9879
|
+
|
|
9880
|
+
.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-warning {
|
|
9881
|
+
--badge-dot-halo: #ebcb8b59;
|
|
9882
|
+
}
|
|
9883
|
+
|
|
9884
|
+
.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-warning {
|
|
9885
|
+
--badge-dot-halo: #f1c89259;
|
|
9886
|
+
}
|
|
9887
|
+
|
|
9218
9888
|
.zx-badge__root.zx-a-color-error {
|
|
9219
9889
|
--badge-fill: var(--color-error);
|
|
9220
9890
|
--badge-ink: var(--color-error-content);
|
|
@@ -9225,6 +9895,26 @@
|
|
|
9225
9895
|
--badge-dot-ring: var(--color-error-content);
|
|
9226
9896
|
}
|
|
9227
9897
|
|
|
9898
|
+
.zx-root .zx-badge__dot.zx-a-color-error {
|
|
9899
|
+
--badge-dot-halo: #ff627d59;
|
|
9900
|
+
}
|
|
9901
|
+
|
|
9902
|
+
.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-error {
|
|
9903
|
+
--badge-dot-halo: #ff627d59;
|
|
9904
|
+
}
|
|
9905
|
+
|
|
9906
|
+
.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-error {
|
|
9907
|
+
--badge-dot-halo: #ffae9b59;
|
|
9908
|
+
}
|
|
9909
|
+
|
|
9910
|
+
.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-error {
|
|
9911
|
+
--badge-dot-halo: #bf616a59;
|
|
9912
|
+
}
|
|
9913
|
+
|
|
9914
|
+
.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-error {
|
|
9915
|
+
--badge-dot-halo: #ffbbbd59;
|
|
9916
|
+
}
|
|
9917
|
+
|
|
9228
9918
|
.zx-badge__root.zx-a-size-xs {
|
|
9229
9919
|
font-size: var(--text-xs);
|
|
9230
9920
|
padding: 0 var(--space-sm);
|
|
@@ -9244,9 +9934,13 @@
|
|
|
9244
9934
|
font-size: var(--text-md);
|
|
9245
9935
|
padding: var(--space-xs) var(--space-xl);
|
|
9246
9936
|
}
|
|
9937
|
+
@keyframes zero-daisy-badge-pulse {
|
|
9938
|
+
from, to { opacity: 1; } 50% { opacity: 0.45; }
|
|
9939
|
+
}
|
|
9247
9940
|
|
|
9248
9941
|
.zx-divider__root {
|
|
9249
9942
|
--divider-ink: var(--color-base-300);
|
|
9943
|
+
--divider-fit: auto;
|
|
9250
9944
|
}
|
|
9251
9945
|
|
|
9252
9946
|
.zx-divider__root {
|
|
@@ -9258,30 +9952,30 @@
|
|
|
9258
9952
|
}
|
|
9259
9953
|
|
|
9260
9954
|
.zx-divider__root.zx-o-horizontal {
|
|
9261
|
-
|
|
9262
|
-
|
|
9955
|
+
width: 100%;
|
|
9956
|
+
height: var(--border);
|
|
9263
9957
|
}
|
|
9264
9958
|
|
|
9265
9959
|
.zx-divider__root.zx-o-horizontal.zx-a-size-lg {
|
|
9266
|
-
|
|
9960
|
+
height: calc(var(--border) * 2);
|
|
9267
9961
|
}
|
|
9268
9962
|
|
|
9269
9963
|
.zx-divider__root.zx-o-horizontal.zx-a-size-xl {
|
|
9270
|
-
|
|
9964
|
+
height: calc(var(--border) * 3);
|
|
9271
9965
|
}
|
|
9272
9966
|
|
|
9273
9967
|
.zx-divider__root.zx-o-vertical {
|
|
9274
9968
|
flex-direction: column;
|
|
9275
|
-
min-
|
|
9276
|
-
|
|
9969
|
+
min-height: 1em;
|
|
9970
|
+
width: var(--border);
|
|
9277
9971
|
}
|
|
9278
9972
|
|
|
9279
9973
|
.zx-divider__root.zx-o-vertical.zx-a-size-lg {
|
|
9280
|
-
|
|
9974
|
+
width: calc(var(--border) * 2);
|
|
9281
9975
|
}
|
|
9282
9976
|
|
|
9283
9977
|
.zx-divider__root.zx-o-vertical.zx-a-size-xl {
|
|
9284
|
-
|
|
9978
|
+
width: calc(var(--border) * 3);
|
|
9285
9979
|
}
|
|
9286
9980
|
|
|
9287
9981
|
.zx-divider__label {
|
|
@@ -9289,6 +9983,31 @@
|
|
|
9289
9983
|
font-size: var(--text-sm);
|
|
9290
9984
|
white-space: nowrap;
|
|
9291
9985
|
color: var(--color-base-content);
|
|
9986
|
+
padding-left: var(--space-md);
|
|
9987
|
+
padding-right: var(--space-md);
|
|
9988
|
+
}
|
|
9989
|
+
|
|
9990
|
+
.zx-divider__label.zx-p-start {
|
|
9991
|
+
padding-left: calc(var(--space-md) * 0);
|
|
9992
|
+
}
|
|
9993
|
+
|
|
9994
|
+
.zx-divider__label.zx-p-end {
|
|
9995
|
+
padding-right: calc(var(--space-md) * 0);
|
|
9996
|
+
}
|
|
9997
|
+
|
|
9998
|
+
.zx-divider__label.zx-o-vertical {
|
|
9999
|
+
padding-left: calc(var(--space-md) * 0);
|
|
10000
|
+
padding-right: calc(var(--space-md) * 0);
|
|
10001
|
+
padding-top: var(--space-sm);
|
|
10002
|
+
padding-bottom: var(--space-sm);
|
|
10003
|
+
}
|
|
10004
|
+
|
|
10005
|
+
.zx-divider__label.zx-o-vertical.zx-p-start {
|
|
10006
|
+
padding-top: calc(var(--space-sm) * 0);
|
|
10007
|
+
}
|
|
10008
|
+
|
|
10009
|
+
.zx-divider__label.zx-o-vertical.zx-p-end {
|
|
10010
|
+
padding-bottom: calc(var(--space-sm) * 0);
|
|
9292
10011
|
}
|
|
9293
10012
|
|
|
9294
10013
|
.zx-divider__root.zx-a-color-primary {
|
|
@@ -9322,6 +10041,25 @@
|
|
|
9322
10041
|
.zx-divider__root.zx-a-color-error {
|
|
9323
10042
|
--divider-ink: var(--color-error);
|
|
9324
10043
|
}
|
|
10044
|
+
.zx-divider__root.zx-m-labelled {
|
|
10045
|
+
--divider-ink: transparent;
|
|
10046
|
+
}
|
|
10047
|
+
.zx-divider__root.zx-m-labelled.zx-o-horizontal {
|
|
10048
|
+
flex-direction: row;
|
|
10049
|
+
height: var(--divider-fit);
|
|
10050
|
+
}
|
|
10051
|
+
.zx-divider__root.zx-m-labelled.zx-o-vertical {
|
|
10052
|
+
width: var(--divider-fit);
|
|
10053
|
+
}
|
|
10054
|
+
.zx-divider__root.zx-m-segment {
|
|
10055
|
+
flex: 1 1 0;
|
|
10056
|
+
}
|
|
10057
|
+
.zx-divider__root.zx-m-segment.zx-o-horizontal {
|
|
10058
|
+
min-width: 0;
|
|
10059
|
+
}
|
|
10060
|
+
.zx-divider__root.zx-m-segment.zx-o-vertical {
|
|
10061
|
+
min-height: 0;
|
|
10062
|
+
}
|
|
9325
10063
|
|
|
9326
10064
|
.zx-skeleton__root {
|
|
9327
10065
|
--skeleton-fill: var(--color-base-300);
|
|
@@ -9515,7 +10253,7 @@
|
|
|
9515
10253
|
border-radius: var(--radius-box);
|
|
9516
10254
|
}
|
|
9517
10255
|
@keyframes zero-daisyui-skeleton {
|
|
9518
|
-
|
|
10256
|
+
0% { opacity: 1; } 50% { opacity: 0.55; } 100% { opacity: 1; }
|
|
9519
10257
|
}
|
|
9520
10258
|
|
|
9521
10259
|
.zx-spinner__root {
|
|
@@ -9524,34 +10262,44 @@
|
|
|
9524
10262
|
}
|
|
9525
10263
|
|
|
9526
10264
|
.zx-spinner__root {
|
|
9527
|
-
display:
|
|
9528
|
-
|
|
9529
|
-
|
|
10265
|
+
display: flex;
|
|
10266
|
+
width: calc(var(--size-selector) * 6);
|
|
10267
|
+
height: calc(var(--size-selector) * 6);
|
|
9530
10268
|
box-sizing: border-box;
|
|
9531
10269
|
border-radius: 50%;
|
|
9532
|
-
border:
|
|
10270
|
+
border: 0 solid transparent;
|
|
9533
10271
|
border-block-start-color: var(--spinner-ink);
|
|
9534
10272
|
animation: zero-daisyui-spin 0.7s linear infinite;
|
|
10273
|
+
flex-shrink: 0;
|
|
10274
|
+
border-style: solid;
|
|
10275
|
+
border-top-width: calc(var(--border) * 2);
|
|
10276
|
+
border-right-width: calc(var(--border) * 2);
|
|
10277
|
+
border-bottom-width: calc(var(--border) * 2);
|
|
10278
|
+
border-left-width: calc(var(--border) * 2);
|
|
10279
|
+
border-right-color: var(--spinner-track);
|
|
10280
|
+
border-bottom-color: var(--spinner-track);
|
|
10281
|
+
border-left-color: var(--spinner-track);
|
|
10282
|
+
border-top-color: var(--spinner-ink);
|
|
9535
10283
|
}
|
|
9536
10284
|
|
|
9537
10285
|
.zx-spinner__root.zx-a-size-xs {
|
|
9538
|
-
|
|
9539
|
-
|
|
10286
|
+
width: calc(var(--size-selector) * 4);
|
|
10287
|
+
height: calc(var(--size-selector) * 4);
|
|
9540
10288
|
}
|
|
9541
10289
|
|
|
9542
10290
|
.zx-spinner__root.zx-a-size-sm {
|
|
9543
|
-
|
|
9544
|
-
|
|
10291
|
+
width: calc(var(--size-selector) * 5);
|
|
10292
|
+
height: calc(var(--size-selector) * 5);
|
|
9545
10293
|
}
|
|
9546
10294
|
|
|
9547
10295
|
.zx-spinner__root.zx-a-size-lg {
|
|
9548
|
-
|
|
9549
|
-
|
|
10296
|
+
width: calc(var(--size-selector) * 7);
|
|
10297
|
+
height: calc(var(--size-selector) * 7);
|
|
9550
10298
|
}
|
|
9551
10299
|
|
|
9552
10300
|
.zx-spinner__root.zx-a-size-xl {
|
|
9553
|
-
|
|
9554
|
-
|
|
10301
|
+
width: calc(var(--size-selector) * 8);
|
|
10302
|
+
height: calc(var(--size-selector) * 8);
|
|
9555
10303
|
}
|
|
9556
10304
|
|
|
9557
10305
|
.zx-spinner__root.zx-a-color-primary {
|
|
@@ -9598,17 +10346,30 @@
|
|
|
9598
10346
|
display: flex;
|
|
9599
10347
|
align-items: center;
|
|
9600
10348
|
justify-content: center;
|
|
9601
|
-
min-
|
|
10349
|
+
min-width: 1.75em;
|
|
9602
10350
|
padding: calc(var(--space-2xs) - var(--border)) calc(var(--space-md) - var(--border));
|
|
9603
10351
|
background: var(--kbd-fill);
|
|
9604
10352
|
color: var(--kbd-ink);
|
|
9605
|
-
border:
|
|
10353
|
+
border: 0 solid transparent;
|
|
9606
10354
|
border-block-end-width: calc(var(--border) * 2);
|
|
9607
10355
|
border-radius: var(--radius-field);
|
|
9608
10356
|
font-size: var(--text-xs);
|
|
9609
10357
|
font-weight: var(--weight-semibold);
|
|
9610
10358
|
line-height: var(--leading-normal);
|
|
9611
10359
|
white-space: nowrap;
|
|
10360
|
+
width: max-content;
|
|
10361
|
+
flex-shrink: 0;
|
|
10362
|
+
flex-wrap: nowrap;
|
|
10363
|
+
flex-direction: row;
|
|
10364
|
+
border-top-width: var(--border);
|
|
10365
|
+
border-right-width: var(--border);
|
|
10366
|
+
border-left-width: var(--border);
|
|
10367
|
+
border-bottom-width: calc(var(--border) * 2);
|
|
10368
|
+
border-top-color: var(--color-base-300);
|
|
10369
|
+
border-right-color: var(--color-base-300);
|
|
10370
|
+
border-bottom-color: var(--color-base-300);
|
|
10371
|
+
border-left-color: var(--color-base-300);
|
|
10372
|
+
font-family: Menlo, monospace;
|
|
9612
10373
|
}
|
|
9613
10374
|
|
|
9614
10375
|
.zx-kbd__root.zx-a-color-primary {
|
|
@@ -9654,7 +10415,7 @@
|
|
|
9654
10415
|
.zx-kbd__root.zx-a-size-xs {
|
|
9655
10416
|
font-size: var(--text-xs);
|
|
9656
10417
|
padding: 0 var(--space-xs);
|
|
9657
|
-
min-
|
|
10418
|
+
min-width: 1.5em;
|
|
9658
10419
|
}
|
|
9659
10420
|
|
|
9660
10421
|
.zx-kbd__root.zx-a-size-sm {
|
|
@@ -9676,73 +10437,259 @@
|
|
|
9676
10437
|
--status-ink: var(--color-base-content);
|
|
9677
10438
|
}
|
|
9678
10439
|
|
|
10440
|
+
.zx-root .zx-status__root {
|
|
10441
|
+
--status-halo: #18181b40;
|
|
10442
|
+
}
|
|
10443
|
+
|
|
10444
|
+
.zx-root.zx-theme-dark .zx-status__root {
|
|
10445
|
+
--status-halo: #ecf9ff40;
|
|
10446
|
+
}
|
|
10447
|
+
|
|
10448
|
+
.zx-root.zx-theme-dim .zx-status__root {
|
|
10449
|
+
--status-halo: #b2ccd640;
|
|
10450
|
+
}
|
|
10451
|
+
|
|
10452
|
+
.zx-root.zx-theme-nord .zx-status__root {
|
|
10453
|
+
--status-halo: #2e344040;
|
|
10454
|
+
}
|
|
10455
|
+
|
|
10456
|
+
.zx-root.zx-theme-sunset .zx-status__root {
|
|
10457
|
+
--status-halo: #9fb9d040;
|
|
10458
|
+
}
|
|
10459
|
+
|
|
9679
10460
|
.zx-status__root {
|
|
9680
|
-
display:
|
|
9681
|
-
|
|
9682
|
-
|
|
10461
|
+
display: flex;
|
|
10462
|
+
width: calc(var(--size-selector) * 2.5);
|
|
10463
|
+
height: calc(var(--size-selector) * 2.5);
|
|
9683
10464
|
box-sizing: border-box;
|
|
9684
10465
|
vertical-align: middle;
|
|
9685
10466
|
background: var(--status-ink);
|
|
9686
10467
|
border: calc((var(--size-selector) * 2.5) / 2) solid var(--status-ink);
|
|
9687
10468
|
border-radius: 9999px;
|
|
10469
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 2.5) / 4) var(--status-halo);
|
|
10470
|
+
flex-shrink: 0;
|
|
9688
10471
|
}
|
|
9689
10472
|
|
|
9690
10473
|
.zx-status__root.zx-a-size-xs {
|
|
9691
|
-
|
|
9692
|
-
|
|
10474
|
+
width: calc(var(--size-selector) * 1.5);
|
|
10475
|
+
height: calc(var(--size-selector) * 1.5);
|
|
9693
10476
|
border: calc((var(--size-selector) * 1.5) / 2) solid var(--status-ink);
|
|
10477
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 1.5) / 4) var(--status-halo);
|
|
9694
10478
|
}
|
|
9695
10479
|
|
|
9696
10480
|
.zx-status__root.zx-a-size-sm {
|
|
9697
|
-
|
|
9698
|
-
|
|
10481
|
+
width: calc(var(--size-selector) * 2);
|
|
10482
|
+
height: calc(var(--size-selector) * 2);
|
|
9699
10483
|
border: calc((var(--size-selector) * 2) / 2) solid var(--status-ink);
|
|
10484
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 2) / 4) var(--status-halo);
|
|
9700
10485
|
}
|
|
9701
10486
|
|
|
9702
10487
|
.zx-status__root.zx-a-size-lg {
|
|
9703
|
-
|
|
9704
|
-
|
|
10488
|
+
width: calc(var(--size-selector) * 3);
|
|
10489
|
+
height: calc(var(--size-selector) * 3);
|
|
9705
10490
|
border: calc((var(--size-selector) * 3) / 2) solid var(--status-ink);
|
|
10491
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 3) / 4) var(--status-halo);
|
|
9706
10492
|
}
|
|
9707
10493
|
|
|
9708
10494
|
.zx-status__root.zx-a-size-xl {
|
|
9709
|
-
|
|
9710
|
-
|
|
10495
|
+
width: calc(var(--size-selector) * 3.5);
|
|
10496
|
+
height: calc(var(--size-selector) * 3.5);
|
|
9711
10497
|
border: calc((var(--size-selector) * 3.5) / 2) solid var(--status-ink);
|
|
10498
|
+
box-shadow: 0 0 0 calc((var(--size-selector) * 3.5) / 4) var(--status-halo);
|
|
9712
10499
|
}
|
|
9713
10500
|
|
|
9714
10501
|
.zx-status__root.zx-a-color-primary {
|
|
9715
10502
|
--status-ink: var(--color-primary);
|
|
9716
10503
|
}
|
|
9717
10504
|
|
|
10505
|
+
.zx-root .zx-status__root.zx-a-color-primary {
|
|
10506
|
+
--status-halo: #422ad540;
|
|
10507
|
+
}
|
|
10508
|
+
|
|
10509
|
+
.zx-root.zx-theme-dark .zx-status__root.zx-a-color-primary {
|
|
10510
|
+
--status-halo: #605dff40;
|
|
10511
|
+
}
|
|
10512
|
+
|
|
10513
|
+
.zx-root.zx-theme-dim .zx-status__root.zx-a-color-primary {
|
|
10514
|
+
--status-halo: #9fe88d40;
|
|
10515
|
+
}
|
|
10516
|
+
|
|
10517
|
+
.zx-root.zx-theme-nord .zx-status__root.zx-a-color-primary {
|
|
10518
|
+
--status-halo: #5e81ac40;
|
|
10519
|
+
}
|
|
10520
|
+
|
|
10521
|
+
.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-primary {
|
|
10522
|
+
--status-halo: #ff865b40;
|
|
10523
|
+
}
|
|
10524
|
+
|
|
9718
10525
|
.zx-status__root.zx-a-color-secondary {
|
|
9719
10526
|
--status-ink: var(--color-secondary);
|
|
9720
10527
|
}
|
|
9721
10528
|
|
|
10529
|
+
.zx-root .zx-status__root.zx-a-color-secondary {
|
|
10530
|
+
--status-halo: #f4309840;
|
|
10531
|
+
}
|
|
10532
|
+
|
|
10533
|
+
.zx-root.zx-theme-dark .zx-status__root.zx-a-color-secondary {
|
|
10534
|
+
--status-halo: #f4309840;
|
|
10535
|
+
}
|
|
10536
|
+
|
|
10537
|
+
.zx-root.zx-theme-dim .zx-status__root.zx-a-color-secondary {
|
|
10538
|
+
--status-halo: #ff7d5d40;
|
|
10539
|
+
}
|
|
10540
|
+
|
|
10541
|
+
.zx-root.zx-theme-nord .zx-status__root.zx-a-color-secondary {
|
|
10542
|
+
--status-halo: #81a1c140;
|
|
10543
|
+
}
|
|
10544
|
+
|
|
10545
|
+
.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-secondary {
|
|
10546
|
+
--status-halo: #fd6f9c40;
|
|
10547
|
+
}
|
|
10548
|
+
|
|
9722
10549
|
.zx-status__root.zx-a-color-accent {
|
|
9723
10550
|
--status-ink: var(--color-accent);
|
|
9724
10551
|
}
|
|
9725
10552
|
|
|
10553
|
+
.zx-root .zx-status__root.zx-a-color-accent {
|
|
10554
|
+
--status-halo: #00d3bb40;
|
|
10555
|
+
}
|
|
10556
|
+
|
|
10557
|
+
.zx-root.zx-theme-dark .zx-status__root.zx-a-color-accent {
|
|
10558
|
+
--status-halo: #00d3bb40;
|
|
10559
|
+
}
|
|
10560
|
+
|
|
10561
|
+
.zx-root.zx-theme-dim .zx-status__root.zx-a-color-accent {
|
|
10562
|
+
--status-halo: #c792e940;
|
|
10563
|
+
}
|
|
10564
|
+
|
|
10565
|
+
.zx-root.zx-theme-nord .zx-status__root.zx-a-color-accent {
|
|
10566
|
+
--status-halo: #88c0d040;
|
|
10567
|
+
}
|
|
10568
|
+
|
|
10569
|
+
.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-accent {
|
|
10570
|
+
--status-halo: #b387fa40;
|
|
10571
|
+
}
|
|
10572
|
+
|
|
9726
10573
|
.zx-status__root.zx-a-color-neutral {
|
|
9727
10574
|
--status-ink: var(--color-neutral);
|
|
9728
10575
|
}
|
|
9729
10576
|
|
|
10577
|
+
.zx-root .zx-status__root.zx-a-color-neutral {
|
|
10578
|
+
--status-halo: #09090b40;
|
|
10579
|
+
}
|
|
10580
|
+
|
|
10581
|
+
.zx-root.zx-theme-dark .zx-status__root.zx-a-color-neutral {
|
|
10582
|
+
--status-halo: #09090b40;
|
|
10583
|
+
}
|
|
10584
|
+
|
|
10585
|
+
.zx-root.zx-theme-dim .zx-status__root.zx-a-color-neutral {
|
|
10586
|
+
--status-halo: #1c212b40;
|
|
10587
|
+
}
|
|
10588
|
+
|
|
10589
|
+
.zx-root.zx-theme-nord .zx-status__root.zx-a-color-neutral {
|
|
10590
|
+
--status-halo: #4c566a40;
|
|
10591
|
+
}
|
|
10592
|
+
|
|
10593
|
+
.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-neutral {
|
|
10594
|
+
--status-halo: #1b262c40;
|
|
10595
|
+
}
|
|
10596
|
+
|
|
9730
10597
|
.zx-status__root.zx-a-color-info {
|
|
9731
10598
|
--status-ink: var(--color-info);
|
|
9732
10599
|
}
|
|
9733
10600
|
|
|
10601
|
+
.zx-root .zx-status__root.zx-a-color-info {
|
|
10602
|
+
--status-halo: #00bafe40;
|
|
10603
|
+
}
|
|
10604
|
+
|
|
10605
|
+
.zx-root.zx-theme-dark .zx-status__root.zx-a-color-info {
|
|
10606
|
+
--status-halo: #00bafe40;
|
|
10607
|
+
}
|
|
10608
|
+
|
|
10609
|
+
.zx-root.zx-theme-dim .zx-status__root.zx-a-color-info {
|
|
10610
|
+
--status-halo: #28ebff40;
|
|
10611
|
+
}
|
|
10612
|
+
|
|
10613
|
+
.zx-root.zx-theme-nord .zx-status__root.zx-a-color-info {
|
|
10614
|
+
--status-halo: #b48ead40;
|
|
10615
|
+
}
|
|
10616
|
+
|
|
10617
|
+
.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-info {
|
|
10618
|
+
--status-halo: #89e0eb40;
|
|
10619
|
+
}
|
|
10620
|
+
|
|
9734
10621
|
.zx-status__root.zx-a-color-success {
|
|
9735
10622
|
--status-ink: var(--color-success);
|
|
9736
10623
|
}
|
|
9737
10624
|
|
|
10625
|
+
.zx-root .zx-status__root.zx-a-color-success {
|
|
10626
|
+
--status-halo: #00d39040;
|
|
10627
|
+
}
|
|
10628
|
+
|
|
10629
|
+
.zx-root.zx-theme-dark .zx-status__root.zx-a-color-success {
|
|
10630
|
+
--status-halo: #00d39040;
|
|
10631
|
+
}
|
|
10632
|
+
|
|
10633
|
+
.zx-root.zx-theme-dim .zx-status__root.zx-a-color-success {
|
|
10634
|
+
--status-halo: #62efbd40;
|
|
10635
|
+
}
|
|
10636
|
+
|
|
10637
|
+
.zx-root.zx-theme-nord .zx-status__root.zx-a-color-success {
|
|
10638
|
+
--status-halo: #a3be8d40;
|
|
10639
|
+
}
|
|
10640
|
+
|
|
10641
|
+
.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-success {
|
|
10642
|
+
--status-halo: #addfad40;
|
|
10643
|
+
}
|
|
10644
|
+
|
|
9738
10645
|
.zx-status__root.zx-a-color-warning {
|
|
9739
10646
|
--status-ink: var(--color-warning);
|
|
9740
10647
|
}
|
|
9741
10648
|
|
|
10649
|
+
.zx-root .zx-status__root.zx-a-color-warning {
|
|
10650
|
+
--status-halo: #fcb70040;
|
|
10651
|
+
}
|
|
10652
|
+
|
|
10653
|
+
.zx-root.zx-theme-dark .zx-status__root.zx-a-color-warning {
|
|
10654
|
+
--status-halo: #fcb70040;
|
|
10655
|
+
}
|
|
10656
|
+
|
|
10657
|
+
.zx-root.zx-theme-dim .zx-status__root.zx-a-color-warning {
|
|
10658
|
+
--status-halo: #efd05740;
|
|
10659
|
+
}
|
|
10660
|
+
|
|
10661
|
+
.zx-root.zx-theme-nord .zx-status__root.zx-a-color-warning {
|
|
10662
|
+
--status-halo: #ebcb8b40;
|
|
10663
|
+
}
|
|
10664
|
+
|
|
10665
|
+
.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-warning {
|
|
10666
|
+
--status-halo: #f1c89240;
|
|
10667
|
+
}
|
|
10668
|
+
|
|
9742
10669
|
.zx-status__root.zx-a-color-error {
|
|
9743
10670
|
--status-ink: var(--color-error);
|
|
9744
10671
|
}
|
|
9745
10672
|
|
|
10673
|
+
.zx-root .zx-status__root.zx-a-color-error {
|
|
10674
|
+
--status-halo: #ff627d40;
|
|
10675
|
+
}
|
|
10676
|
+
|
|
10677
|
+
.zx-root.zx-theme-dark .zx-status__root.zx-a-color-error {
|
|
10678
|
+
--status-halo: #ff627d40;
|
|
10679
|
+
}
|
|
10680
|
+
|
|
10681
|
+
.zx-root.zx-theme-dim .zx-status__root.zx-a-color-error {
|
|
10682
|
+
--status-halo: #ffae9b40;
|
|
10683
|
+
}
|
|
10684
|
+
|
|
10685
|
+
.zx-root.zx-theme-nord .zx-status__root.zx-a-color-error {
|
|
10686
|
+
--status-halo: #bf616a40;
|
|
10687
|
+
}
|
|
10688
|
+
|
|
10689
|
+
.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-error {
|
|
10690
|
+
--status-halo: #ffbbbd40;
|
|
10691
|
+
}
|
|
10692
|
+
|
|
9746
10693
|
.zx-indicator__root {
|
|
9747
10694
|
position: relative;
|
|
9748
10695
|
display: flex;
|
|
@@ -9862,6 +10809,7 @@
|
|
|
9862
10809
|
border: var(--border) solid var(--color-base-200);
|
|
9863
10810
|
border-radius: var(--radius-box);
|
|
9864
10811
|
background: var(--color-base-100);
|
|
10812
|
+
flex-direction: row;
|
|
9865
10813
|
}
|
|
9866
10814
|
|
|
9867
10815
|
.zx-stats__root.zx-o-vertical {
|
|
@@ -9869,12 +10817,31 @@
|
|
|
9869
10817
|
}
|
|
9870
10818
|
|
|
9871
10819
|
.zx-stats__item {
|
|
9872
|
-
display:
|
|
10820
|
+
display: flex;
|
|
9873
10821
|
grid-template-columns: 1fr auto;
|
|
9874
10822
|
column-gap: var(--space-md);
|
|
9875
10823
|
align-content: center;
|
|
9876
10824
|
flex: 1 1 0%;
|
|
9877
|
-
padding:
|
|
10825
|
+
padding: 0;
|
|
10826
|
+
flex-direction: column;
|
|
10827
|
+
justify-content: center;
|
|
10828
|
+
position: relative;
|
|
10829
|
+
padding-top: var(--space-lg);
|
|
10830
|
+
padding-bottom: var(--space-lg);
|
|
10831
|
+
padding-left: var(--space-xl);
|
|
10832
|
+
padding-right: var(--space-xl);
|
|
10833
|
+
}
|
|
10834
|
+
|
|
10835
|
+
.zx-stats__item.zx-o-horizontal {
|
|
10836
|
+
border-left-width: var(--border);
|
|
10837
|
+
border-left-style: solid;
|
|
10838
|
+
border-left-color: var(--color-base-200);
|
|
10839
|
+
}
|
|
10840
|
+
|
|
10841
|
+
.zx-stats__item.zx-o-vertical {
|
|
10842
|
+
border-top-width: var(--border);
|
|
10843
|
+
border-top-style: solid;
|
|
10844
|
+
border-top-color: var(--color-base-200);
|
|
9878
10845
|
}
|
|
9879
10846
|
|
|
9880
10847
|
.zx-stats__title {
|
|
@@ -9939,7 +10906,14 @@
|
|
|
9939
10906
|
.zx-stats__figure {
|
|
9940
10907
|
grid-column: 2;
|
|
9941
10908
|
grid-row: 1 / span 3;
|
|
9942
|
-
align-self:
|
|
10909
|
+
align-self: auto;
|
|
10910
|
+
position: absolute;
|
|
10911
|
+
top: 0;
|
|
10912
|
+
bottom: 0;
|
|
10913
|
+
right: var(--space-xl);
|
|
10914
|
+
display: flex;
|
|
10915
|
+
flex-direction: column;
|
|
10916
|
+
justify-content: center;
|
|
9943
10917
|
}
|
|
9944
10918
|
|
|
9945
10919
|
.zx-root .zx-stats__item.zx-a-color-primary {
|
|
@@ -10117,6 +11091,15 @@
|
|
|
10117
11091
|
.zx-stats__value.zx-a-size-xl {
|
|
10118
11092
|
font-size: var(--text-3xl);
|
|
10119
11093
|
}
|
|
11094
|
+
.zx-stats__item.zx-m-first.zx-o-horizontal {
|
|
11095
|
+
border-left-width: calc(var(--border) * 0);
|
|
11096
|
+
}
|
|
11097
|
+
.zx-stats__item.zx-m-first.zx-o-vertical {
|
|
11098
|
+
border-top-width: calc(var(--border) * 0);
|
|
11099
|
+
}
|
|
11100
|
+
.zx-stats__item.zx-m-figure {
|
|
11101
|
+
padding-right: calc(var(--space-xl) + var(--space-md) + 32px);
|
|
11102
|
+
}
|
|
10120
11103
|
|
|
10121
11104
|
.zx-timeline__root {
|
|
10122
11105
|
--timeline-accent: var(--color-base-content);
|
|
@@ -10156,8 +11139,8 @@
|
|
|
10156
11139
|
}
|
|
10157
11140
|
|
|
10158
11141
|
.zx-timeline__marker {
|
|
10159
|
-
|
|
10160
|
-
|
|
11142
|
+
width: calc(var(--size-selector) * 3);
|
|
11143
|
+
height: calc(var(--size-selector) * 3);
|
|
10161
11144
|
box-sizing: border-box;
|
|
10162
11145
|
border-radius: 9999px;
|
|
10163
11146
|
background: var(--timeline-accent);
|
|
@@ -10166,42 +11149,32 @@
|
|
|
10166
11149
|
align-items: center;
|
|
10167
11150
|
justify-content: center;
|
|
10168
11151
|
font-size: 0;
|
|
10169
|
-
width: calc(var(--size-selector) * 3);
|
|
10170
|
-
height: calc(var(--size-selector) * 3);
|
|
10171
11152
|
flex-grow: 0;
|
|
10172
11153
|
flex-shrink: 0;
|
|
10173
11154
|
}
|
|
10174
11155
|
|
|
10175
11156
|
.zx-timeline__marker.zx-a-size-xs {
|
|
10176
|
-
inline-size: calc(var(--size-selector) * 2);
|
|
10177
|
-
block-size: calc(var(--size-selector) * 2);
|
|
10178
|
-
border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
|
|
10179
11157
|
width: calc(var(--size-selector) * 2);
|
|
10180
11158
|
height: calc(var(--size-selector) * 2);
|
|
11159
|
+
border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
|
|
10181
11160
|
}
|
|
10182
11161
|
|
|
10183
11162
|
.zx-timeline__marker.zx-a-size-sm {
|
|
10184
|
-
inline-size: calc(var(--size-selector) * 2.5);
|
|
10185
|
-
block-size: calc(var(--size-selector) * 2.5);
|
|
10186
|
-
border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
|
|
10187
11163
|
width: calc(var(--size-selector) * 2.5);
|
|
10188
11164
|
height: calc(var(--size-selector) * 2.5);
|
|
11165
|
+
border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
|
|
10189
11166
|
}
|
|
10190
11167
|
|
|
10191
11168
|
.zx-timeline__marker.zx-a-size-lg {
|
|
10192
|
-
inline-size: calc(var(--size-selector) * 3.5);
|
|
10193
|
-
block-size: calc(var(--size-selector) * 3.5);
|
|
10194
|
-
border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
|
|
10195
11169
|
width: calc(var(--size-selector) * 3.5);
|
|
10196
11170
|
height: calc(var(--size-selector) * 3.5);
|
|
11171
|
+
border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
|
|
10197
11172
|
}
|
|
10198
11173
|
|
|
10199
11174
|
.zx-timeline__marker.zx-a-size-xl {
|
|
10200
|
-
inline-size: calc(var(--size-selector) * 4);
|
|
10201
|
-
block-size: calc(var(--size-selector) * 4);
|
|
10202
|
-
border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
|
|
10203
11175
|
width: calc(var(--size-selector) * 4);
|
|
10204
11176
|
height: calc(var(--size-selector) * 4);
|
|
11177
|
+
border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
|
|
10205
11178
|
}
|
|
10206
11179
|
|
|
10207
11180
|
.zx-timeline__connector {
|
|
@@ -10212,13 +11185,12 @@
|
|
|
10212
11185
|
grid-column: 2;
|
|
10213
11186
|
grid-row: 2;
|
|
10214
11187
|
justify-self: center;
|
|
10215
|
-
|
|
10216
|
-
min-
|
|
10217
|
-
|
|
11188
|
+
width: var(--border);
|
|
11189
|
+
min-height: var(--space-lg);
|
|
11190
|
+
height: var(--space-lg);
|
|
10218
11191
|
flex-grow: 0;
|
|
10219
11192
|
flex-shrink: 1;
|
|
10220
11193
|
flex-basis: 100%;
|
|
10221
|
-
height: var(--space-lg);
|
|
10222
11194
|
background: transparent;
|
|
10223
11195
|
border-left-width: var(--border);
|
|
10224
11196
|
border-left-style: solid;
|
|
@@ -10246,15 +11218,13 @@
|
|
|
10246
11218
|
grid-row: 2;
|
|
10247
11219
|
grid-column: 2;
|
|
10248
11220
|
align-self: center;
|
|
10249
|
-
|
|
10250
|
-
min-
|
|
10251
|
-
|
|
11221
|
+
height: var(--border);
|
|
11222
|
+
min-width: var(--space-lg);
|
|
11223
|
+
width: 100%;
|
|
10252
11224
|
order: 1;
|
|
10253
11225
|
flex-grow: 1;
|
|
10254
11226
|
flex-shrink: 1;
|
|
10255
11227
|
flex-basis: 0;
|
|
10256
|
-
height: var(--border);
|
|
10257
|
-
min-width: var(--space-lg);
|
|
10258
11228
|
}
|
|
10259
11229
|
|
|
10260
11230
|
.zx-timeline__content {
|
|
@@ -10446,7 +11416,7 @@
|
|
|
10446
11416
|
}
|
|
10447
11417
|
|
|
10448
11418
|
.zx-chat__bubble {
|
|
10449
|
-
max-
|
|
11419
|
+
max-width: 90%;
|
|
10450
11420
|
padding: var(--space-xs) var(--space-lg);
|
|
10451
11421
|
font-size: var(--text-sm);
|
|
10452
11422
|
background: var(--chat-fill);
|
|
@@ -10570,7 +11540,7 @@
|
|
|
10570
11540
|
position: sticky;
|
|
10571
11541
|
align-self: center;
|
|
10572
11542
|
flex: none;
|
|
10573
|
-
|
|
11543
|
+
height: calc(var(--size-field) * 8);
|
|
10574
11544
|
appearance: none;
|
|
10575
11545
|
display: flex;
|
|
10576
11546
|
align-items: center;
|
|
@@ -10589,19 +11559,19 @@
|
|
|
10589
11559
|
}
|
|
10590
11560
|
|
|
10591
11561
|
.zx-chat-log__jump-trigger.zx-a-size-xs {
|
|
10592
|
-
|
|
11562
|
+
height: calc(var(--size-field) * 6);
|
|
10593
11563
|
}
|
|
10594
11564
|
|
|
10595
11565
|
.zx-chat-log__jump-trigger.zx-a-size-sm {
|
|
10596
|
-
|
|
11566
|
+
height: calc(var(--size-field) * 7);
|
|
10597
11567
|
}
|
|
10598
11568
|
|
|
10599
11569
|
.zx-chat-log__jump-trigger.zx-a-size-lg {
|
|
10600
|
-
|
|
11570
|
+
height: calc(var(--size-field) * 9);
|
|
10601
11571
|
}
|
|
10602
11572
|
|
|
10603
11573
|
.zx-chat-log__jump-trigger.zx-a-size-xl {
|
|
10604
|
-
|
|
11574
|
+
height: calc(var(--size-field) * 10);
|
|
10605
11575
|
}
|
|
10606
11576
|
|
|
10607
11577
|
.zx-chat-log__jump-trigger.zx-f-focus-visible {
|
|
@@ -10695,29 +11665,29 @@
|
|
|
10695
11665
|
position: relative;
|
|
10696
11666
|
display: inline-grid;
|
|
10697
11667
|
place-items: center;
|
|
10698
|
-
|
|
10699
|
-
|
|
11668
|
+
width: calc(var(--size-selector) * 16);
|
|
11669
|
+
height: calc(var(--size-selector) * 16);
|
|
10700
11670
|
border-radius: 50%;
|
|
10701
11671
|
}
|
|
10702
11672
|
|
|
10703
11673
|
.zx-radial-progress__root.zx-a-size-xs {
|
|
10704
|
-
|
|
10705
|
-
|
|
11674
|
+
width: calc(var(--size-selector) * 10);
|
|
11675
|
+
height: calc(var(--size-selector) * 10);
|
|
10706
11676
|
}
|
|
10707
11677
|
|
|
10708
11678
|
.zx-radial-progress__root.zx-a-size-sm {
|
|
10709
|
-
|
|
10710
|
-
|
|
11679
|
+
width: calc(var(--size-selector) * 13);
|
|
11680
|
+
height: calc(var(--size-selector) * 13);
|
|
10711
11681
|
}
|
|
10712
11682
|
|
|
10713
11683
|
.zx-radial-progress__root.zx-a-size-lg {
|
|
10714
|
-
|
|
10715
|
-
|
|
11684
|
+
width: calc(var(--size-selector) * 20);
|
|
11685
|
+
height: calc(var(--size-selector) * 20);
|
|
10716
11686
|
}
|
|
10717
11687
|
|
|
10718
11688
|
.zx-radial-progress__root.zx-a-size-xl {
|
|
10719
|
-
|
|
10720
|
-
|
|
11689
|
+
width: calc(var(--size-selector) * 24);
|
|
11690
|
+
height: calc(var(--size-selector) * 24);
|
|
10721
11691
|
}
|
|
10722
11692
|
|
|
10723
11693
|
.zx-root .zx-radial-progress__root.zx-s-complete {
|
|
@@ -10871,10 +11841,11 @@
|
|
|
10871
11841
|
display: flex;
|
|
10872
11842
|
align-items: center;
|
|
10873
11843
|
gap: var(--space-sm);
|
|
10874
|
-
min-
|
|
11844
|
+
min-height: 64px;
|
|
10875
11845
|
padding: var(--space-sm);
|
|
10876
11846
|
background: var(--color-base-100);
|
|
10877
11847
|
color: var(--color-base-content);
|
|
11848
|
+
flex-direction: row;
|
|
10878
11849
|
}
|
|
10879
11850
|
|
|
10880
11851
|
.zx-navbar__start {
|
|
@@ -10883,6 +11854,7 @@
|
|
|
10883
11854
|
gap: var(--space-sm);
|
|
10884
11855
|
flex: 1 1 0%;
|
|
10885
11856
|
justify-content: flex-start;
|
|
11857
|
+
flex-direction: row;
|
|
10886
11858
|
}
|
|
10887
11859
|
|
|
10888
11860
|
.zx-navbar__center {
|
|
@@ -10890,6 +11862,7 @@
|
|
|
10890
11862
|
align-items: center;
|
|
10891
11863
|
gap: var(--space-sm);
|
|
10892
11864
|
justify-content: center;
|
|
11865
|
+
flex-direction: row;
|
|
10893
11866
|
}
|
|
10894
11867
|
|
|
10895
11868
|
.zx-navbar__end {
|
|
@@ -10898,6 +11871,7 @@
|
|
|
10898
11871
|
gap: var(--space-sm);
|
|
10899
11872
|
flex: 1 1 0%;
|
|
10900
11873
|
justify-content: flex-end;
|
|
11874
|
+
flex-direction: row;
|
|
10901
11875
|
}
|
|
10902
11876
|
|
|
10903
11877
|
.zx-navbar__root.zx-a-color-primary {
|
|
@@ -10941,21 +11915,21 @@
|
|
|
10941
11915
|
}
|
|
10942
11916
|
|
|
10943
11917
|
.zx-navbar__root.zx-a-size-xs {
|
|
10944
|
-
min-
|
|
11918
|
+
min-height: 40px;
|
|
10945
11919
|
font-size: var(--text-sm);
|
|
10946
11920
|
}
|
|
10947
11921
|
|
|
10948
11922
|
.zx-navbar__root.zx-a-size-sm {
|
|
10949
|
-
min-
|
|
11923
|
+
min-height: 48px;
|
|
10950
11924
|
font-size: var(--text-sm);
|
|
10951
11925
|
}
|
|
10952
11926
|
|
|
10953
11927
|
.zx-navbar__root.zx-a-size-lg {
|
|
10954
|
-
min-
|
|
11928
|
+
min-height: 80px;
|
|
10955
11929
|
}
|
|
10956
11930
|
|
|
10957
11931
|
.zx-navbar__root.zx-a-size-xl {
|
|
10958
|
-
min-
|
|
11932
|
+
min-height: 96px;
|
|
10959
11933
|
font-size: var(--text-lg);
|
|
10960
11934
|
}
|
|
10961
11935
|
|
|
@@ -10996,7 +11970,8 @@
|
|
|
10996
11970
|
}
|
|
10997
11971
|
|
|
10998
11972
|
.zx-nav-list__item {
|
|
10999
|
-
display:
|
|
11973
|
+
display: flex;
|
|
11974
|
+
flex-direction: column;
|
|
11000
11975
|
}
|
|
11001
11976
|
|
|
11002
11977
|
.zx-nav-list__link {
|
|
@@ -11004,12 +11979,20 @@
|
|
|
11004
11979
|
align-items: center;
|
|
11005
11980
|
gap: var(--space-sm);
|
|
11006
11981
|
text-decoration: none;
|
|
11982
|
+
appearance: none;
|
|
11983
|
+
background: none;
|
|
11984
|
+
border: 0;
|
|
11985
|
+
font: inherit;
|
|
11986
|
+
text-align: start;
|
|
11987
|
+
width: 100%;
|
|
11988
|
+
cursor: pointer;
|
|
11007
11989
|
color: var(--nav-ink);
|
|
11008
11990
|
padding: var(--space-sm) var(--space-lg);
|
|
11009
11991
|
border-radius: var(--radius-field);
|
|
11010
11992
|
font-weight: var(--weight-medium);
|
|
11011
11993
|
line-height: var(--leading-tight);
|
|
11012
11994
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
11995
|
+
flex-direction: row;
|
|
11013
11996
|
}
|
|
11014
11997
|
|
|
11015
11998
|
.zx-nav-list__link.zx-s-active {
|
|
@@ -11024,10 +12007,12 @@
|
|
|
11024
12007
|
|
|
11025
12008
|
.zx-nav-list__icon {
|
|
11026
12009
|
display: flex;
|
|
11027
|
-
|
|
12010
|
+
width: 1.25em;
|
|
11028
12011
|
justify-content: center;
|
|
11029
12012
|
flex: none;
|
|
11030
12013
|
line-height: var(--leading-none);
|
|
12014
|
+
flex-direction: row;
|
|
12015
|
+
align-items: center;
|
|
11031
12016
|
}
|
|
11032
12017
|
|
|
11033
12018
|
.zx-nav-list__meta {
|
|
@@ -11036,6 +12021,8 @@
|
|
|
11036
12021
|
font-size: var(--text-xs);
|
|
11037
12022
|
font-variant-numeric: tabular-nums;
|
|
11038
12023
|
opacity: 0.7;
|
|
12024
|
+
margin-left: auto;
|
|
12025
|
+
flex-direction: row;
|
|
11039
12026
|
}
|
|
11040
12027
|
|
|
11041
12028
|
.zx-nav-list__root.zx-a-color-primary {
|
|
@@ -11266,6 +12253,26 @@
|
|
|
11266
12253
|
--bc-accent: var(--color-base-content);
|
|
11267
12254
|
}
|
|
11268
12255
|
|
|
12256
|
+
.zx-root .zx-breadcrumbs__root {
|
|
12257
|
+
--bc-trigger-ink: #18181bbf;
|
|
12258
|
+
}
|
|
12259
|
+
|
|
12260
|
+
.zx-root.zx-theme-dark .zx-breadcrumbs__root {
|
|
12261
|
+
--bc-trigger-ink: #ecf9ffbf;
|
|
12262
|
+
}
|
|
12263
|
+
|
|
12264
|
+
.zx-root.zx-theme-dim .zx-breadcrumbs__root {
|
|
12265
|
+
--bc-trigger-ink: #b2ccd6bf;
|
|
12266
|
+
}
|
|
12267
|
+
|
|
12268
|
+
.zx-root.zx-theme-nord .zx-breadcrumbs__root {
|
|
12269
|
+
--bc-trigger-ink: #2e3440bf;
|
|
12270
|
+
}
|
|
12271
|
+
|
|
12272
|
+
.zx-root.zx-theme-sunset .zx-breadcrumbs__root {
|
|
12273
|
+
--bc-trigger-ink: #9fb9d0bf;
|
|
12274
|
+
}
|
|
12275
|
+
|
|
11269
12276
|
.zx-breadcrumbs__root {
|
|
11270
12277
|
font-size: var(--text-sm);
|
|
11271
12278
|
color: var(--color-base-content);
|
|
@@ -11279,12 +12286,14 @@
|
|
|
11279
12286
|
list-style: none;
|
|
11280
12287
|
margin: 0;
|
|
11281
12288
|
padding: var(--space-xs) 0;
|
|
12289
|
+
flex-direction: row;
|
|
11282
12290
|
}
|
|
11283
12291
|
|
|
11284
12292
|
.zx-breadcrumbs__item {
|
|
11285
12293
|
display: flex;
|
|
11286
12294
|
align-items: center;
|
|
11287
12295
|
gap: var(--space-xs);
|
|
12296
|
+
flex-direction: row;
|
|
11288
12297
|
}
|
|
11289
12298
|
|
|
11290
12299
|
.zx-breadcrumbs__link {
|
|
@@ -11352,6 +12361,7 @@
|
|
|
11352
12361
|
display: flex;
|
|
11353
12362
|
align-items: center;
|
|
11354
12363
|
gap: var(--space-xs);
|
|
12364
|
+
flex-direction: row;
|
|
11355
12365
|
}
|
|
11356
12366
|
|
|
11357
12367
|
.zx-breadcrumbs__ellipsis-trigger {
|
|
@@ -11362,34 +12372,20 @@
|
|
|
11362
12372
|
margin: 0;
|
|
11363
12373
|
font: inherit;
|
|
11364
12374
|
line-height: inherit;
|
|
12375
|
+
color: var(--bc-trigger-ink);
|
|
11365
12376
|
border-radius: var(--radius-selector);
|
|
11366
12377
|
cursor: pointer;
|
|
11367
12378
|
transition: color var(--duration-fast) var(--ease-standard);
|
|
11368
12379
|
}
|
|
11369
12380
|
|
|
11370
|
-
.zx-root .zx-breadcrumbs__ellipsis-trigger {
|
|
11371
|
-
color: #18181bbf;
|
|
11372
|
-
}
|
|
11373
|
-
|
|
11374
|
-
.zx-root.zx-theme-dark .zx-breadcrumbs__ellipsis-trigger {
|
|
11375
|
-
color: #ecf9ffbf;
|
|
11376
|
-
}
|
|
11377
|
-
|
|
11378
|
-
.zx-root.zx-theme-dim .zx-breadcrumbs__ellipsis-trigger {
|
|
11379
|
-
color: #b2ccd6bf;
|
|
11380
|
-
}
|
|
11381
|
-
|
|
11382
|
-
.zx-root.zx-theme-nord .zx-breadcrumbs__ellipsis-trigger {
|
|
11383
|
-
color: #2e3440bf;
|
|
11384
|
-
}
|
|
11385
|
-
|
|
11386
|
-
.zx-root.zx-theme-sunset .zx-breadcrumbs__ellipsis-trigger {
|
|
11387
|
-
color: #9fb9d0bf;
|
|
11388
|
-
}
|
|
11389
|
-
|
|
11390
12381
|
.zx-breadcrumbs__ellipsis-trigger.zx-f-focus-visible {
|
|
11391
|
-
outline:
|
|
12382
|
+
outline: none;
|
|
11392
12383
|
outline-offset: 2px;
|
|
12384
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-primary);
|
|
12385
|
+
}
|
|
12386
|
+
|
|
12387
|
+
.zx-breadcrumbs__ellipsis-trigger.zx-f-pressed {
|
|
12388
|
+
color: var(--color-base-content);
|
|
11393
12389
|
}
|
|
11394
12390
|
|
|
11395
12391
|
.zx-root .zx-breadcrumbs__root.zx-a-color-primary {
|
|
@@ -11582,14 +12578,15 @@
|
|
|
11582
12578
|
overflow-x: auto;
|
|
11583
12579
|
padding: var(--pg-ring-room);
|
|
11584
12580
|
scroll-padding-inline: var(--pg-ring-room);
|
|
12581
|
+
flex-direction: row;
|
|
11585
12582
|
}
|
|
11586
12583
|
|
|
11587
12584
|
.zx-pagination__item {
|
|
11588
12585
|
display: flex;
|
|
11589
12586
|
align-items: center;
|
|
11590
12587
|
justify-content: center;
|
|
11591
|
-
min-
|
|
11592
|
-
|
|
12588
|
+
min-width: calc(var(--size-field) * 10);
|
|
12589
|
+
height: calc(var(--size-field) * 10);
|
|
11593
12590
|
background: var(--color-base-200);
|
|
11594
12591
|
color: var(--color-base-content);
|
|
11595
12592
|
border: none;
|
|
@@ -11601,28 +12598,29 @@
|
|
|
11601
12598
|
text-decoration: none;
|
|
11602
12599
|
cursor: pointer;
|
|
11603
12600
|
transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
|
|
12601
|
+
flex-shrink: 0;
|
|
11604
12602
|
padding-left: var(--space-2xs);
|
|
11605
12603
|
padding-right: var(--space-2xs);
|
|
11606
12604
|
}
|
|
11607
12605
|
|
|
11608
12606
|
.zx-pagination__item.zx-a-size-xs {
|
|
11609
|
-
min-
|
|
11610
|
-
|
|
12607
|
+
min-width: calc(var(--size-field) * 7);
|
|
12608
|
+
height: calc(var(--size-field) * 7);
|
|
11611
12609
|
}
|
|
11612
12610
|
|
|
11613
12611
|
.zx-pagination__item.zx-a-size-sm {
|
|
11614
|
-
min-
|
|
11615
|
-
|
|
12612
|
+
min-width: calc(var(--size-field) * 9);
|
|
12613
|
+
height: calc(var(--size-field) * 9);
|
|
11616
12614
|
}
|
|
11617
12615
|
|
|
11618
12616
|
.zx-pagination__item.zx-a-size-lg {
|
|
11619
|
-
min-
|
|
11620
|
-
|
|
12617
|
+
min-width: calc(var(--size-field) * 12);
|
|
12618
|
+
height: calc(var(--size-field) * 12);
|
|
11621
12619
|
}
|
|
11622
12620
|
|
|
11623
12621
|
.zx-pagination__item.zx-a-size-xl {
|
|
11624
|
-
min-
|
|
11625
|
-
|
|
12622
|
+
min-width: calc(var(--size-field) * 14);
|
|
12623
|
+
height: calc(var(--size-field) * 14);
|
|
11626
12624
|
}
|
|
11627
12625
|
|
|
11628
12626
|
.zx-pagination__item.zx-s-active {
|
|
@@ -11636,42 +12634,48 @@
|
|
|
11636
12634
|
}
|
|
11637
12635
|
|
|
11638
12636
|
.zx-pagination__item.zx-f-focus-visible {
|
|
11639
|
-
outline:
|
|
12637
|
+
outline: none;
|
|
11640
12638
|
outline-offset: 2px;
|
|
12639
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
11641
12640
|
}
|
|
11642
12641
|
|
|
11643
12642
|
.zx-pagination__item.zx-f-pressed {
|
|
11644
12643
|
transform: translateY(1px);
|
|
11645
12644
|
}
|
|
11646
12645
|
|
|
12646
|
+
.zx-pagination__item.zx-f-pressed.zx-s-inactive {
|
|
12647
|
+
background: var(--color-base-300);
|
|
12648
|
+
}
|
|
12649
|
+
|
|
11647
12650
|
.zx-pagination__ellipsis {
|
|
11648
12651
|
display: flex;
|
|
11649
12652
|
align-items: center;
|
|
11650
12653
|
justify-content: center;
|
|
11651
|
-
min-
|
|
11652
|
-
|
|
12654
|
+
min-width: calc(var(--size-field) * 10);
|
|
12655
|
+
height: calc(var(--size-field) * 10);
|
|
11653
12656
|
font-size: var(--pg-font);
|
|
11654
12657
|
user-select: none;
|
|
12658
|
+
flex-shrink: 0;
|
|
11655
12659
|
}
|
|
11656
12660
|
|
|
11657
12661
|
.zx-pagination__ellipsis.zx-a-size-xs {
|
|
11658
|
-
min-
|
|
11659
|
-
|
|
12662
|
+
min-width: calc(var(--size-field) * 7);
|
|
12663
|
+
height: calc(var(--size-field) * 7);
|
|
11660
12664
|
}
|
|
11661
12665
|
|
|
11662
12666
|
.zx-pagination__ellipsis.zx-a-size-sm {
|
|
11663
|
-
min-
|
|
11664
|
-
|
|
12667
|
+
min-width: calc(var(--size-field) * 9);
|
|
12668
|
+
height: calc(var(--size-field) * 9);
|
|
11665
12669
|
}
|
|
11666
12670
|
|
|
11667
12671
|
.zx-pagination__ellipsis.zx-a-size-lg {
|
|
11668
|
-
min-
|
|
11669
|
-
|
|
12672
|
+
min-width: calc(var(--size-field) * 12);
|
|
12673
|
+
height: calc(var(--size-field) * 12);
|
|
11670
12674
|
}
|
|
11671
12675
|
|
|
11672
12676
|
.zx-pagination__ellipsis.zx-a-size-xl {
|
|
11673
|
-
min-
|
|
11674
|
-
|
|
12677
|
+
min-width: calc(var(--size-field) * 14);
|
|
12678
|
+
height: calc(var(--size-field) * 14);
|
|
11675
12679
|
}
|
|
11676
12680
|
|
|
11677
12681
|
.zx-root .zx-pagination__ellipsis {
|
|
@@ -11698,8 +12702,8 @@
|
|
|
11698
12702
|
display: flex;
|
|
11699
12703
|
align-items: center;
|
|
11700
12704
|
justify-content: center;
|
|
11701
|
-
min-
|
|
11702
|
-
|
|
12705
|
+
min-width: calc(var(--size-field) * 10);
|
|
12706
|
+
height: calc(var(--size-field) * 10);
|
|
11703
12707
|
background: var(--color-base-200);
|
|
11704
12708
|
color: var(--color-base-content);
|
|
11705
12709
|
border: none;
|
|
@@ -11710,26 +12714,27 @@
|
|
|
11710
12714
|
text-decoration: none;
|
|
11711
12715
|
cursor: pointer;
|
|
11712
12716
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
12717
|
+
flex-shrink: 0;
|
|
11713
12718
|
}
|
|
11714
12719
|
|
|
11715
12720
|
.zx-pagination__first-trigger.zx-a-size-xs {
|
|
11716
|
-
min-
|
|
11717
|
-
|
|
12721
|
+
min-width: calc(var(--size-field) * 7);
|
|
12722
|
+
height: calc(var(--size-field) * 7);
|
|
11718
12723
|
}
|
|
11719
12724
|
|
|
11720
12725
|
.zx-pagination__first-trigger.zx-a-size-sm {
|
|
11721
|
-
min-
|
|
11722
|
-
|
|
12726
|
+
min-width: calc(var(--size-field) * 9);
|
|
12727
|
+
height: calc(var(--size-field) * 9);
|
|
11723
12728
|
}
|
|
11724
12729
|
|
|
11725
12730
|
.zx-pagination__first-trigger.zx-a-size-lg {
|
|
11726
|
-
min-
|
|
11727
|
-
|
|
12731
|
+
min-width: calc(var(--size-field) * 12);
|
|
12732
|
+
height: calc(var(--size-field) * 12);
|
|
11728
12733
|
}
|
|
11729
12734
|
|
|
11730
12735
|
.zx-pagination__first-trigger.zx-a-size-xl {
|
|
11731
|
-
min-
|
|
11732
|
-
|
|
12736
|
+
min-width: calc(var(--size-field) * 14);
|
|
12737
|
+
height: calc(var(--size-field) * 14);
|
|
11733
12738
|
}
|
|
11734
12739
|
|
|
11735
12740
|
.zx-pagination__first-trigger.zx-f-disabled {
|
|
@@ -11738,8 +12743,13 @@
|
|
|
11738
12743
|
}
|
|
11739
12744
|
|
|
11740
12745
|
.zx-pagination__first-trigger.zx-f-focus-visible {
|
|
11741
|
-
outline:
|
|
12746
|
+
outline: none;
|
|
11742
12747
|
outline-offset: 2px;
|
|
12748
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
12749
|
+
}
|
|
12750
|
+
|
|
12751
|
+
.zx-pagination__first-trigger.zx-f-pressed {
|
|
12752
|
+
background: var(--color-base-300);
|
|
11743
12753
|
}
|
|
11744
12754
|
|
|
11745
12755
|
.zx-pagination__first-trigger.zx-f-pressed {
|
|
@@ -11750,8 +12760,8 @@
|
|
|
11750
12760
|
display: flex;
|
|
11751
12761
|
align-items: center;
|
|
11752
12762
|
justify-content: center;
|
|
11753
|
-
min-
|
|
11754
|
-
|
|
12763
|
+
min-width: calc(var(--size-field) * 10);
|
|
12764
|
+
height: calc(var(--size-field) * 10);
|
|
11755
12765
|
background: var(--color-base-200);
|
|
11756
12766
|
color: var(--color-base-content);
|
|
11757
12767
|
border: none;
|
|
@@ -11762,26 +12772,27 @@
|
|
|
11762
12772
|
text-decoration: none;
|
|
11763
12773
|
cursor: pointer;
|
|
11764
12774
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
12775
|
+
flex-shrink: 0;
|
|
11765
12776
|
}
|
|
11766
12777
|
|
|
11767
12778
|
.zx-pagination__prev-trigger.zx-a-size-xs {
|
|
11768
|
-
min-
|
|
11769
|
-
|
|
12779
|
+
min-width: calc(var(--size-field) * 7);
|
|
12780
|
+
height: calc(var(--size-field) * 7);
|
|
11770
12781
|
}
|
|
11771
12782
|
|
|
11772
12783
|
.zx-pagination__prev-trigger.zx-a-size-sm {
|
|
11773
|
-
min-
|
|
11774
|
-
|
|
12784
|
+
min-width: calc(var(--size-field) * 9);
|
|
12785
|
+
height: calc(var(--size-field) * 9);
|
|
11775
12786
|
}
|
|
11776
12787
|
|
|
11777
12788
|
.zx-pagination__prev-trigger.zx-a-size-lg {
|
|
11778
|
-
min-
|
|
11779
|
-
|
|
12789
|
+
min-width: calc(var(--size-field) * 12);
|
|
12790
|
+
height: calc(var(--size-field) * 12);
|
|
11780
12791
|
}
|
|
11781
12792
|
|
|
11782
12793
|
.zx-pagination__prev-trigger.zx-a-size-xl {
|
|
11783
|
-
min-
|
|
11784
|
-
|
|
12794
|
+
min-width: calc(var(--size-field) * 14);
|
|
12795
|
+
height: calc(var(--size-field) * 14);
|
|
11785
12796
|
}
|
|
11786
12797
|
|
|
11787
12798
|
.zx-pagination__prev-trigger.zx-f-disabled {
|
|
@@ -11790,8 +12801,13 @@
|
|
|
11790
12801
|
}
|
|
11791
12802
|
|
|
11792
12803
|
.zx-pagination__prev-trigger.zx-f-focus-visible {
|
|
11793
|
-
outline:
|
|
12804
|
+
outline: none;
|
|
11794
12805
|
outline-offset: 2px;
|
|
12806
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
12807
|
+
}
|
|
12808
|
+
|
|
12809
|
+
.zx-pagination__prev-trigger.zx-f-pressed {
|
|
12810
|
+
background: var(--color-base-300);
|
|
11795
12811
|
}
|
|
11796
12812
|
|
|
11797
12813
|
.zx-pagination__prev-trigger.zx-f-pressed {
|
|
@@ -11802,8 +12818,8 @@
|
|
|
11802
12818
|
display: flex;
|
|
11803
12819
|
align-items: center;
|
|
11804
12820
|
justify-content: center;
|
|
11805
|
-
min-
|
|
11806
|
-
|
|
12821
|
+
min-width: calc(var(--size-field) * 10);
|
|
12822
|
+
height: calc(var(--size-field) * 10);
|
|
11807
12823
|
background: var(--color-base-200);
|
|
11808
12824
|
color: var(--color-base-content);
|
|
11809
12825
|
border: none;
|
|
@@ -11814,26 +12830,27 @@
|
|
|
11814
12830
|
text-decoration: none;
|
|
11815
12831
|
cursor: pointer;
|
|
11816
12832
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
12833
|
+
flex-shrink: 0;
|
|
11817
12834
|
}
|
|
11818
12835
|
|
|
11819
12836
|
.zx-pagination__next-trigger.zx-a-size-xs {
|
|
11820
|
-
min-
|
|
11821
|
-
|
|
12837
|
+
min-width: calc(var(--size-field) * 7);
|
|
12838
|
+
height: calc(var(--size-field) * 7);
|
|
11822
12839
|
}
|
|
11823
12840
|
|
|
11824
12841
|
.zx-pagination__next-trigger.zx-a-size-sm {
|
|
11825
|
-
min-
|
|
11826
|
-
|
|
12842
|
+
min-width: calc(var(--size-field) * 9);
|
|
12843
|
+
height: calc(var(--size-field) * 9);
|
|
11827
12844
|
}
|
|
11828
12845
|
|
|
11829
12846
|
.zx-pagination__next-trigger.zx-a-size-lg {
|
|
11830
|
-
min-
|
|
11831
|
-
|
|
12847
|
+
min-width: calc(var(--size-field) * 12);
|
|
12848
|
+
height: calc(var(--size-field) * 12);
|
|
11832
12849
|
}
|
|
11833
12850
|
|
|
11834
12851
|
.zx-pagination__next-trigger.zx-a-size-xl {
|
|
11835
|
-
min-
|
|
11836
|
-
|
|
12852
|
+
min-width: calc(var(--size-field) * 14);
|
|
12853
|
+
height: calc(var(--size-field) * 14);
|
|
11837
12854
|
}
|
|
11838
12855
|
|
|
11839
12856
|
.zx-pagination__next-trigger.zx-f-disabled {
|
|
@@ -11842,8 +12859,13 @@
|
|
|
11842
12859
|
}
|
|
11843
12860
|
|
|
11844
12861
|
.zx-pagination__next-trigger.zx-f-focus-visible {
|
|
11845
|
-
outline:
|
|
12862
|
+
outline: none;
|
|
11846
12863
|
outline-offset: 2px;
|
|
12864
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
12865
|
+
}
|
|
12866
|
+
|
|
12867
|
+
.zx-pagination__next-trigger.zx-f-pressed {
|
|
12868
|
+
background: var(--color-base-300);
|
|
11847
12869
|
}
|
|
11848
12870
|
|
|
11849
12871
|
.zx-pagination__next-trigger.zx-f-pressed {
|
|
@@ -11854,8 +12876,8 @@
|
|
|
11854
12876
|
display: flex;
|
|
11855
12877
|
align-items: center;
|
|
11856
12878
|
justify-content: center;
|
|
11857
|
-
min-
|
|
11858
|
-
|
|
12879
|
+
min-width: calc(var(--size-field) * 10);
|
|
12880
|
+
height: calc(var(--size-field) * 10);
|
|
11859
12881
|
background: var(--color-base-200);
|
|
11860
12882
|
color: var(--color-base-content);
|
|
11861
12883
|
border: none;
|
|
@@ -11866,26 +12888,27 @@
|
|
|
11866
12888
|
text-decoration: none;
|
|
11867
12889
|
cursor: pointer;
|
|
11868
12890
|
transition: background var(--duration-fast) var(--ease-standard);
|
|
12891
|
+
flex-shrink: 0;
|
|
11869
12892
|
}
|
|
11870
12893
|
|
|
11871
12894
|
.zx-pagination__last-trigger.zx-a-size-xs {
|
|
11872
|
-
min-
|
|
11873
|
-
|
|
12895
|
+
min-width: calc(var(--size-field) * 7);
|
|
12896
|
+
height: calc(var(--size-field) * 7);
|
|
11874
12897
|
}
|
|
11875
12898
|
|
|
11876
12899
|
.zx-pagination__last-trigger.zx-a-size-sm {
|
|
11877
|
-
min-
|
|
11878
|
-
|
|
12900
|
+
min-width: calc(var(--size-field) * 9);
|
|
12901
|
+
height: calc(var(--size-field) * 9);
|
|
11879
12902
|
}
|
|
11880
12903
|
|
|
11881
12904
|
.zx-pagination__last-trigger.zx-a-size-lg {
|
|
11882
|
-
min-
|
|
11883
|
-
|
|
12905
|
+
min-width: calc(var(--size-field) * 12);
|
|
12906
|
+
height: calc(var(--size-field) * 12);
|
|
11884
12907
|
}
|
|
11885
12908
|
|
|
11886
12909
|
.zx-pagination__last-trigger.zx-a-size-xl {
|
|
11887
|
-
min-
|
|
11888
|
-
|
|
12910
|
+
min-width: calc(var(--size-field) * 14);
|
|
12911
|
+
height: calc(var(--size-field) * 14);
|
|
11889
12912
|
}
|
|
11890
12913
|
|
|
11891
12914
|
.zx-pagination__last-trigger.zx-f-disabled {
|
|
@@ -11894,8 +12917,13 @@
|
|
|
11894
12917
|
}
|
|
11895
12918
|
|
|
11896
12919
|
.zx-pagination__last-trigger.zx-f-focus-visible {
|
|
11897
|
-
outline:
|
|
12920
|
+
outline: none;
|
|
11898
12921
|
outline-offset: 2px;
|
|
12922
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
12923
|
+
}
|
|
12924
|
+
|
|
12925
|
+
.zx-pagination__last-trigger.zx-f-pressed {
|
|
12926
|
+
background: var(--color-base-300);
|
|
11899
12927
|
}
|
|
11900
12928
|
|
|
11901
12929
|
.zx-pagination__last-trigger.zx-f-pressed {
|
|
@@ -11958,27 +12986,39 @@
|
|
|
11958
12986
|
|
|
11959
12987
|
.zx-root .zx-steps__root {
|
|
11960
12988
|
--steps-accent-ink: #3f2bcb;
|
|
12989
|
+
--steps-complete-ink: #322c99;
|
|
12990
|
+
--steps-complete-tint: #d2d9fb;
|
|
11961
12991
|
}
|
|
11962
12992
|
|
|
11963
12993
|
.zx-root.zx-theme-dark .zx-steps__root {
|
|
11964
12994
|
--steps-accent-ink: #6567ff;
|
|
12995
|
+
--steps-complete-ink: #8391ff;
|
|
12996
|
+
--steps-complete-tint: #283050;
|
|
11965
12997
|
}
|
|
11966
12998
|
|
|
11967
12999
|
.zx-root.zx-theme-dim .zx-steps__root {
|
|
11968
13000
|
--steps-accent-ink: #a0e791;
|
|
13001
|
+
--steps-complete-ink: #a5e0a6;
|
|
13002
|
+
--steps-complete-tint: #3f514d;
|
|
11969
13003
|
}
|
|
11970
13004
|
|
|
11971
13005
|
.zx-root.zx-theme-nord .zx-steps__root {
|
|
11972
13006
|
--steps-accent-ink: #5c7da6;
|
|
13007
|
+
--steps-complete-ink: #4f698a;
|
|
13008
|
+
--steps-complete-tint: #ced8e6;
|
|
11973
13009
|
}
|
|
11974
13010
|
|
|
11975
13011
|
.zx-root.zx-theme-sunset .zx-steps__root {
|
|
11976
13012
|
--steps-accent-ink: #fb8a62;
|
|
13013
|
+
--steps-complete-ink: #e79983;
|
|
13014
|
+
--steps-complete-tint: #3d312f;
|
|
11977
13015
|
}
|
|
11978
13016
|
|
|
11979
13017
|
.zx-steps__root {
|
|
11980
13018
|
display: flex;
|
|
11981
13019
|
align-items: stretch;
|
|
13020
|
+
flex-direction: row;
|
|
13021
|
+
overflow: visible;
|
|
11982
13022
|
}
|
|
11983
13023
|
|
|
11984
13024
|
.zx-steps__root.zx-o-vertical {
|
|
@@ -11998,6 +13038,7 @@
|
|
|
11998
13038
|
font-size: var(--steps-font);
|
|
11999
13039
|
cursor: pointer;
|
|
12000
13040
|
text-align: center;
|
|
13041
|
+
overflow: visible;
|
|
12001
13042
|
}
|
|
12002
13043
|
|
|
12003
13044
|
.zx-steps__item.zx-s-active {
|
|
@@ -12055,8 +13096,9 @@
|
|
|
12055
13096
|
}
|
|
12056
13097
|
|
|
12057
13098
|
.zx-steps__item.zx-f-focus-visible {
|
|
12058
|
-
outline:
|
|
13099
|
+
outline: none;
|
|
12059
13100
|
outline-offset: 2px;
|
|
13101
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
12060
13102
|
}
|
|
12061
13103
|
|
|
12062
13104
|
.zx-steps__item.zx-o-horizontal {
|
|
@@ -12080,8 +13122,8 @@
|
|
|
12080
13122
|
display: flex;
|
|
12081
13123
|
align-items: center;
|
|
12082
13124
|
justify-content: center;
|
|
12083
|
-
|
|
12084
|
-
|
|
13125
|
+
width: calc(var(--size-selector) * 7);
|
|
13126
|
+
height: calc(var(--size-selector) * 7);
|
|
12085
13127
|
border-radius: 9999px;
|
|
12086
13128
|
font-size: calc((var(--size-selector) * 7) * 0.45);
|
|
12087
13129
|
font-weight: var(--weight-semibold);
|
|
@@ -12093,26 +13135,26 @@
|
|
|
12093
13135
|
}
|
|
12094
13136
|
|
|
12095
13137
|
.zx-steps__indicator.zx-a-size-xs {
|
|
12096
|
-
|
|
12097
|
-
|
|
13138
|
+
width: calc(var(--size-selector) * 5);
|
|
13139
|
+
height: calc(var(--size-selector) * 5);
|
|
12098
13140
|
font-size: calc((var(--size-selector) * 5) * 0.45);
|
|
12099
13141
|
}
|
|
12100
13142
|
|
|
12101
13143
|
.zx-steps__indicator.zx-a-size-sm {
|
|
12102
|
-
|
|
12103
|
-
|
|
13144
|
+
width: calc(var(--size-selector) * 6);
|
|
13145
|
+
height: calc(var(--size-selector) * 6);
|
|
12104
13146
|
font-size: calc((var(--size-selector) * 6) * 0.45);
|
|
12105
13147
|
}
|
|
12106
13148
|
|
|
12107
13149
|
.zx-steps__indicator.zx-a-size-lg {
|
|
12108
|
-
|
|
12109
|
-
|
|
13150
|
+
width: calc(var(--size-selector) * 8);
|
|
13151
|
+
height: calc(var(--size-selector) * 8);
|
|
12110
13152
|
font-size: calc((var(--size-selector) * 8) * 0.45);
|
|
12111
13153
|
}
|
|
12112
13154
|
|
|
12113
13155
|
.zx-steps__indicator.zx-a-size-xl {
|
|
12114
|
-
|
|
12115
|
-
|
|
13156
|
+
width: calc(var(--size-selector) * 9);
|
|
13157
|
+
height: calc(var(--size-selector) * 9);
|
|
12116
13158
|
font-size: calc((var(--size-selector) * 9) * 0.45);
|
|
12117
13159
|
}
|
|
12118
13160
|
|
|
@@ -12122,6 +13164,7 @@
|
|
|
12122
13164
|
}
|
|
12123
13165
|
|
|
12124
13166
|
.zx-steps__indicator.zx-s-complete {
|
|
13167
|
+
background: var(--steps-complete-tint);
|
|
12125
13168
|
color: var(--steps-complete-ink);
|
|
12126
13169
|
}
|
|
12127
13170
|
|
|
@@ -12154,30 +13197,38 @@
|
|
|
12154
13197
|
}
|
|
12155
13198
|
|
|
12156
13199
|
.zx-steps__separator.zx-o-horizontal {
|
|
12157
|
-
|
|
12158
|
-
|
|
12159
|
-
top: calc(var(--space-xs) + (var(--size-selector) * 7) / 2);
|
|
12160
|
-
left: 50
|
|
13200
|
+
width: calc(100% - (var(--size-selector) * 7));
|
|
13201
|
+
height: var(--border);
|
|
13202
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
|
|
13203
|
+
left: calc(50% + (var(--size-selector) * 7) / 2);
|
|
12161
13204
|
}
|
|
12162
13205
|
|
|
12163
13206
|
.zx-steps__separator.zx-o-horizontal.zx-a-size-xs {
|
|
12164
|
-
|
|
13207
|
+
width: calc(100% - (var(--size-selector) * 5));
|
|
13208
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 5) - var(--border)) / 2);
|
|
13209
|
+
left: calc(50% + (var(--size-selector) * 5) / 2);
|
|
12165
13210
|
}
|
|
12166
13211
|
|
|
12167
13212
|
.zx-steps__separator.zx-o-horizontal.zx-a-size-sm {
|
|
12168
|
-
|
|
13213
|
+
width: calc(100% - (var(--size-selector) * 6));
|
|
13214
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 6) - var(--border)) / 2);
|
|
13215
|
+
left: calc(50% + (var(--size-selector) * 6) / 2);
|
|
12169
13216
|
}
|
|
12170
13217
|
|
|
12171
13218
|
.zx-steps__separator.zx-o-horizontal.zx-a-size-lg {
|
|
12172
|
-
|
|
13219
|
+
width: calc(100% - (var(--size-selector) * 8));
|
|
13220
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 8) - var(--border)) / 2);
|
|
13221
|
+
left: calc(50% + (var(--size-selector) * 8) / 2);
|
|
12173
13222
|
}
|
|
12174
13223
|
|
|
12175
13224
|
.zx-steps__separator.zx-o-horizontal.zx-a-size-xl {
|
|
12176
|
-
|
|
13225
|
+
width: calc(100% - (var(--size-selector) * 9));
|
|
13226
|
+
top: calc(var(--space-xs) + ((var(--size-selector) * 9) - var(--border)) / 2);
|
|
13227
|
+
left: calc(50% + (var(--size-selector) * 9) / 2);
|
|
12177
13228
|
}
|
|
12178
13229
|
|
|
12179
13230
|
.zx-steps__separator.zx-o-vertical {
|
|
12180
|
-
|
|
13231
|
+
width: var(--border);
|
|
12181
13232
|
left: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
|
|
12182
13233
|
top: calc(var(--space-xs) + (var(--size-selector) * 7));
|
|
12183
13234
|
bottom: calc(var(--space-xs) * -1);
|
|
@@ -12256,6 +13307,11 @@
|
|
|
12256
13307
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
12257
13308
|
flex: 0 0 auto;
|
|
12258
13309
|
align-self: flex-start;
|
|
13310
|
+
padding-left: calc(var(--size-field) * 4);
|
|
13311
|
+
padding-right: calc(var(--size-field) * 4);
|
|
13312
|
+
width: max-content;
|
|
13313
|
+
flex-shrink: 0;
|
|
13314
|
+
flex-wrap: nowrap;
|
|
12259
13315
|
}
|
|
12260
13316
|
|
|
12261
13317
|
.zx-steps__prev-trigger.zx-f-disabled {
|
|
@@ -12264,8 +13320,15 @@
|
|
|
12264
13320
|
}
|
|
12265
13321
|
|
|
12266
13322
|
.zx-steps__prev-trigger.zx-f-focus-visible {
|
|
12267
|
-
outline:
|
|
13323
|
+
outline: none;
|
|
12268
13324
|
outline-offset: 2px;
|
|
13325
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13326
|
+
}
|
|
13327
|
+
|
|
13328
|
+
.zx-steps__prev-trigger.zx-f-pressed {
|
|
13329
|
+
background: var(--color-base-300);
|
|
13330
|
+
transform: translateY(1px);
|
|
13331
|
+
box-shadow: none;
|
|
12269
13332
|
}
|
|
12270
13333
|
|
|
12271
13334
|
.zx-steps__prev-trigger.zx-f-pressed {
|
|
@@ -12290,6 +13353,12 @@
|
|
|
12290
13353
|
transition: background var(--duration-normal) var(--ease-standard);
|
|
12291
13354
|
flex: 0 0 auto;
|
|
12292
13355
|
align-self: flex-start;
|
|
13356
|
+
padding-left: calc(var(--size-field) * 4);
|
|
13357
|
+
padding-right: calc(var(--size-field) * 4);
|
|
13358
|
+
width: max-content;
|
|
13359
|
+
flex-shrink: 0;
|
|
13360
|
+
flex-wrap: nowrap;
|
|
13361
|
+
margin-left: auto;
|
|
12293
13362
|
}
|
|
12294
13363
|
|
|
12295
13364
|
.zx-steps__next-trigger.zx-f-disabled {
|
|
@@ -12298,8 +13367,15 @@
|
|
|
12298
13367
|
}
|
|
12299
13368
|
|
|
12300
13369
|
.zx-steps__next-trigger.zx-f-focus-visible {
|
|
12301
|
-
outline:
|
|
13370
|
+
outline: none;
|
|
12302
13371
|
outline-offset: 2px;
|
|
13372
|
+
box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
|
|
13373
|
+
}
|
|
13374
|
+
|
|
13375
|
+
.zx-steps__next-trigger.zx-f-pressed {
|
|
13376
|
+
background: var(--color-base-300);
|
|
13377
|
+
transform: translateY(1px);
|
|
13378
|
+
box-shadow: none;
|
|
12303
13379
|
}
|
|
12304
13380
|
|
|
12305
13381
|
.zx-steps__next-trigger.zx-f-pressed {
|
|
@@ -12314,26 +13390,31 @@
|
|
|
12314
13390
|
.zx-root .zx-steps__item.zx-a-color-primary {
|
|
12315
13391
|
--steps-accent-ink: #3f2bcb;
|
|
12316
13392
|
--steps-complete-ink: #322c99;
|
|
13393
|
+
--steps-complete-tint: #d2d9fb;
|
|
12317
13394
|
}
|
|
12318
13395
|
|
|
12319
13396
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-primary {
|
|
12320
13397
|
--steps-accent-ink: #6567ff;
|
|
12321
13398
|
--steps-complete-ink: #8391ff;
|
|
13399
|
+
--steps-complete-tint: #283050;
|
|
12322
13400
|
}
|
|
12323
13401
|
|
|
12324
13402
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-primary {
|
|
12325
13403
|
--steps-accent-ink: #a0e791;
|
|
12326
13404
|
--steps-complete-ink: #a5e0a6;
|
|
13405
|
+
--steps-complete-tint: #3f514d;
|
|
12327
13406
|
}
|
|
12328
13407
|
|
|
12329
13408
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-primary {
|
|
12330
13409
|
--steps-accent-ink: #5c7da6;
|
|
12331
13410
|
--steps-complete-ink: #4f698a;
|
|
13411
|
+
--steps-complete-tint: #ced8e6;
|
|
12332
13412
|
}
|
|
12333
13413
|
|
|
12334
13414
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-primary {
|
|
12335
13415
|
--steps-accent-ink: #fb8a62;
|
|
12336
13416
|
--steps-complete-ink: #e79983;
|
|
13417
|
+
--steps-complete-tint: #3d312f;
|
|
12337
13418
|
}
|
|
12338
13419
|
|
|
12339
13420
|
.zx-steps__item.zx-a-color-secondary {
|
|
@@ -12344,26 +13425,31 @@
|
|
|
12344
13425
|
.zx-root .zx-steps__item.zx-a-color-secondary {
|
|
12345
13426
|
--steps-accent-ink: #ad316f;
|
|
12346
13427
|
--steps-complete-ink: #ad316f;
|
|
13428
|
+
--steps-complete-tint: #ffdbea;
|
|
12347
13429
|
}
|
|
12348
13430
|
|
|
12349
13431
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-secondary {
|
|
12350
13432
|
--steps-accent-ink: #fa7cb6;
|
|
12351
13433
|
--steps-complete-ink: #fa7cb6;
|
|
13434
|
+
--steps-complete-tint: #462c3e;
|
|
12352
13435
|
}
|
|
12353
13436
|
|
|
12354
13437
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-secondary {
|
|
12355
13438
|
--steps-accent-ink: #ed9984;
|
|
12356
13439
|
--steps-complete-ink: #ed9984;
|
|
13440
|
+
--steps-complete-tint: #524145;
|
|
12357
13441
|
}
|
|
12358
13442
|
|
|
12359
13443
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-secondary {
|
|
12360
13444
|
--steps-accent-ink: #677e98;
|
|
12361
13445
|
--steps-complete-ink: #677e98;
|
|
13446
|
+
--steps-complete-tint: #d6dfea;
|
|
12362
13447
|
}
|
|
12363
13448
|
|
|
12364
13449
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-secondary {
|
|
12365
13450
|
--steps-accent-ink: #e68aac;
|
|
12366
13451
|
--steps-complete-ink: #e68aac;
|
|
13452
|
+
--steps-complete-tint: #3d2d38;
|
|
12367
13453
|
}
|
|
12368
13454
|
|
|
12369
13455
|
.zx-steps__item.zx-a-color-accent {
|
|
@@ -12374,26 +13460,31 @@
|
|
|
12374
13460
|
.zx-root .zx-steps__item.zx-a-color-accent {
|
|
12375
13461
|
--steps-accent-ink: #2b786d;
|
|
12376
13462
|
--steps-complete-ink: #2b786d;
|
|
13463
|
+
--steps-complete-tint: #ddf7f1;
|
|
12377
13464
|
}
|
|
12378
13465
|
|
|
12379
13466
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-accent {
|
|
12380
13467
|
--steps-accent-ink: #93e5d9;
|
|
12381
13468
|
--steps-complete-ink: #93e5d9;
|
|
13469
|
+
--steps-complete-tint: #264244;
|
|
12382
13470
|
}
|
|
12383
13471
|
|
|
12384
13472
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-accent {
|
|
12385
13473
|
--steps-accent-ink: #bfade1;
|
|
12386
13474
|
--steps-complete-ink: #bfade1;
|
|
13475
|
+
--steps-complete-tint: #47425b;
|
|
12387
13476
|
}
|
|
12388
13477
|
|
|
12389
13478
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-accent {
|
|
12390
13479
|
--steps-accent-ink: #5e7d8c;
|
|
12391
13480
|
--steps-complete-ink: #5e7d8c;
|
|
13481
|
+
--steps-complete-tint: #d8e6ed;
|
|
12392
13482
|
}
|
|
12393
13483
|
|
|
12394
13484
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-accent {
|
|
12395
13485
|
--steps-accent-ink: #ab9fe8;
|
|
12396
13486
|
--steps-complete-ink: #ab9fe8;
|
|
13487
|
+
--steps-complete-tint: #2e3047;
|
|
12397
13488
|
}
|
|
12398
13489
|
|
|
12399
13490
|
.zx-steps__item.zx-a-color-neutral {
|
|
@@ -12404,26 +13495,31 @@
|
|
|
12404
13495
|
.zx-root .zx-steps__item.zx-a-color-neutral {
|
|
12405
13496
|
--steps-accent-ink: #121214;
|
|
12406
13497
|
--steps-complete-ink: #121214;
|
|
13498
|
+
--steps-complete-tint: #c6c6c7;
|
|
12407
13499
|
}
|
|
12408
13500
|
|
|
12409
13501
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-neutral {
|
|
12410
13502
|
--steps-accent-ink: #878e92;
|
|
12411
13503
|
--steps-complete-ink: #878e92;
|
|
13504
|
+
--steps-complete-tint: #191e23;
|
|
12412
13505
|
}
|
|
12413
13506
|
|
|
12414
13507
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-neutral {
|
|
12415
13508
|
--steps-accent-ink: #71828c;
|
|
12416
13509
|
--steps-complete-ink: #71828c;
|
|
13510
|
+
--steps-complete-tint: #272d39;
|
|
12417
13511
|
}
|
|
12418
13512
|
|
|
12419
13513
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-neutral {
|
|
12420
13514
|
--steps-accent-ink: #3a4150;
|
|
12421
13515
|
--steps-complete-ink: #3a4150;
|
|
13516
|
+
--steps-complete-tint: #caced7;
|
|
12422
13517
|
}
|
|
12423
13518
|
|
|
12424
13519
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-neutral {
|
|
12425
13520
|
--steps-accent-ink: #667a8a;
|
|
12426
13521
|
--steps-complete-ink: #667a8a;
|
|
13522
|
+
--steps-complete-tint: #141e24;
|
|
12427
13523
|
}
|
|
12428
13524
|
|
|
12429
13525
|
.zx-steps__item.zx-a-color-info {
|
|
@@ -12434,26 +13530,31 @@
|
|
|
12434
13530
|
.zx-root .zx-steps__item.zx-a-color-info {
|
|
12435
13531
|
--steps-accent-ink: #2685b3;
|
|
12436
13532
|
--steps-complete-ink: #2685b3;
|
|
13533
|
+
--steps-complete-tint: #dbf2ff;
|
|
12437
13534
|
}
|
|
12438
13535
|
|
|
12439
13536
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-info {
|
|
12440
13537
|
--steps-accent-ink: #70ceff;
|
|
12441
13538
|
--steps-complete-ink: #70ceff;
|
|
13539
|
+
--steps-complete-tint: #253e4f;
|
|
12442
13540
|
}
|
|
12443
13541
|
|
|
12444
13542
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-info {
|
|
12445
13543
|
--steps-accent-ink: #6ce2f3;
|
|
12446
13544
|
--steps-complete-ink: #6ce2f3;
|
|
13545
|
+
--steps-complete-tint: #34515f;
|
|
12447
13546
|
}
|
|
12448
13547
|
|
|
12449
13548
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-info {
|
|
12450
13549
|
--steps-accent-ink: #89728a;
|
|
12451
13550
|
--steps-complete-ink: #89728a;
|
|
13551
|
+
--steps-complete-tint: #e1dbe6;
|
|
12452
13552
|
}
|
|
12453
13553
|
|
|
12454
13554
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-info {
|
|
12455
13555
|
--steps-accent-ink: #91d4e3;
|
|
12456
13556
|
--steps-complete-ink: #91d4e3;
|
|
13557
|
+
--steps-complete-tint: #273e45;
|
|
12457
13558
|
}
|
|
12458
13559
|
|
|
12459
13560
|
.zx-steps__item.zx-a-color-success {
|
|
@@ -12464,26 +13565,31 @@
|
|
|
12464
13565
|
.zx-root .zx-steps__item.zx-a-color-success {
|
|
12465
13566
|
--steps-accent-ink: #2a7858;
|
|
12466
13567
|
--steps-complete-ink: #2a7858;
|
|
13568
|
+
--steps-complete-tint: #ddf7e8;
|
|
12467
13569
|
}
|
|
12468
13570
|
|
|
12469
13571
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-success {
|
|
12470
13572
|
--steps-accent-ink: #92e5c2;
|
|
12471
13573
|
--steps-complete-ink: #92e5c2;
|
|
13574
|
+
--steps-complete-tint: #26423d;
|
|
12472
13575
|
}
|
|
12473
13576
|
|
|
12474
13577
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-success {
|
|
12475
13578
|
--steps-accent-ink: #8ee0c9;
|
|
12476
13579
|
--steps-complete-ink: #8ee0c9;
|
|
13580
|
+
--steps-complete-tint: #385254;
|
|
12477
13581
|
}
|
|
12478
13582
|
|
|
12479
13583
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-success {
|
|
12480
13584
|
--steps-accent-ink: #6b7d6a;
|
|
12481
13585
|
--steps-complete-ink: #6b7d6a;
|
|
13586
|
+
--steps-complete-tint: #dde5df;
|
|
12482
13587
|
}
|
|
12483
13588
|
|
|
12484
13589
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-success {
|
|
12485
13590
|
--steps-accent-ink: #a6cebe;
|
|
12486
13591
|
--steps-complete-ink: #a6cebe;
|
|
13592
|
+
--steps-complete-tint: #2c3e3b;
|
|
12487
13593
|
}
|
|
12488
13594
|
|
|
12489
13595
|
.zx-steps__item.zx-a-color-warning {
|
|
@@ -12494,26 +13600,31 @@
|
|
|
12494
13600
|
.zx-root .zx-steps__item.zx-a-color-warning {
|
|
12495
13601
|
--steps-accent-ink: #755a2b;
|
|
12496
13602
|
--steps-complete-ink: #755a2b;
|
|
13603
|
+
--steps-complete-tint: #fff2da;
|
|
12497
13604
|
}
|
|
12498
13605
|
|
|
12499
13606
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-warning {
|
|
12500
13607
|
--steps-accent-ink: #f5ddac;
|
|
12501
13608
|
--steps-complete-ink: #f5ddac;
|
|
13609
|
+
--steps-complete-tint: #443e32;
|
|
12502
13610
|
}
|
|
12503
13611
|
|
|
12504
13612
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-warning {
|
|
12505
13613
|
--steps-accent-ink: #cecfa6;
|
|
12506
13614
|
--steps-complete-ink: #cecfa6;
|
|
13615
|
+
--steps-complete-tint: #4d4e47;
|
|
12507
13616
|
}
|
|
12508
13617
|
|
|
12509
13618
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-warning {
|
|
12510
13619
|
--steps-accent-ink: #7d7463;
|
|
12511
13620
|
--steps-complete-ink: #7d7463;
|
|
13621
|
+
--steps-complete-tint: #ece8e0;
|
|
12512
13622
|
}
|
|
12513
13623
|
|
|
12514
13624
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-warning {
|
|
12515
13625
|
--steps-accent-ink: #c5c1b7;
|
|
12516
13626
|
--steps-complete-ink: #c5c1b7;
|
|
13627
|
+
--steps-complete-tint: #383a37;
|
|
12517
13628
|
}
|
|
12518
13629
|
|
|
12519
13630
|
.zx-steps__item.zx-a-color-error {
|
|
@@ -12524,26 +13635,31 @@
|
|
|
12524
13635
|
.zx-root .zx-steps__item.zx-a-color-error {
|
|
12525
13636
|
--steps-accent-ink: #d9576d;
|
|
12526
13637
|
--steps-complete-ink: #b34d5e;
|
|
13638
|
+
--steps-complete-tint: #ffe2e4;
|
|
12527
13639
|
}
|
|
12528
13640
|
|
|
12529
13641
|
.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-error {
|
|
12530
13642
|
--steps-accent-ink: #ff7d90;
|
|
12531
13643
|
--steps-complete-ink: #ff95a3;
|
|
13644
|
+
--steps-complete-tint: #47323a;
|
|
12532
13645
|
}
|
|
12533
13646
|
|
|
12534
13647
|
.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-error {
|
|
12535
13648
|
--steps-accent-ink: #f5b3a4;
|
|
12536
13649
|
--steps-complete-ink: #eab8ad;
|
|
13650
|
+
--steps-complete-tint: #51484f;
|
|
12537
13651
|
}
|
|
12538
13652
|
|
|
12539
13653
|
.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-error {
|
|
12540
13654
|
--steps-accent-ink: #a85b64;
|
|
12541
13655
|
--steps-complete-ink: #92555e;
|
|
13656
|
+
--steps-complete-tint: #e6d2d7;
|
|
12542
13657
|
}
|
|
12543
13658
|
|
|
12544
13659
|
.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-error {
|
|
12545
13660
|
--steps-accent-ink: #f2bbc0;
|
|
12546
13661
|
--steps-complete-ink: #e4bbc3;
|
|
13662
|
+
--steps-complete-tint: #3b383e;
|
|
12547
13663
|
}
|
|
12548
13664
|
|
|
12549
13665
|
.zx-steps__root.zx-a-size-xs {
|
|
@@ -12553,6 +13669,10 @@
|
|
|
12553
13669
|
.zx-steps__root.zx-a-size-xl {
|
|
12554
13670
|
--steps-font: var(--text-md);
|
|
12555
13671
|
}
|
|
13672
|
+
.zx-steps__root.zx-m-wizard {
|
|
13673
|
+
flex-wrap: wrap;
|
|
13674
|
+
row-gap: var(--space-md);
|
|
13675
|
+
}
|
|
12556
13676
|
|
|
12557
13677
|
.zx-drawer__trigger {
|
|
12558
13678
|
appearance: none;
|
|
@@ -12596,8 +13716,8 @@
|
|
|
12596
13716
|
border-radius: var(--radius-box);
|
|
12597
13717
|
box-shadow: var(--shadow-xl);
|
|
12598
13718
|
box-sizing: border-box;
|
|
12599
|
-
|
|
12600
|
-
max-
|
|
13719
|
+
width: 100%;
|
|
13720
|
+
max-width: var(--l-measure);
|
|
12601
13721
|
}
|
|
12602
13722
|
|
|
12603
13723
|
.zx-drawer__panel.zx-s-open {
|
|
@@ -12621,8 +13741,8 @@
|
|
|
12621
13741
|
opacity: 1;
|
|
12622
13742
|
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;
|
|
12623
13743
|
position: fixed;
|
|
12624
|
-
|
|
12625
|
-
max-
|
|
13744
|
+
height: 100dvh;
|
|
13745
|
+
max-height: 100dvh;
|
|
12626
13746
|
margin: 0;
|
|
12627
13747
|
border-radius: 0;
|
|
12628
13748
|
}
|
|
@@ -12632,15 +13752,15 @@
|
|
|
12632
13752
|
}
|
|
12633
13753
|
|
|
12634
13754
|
.zx-drawer__panel.zx-p-top.zx-l-dock-sheet {
|
|
12635
|
-
|
|
12636
|
-
max-
|
|
13755
|
+
height: auto;
|
|
13756
|
+
max-height: 85dvh;
|
|
12637
13757
|
border-end-start-radius: var(--radius-box);
|
|
12638
13758
|
border-end-end-radius: var(--radius-box);
|
|
12639
13759
|
}
|
|
12640
13760
|
|
|
12641
13761
|
.zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet {
|
|
12642
|
-
|
|
12643
|
-
max-
|
|
13762
|
+
height: auto;
|
|
13763
|
+
max-height: 85dvh;
|
|
12644
13764
|
border-start-start-radius: var(--radius-box);
|
|
12645
13765
|
border-start-end-radius: var(--radius-box);
|
|
12646
13766
|
}
|
|
@@ -12821,7 +13941,7 @@
|
|
|
12821
13941
|
|
|
12822
13942
|
.zx-table__table {
|
|
12823
13943
|
border-collapse: collapse;
|
|
12824
|
-
|
|
13944
|
+
width: 100%;
|
|
12825
13945
|
font-size: var(--table-font);
|
|
12826
13946
|
color: var(--color-base-content);
|
|
12827
13947
|
}
|
|
@@ -13619,8 +14739,8 @@
|
|
|
13619
14739
|
.zx-carousel__prev-trigger {
|
|
13620
14740
|
appearance: none;
|
|
13621
14741
|
position: absolute;
|
|
13622
|
-
|
|
13623
|
-
|
|
14742
|
+
width: var(--carousel-nav);
|
|
14743
|
+
height: var(--carousel-nav);
|
|
13624
14744
|
display: grid;
|
|
13625
14745
|
place-items: center;
|
|
13626
14746
|
font-size: var(--text-sm);
|
|
@@ -13648,8 +14768,8 @@
|
|
|
13648
14768
|
.zx-carousel__next-trigger {
|
|
13649
14769
|
appearance: none;
|
|
13650
14770
|
position: absolute;
|
|
13651
|
-
|
|
13652
|
-
|
|
14771
|
+
width: var(--carousel-nav);
|
|
14772
|
+
height: var(--carousel-nav);
|
|
13653
14773
|
display: grid;
|
|
13654
14774
|
place-items: center;
|
|
13655
14775
|
font-size: var(--text-sm);
|
|
@@ -14332,7 +15452,7 @@
|
|
|
14332
15452
|
}
|
|
14333
15453
|
|
|
14334
15454
|
.zx-diff__handle {
|
|
14335
|
-
|
|
15455
|
+
width: var(--diff-hit);
|
|
14336
15456
|
display: grid;
|
|
14337
15457
|
place-items: center;
|
|
14338
15458
|
cursor: ew-resize;
|