@1337exp/taoui 1.1.0 → 1.2.2
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/README.md +29 -12
- package/dist/index.cjs +1407 -535
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +391 -200
- package/dist/index.mjs +1408 -536
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +633 -326
- package/package.json +1 -1
- package/src/styles/base.css +10 -0
- package/src/styles/semantic.css +3 -1
- package/src/styles/themes/light.css +3 -1
- package/src/styles/variables.css +0 -77
package/dist/styles.css
CHANGED
|
@@ -95,33 +95,33 @@ to {
|
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
.tao-block[data-v-
|
|
98
|
+
.tao-block[data-v-feb87e36] {
|
|
99
99
|
background: var(--tao-color-surface);
|
|
100
100
|
color: var(--tao-color-text);
|
|
101
101
|
transition: var(--tao-transition-base);
|
|
102
102
|
}
|
|
103
|
-
.tao-block--shadow[data-v-
|
|
103
|
+
.tao-block--shadow[data-v-feb87e36] {
|
|
104
104
|
box-shadow: var(--tao-shadow-panel);
|
|
105
105
|
}
|
|
106
|
-
.tao-block--hover[data-v-
|
|
106
|
+
.tao-block--hover[data-v-feb87e36] {
|
|
107
107
|
cursor: pointer;
|
|
108
108
|
}
|
|
109
|
-
.tao-block--hover[data-v-
|
|
109
|
+
.tao-block--hover[data-v-feb87e36]:hover {
|
|
110
110
|
box-shadow: var(--tao-shadow-md);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
.tao-input-wrapper[data-v-
|
|
113
|
+
.tao-input-wrapper[data-v-b522e041] {
|
|
114
114
|
display: flex;
|
|
115
115
|
flex-direction: column;
|
|
116
116
|
gap: var(--tao-space-1);
|
|
117
117
|
width: 100%;
|
|
118
118
|
}
|
|
119
|
-
.tao-input__label[data-v-
|
|
119
|
+
.tao-input__label[data-v-b522e041] {
|
|
120
120
|
font-size: var(--tao-font-size-sm);
|
|
121
121
|
color: var(--tao-color-text);
|
|
122
122
|
font-weight: 500;
|
|
123
123
|
}
|
|
124
|
-
.tao-input-shell[data-v-
|
|
124
|
+
.tao-input-shell[data-v-b522e041] {
|
|
125
125
|
display: flex;
|
|
126
126
|
align-items: center;
|
|
127
127
|
width: 100%;
|
|
@@ -132,7 +132,7 @@ to {
|
|
|
132
132
|
color: var(--tao-color-input-text);
|
|
133
133
|
transition: var(--tao-transition-base);
|
|
134
134
|
}
|
|
135
|
-
.tao-input[data-v-
|
|
135
|
+
.tao-input[data-v-b522e041] {
|
|
136
136
|
flex: 1 1 auto;
|
|
137
137
|
min-width: 0;
|
|
138
138
|
width: 100%;
|
|
@@ -146,38 +146,38 @@ to {
|
|
|
146
146
|
font-family: inherit;
|
|
147
147
|
line-height: 1.25;
|
|
148
148
|
}
|
|
149
|
-
.tao-input-shell--prefix .tao-input[data-v-
|
|
149
|
+
.tao-input-shell--prefix .tao-input[data-v-b522e041] {
|
|
150
150
|
padding-left: 0;
|
|
151
151
|
}
|
|
152
|
-
.tao-input-shell--suffix .tao-input[data-v-
|
|
152
|
+
.tao-input-shell--suffix .tao-input[data-v-b522e041] {
|
|
153
153
|
padding-right: 0;
|
|
154
154
|
}
|
|
155
|
-
.tao-input[data-v-
|
|
155
|
+
.tao-input[data-v-b522e041]::placeholder {
|
|
156
156
|
color: var(--tao-color-input-placeholder);
|
|
157
157
|
}
|
|
158
|
-
.tao-input[data-v-
|
|
158
|
+
.tao-input[data-v-b522e041]:focus {
|
|
159
159
|
outline: none;
|
|
160
160
|
}
|
|
161
|
-
.tao-input-shell--focused[data-v-
|
|
161
|
+
.tao-input-shell--focused[data-v-b522e041] {
|
|
162
162
|
border-color: var(--tao-color-accent);
|
|
163
163
|
box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
|
|
164
164
|
}
|
|
165
|
-
.tao-input-shell--disabled[data-v-
|
|
165
|
+
.tao-input-shell--disabled[data-v-b522e041] {
|
|
166
166
|
opacity: 0.6;
|
|
167
167
|
cursor: not-allowed;
|
|
168
168
|
color: var(--tao-color-input-disabled-text);
|
|
169
169
|
background: var(--tao-color-input-disabled-bg);
|
|
170
170
|
}
|
|
171
|
-
.tao-input[data-v-
|
|
171
|
+
.tao-input[data-v-b522e041]:disabled {
|
|
172
172
|
cursor: not-allowed;
|
|
173
173
|
}
|
|
174
|
-
.tao-input-shell--invalid[data-v-
|
|
174
|
+
.tao-input-shell--invalid[data-v-b522e041] {
|
|
175
175
|
border-color: var(--tao-color-danger);
|
|
176
176
|
}
|
|
177
|
-
.tao-input-shell--invalid.tao-input-shell--focused[data-v-
|
|
177
|
+
.tao-input-shell--invalid.tao-input-shell--focused[data-v-b522e041] {
|
|
178
178
|
box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
|
|
179
179
|
}
|
|
180
|
-
.tao-input__affix[data-v-
|
|
180
|
+
.tao-input__affix[data-v-b522e041] {
|
|
181
181
|
display: inline-flex;
|
|
182
182
|
flex: 0 0 auto;
|
|
183
183
|
align-items: center;
|
|
@@ -188,20 +188,20 @@ to {
|
|
|
188
188
|
line-height: 1;
|
|
189
189
|
white-space: nowrap;
|
|
190
190
|
}
|
|
191
|
-
.tao-input__affix--prefix[data-v-
|
|
191
|
+
.tao-input__affix--prefix[data-v-b522e041] {
|
|
192
192
|
padding-left: var(--tao-space-3);
|
|
193
193
|
padding-right: var(--tao-space-2);
|
|
194
194
|
}
|
|
195
|
-
.tao-input__affix--suffix[data-v-
|
|
195
|
+
.tao-input__affix--suffix[data-v-b522e041] {
|
|
196
196
|
padding-right: var(--tao-space-3);
|
|
197
197
|
padding-left: var(--tao-space-2);
|
|
198
198
|
}
|
|
199
|
-
.tao-input__affix[data-v-
|
|
199
|
+
.tao-input__affix[data-v-b522e041] svg {
|
|
200
200
|
display: block;
|
|
201
201
|
width: 16px;
|
|
202
202
|
height: 16px;
|
|
203
203
|
}
|
|
204
|
-
.tao-input__affix[data-v-
|
|
204
|
+
.tao-input__affix[data-v-b522e041] button {
|
|
205
205
|
display: inline-flex;
|
|
206
206
|
align-items: center;
|
|
207
207
|
justify-content: center;
|
|
@@ -214,14 +214,14 @@ to {
|
|
|
214
214
|
line-height: 1;
|
|
215
215
|
cursor: pointer;
|
|
216
216
|
}
|
|
217
|
-
.tao-input__affix[data-v-
|
|
217
|
+
.tao-input__affix[data-v-b522e041] button:hover {
|
|
218
218
|
color: var(--tao-color-text-strong);
|
|
219
219
|
}
|
|
220
|
-
.tao-input__affix[data-v-
|
|
220
|
+
.tao-input__affix[data-v-b522e041] button:focus-visible {
|
|
221
221
|
outline: 2px solid var(--tao-color-accent);
|
|
222
222
|
outline-offset: 2px;
|
|
223
223
|
}
|
|
224
|
-
.tao-input__error[data-v-
|
|
224
|
+
.tao-input__error[data-v-b522e041] {
|
|
225
225
|
font-size: var(--tao-font-size-xs);
|
|
226
226
|
color: var(--tao-color-danger);
|
|
227
227
|
}
|
|
@@ -493,68 +493,68 @@ to {
|
|
|
493
493
|
box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
|
|
494
494
|
}
|
|
495
495
|
|
|
496
|
-
.tao-card[data-v-
|
|
496
|
+
.tao-card[data-v-2ff3d055] {
|
|
497
497
|
width: 100%;
|
|
498
498
|
background: var(--tao-color-surface-raised);
|
|
499
499
|
color: var(--tao-color-text);
|
|
500
500
|
transition: var(--tao-transition-base);
|
|
501
501
|
}
|
|
502
|
-
.tao-card--overflow[data-v-
|
|
502
|
+
.tao-card--overflow[data-v-2ff3d055] {
|
|
503
503
|
overflow: visible;
|
|
504
504
|
}
|
|
505
|
-
.tao-card[data-v-
|
|
505
|
+
.tao-card[data-v-2ff3d055]:not(.tao-card--overflow) {
|
|
506
506
|
overflow: hidden;
|
|
507
507
|
}
|
|
508
|
-
.tao-card--shadow[data-v-
|
|
508
|
+
.tao-card--shadow[data-v-2ff3d055] {
|
|
509
509
|
box-shadow: var(--tao-shadow-panel);
|
|
510
510
|
}
|
|
511
|
-
.tao-card--shadow-bottom[data-v-
|
|
511
|
+
.tao-card--shadow-bottom[data-v-2ff3d055] {
|
|
512
512
|
box-shadow: 0 1px 0 0 var(--tao-color-border-strong);
|
|
513
513
|
}
|
|
514
|
-
.tao-card--hover[data-v-
|
|
514
|
+
.tao-card--hover[data-v-2ff3d055] {
|
|
515
515
|
cursor: pointer;
|
|
516
516
|
}
|
|
517
|
-
.tao-card--hover[data-v-
|
|
518
|
-
.tao-card--hover.tao-card--active[data-v-
|
|
517
|
+
.tao-card--hover[data-v-2ff3d055]:hover,
|
|
518
|
+
.tao-card--hover.tao-card--active[data-v-2ff3d055] {
|
|
519
519
|
box-shadow: 0 0 0 1px var(--tao-color-accent), var(--tao-shadow-lg);
|
|
520
520
|
}
|
|
521
|
-
.tao-card__cover[data-v-
|
|
521
|
+
.tao-card__cover[data-v-2ff3d055] {
|
|
522
522
|
overflow: hidden;
|
|
523
523
|
}
|
|
524
|
-
.tao-card__content[data-v-
|
|
524
|
+
.tao-card__content[data-v-2ff3d055] {
|
|
525
525
|
display: flex;
|
|
526
526
|
flex-direction: column;
|
|
527
527
|
gap: var(--tao-space-3);
|
|
528
528
|
}
|
|
529
|
-
.tao-card__header-title[data-v-
|
|
529
|
+
.tao-card__header-title[data-v-2ff3d055] {
|
|
530
530
|
margin: 0 0 var(--tao-space-5);
|
|
531
531
|
font-weight: 500;
|
|
532
532
|
text-align: center;
|
|
533
533
|
color: var(--tao-color-text-strong);
|
|
534
534
|
}
|
|
535
|
-
.tao-card__header[data-v-
|
|
535
|
+
.tao-card__header[data-v-2ff3d055] {
|
|
536
536
|
margin-top: -6px;
|
|
537
537
|
padding: 2px 0 var(--tao-space-2);
|
|
538
538
|
font-size: var(--tao-font-size-sm);
|
|
539
539
|
font-weight: 700;
|
|
540
540
|
}
|
|
541
|
-
.tao-card__header--between[data-v-
|
|
541
|
+
.tao-card__header--between[data-v-2ff3d055] {
|
|
542
542
|
display: flex;
|
|
543
543
|
justify-content: space-between;
|
|
544
544
|
}
|
|
545
|
-
.tao-card__title[data-v-
|
|
545
|
+
.tao-card__title[data-v-2ff3d055] {
|
|
546
546
|
margin: 0 0 2px;
|
|
547
547
|
color: var(--tao-color-text-strong);
|
|
548
548
|
}
|
|
549
|
-
.tao-card__sub[data-v-
|
|
549
|
+
.tao-card__sub[data-v-2ff3d055] {
|
|
550
550
|
font-size: var(--tao-font-size-xs);
|
|
551
551
|
color: var(--tao-color-text-muted);
|
|
552
552
|
}
|
|
553
|
-
.tao-card__body[data-v-
|
|
553
|
+
.tao-card__body[data-v-2ff3d055] {
|
|
554
554
|
font-size: var(--tao-font-size-md);
|
|
555
555
|
}
|
|
556
556
|
|
|
557
|
-
.tao-modal-overlay[data-v-
|
|
557
|
+
.tao-modal-overlay[data-v-0cffe849] {
|
|
558
558
|
position: fixed;
|
|
559
559
|
inset: 0;
|
|
560
560
|
background: var(--tao-color-overlay);
|
|
@@ -564,7 +564,7 @@ to {
|
|
|
564
564
|
z-index: 1000;
|
|
565
565
|
padding: var(--tao-space-5);
|
|
566
566
|
}
|
|
567
|
-
.tao-modal[data-v-
|
|
567
|
+
.tao-modal[data-v-0cffe849] {
|
|
568
568
|
background: var(--tao-color-surface-raised);
|
|
569
569
|
border-radius: var(--tao-radius-panel);
|
|
570
570
|
max-width: 500px;
|
|
@@ -573,27 +573,27 @@ to {
|
|
|
573
573
|
overflow-y: auto;
|
|
574
574
|
box-shadow: var(--tao-shadow-overlay);
|
|
575
575
|
}
|
|
576
|
-
.tao-modal[data-v-
|
|
576
|
+
.tao-modal[data-v-0cffe849]:focus {
|
|
577
577
|
outline: none;
|
|
578
578
|
}
|
|
579
|
-
.tao-modal[data-v-
|
|
579
|
+
.tao-modal[data-v-0cffe849]:focus-visible {
|
|
580
580
|
outline: 2px solid var(--tao-color-accent);
|
|
581
581
|
outline-offset: 2px;
|
|
582
582
|
}
|
|
583
|
-
.tao-modal__header[data-v-
|
|
583
|
+
.tao-modal__header[data-v-0cffe849] {
|
|
584
584
|
display: flex;
|
|
585
585
|
align-items: center;
|
|
586
586
|
justify-content: space-between;
|
|
587
587
|
padding: var(--tao-space-4) var(--tao-space-5);
|
|
588
588
|
border-bottom: 1px solid var(--tao-color-border);
|
|
589
589
|
}
|
|
590
|
-
.tao-modal__title[data-v-
|
|
590
|
+
.tao-modal__title[data-v-0cffe849] {
|
|
591
591
|
margin: 0;
|
|
592
592
|
font-size: var(--tao-font-size-xl);
|
|
593
593
|
font-weight: 600;
|
|
594
594
|
color: var(--tao-color-text-strong);
|
|
595
595
|
}
|
|
596
|
-
.tao-modal__close[data-v-
|
|
596
|
+
.tao-modal__close[data-v-0cffe849] {
|
|
597
597
|
background: none;
|
|
598
598
|
border: none;
|
|
599
599
|
font-size: 24px;
|
|
@@ -602,30 +602,30 @@ to {
|
|
|
602
602
|
padding: 0;
|
|
603
603
|
line-height: 1;
|
|
604
604
|
}
|
|
605
|
-
.tao-modal__close[data-v-
|
|
605
|
+
.tao-modal__close[data-v-0cffe849]:hover {
|
|
606
606
|
color: var(--tao-color-text-strong);
|
|
607
607
|
}
|
|
608
|
-
.tao-modal__close[data-v-
|
|
608
|
+
.tao-modal__close[data-v-0cffe849]:focus-visible {
|
|
609
609
|
outline: 2px solid var(--tao-color-accent);
|
|
610
610
|
outline-offset: 2px;
|
|
611
611
|
border-radius: var(--tao-radius-control);
|
|
612
612
|
}
|
|
613
|
-
.tao-modal__content[data-v-
|
|
613
|
+
.tao-modal__content[data-v-0cffe849] {
|
|
614
614
|
padding: var(--tao-space-5);
|
|
615
615
|
}
|
|
616
|
-
.tao-modal__footer[data-v-
|
|
616
|
+
.tao-modal__footer[data-v-0cffe849] {
|
|
617
617
|
padding: var(--tao-space-4) var(--tao-space-5);
|
|
618
618
|
border-top: 1px solid var(--tao-color-border);
|
|
619
619
|
display: flex;
|
|
620
620
|
gap: var(--tao-space-3);
|
|
621
621
|
justify-content: flex-end;
|
|
622
622
|
}
|
|
623
|
-
.tao-modal-fade-enter-active[data-v-
|
|
624
|
-
.tao-modal-fade-leave-active[data-v-
|
|
623
|
+
.tao-modal-fade-enter-active[data-v-0cffe849],
|
|
624
|
+
.tao-modal-fade-leave-active[data-v-0cffe849] {
|
|
625
625
|
transition: opacity var(--tao-duration-base) var(--tao-ease-base);
|
|
626
626
|
}
|
|
627
|
-
.tao-modal-fade-enter-from[data-v-
|
|
628
|
-
.tao-modal-fade-leave-to[data-v-
|
|
627
|
+
.tao-modal-fade-enter-from[data-v-0cffe849],
|
|
628
|
+
.tao-modal-fade-leave-to[data-v-0cffe849] {
|
|
629
629
|
opacity: 0;
|
|
630
630
|
}
|
|
631
631
|
|
|
@@ -673,11 +673,11 @@ to {
|
|
|
673
673
|
color: var(--tao-color-text);
|
|
674
674
|
}
|
|
675
675
|
|
|
676
|
-
.tao-tooltip-wrapper[data-v-
|
|
676
|
+
.tao-tooltip-wrapper[data-v-6f3b3c11] {
|
|
677
677
|
position: relative;
|
|
678
678
|
display: inline-block;
|
|
679
679
|
}
|
|
680
|
-
.tao-tooltip[data-v-
|
|
680
|
+
.tao-tooltip[data-v-6f3b3c11] {
|
|
681
681
|
position: absolute;
|
|
682
682
|
padding: var(--tao-space-2) var(--tao-space-3);
|
|
683
683
|
background: var(--tao-color-surface-raised);
|
|
@@ -692,7 +692,7 @@ to {
|
|
|
692
692
|
на сам тултип он "залипает" и не скрывается). */
|
|
693
693
|
pointer-events: none;
|
|
694
694
|
}
|
|
695
|
-
.tao-tooltip[data-v-
|
|
695
|
+
.tao-tooltip[data-v-6f3b3c11]::after {
|
|
696
696
|
content: '';
|
|
697
697
|
position: absolute;
|
|
698
698
|
width: 8px;
|
|
@@ -700,56 +700,56 @@ to {
|
|
|
700
700
|
background: var(--tao-color-surface-raised);
|
|
701
701
|
transform: rotate(45deg);
|
|
702
702
|
}
|
|
703
|
-
.tao-tooltip--top[data-v-
|
|
703
|
+
.tao-tooltip--top[data-v-6f3b3c11] {
|
|
704
704
|
bottom: 100%;
|
|
705
705
|
left: 50%;
|
|
706
706
|
transform: translateX(-50%);
|
|
707
707
|
margin-bottom: var(--tao-space-2);
|
|
708
708
|
}
|
|
709
|
-
.tao-tooltip--top[data-v-
|
|
709
|
+
.tao-tooltip--top[data-v-6f3b3c11]::after {
|
|
710
710
|
top: 100%;
|
|
711
711
|
left: 50%;
|
|
712
712
|
margin-top: -4px;
|
|
713
713
|
margin-left: -4px;
|
|
714
714
|
}
|
|
715
|
-
.tao-tooltip--bottom[data-v-
|
|
715
|
+
.tao-tooltip--bottom[data-v-6f3b3c11] {
|
|
716
716
|
top: 100%;
|
|
717
717
|
left: 50%;
|
|
718
718
|
transform: translateX(-50%);
|
|
719
719
|
margin-top: var(--tao-space-2);
|
|
720
720
|
}
|
|
721
|
-
.tao-tooltip--bottom[data-v-
|
|
721
|
+
.tao-tooltip--bottom[data-v-6f3b3c11]::after {
|
|
722
722
|
bottom: 100%;
|
|
723
723
|
left: 50%;
|
|
724
724
|
margin-bottom: -4px;
|
|
725
725
|
margin-left: -4px;
|
|
726
726
|
}
|
|
727
|
-
.tao-tooltip--left[data-v-
|
|
727
|
+
.tao-tooltip--left[data-v-6f3b3c11] {
|
|
728
728
|
right: 100%;
|
|
729
729
|
top: 50%;
|
|
730
730
|
transform: translateY(-50%);
|
|
731
731
|
margin-right: var(--tao-space-2);
|
|
732
732
|
}
|
|
733
|
-
.tao-tooltip--left[data-v-
|
|
733
|
+
.tao-tooltip--left[data-v-6f3b3c11]::after {
|
|
734
734
|
right: 0;
|
|
735
735
|
top: 50%;
|
|
736
736
|
margin-top: -4px;
|
|
737
737
|
margin-right: -4px;
|
|
738
738
|
}
|
|
739
|
-
.tao-tooltip--right[data-v-
|
|
739
|
+
.tao-tooltip--right[data-v-6f3b3c11] {
|
|
740
740
|
left: 100%;
|
|
741
741
|
top: 50%;
|
|
742
742
|
transform: translateY(-50%);
|
|
743
743
|
margin-left: var(--tao-space-2);
|
|
744
744
|
}
|
|
745
|
-
.tao-tooltip--right[data-v-
|
|
745
|
+
.tao-tooltip--right[data-v-6f3b3c11]::after {
|
|
746
746
|
left: 0;
|
|
747
747
|
top: 50%;
|
|
748
748
|
margin-top: -4px;
|
|
749
749
|
margin-left: -4px;
|
|
750
750
|
}
|
|
751
|
-
.tao-tooltip-fade-enter-active[data-v-
|
|
752
|
-
.tao-tooltip-fade-leave-active[data-v-
|
|
751
|
+
.tao-tooltip-fade-enter-active[data-v-6f3b3c11],
|
|
752
|
+
.tao-tooltip-fade-leave-active[data-v-6f3b3c11] {
|
|
753
753
|
transition: opacity var(--tao-duration-base) var(--tao-ease-base),
|
|
754
754
|
transform var(--tao-duration-base) var(--tao-ease-base);
|
|
755
755
|
}
|
|
@@ -758,33 +758,33 @@ to {
|
|
|
758
758
|
поверх базового центрирующего transform каждой позиции — иначе
|
|
759
759
|
общий translateX(-50%) конфликтует с left/right, где центрирование
|
|
760
760
|
идёт по вертикали (translateY(-50%)), и блок "убегает" в сторону. */
|
|
761
|
-
.tao-tooltip--top.tao-tooltip-fade-enter-from[data-v-
|
|
762
|
-
.tao-tooltip--top.tao-tooltip-fade-leave-to[data-v-
|
|
761
|
+
.tao-tooltip--top.tao-tooltip-fade-enter-from[data-v-6f3b3c11],
|
|
762
|
+
.tao-tooltip--top.tao-tooltip-fade-leave-to[data-v-6f3b3c11] {
|
|
763
763
|
opacity: 0;
|
|
764
764
|
transform: translateX(-50%) translateY(4px);
|
|
765
765
|
}
|
|
766
|
-
.tao-tooltip--bottom.tao-tooltip-fade-enter-from[data-v-
|
|
767
|
-
.tao-tooltip--bottom.tao-tooltip-fade-leave-to[data-v-
|
|
766
|
+
.tao-tooltip--bottom.tao-tooltip-fade-enter-from[data-v-6f3b3c11],
|
|
767
|
+
.tao-tooltip--bottom.tao-tooltip-fade-leave-to[data-v-6f3b3c11] {
|
|
768
768
|
opacity: 0;
|
|
769
769
|
transform: translateX(-50%) translateY(-4px);
|
|
770
770
|
}
|
|
771
|
-
.tao-tooltip--left.tao-tooltip-fade-enter-from[data-v-
|
|
772
|
-
.tao-tooltip--left.tao-tooltip-fade-leave-to[data-v-
|
|
771
|
+
.tao-tooltip--left.tao-tooltip-fade-enter-from[data-v-6f3b3c11],
|
|
772
|
+
.tao-tooltip--left.tao-tooltip-fade-leave-to[data-v-6f3b3c11] {
|
|
773
773
|
opacity: 0;
|
|
774
774
|
transform: translateY(-50%) translateX(4px);
|
|
775
775
|
}
|
|
776
|
-
.tao-tooltip--right.tao-tooltip-fade-enter-from[data-v-
|
|
777
|
-
.tao-tooltip--right.tao-tooltip-fade-leave-to[data-v-
|
|
776
|
+
.tao-tooltip--right.tao-tooltip-fade-enter-from[data-v-6f3b3c11],
|
|
777
|
+
.tao-tooltip--right.tao-tooltip-fade-leave-to[data-v-6f3b3c11] {
|
|
778
778
|
opacity: 0;
|
|
779
779
|
transform: translateY(-50%) translateX(-4px);
|
|
780
780
|
}
|
|
781
781
|
|
|
782
|
-
.tao-spoiler[data-v-
|
|
782
|
+
.tao-spoiler[data-v-c9f4d962] {
|
|
783
783
|
border: 1px solid var(--tao-color-border);
|
|
784
784
|
border-radius: var(--tao-radius-panel);
|
|
785
785
|
overflow: hidden;
|
|
786
786
|
}
|
|
787
|
-
.tao-spoiler__header[data-v-
|
|
787
|
+
.tao-spoiler__header[data-v-c9f4d962] {
|
|
788
788
|
display: flex;
|
|
789
789
|
align-items: center;
|
|
790
790
|
gap: var(--tao-space-2);
|
|
@@ -796,10 +796,10 @@ to {
|
|
|
796
796
|
cursor: pointer;
|
|
797
797
|
text-align: left;
|
|
798
798
|
}
|
|
799
|
-
.tao-spoiler__header[data-v-
|
|
799
|
+
.tao-spoiler__header[data-v-c9f4d962]:hover {
|
|
800
800
|
background: var(--tao-color-surface-hover);
|
|
801
801
|
}
|
|
802
|
-
.tao-spoiler__icon[data-v-
|
|
802
|
+
.tao-spoiler__icon[data-v-c9f4d962] {
|
|
803
803
|
display: inline-flex;
|
|
804
804
|
align-items: center;
|
|
805
805
|
justify-content: center;
|
|
@@ -809,30 +809,30 @@ to {
|
|
|
809
809
|
color: var(--tao-color-accent);
|
|
810
810
|
transition: transform var(--tao-duration-base) var(--tao-ease-base);
|
|
811
811
|
}
|
|
812
|
-
.tao-spoiler__icon--open[data-v-
|
|
812
|
+
.tao-spoiler__icon--open[data-v-c9f4d962] {
|
|
813
813
|
transform: rotate(90deg);
|
|
814
814
|
}
|
|
815
|
-
.tao-spoiler__title[data-v-
|
|
815
|
+
.tao-spoiler__title[data-v-c9f4d962] {
|
|
816
816
|
font-weight: 500;
|
|
817
817
|
color: var(--tao-color-text);
|
|
818
818
|
}
|
|
819
|
-
.tao-spoiler__content[data-v-
|
|
819
|
+
.tao-spoiler__content[data-v-c9f4d962] {
|
|
820
820
|
overflow: hidden;
|
|
821
821
|
}
|
|
822
|
-
.tao-spoiler-slide-enter-active[data-v-
|
|
823
|
-
.tao-spoiler-slide-leave-active[data-v-
|
|
822
|
+
.tao-spoiler-slide-enter-active[data-v-c9f4d962],
|
|
823
|
+
.tao-spoiler-slide-leave-active[data-v-c9f4d962] {
|
|
824
824
|
transition: height var(--tao-duration-slow) var(--tao-ease-base);
|
|
825
825
|
overflow: hidden;
|
|
826
826
|
}
|
|
827
|
-
.tao-spoiler__content-inner[data-v-
|
|
827
|
+
.tao-spoiler__content-inner[data-v-c9f4d962] {
|
|
828
828
|
padding: var(--tao-space-4);
|
|
829
829
|
background: var(--tao-color-surface);
|
|
830
830
|
}
|
|
831
831
|
|
|
832
|
-
.tao-copy[data-v-
|
|
832
|
+
.tao-copy[data-v-73a42ad9] {
|
|
833
833
|
display: inline-block;
|
|
834
834
|
}
|
|
835
|
-
.tao-copy__button[data-v-
|
|
835
|
+
.tao-copy__button[data-v-73a42ad9] {
|
|
836
836
|
padding: var(--tao-space-2) var(--tao-space-3);
|
|
837
837
|
background: var(--tao-color-surface-sunken);
|
|
838
838
|
border: 1px solid var(--tao-color-border-strong);
|
|
@@ -843,40 +843,40 @@ to {
|
|
|
843
843
|
cursor: pointer;
|
|
844
844
|
transition: var(--tao-transition-base);
|
|
845
845
|
}
|
|
846
|
-
.tao-copy__button[data-v-
|
|
846
|
+
.tao-copy__button[data-v-73a42ad9]:hover {
|
|
847
847
|
background: var(--tao-color-surface-hover);
|
|
848
848
|
border-color: var(--tao-color-accent);
|
|
849
849
|
color: var(--tao-color-accent);
|
|
850
850
|
}
|
|
851
|
-
.tao-copy__button--copied[data-v-
|
|
851
|
+
.tao-copy__button--copied[data-v-73a42ad9] {
|
|
852
852
|
background: var(--tao-color-accent);
|
|
853
853
|
border-color: var(--tao-color-accent);
|
|
854
854
|
color: var(--tao-color-on-accent);
|
|
855
855
|
}
|
|
856
856
|
|
|
857
|
-
.tao-container[data-v-
|
|
857
|
+
.tao-container[data-v-4c0deb90] {
|
|
858
858
|
width: 100%;
|
|
859
859
|
}
|
|
860
|
-
.tao-container--center[data-v-
|
|
860
|
+
.tao-container--center[data-v-4c0deb90] {
|
|
861
861
|
margin: 0 auto;
|
|
862
862
|
}
|
|
863
|
-
.tao-container--wide[data-v-
|
|
863
|
+
.tao-container--wide[data-v-4c0deb90] {
|
|
864
864
|
max-width: 1120px;
|
|
865
865
|
}
|
|
866
|
-
.tao-container--slim[data-v-
|
|
866
|
+
.tao-container--slim[data-v-4c0deb90] {
|
|
867
867
|
max-width: 500px;
|
|
868
868
|
}
|
|
869
|
-
.tao-container--ultra-slim[data-v-
|
|
869
|
+
.tao-container--ultra-slim[data-v-4c0deb90] {
|
|
870
870
|
max-width: 400px;
|
|
871
871
|
}
|
|
872
872
|
|
|
873
|
-
.tao-space[data-v-
|
|
873
|
+
.tao-space[data-v-698ca712] {
|
|
874
874
|
display: inline-flex;
|
|
875
875
|
flex-wrap: wrap;
|
|
876
876
|
column-gap: var(--tao-space-2);
|
|
877
877
|
row-gap: var(--tao-space-2);
|
|
878
878
|
}
|
|
879
|
-
.tao-space--vertical[data-v-
|
|
879
|
+
.tao-space--vertical[data-v-698ca712] {
|
|
880
880
|
flex-direction: column;
|
|
881
881
|
}
|
|
882
882
|
|
|
@@ -885,72 +885,72 @@ to {
|
|
|
885
885
|
* который нужно подключить в проекте самостоятельно — библиотека Tao
|
|
886
886
|
* его не поставляет. Это осознанное соглашение (см. README).
|
|
887
887
|
*/
|
|
888
|
-
.tao-icon[data-v-
|
|
888
|
+
.tao-icon[data-v-145b2cfc] {
|
|
889
889
|
display: inline-flex;
|
|
890
890
|
}
|
|
891
|
-
.tao-icon__value[data-v-
|
|
892
|
-
margin: var(--
|
|
891
|
+
.tao-icon__value[data-v-145b2cfc] {
|
|
892
|
+
margin: var(--a2e86200);
|
|
893
893
|
}
|
|
894
|
-
.tao-icon__value--invert[data-v-
|
|
894
|
+
.tao-icon__value--invert[data-v-145b2cfc] {
|
|
895
895
|
filter: invert();
|
|
896
896
|
}
|
|
897
897
|
|
|
898
|
-
.tao-loader[data-v-
|
|
898
|
+
.tao-loader[data-v-75a40018] {
|
|
899
899
|
display: flex;
|
|
900
900
|
align-items: center;
|
|
901
901
|
justify-content: center;
|
|
902
902
|
text-align: center;
|
|
903
903
|
}
|
|
904
|
-
.tao-loader--inline[data-v-
|
|
904
|
+
.tao-loader--inline[data-v-75a40018] {
|
|
905
905
|
display: inline-block;
|
|
906
906
|
width: 30px;
|
|
907
907
|
}
|
|
908
|
-
.tao-loader__ellipsis[data-v-
|
|
908
|
+
.tao-loader__ellipsis[data-v-75a40018] {
|
|
909
909
|
display: block;
|
|
910
910
|
position: relative;
|
|
911
911
|
}
|
|
912
|
-
.tao-loader__ellipsis div[data-v-
|
|
912
|
+
.tao-loader__ellipsis div[data-v-75a40018] {
|
|
913
913
|
position: absolute;
|
|
914
914
|
top: 0;
|
|
915
915
|
border-radius: var(--tao-radius-full);
|
|
916
916
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
917
917
|
}
|
|
918
|
-
.tao-loader__ellipsis div[data-v-
|
|
919
|
-
left: var(--
|
|
920
|
-
animation: tao-loader-grow-
|
|
918
|
+
.tao-loader__ellipsis div[data-v-75a40018]:nth-child(1) {
|
|
919
|
+
left: var(--d349d504);
|
|
920
|
+
animation: tao-loader-grow-75a40018 0.6s infinite;
|
|
921
921
|
}
|
|
922
|
-
.tao-loader__ellipsis div[data-v-
|
|
923
|
-
left: var(--
|
|
924
|
-
animation: tao-loader-move-
|
|
922
|
+
.tao-loader__ellipsis div[data-v-75a40018]:nth-child(2) {
|
|
923
|
+
left: var(--d349d504);
|
|
924
|
+
animation: tao-loader-move-75a40018 0.6s infinite;
|
|
925
925
|
}
|
|
926
|
-
.tao-loader__ellipsis div[data-v-
|
|
927
|
-
left: var(--
|
|
928
|
-
animation: tao-loader-move-
|
|
926
|
+
.tao-loader__ellipsis div[data-v-75a40018]:nth-child(3) {
|
|
927
|
+
left: var(--d1c06f96);
|
|
928
|
+
animation: tao-loader-move-75a40018 0.6s infinite;
|
|
929
929
|
}
|
|
930
|
-
.tao-loader__ellipsis div[data-v-
|
|
931
|
-
left: var(--
|
|
932
|
-
animation: tao-loader-shrink-
|
|
930
|
+
.tao-loader__ellipsis div[data-v-75a40018]:nth-child(4) {
|
|
931
|
+
left: var(--v355d810c);
|
|
932
|
+
animation: tao-loader-shrink-75a40018 0.6s infinite;
|
|
933
933
|
}
|
|
934
|
-
@keyframes tao-loader-grow-
|
|
934
|
+
@keyframes tao-loader-grow-75a40018 {
|
|
935
935
|
0% { transform: scale(0);
|
|
936
936
|
}
|
|
937
937
|
100% { transform: scale(1);
|
|
938
938
|
}
|
|
939
939
|
}
|
|
940
|
-
@keyframes tao-loader-shrink-
|
|
940
|
+
@keyframes tao-loader-shrink-75a40018 {
|
|
941
941
|
0% { transform: scale(1);
|
|
942
942
|
}
|
|
943
943
|
100% { transform: scale(0);
|
|
944
944
|
}
|
|
945
945
|
}
|
|
946
|
-
@keyframes tao-loader-move-
|
|
946
|
+
@keyframes tao-loader-move-75a40018 {
|
|
947
947
|
0% { transform: translate(0, 0);
|
|
948
948
|
}
|
|
949
|
-
100% { transform: translate(var(--
|
|
949
|
+
100% { transform: translate(var(--v09447532), 0);
|
|
950
950
|
}
|
|
951
951
|
}
|
|
952
952
|
|
|
953
|
-
.tao-image[data-v-
|
|
953
|
+
.tao-image[data-v-9da4bb7d] {
|
|
954
954
|
position: relative;
|
|
955
955
|
display: inline-block;
|
|
956
956
|
width: 100%;
|
|
@@ -958,17 +958,17 @@ to {
|
|
|
958
958
|
overflow: hidden;
|
|
959
959
|
user-select: none;
|
|
960
960
|
}
|
|
961
|
-
.tao-image img[data-v-
|
|
961
|
+
.tao-image img[data-v-9da4bb7d] {
|
|
962
962
|
display: block;
|
|
963
963
|
width: 100%;
|
|
964
964
|
height: 100%;
|
|
965
965
|
object-fit: contain;
|
|
966
966
|
transition: opacity var(--tao-duration-slow) var(--tao-ease-base);
|
|
967
967
|
}
|
|
968
|
-
.tao-image__img--hidden[data-v-
|
|
968
|
+
.tao-image__img--hidden[data-v-9da4bb7d] {
|
|
969
969
|
opacity: 0;
|
|
970
970
|
}
|
|
971
|
-
.tao-image__img--pixelated[data-v-
|
|
971
|
+
.tao-image__img--pixelated[data-v-9da4bb7d] {
|
|
972
972
|
image-rendering: optimizeSpeed;
|
|
973
973
|
image-rendering: -moz-crisp-edges;
|
|
974
974
|
image-rendering: -o-crisp-edges;
|
|
@@ -977,7 +977,7 @@ to {
|
|
|
977
977
|
image-rendering: optimize-contrast;
|
|
978
978
|
-ms-interpolation-mode: nearest-neighbor;
|
|
979
979
|
}
|
|
980
|
-
.tao-image__placeholder[data-v-
|
|
980
|
+
.tao-image__placeholder[data-v-9da4bb7d] {
|
|
981
981
|
font-size: var(--tao-font-size-sm);
|
|
982
982
|
font-family: var(--tao-font-family);
|
|
983
983
|
letter-spacing: 0.01rem;
|
|
@@ -985,7 +985,7 @@ to {
|
|
|
985
985
|
color: var(--tao-color-text-muted);
|
|
986
986
|
}
|
|
987
987
|
|
|
988
|
-
.tao-checkbox[data-v-
|
|
988
|
+
.tao-checkbox[data-v-f6b0e565] {
|
|
989
989
|
display: flex;
|
|
990
990
|
align-items: center;
|
|
991
991
|
gap: var(--tao-space-2);
|
|
@@ -994,7 +994,7 @@ to {
|
|
|
994
994
|
font-size: var(--tao-font-size-lg);
|
|
995
995
|
color: var(--tao-color-text);
|
|
996
996
|
}
|
|
997
|
-
.tao-checkbox__box[data-v-
|
|
997
|
+
.tao-checkbox__box[data-v-f6b0e565] {
|
|
998
998
|
position: relative;
|
|
999
999
|
display: flex;
|
|
1000
1000
|
align-items: center;
|
|
@@ -1007,7 +1007,7 @@ to {
|
|
|
1007
1007
|
border-radius: var(--tao-radius-sm);
|
|
1008
1008
|
transition: var(--tao-transition-base);
|
|
1009
1009
|
}
|
|
1010
|
-
.tao-checkbox__box[data-v-
|
|
1010
|
+
.tao-checkbox__box[data-v-f6b0e565]::after {
|
|
1011
1011
|
content: '';
|
|
1012
1012
|
display: block;
|
|
1013
1013
|
width: 12px;
|
|
@@ -1017,29 +1017,40 @@ to {
|
|
|
1017
1017
|
transform: scale(0);
|
|
1018
1018
|
transition: var(--tao-transition-base);
|
|
1019
1019
|
}
|
|
1020
|
-
.tao-checkbox__label[data-v-
|
|
1020
|
+
.tao-checkbox__label[data-v-f6b0e565] {
|
|
1021
1021
|
font-size: var(--tao-font-size-sm);
|
|
1022
1022
|
white-space: nowrap;
|
|
1023
1023
|
color: var(--tao-color-text-muted);
|
|
1024
1024
|
}
|
|
1025
|
-
.tao-checkbox--disabled[data-v-
|
|
1025
|
+
.tao-checkbox--disabled[data-v-f6b0e565] {
|
|
1026
1026
|
cursor: not-allowed;
|
|
1027
1027
|
opacity: 0.6;
|
|
1028
1028
|
}
|
|
1029
|
-
.tao-checkbox__input:checked + .tao-checkbox__box[data-v-
|
|
1029
|
+
.tao-checkbox__input:checked + .tao-checkbox__box[data-v-f6b0e565],
|
|
1030
|
+
.tao-checkbox__input:indeterminate + .tao-checkbox__box[data-v-f6b0e565] {
|
|
1030
1031
|
border-color: var(--tao-color-accent);
|
|
1031
1032
|
background-color: var(--tao-color-accent);
|
|
1032
1033
|
}
|
|
1033
|
-
.tao-checkbox__input:checked + .tao-checkbox__box[data-v-
|
|
1034
|
+
.tao-checkbox__input:checked + .tao-checkbox__box[data-v-f6b0e565]::after {
|
|
1034
1035
|
background-color: var(--tao-color-on-accent);
|
|
1035
1036
|
transform: scale(1);
|
|
1036
1037
|
}
|
|
1037
|
-
.tao-checkbox__input:
|
|
1038
|
+
.tao-checkbox__input:indeterminate + .tao-checkbox__box[data-v-f6b0e565]::after {
|
|
1039
|
+
width: 10px;
|
|
1040
|
+
height: 2px;
|
|
1041
|
+
border-radius: 1px;
|
|
1042
|
+
background-color: var(--tao-color-on-accent);
|
|
1043
|
+
transform: scale(1);
|
|
1044
|
+
}
|
|
1045
|
+
.tao-checkbox__input:focus-visible + .tao-checkbox__box[data-v-f6b0e565] {
|
|
1038
1046
|
outline: 2px solid var(--tao-color-accent);
|
|
1039
1047
|
outline-offset: 1px;
|
|
1040
1048
|
}
|
|
1049
|
+
.tao-checkbox__input[aria-invalid='true'] + .tao-checkbox__box[data-v-f6b0e565] {
|
|
1050
|
+
border-color: var(--tao-color-danger);
|
|
1051
|
+
}
|
|
1041
1052
|
|
|
1042
|
-
.tao-tag[data-v-
|
|
1053
|
+
.tao-tag[data-v-290c0f6a] {
|
|
1043
1054
|
box-sizing: border-box;
|
|
1044
1055
|
display: inline-block;
|
|
1045
1056
|
height: auto;
|
|
@@ -1053,67 +1064,69 @@ to {
|
|
|
1053
1064
|
border-radius: var(--tao-radius-sm);
|
|
1054
1065
|
transition: var(--tao-transition-base);
|
|
1055
1066
|
}
|
|
1056
|
-
.tao-tag--pointer[data-v-
|
|
1067
|
+
.tao-tag--pointer[data-v-290c0f6a] {
|
|
1057
1068
|
cursor: pointer;
|
|
1058
1069
|
user-select: none;
|
|
1059
1070
|
}
|
|
1060
|
-
.tao-tag--neutral[data-v-
|
|
1071
|
+
.tao-tag--neutral[data-v-290c0f6a] {
|
|
1061
1072
|
color: var(--tao-color-text);
|
|
1062
1073
|
background: var(--tao-color-surface-sunken);
|
|
1063
1074
|
border-color: var(--tao-color-border-strong);
|
|
1064
1075
|
}
|
|
1065
|
-
.tao-tag--success[data-v-
|
|
1076
|
+
.tao-tag--success[data-v-290c0f6a] {
|
|
1066
1077
|
color: var(--tao-color-success);
|
|
1067
1078
|
background: color-mix(in srgb, var(--tao-color-success) 12%, transparent);
|
|
1068
1079
|
border-color: color-mix(in srgb, var(--tao-color-success) 30%, transparent);
|
|
1069
1080
|
}
|
|
1070
|
-
.tao-tag--danger[data-v-
|
|
1081
|
+
.tao-tag--danger[data-v-290c0f6a],
|
|
1082
|
+
.tao-tag--error[data-v-290c0f6a] {
|
|
1071
1083
|
color: var(--tao-color-danger);
|
|
1072
1084
|
background: var(--tao-color-danger-subtle);
|
|
1073
1085
|
border-color: color-mix(in srgb, var(--tao-color-danger) 30%, transparent);
|
|
1074
1086
|
}
|
|
1075
|
-
.tao-tag--warning[data-v-
|
|
1087
|
+
.tao-tag--warning[data-v-290c0f6a] {
|
|
1076
1088
|
color: var(--tao-color-warning);
|
|
1077
1089
|
background: var(--tao-color-warning-subtle);
|
|
1078
1090
|
border-color: color-mix(in srgb, var(--tao-color-warning) 30%, transparent);
|
|
1079
1091
|
}
|
|
1080
|
-
.tao-tag--info[data-v-
|
|
1092
|
+
.tao-tag--info[data-v-290c0f6a] {
|
|
1081
1093
|
color: var(--tao-color-info);
|
|
1082
1094
|
background: var(--tao-color-info-subtle);
|
|
1083
1095
|
border-color: color-mix(in srgb, var(--tao-color-info) 30%, transparent);
|
|
1084
1096
|
}
|
|
1085
1097
|
|
|
1086
1098
|
/* variant="gap" — пустой отступ заданной высоты, без линии */
|
|
1087
|
-
.tao-divider-gap[data-v-
|
|
1099
|
+
.tao-divider-gap[data-v-8187a15d] {
|
|
1088
1100
|
height: 40px;
|
|
1089
1101
|
}
|
|
1090
|
-
.tao-divider-gap--small[data-v-
|
|
1102
|
+
.tao-divider-gap--small[data-v-8187a15d] {
|
|
1091
1103
|
height: 20px;
|
|
1092
1104
|
}
|
|
1093
|
-
.tao-divider-gap--
|
|
1105
|
+
.tao-divider-gap--large[data-v-8187a15d],
|
|
1106
|
+
.tao-divider-gap--big[data-v-8187a15d] {
|
|
1094
1107
|
height: 60px;
|
|
1095
1108
|
}
|
|
1096
1109
|
|
|
1097
1110
|
/* variant="text" — линия с текстом посередине, затухающая по краям */
|
|
1098
|
-
.tao-divider-text[data-v-
|
|
1111
|
+
.tao-divider-text[data-v-8187a15d] {
|
|
1099
1112
|
display: flex;
|
|
1100
1113
|
align-items: center;
|
|
1101
1114
|
margin: var(--tao-space-5) 0;
|
|
1102
1115
|
padding: 0 var(--tao-space-4);
|
|
1103
1116
|
opacity: 0.3;
|
|
1104
1117
|
}
|
|
1105
|
-
.tao-divider-text__line[data-v-
|
|
1118
|
+
.tao-divider-text__line[data-v-8187a15d] {
|
|
1106
1119
|
flex: 1;
|
|
1107
1120
|
height: 1px;
|
|
1108
1121
|
border-top: 1px dashed var(--tao-color-border-strong);
|
|
1109
1122
|
}
|
|
1110
|
-
.tao-divider-text__line--left[data-v-
|
|
1123
|
+
.tao-divider-text__line--left[data-v-8187a15d] {
|
|
1111
1124
|
mask: linear-gradient(90deg, transparent 0%, black 30%);
|
|
1112
1125
|
}
|
|
1113
|
-
.tao-divider-text__line--right[data-v-
|
|
1126
|
+
.tao-divider-text__line--right[data-v-8187a15d] {
|
|
1114
1127
|
mask: linear-gradient(90deg, black 70%, transparent 100%);
|
|
1115
1128
|
}
|
|
1116
|
-
.tao-divider-text__value[data-v-
|
|
1129
|
+
.tao-divider-text__value[data-v-8187a15d] {
|
|
1117
1130
|
padding: 0 var(--tao-space-4);
|
|
1118
1131
|
font-size: var(--tao-font-size-xs);
|
|
1119
1132
|
font-weight: 500;
|
|
@@ -1122,13 +1135,13 @@ to {
|
|
|
1122
1135
|
}
|
|
1123
1136
|
|
|
1124
1137
|
/* variant="line" (по умолчанию) — тонкая линия с акцентным свечением по центру */
|
|
1125
|
-
.tao-divider-line[data-v-
|
|
1138
|
+
.tao-divider-line[data-v-8187a15d] {
|
|
1126
1139
|
position: relative;
|
|
1127
1140
|
width: 100%;
|
|
1128
1141
|
height: 1px;
|
|
1129
1142
|
margin: var(--tao-space-5) auto;
|
|
1130
1143
|
}
|
|
1131
|
-
.tao-divider-line[data-v-
|
|
1144
|
+
.tao-divider-line[data-v-8187a15d]::before {
|
|
1132
1145
|
content: '';
|
|
1133
1146
|
position: absolute;
|
|
1134
1147
|
top: 0;
|
|
@@ -1139,7 +1152,7 @@ to {
|
|
|
1139
1152
|
background-image: linear-gradient(to right, transparent, var(--tao-color-accent), transparent);
|
|
1140
1153
|
}
|
|
1141
1154
|
|
|
1142
|
-
.tao-animated-border[data-v-
|
|
1155
|
+
.tao-animated-border[data-v-f1534571] {
|
|
1143
1156
|
background: var(--tao-color-surface-raised);
|
|
1144
1157
|
position: relative;
|
|
1145
1158
|
z-index: 0;
|
|
@@ -1149,7 +1162,7 @@ to {
|
|
|
1149
1162
|
/* Размытая копия рамки позади — даёт эффект свечения (glow).
|
|
1150
1163
|
Рендерится только при light: по умолчанию компонент — просто
|
|
1151
1164
|
переливающийся контур, без сияния, выходящего за его пределы. */
|
|
1152
|
-
.tao-animated-border--light[data-v-
|
|
1165
|
+
.tao-animated-border--light[data-v-f1534571]::before {
|
|
1153
1166
|
content: '';
|
|
1154
1167
|
position: absolute;
|
|
1155
1168
|
inset: calc(-1 * var(--tao-animated-border-width));
|
|
@@ -1159,13 +1172,13 @@ to {
|
|
|
1159
1172
|
filter: blur(var(--tao-animated-border-glow));
|
|
1160
1173
|
opacity: 0.65;
|
|
1161
1174
|
z-index: -2;
|
|
1162
|
-
animation: tao-animated-border-gradient-
|
|
1175
|
+
animation: tao-animated-border-gradient-f1534571 var(--tao-animated-border-speed) ease alternate infinite;
|
|
1163
1176
|
}
|
|
1164
1177
|
|
|
1165
1178
|
/* Сама рамка: заливка на всю область, но CSS mask вырезает внутреннюю
|
|
1166
1179
|
часть — остаётся только полоса шириной borderWidth по периметру,
|
|
1167
1180
|
поэтому получается контур, а не закрашенный прямоугольник. */
|
|
1168
|
-
.tao-animated-border[data-v-
|
|
1181
|
+
.tao-animated-border[data-v-f1534571]::after {
|
|
1169
1182
|
content: '';
|
|
1170
1183
|
position: absolute;
|
|
1171
1184
|
inset: calc(-1 * var(--tao-animated-border-width));
|
|
@@ -1182,9 +1195,9 @@ to {
|
|
|
1182
1195
|
linear-gradient(#000 0 0);
|
|
1183
1196
|
mask-composite: exclude;
|
|
1184
1197
|
z-index: -1;
|
|
1185
|
-
animation: tao-animated-border-gradient-
|
|
1198
|
+
animation: tao-animated-border-gradient-f1534571 var(--tao-animated-border-speed) ease alternate infinite;
|
|
1186
1199
|
}
|
|
1187
|
-
@keyframes tao-animated-border-gradient-
|
|
1200
|
+
@keyframes tao-animated-border-gradient-f1534571 {
|
|
1188
1201
|
0% {
|
|
1189
1202
|
background-position: 0% 50%;
|
|
1190
1203
|
}
|
|
@@ -1196,7 +1209,13 @@ to {
|
|
|
1196
1209
|
}
|
|
1197
1210
|
}
|
|
1198
1211
|
|
|
1199
|
-
.tao-textarea[data-v-
|
|
1212
|
+
.tao-textarea-wrap[data-v-2534c0c4] {
|
|
1213
|
+
display: flex;
|
|
1214
|
+
flex-direction: column;
|
|
1215
|
+
gap: var(--tao-space-1);
|
|
1216
|
+
width: 100%;
|
|
1217
|
+
}
|
|
1218
|
+
.tao-textarea[data-v-2534c0c4] {
|
|
1200
1219
|
width: 100%;
|
|
1201
1220
|
min-height: 31px;
|
|
1202
1221
|
height: auto;
|
|
@@ -1214,29 +1233,32 @@ to {
|
|
|
1214
1233
|
resize: vertical;
|
|
1215
1234
|
transition: var(--tao-transition-base);
|
|
1216
1235
|
}
|
|
1217
|
-
.tao-textarea[data-v-
|
|
1236
|
+
.tao-textarea[data-v-2534c0c4]::placeholder {
|
|
1218
1237
|
color: var(--tao-color-input-placeholder);
|
|
1219
1238
|
}
|
|
1220
|
-
.tao-textarea[data-v-
|
|
1239
|
+
.tao-textarea[data-v-2534c0c4]:focus {
|
|
1221
1240
|
border-color: var(--tao-color-accent);
|
|
1222
1241
|
}
|
|
1223
|
-
.tao-textarea--
|
|
1242
|
+
.tao-textarea--invalid[data-v-2534c0c4] {
|
|
1243
|
+
border-color: var(--tao-color-danger);
|
|
1244
|
+
}
|
|
1245
|
+
.tao-textarea--inverse[data-v-2534c0c4] {
|
|
1224
1246
|
border-left: none;
|
|
1225
1247
|
border-right: 4px solid var(--tao-color-border-strong);
|
|
1226
1248
|
}
|
|
1227
|
-
.tao-textarea--center[data-v-
|
|
1249
|
+
.tao-textarea--center[data-v-2534c0c4] {
|
|
1228
1250
|
text-align: center;
|
|
1229
1251
|
}
|
|
1230
|
-
.tao-textarea--no-border[data-v-
|
|
1252
|
+
.tao-textarea--no-border[data-v-2534c0c4] {
|
|
1231
1253
|
border: none;
|
|
1232
1254
|
}
|
|
1233
|
-
.tao-textarea--no-background[data-v-
|
|
1255
|
+
.tao-textarea--no-background[data-v-2534c0c4] {
|
|
1234
1256
|
background-color: transparent;
|
|
1235
1257
|
}
|
|
1236
|
-
.tao-textarea--no-resize[data-v-
|
|
1258
|
+
.tao-textarea--no-resize[data-v-2534c0c4] {
|
|
1237
1259
|
resize: none;
|
|
1238
1260
|
}
|
|
1239
|
-
.tao-textarea--dummy[data-v-
|
|
1261
|
+
.tao-textarea--dummy[data-v-2534c0c4] {
|
|
1240
1262
|
display: block;
|
|
1241
1263
|
min-height: 31px;
|
|
1242
1264
|
height: auto;
|
|
@@ -1244,8 +1266,19 @@ to {
|
|
|
1244
1266
|
white-space: pre-wrap;
|
|
1245
1267
|
overflow-wrap: anywhere;
|
|
1246
1268
|
}
|
|
1269
|
+
.tao-textarea__count[data-v-2534c0c4] {
|
|
1270
|
+
align-self: flex-end;
|
|
1271
|
+
font-size: var(--tao-font-size-xs);
|
|
1272
|
+
line-height: 1;
|
|
1273
|
+
color: var(--tao-color-text-muted);
|
|
1274
|
+
font-variant-numeric: tabular-nums;
|
|
1275
|
+
user-select: none;
|
|
1276
|
+
}
|
|
1277
|
+
.tao-textarea__count--limit[data-v-2534c0c4] {
|
|
1278
|
+
color: var(--tao-color-danger);
|
|
1279
|
+
}
|
|
1247
1280
|
|
|
1248
|
-
.tao-scroll-top[data-v-
|
|
1281
|
+
.tao-scroll-top[data-v-ce902f42] {
|
|
1249
1282
|
overflow: hidden;
|
|
1250
1283
|
position: fixed;
|
|
1251
1284
|
display: flex;
|
|
@@ -1260,13 +1293,13 @@ to {
|
|
|
1260
1293
|
box-shadow: var(--tao-shadow-md);
|
|
1261
1294
|
user-select: none;
|
|
1262
1295
|
}
|
|
1263
|
-
.tao-scroll-top[data-v-
|
|
1296
|
+
.tao-scroll-top[data-v-ce902f42]:hover {
|
|
1264
1297
|
background-color: var(--tao-color-accent-hover);
|
|
1265
1298
|
}
|
|
1266
|
-
.tao-scroll-top--no-outline[data-v-
|
|
1299
|
+
.tao-scroll-top--no-outline[data-v-ce902f42] {
|
|
1267
1300
|
outline: none;
|
|
1268
1301
|
}
|
|
1269
|
-
.tao-scroll-top__content[data-v-
|
|
1302
|
+
.tao-scroll-top__content[data-v-ce902f42] {
|
|
1270
1303
|
position: relative;
|
|
1271
1304
|
width: 100%;
|
|
1272
1305
|
height: 100%;
|
|
@@ -1274,11 +1307,11 @@ to {
|
|
|
1274
1307
|
align-items: center;
|
|
1275
1308
|
justify-content: center;
|
|
1276
1309
|
}
|
|
1277
|
-
.tao-scroll-top__icon[data-v-
|
|
1310
|
+
.tao-scroll-top__icon[data-v-ce902f42] {
|
|
1278
1311
|
position: relative;
|
|
1279
1312
|
z-index: 1;
|
|
1280
1313
|
}
|
|
1281
|
-
.tao-scroll-top__ripple[data-v-
|
|
1314
|
+
.tao-scroll-top__ripple[data-v-ce902f42] {
|
|
1282
1315
|
position: absolute;
|
|
1283
1316
|
border-radius: var(--tao-radius-full);
|
|
1284
1317
|
background-color: var(--tao-color-accent-subtle-hover);
|
|
@@ -1286,20 +1319,20 @@ to {
|
|
|
1286
1319
|
opacity: 0;
|
|
1287
1320
|
pointer-events: none;
|
|
1288
1321
|
}
|
|
1289
|
-
.tao-scroll-top__ripple--active[data-v-
|
|
1290
|
-
animation: tao-scroll-top-ripple-
|
|
1322
|
+
.tao-scroll-top__ripple--active[data-v-ce902f42] {
|
|
1323
|
+
animation: tao-scroll-top-ripple-ce902f42 0.75s ease-out;
|
|
1291
1324
|
}
|
|
1292
|
-
.tao-scroll-top-fade-enter-active[data-v-
|
|
1293
|
-
.tao-scroll-top-fade-leave-active[data-v-
|
|
1325
|
+
.tao-scroll-top-fade-enter-active[data-v-ce902f42],
|
|
1326
|
+
.tao-scroll-top-fade-leave-active[data-v-ce902f42] {
|
|
1294
1327
|
transition: opacity var(--tao-duration-base) var(--tao-ease-base),
|
|
1295
1328
|
transform var(--tao-duration-base) var(--tao-ease-base);
|
|
1296
1329
|
}
|
|
1297
|
-
.tao-scroll-top-fade-enter-from[data-v-
|
|
1298
|
-
.tao-scroll-top-fade-leave-to[data-v-
|
|
1330
|
+
.tao-scroll-top-fade-enter-from[data-v-ce902f42],
|
|
1331
|
+
.tao-scroll-top-fade-leave-to[data-v-ce902f42] {
|
|
1299
1332
|
opacity: 0;
|
|
1300
1333
|
transform: translateY(40px);
|
|
1301
1334
|
}
|
|
1302
|
-
@keyframes tao-scroll-top-ripple-
|
|
1335
|
+
@keyframes tao-scroll-top-ripple-ce902f42 {
|
|
1303
1336
|
from {
|
|
1304
1337
|
opacity: 1;
|
|
1305
1338
|
}
|
|
@@ -1309,49 +1342,62 @@ to {
|
|
|
1309
1342
|
}
|
|
1310
1343
|
}
|
|
1311
1344
|
|
|
1312
|
-
.tao-progress[data-v-
|
|
1313
|
-
display: flex;
|
|
1314
|
-
justify-content: center;
|
|
1315
|
-
align-items: center;
|
|
1345
|
+
.tao-progress[data-v-54c13718] {
|
|
1316
1346
|
width: 100%;
|
|
1317
1347
|
}
|
|
1318
|
-
.tao-progress__container[data-v-
|
|
1319
|
-
position: relative;
|
|
1348
|
+
.tao-progress__container[data-v-54c13718] {
|
|
1320
1349
|
display: flex;
|
|
1321
1350
|
align-items: center;
|
|
1322
1351
|
gap: var(--tao-space-3);
|
|
1323
1352
|
width: 100%;
|
|
1324
1353
|
}
|
|
1325
|
-
.tao-
|
|
1354
|
+
.tao-progress__container--over[data-v-54c13718] {
|
|
1355
|
+
align-items: flex-end;
|
|
1356
|
+
}
|
|
1357
|
+
.tao-progress__main[data-v-54c13718] {
|
|
1326
1358
|
flex: 1;
|
|
1359
|
+
min-width: 0;
|
|
1360
|
+
display: flex;
|
|
1361
|
+
flex-direction: column;
|
|
1362
|
+
gap: var(--tao-space-1);
|
|
1363
|
+
}
|
|
1364
|
+
.tao-progress__track[data-v-54c13718] {
|
|
1365
|
+
width: 100%;
|
|
1327
1366
|
border: 1px solid var(--tao-color-border);
|
|
1328
1367
|
border-radius: var(--tao-radius-sm);
|
|
1329
1368
|
background-color: var(--tao-color-surface-sunken);
|
|
1330
1369
|
overflow: hidden;
|
|
1331
1370
|
position: relative;
|
|
1332
1371
|
}
|
|
1333
|
-
.tao-progress__fill[data-v-
|
|
1372
|
+
.tao-progress__fill[data-v-54c13718] {
|
|
1334
1373
|
height: 100%;
|
|
1335
1374
|
border-radius: var(--tao-radius-sm);
|
|
1336
1375
|
transition: width var(--tao-duration-slow) var(--tao-ease-base);
|
|
1337
1376
|
background: var(--tao-color-accent);
|
|
1338
1377
|
}
|
|
1339
|
-
.tao-progress__side[data-v-
|
|
1340
|
-
|
|
1341
|
-
|
|
1378
|
+
.tao-progress__side[data-v-54c13718] {
|
|
1379
|
+
display: inline-flex;
|
|
1380
|
+
flex-shrink: 0;
|
|
1381
|
+
align-items: baseline;
|
|
1382
|
+
gap: var(--tao-space-1);
|
|
1342
1383
|
font-size: var(--tao-font-size-xs);
|
|
1343
|
-
font-
|
|
1344
|
-
|
|
1345
|
-
|
|
1384
|
+
font-variant-numeric: tabular-nums;
|
|
1385
|
+
line-height: 1;
|
|
1386
|
+
white-space: nowrap;
|
|
1387
|
+
color: var(--tao-color-text-muted);
|
|
1346
1388
|
}
|
|
1347
|
-
.tao-progress__percentage[data-v-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1389
|
+
.tao-progress__percentage[data-v-54c13718] {
|
|
1390
|
+
font-weight: 600;
|
|
1391
|
+
font-variant-numeric: tabular-nums;
|
|
1392
|
+
font-size: var(--tao-font-size-xs);
|
|
1393
|
+
line-height: 1;
|
|
1352
1394
|
color: var(--tao-color-text-muted);
|
|
1353
1395
|
}
|
|
1354
|
-
.tao-
|
|
1396
|
+
.tao-progress__main > .tao-progress__percentage[data-v-54c13718] {
|
|
1397
|
+
width: 100%;
|
|
1398
|
+
text-align: center;
|
|
1399
|
+
}
|
|
1400
|
+
.tao-progress__fill--animated[data-v-54c13718] {
|
|
1355
1401
|
background: linear-gradient(
|
|
1356
1402
|
90deg,
|
|
1357
1403
|
var(--tao-color-accent) 0%,
|
|
@@ -1359,26 +1405,41 @@ to {
|
|
|
1359
1405
|
var(--tao-color-accent) 100%
|
|
1360
1406
|
);
|
|
1361
1407
|
background-size: 200% 100%;
|
|
1362
|
-
animation: tao-progress-shimmer-
|
|
1408
|
+
animation: tao-progress-shimmer-54c13718 2s infinite;
|
|
1363
1409
|
}
|
|
1364
|
-
@keyframes tao-progress-shimmer-
|
|
1410
|
+
@keyframes tao-progress-shimmer-54c13718 {
|
|
1365
1411
|
0% { background-position: -200% 0;
|
|
1366
1412
|
}
|
|
1367
1413
|
100% { background-position: 200% 0;
|
|
1368
1414
|
}
|
|
1369
1415
|
}
|
|
1370
1416
|
|
|
1371
|
-
.tao-slider[data-v-
|
|
1417
|
+
.tao-slider[data-v-241d1042] {
|
|
1372
1418
|
position: relative;
|
|
1373
1419
|
width: 100%;
|
|
1374
1420
|
height: 14px;
|
|
1375
1421
|
cursor: pointer;
|
|
1376
1422
|
user-select: none;
|
|
1377
1423
|
}
|
|
1378
|
-
.tao-slider
|
|
1424
|
+
.tao-slider[data-v-241d1042]:focus {
|
|
1425
|
+
outline: none;
|
|
1426
|
+
}
|
|
1427
|
+
.tao-slider[data-v-241d1042]:focus-visible {
|
|
1428
|
+
outline: 2px solid var(--tao-color-accent);
|
|
1429
|
+
outline-offset: 4px;
|
|
1430
|
+
border-radius: var(--tao-radius-sm);
|
|
1431
|
+
}
|
|
1432
|
+
.tao-slider--show-value[data-v-241d1042] {
|
|
1379
1433
|
height: 20px;
|
|
1380
1434
|
}
|
|
1381
|
-
.tao-
|
|
1435
|
+
.tao-slider--disabled[data-v-241d1042] {
|
|
1436
|
+
cursor: not-allowed;
|
|
1437
|
+
opacity: 0.6;
|
|
1438
|
+
}
|
|
1439
|
+
.tao-slider--disabled .tao-slider__thumb[data-v-241d1042] {
|
|
1440
|
+
cursor: not-allowed;
|
|
1441
|
+
}
|
|
1442
|
+
.tao-slider__track[data-v-241d1042] {
|
|
1382
1443
|
position: absolute;
|
|
1383
1444
|
top: 0;
|
|
1384
1445
|
left: 0;
|
|
@@ -1387,7 +1448,7 @@ to {
|
|
|
1387
1448
|
border-radius: var(--tao-radius-sm);
|
|
1388
1449
|
background-color: var(--tao-color-surface-sunken);
|
|
1389
1450
|
}
|
|
1390
|
-
.tao-slider__fill[data-v-
|
|
1451
|
+
.tao-slider__fill[data-v-241d1042] {
|
|
1391
1452
|
position: absolute;
|
|
1392
1453
|
top: 0;
|
|
1393
1454
|
left: 0;
|
|
@@ -1395,7 +1456,7 @@ to {
|
|
|
1395
1456
|
background-color: var(--tao-color-accent);
|
|
1396
1457
|
border-radius: var(--tao-radius-sm);
|
|
1397
1458
|
}
|
|
1398
|
-
.tao-slider__thumb[data-v-
|
|
1459
|
+
.tao-slider__thumb[data-v-241d1042] {
|
|
1399
1460
|
position: absolute;
|
|
1400
1461
|
top: 50%;
|
|
1401
1462
|
width: 20px;
|
|
@@ -1406,11 +1467,11 @@ to {
|
|
|
1406
1467
|
transform: translate(-50%, -50%);
|
|
1407
1468
|
cursor: grab;
|
|
1408
1469
|
}
|
|
1409
|
-
.tao-slider__thumb[data-v-
|
|
1470
|
+
.tao-slider__thumb[data-v-241d1042]:active {
|
|
1410
1471
|
cursor: grabbing;
|
|
1411
1472
|
}
|
|
1412
|
-
.tao-slider__value[data-v-
|
|
1413
|
-
.tao-slider__shadow-input[data-v-
|
|
1473
|
+
.tao-slider__value[data-v-241d1042],
|
|
1474
|
+
.tao-slider__shadow-input[data-v-241d1042] {
|
|
1414
1475
|
position: absolute;
|
|
1415
1476
|
inset: 0;
|
|
1416
1477
|
display: flex;
|
|
@@ -1422,12 +1483,12 @@ to {
|
|
|
1422
1483
|
font-weight: 900;
|
|
1423
1484
|
letter-spacing: 0.05em;
|
|
1424
1485
|
}
|
|
1425
|
-
.tao-slider__value[data-v-
|
|
1486
|
+
.tao-slider__value[data-v-241d1042] {
|
|
1426
1487
|
color: var(--tao-color-text-strong);
|
|
1427
1488
|
text-shadow: -1px -1px 0 var(--tao-color-bg), 1px -1px 0 var(--tao-color-bg),
|
|
1428
1489
|
-1px 1px 0 var(--tao-color-bg), 1px 1px 0 var(--tao-color-bg);
|
|
1429
1490
|
}
|
|
1430
|
-
.tao-slider__shadow-input[data-v-
|
|
1491
|
+
.tao-slider__shadow-input[data-v-241d1042] {
|
|
1431
1492
|
text-align: center;
|
|
1432
1493
|
border: none;
|
|
1433
1494
|
background: transparent;
|
|
@@ -1436,12 +1497,12 @@ to {
|
|
|
1436
1497
|
outline: none;
|
|
1437
1498
|
}
|
|
1438
1499
|
|
|
1439
|
-
.tao-file-drop[data-v-
|
|
1500
|
+
.tao-file-drop[data-v-3543419a] {
|
|
1440
1501
|
display: flex;
|
|
1441
1502
|
gap: var(--tao-space-3);
|
|
1442
1503
|
user-select: none;
|
|
1443
1504
|
}
|
|
1444
|
-
.tao-file-drop__clear[data-v-
|
|
1505
|
+
.tao-file-drop__clear[data-v-3543419a] {
|
|
1445
1506
|
display: flex;
|
|
1446
1507
|
align-items: center;
|
|
1447
1508
|
justify-content: center;
|
|
@@ -1455,10 +1516,10 @@ to {
|
|
|
1455
1516
|
font-family: inherit;
|
|
1456
1517
|
transition: var(--tao-transition-base);
|
|
1457
1518
|
}
|
|
1458
|
-
.tao-file-drop__clear[data-v-
|
|
1519
|
+
.tao-file-drop__clear[data-v-3543419a]:hover {
|
|
1459
1520
|
background-color: color-mix(in srgb, var(--tao-color-danger) 22%, transparent);
|
|
1460
1521
|
}
|
|
1461
|
-
.tao-file-drop__zone[data-v-
|
|
1522
|
+
.tao-file-drop__zone[data-v-3543419a] {
|
|
1462
1523
|
flex-grow: 1;
|
|
1463
1524
|
font-size: var(--tao-font-size-sm);
|
|
1464
1525
|
font-family: var(--tao-font-family);
|
|
@@ -1470,21 +1531,22 @@ to {
|
|
|
1470
1531
|
cursor: pointer;
|
|
1471
1532
|
transition: var(--tao-transition-base);
|
|
1472
1533
|
}
|
|
1473
|
-
.tao-file-drop__zone[data-v-
|
|
1534
|
+
.tao-file-drop__zone[data-v-3543419a]:hover,
|
|
1535
|
+
.tao-file-drop__zone[data-v-3543419a]:focus-within {
|
|
1474
1536
|
background-color: var(--tao-color-accent-subtle);
|
|
1475
1537
|
border-color: var(--tao-color-accent);
|
|
1476
1538
|
}
|
|
1477
|
-
.tao-file-drop__zone--dragging[data-v-
|
|
1539
|
+
.tao-file-drop__zone--dragging[data-v-3543419a] {
|
|
1478
1540
|
border-color: var(--tao-color-text-strong);
|
|
1479
1541
|
background-color: var(--tao-color-surface-sunken);
|
|
1480
1542
|
}
|
|
1481
|
-
.tao-file-drop__zone--small[data-v-
|
|
1543
|
+
.tao-file-drop__zone--small[data-v-3543419a] {
|
|
1482
1544
|
padding: var(--tao-space-5) var(--tao-space-4);
|
|
1483
1545
|
}
|
|
1484
|
-
.tao-file-drop__zone--medium[data-v-
|
|
1546
|
+
.tao-file-drop__zone--medium[data-v-3543419a] {
|
|
1485
1547
|
padding: var(--tao-space-8) var(--tao-space-5);
|
|
1486
1548
|
}
|
|
1487
|
-
.tao-file-drop__zone--large[data-v-
|
|
1549
|
+
.tao-file-drop__zone--large[data-v-3543419a] {
|
|
1488
1550
|
padding: var(--tao-space-10) var(--tao-space-6);
|
|
1489
1551
|
}
|
|
1490
1552
|
|
|
@@ -1526,11 +1588,11 @@ to {
|
|
|
1526
1588
|
background-color: var(--tao-color-surface-hover);
|
|
1527
1589
|
}
|
|
1528
1590
|
|
|
1529
|
-
.tao-dropdown-menu[data-v-
|
|
1591
|
+
.tao-dropdown-menu[data-v-420a7e63] {
|
|
1530
1592
|
position: relative;
|
|
1531
1593
|
display: inline-block;
|
|
1532
1594
|
}
|
|
1533
|
-
.tao-dropdown-menu__button[data-v-
|
|
1595
|
+
.tao-dropdown-menu__button[data-v-420a7e63] {
|
|
1534
1596
|
padding: var(--tao-space-2);
|
|
1535
1597
|
color: var(--tao-color-text);
|
|
1536
1598
|
border: none;
|
|
@@ -1542,19 +1604,19 @@ to {
|
|
|
1542
1604
|
line-height: 1;
|
|
1543
1605
|
transition: var(--tao-transition-base);
|
|
1544
1606
|
}
|
|
1545
|
-
.tao-dropdown-menu__button[data-v-
|
|
1607
|
+
.tao-dropdown-menu__button[data-v-420a7e63]:hover {
|
|
1546
1608
|
background: var(--tao-color-surface-hover);
|
|
1547
1609
|
}
|
|
1548
|
-
.tao-dropdown-menu__button[data-v-
|
|
1610
|
+
.tao-dropdown-menu__button[data-v-420a7e63]:focus-visible {
|
|
1549
1611
|
outline: 2px solid var(--tao-color-accent);
|
|
1550
1612
|
outline-offset: 2px;
|
|
1551
1613
|
}
|
|
1552
1614
|
|
|
1553
|
-
.tao-pin-code[data-v-
|
|
1615
|
+
.tao-pin-code[data-v-c3182673] {
|
|
1554
1616
|
display: inline-flex;
|
|
1555
1617
|
user-select: none;
|
|
1556
1618
|
}
|
|
1557
|
-
.tao-pin-code__value[data-v-
|
|
1619
|
+
.tao-pin-code__value[data-v-c3182673] {
|
|
1558
1620
|
width: 50px;
|
|
1559
1621
|
height: 56px;
|
|
1560
1622
|
margin: 2px;
|
|
@@ -1571,9 +1633,13 @@ to {
|
|
|
1571
1633
|
cursor: text;
|
|
1572
1634
|
outline: none;
|
|
1573
1635
|
}
|
|
1574
|
-
.tao-pin-code__value--active[data-v-
|
|
1636
|
+
.tao-pin-code__value--active[data-v-c3182673],
|
|
1637
|
+
.tao-pin-code__value[data-v-c3182673]:focus {
|
|
1575
1638
|
border-color: var(--tao-color-accent);
|
|
1576
1639
|
}
|
|
1640
|
+
.tao-pin-code__value--invalid[data-v-c3182673] {
|
|
1641
|
+
border-color: var(--tao-color-danger);
|
|
1642
|
+
}
|
|
1577
1643
|
|
|
1578
1644
|
.tao-form-field[data-v-11324f0c] {
|
|
1579
1645
|
display: flex;
|
|
@@ -1597,20 +1663,44 @@ to {
|
|
|
1597
1663
|
color: var(--tao-color-danger);
|
|
1598
1664
|
}
|
|
1599
1665
|
|
|
1600
|
-
.tao-
|
|
1666
|
+
.tao-select__panel {
|
|
1601
1667
|
z-index: 1050;
|
|
1602
1668
|
position: fixed;
|
|
1603
|
-
|
|
1604
|
-
padding: var(--tao-space-1);
|
|
1605
|
-
max-height: 240px;
|
|
1606
|
-
overflow: auto;
|
|
1607
|
-
list-style: none;
|
|
1669
|
+
overflow: hidden;
|
|
1608
1670
|
background: var(--tao-color-surface-raised);
|
|
1609
1671
|
color: var(--tao-color-text);
|
|
1610
1672
|
border: 1px solid var(--tao-color-border);
|
|
1611
1673
|
border-radius: var(--tao-radius-control);
|
|
1612
1674
|
box-shadow: var(--tao-shadow-overlay);
|
|
1613
1675
|
}
|
|
1676
|
+
.tao-select__list {
|
|
1677
|
+
margin: 0;
|
|
1678
|
+
padding: var(--tao-space-1);
|
|
1679
|
+
max-height: 240px;
|
|
1680
|
+
overflow: auto;
|
|
1681
|
+
list-style: none;
|
|
1682
|
+
}
|
|
1683
|
+
.tao-select__list:focus {
|
|
1684
|
+
outline: none;
|
|
1685
|
+
}
|
|
1686
|
+
.tao-select__clear {
|
|
1687
|
+
display: block;
|
|
1688
|
+
width: 100%;
|
|
1689
|
+
margin: 0;
|
|
1690
|
+
padding: var(--tao-space-2) var(--tao-space-3);
|
|
1691
|
+
border: none;
|
|
1692
|
+
border-top: 1px solid var(--tao-color-border);
|
|
1693
|
+
background: none;
|
|
1694
|
+
color: var(--tao-color-text-muted);
|
|
1695
|
+
font: inherit;
|
|
1696
|
+
font-size: var(--tao-font-size-sm);
|
|
1697
|
+
text-align: left;
|
|
1698
|
+
cursor: pointer;
|
|
1699
|
+
}
|
|
1700
|
+
.tao-select__clear:hover {
|
|
1701
|
+
color: var(--tao-color-accent);
|
|
1702
|
+
background: var(--tao-color-surface-hover);
|
|
1703
|
+
}
|
|
1614
1704
|
.tao-select__option {
|
|
1615
1705
|
padding: var(--tao-space-2) var(--tao-space-3);
|
|
1616
1706
|
border-radius: var(--tao-radius-sm);
|
|
@@ -1630,10 +1720,10 @@ to {
|
|
|
1630
1720
|
cursor: not-allowed;
|
|
1631
1721
|
}
|
|
1632
1722
|
|
|
1633
|
-
.tao-select[data-v-
|
|
1723
|
+
.tao-select[data-v-42551757] {
|
|
1634
1724
|
width: 100%;
|
|
1635
1725
|
}
|
|
1636
|
-
.tao-select__trigger[data-v-
|
|
1726
|
+
.tao-select__trigger[data-v-42551757] {
|
|
1637
1727
|
display: flex;
|
|
1638
1728
|
align-items: center;
|
|
1639
1729
|
justify-content: space-between;
|
|
@@ -1651,31 +1741,155 @@ to {
|
|
|
1651
1741
|
cursor: pointer;
|
|
1652
1742
|
transition: var(--tao-transition-base);
|
|
1653
1743
|
}
|
|
1654
|
-
.tao-select__trigger--placeholder[data-v-
|
|
1744
|
+
.tao-select__trigger--placeholder[data-v-42551757] {
|
|
1655
1745
|
color: var(--tao-color-input-placeholder);
|
|
1656
1746
|
}
|
|
1657
|
-
.tao-select__trigger[data-v-
|
|
1747
|
+
.tao-select__trigger[data-v-42551757]:focus {
|
|
1658
1748
|
outline: none;
|
|
1659
1749
|
border-color: var(--tao-color-accent);
|
|
1660
1750
|
box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
|
|
1661
1751
|
}
|
|
1662
|
-
.tao-select--invalid .tao-select__trigger[data-v-
|
|
1752
|
+
.tao-select--invalid .tao-select__trigger[data-v-42551757] {
|
|
1663
1753
|
border-color: var(--tao-color-danger);
|
|
1664
1754
|
}
|
|
1665
|
-
.tao-select--invalid .tao-select__trigger[data-v-
|
|
1755
|
+
.tao-select--invalid .tao-select__trigger[data-v-42551757]:focus {
|
|
1666
1756
|
box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
|
|
1667
1757
|
}
|
|
1668
|
-
.tao-select__trigger[data-v-
|
|
1758
|
+
.tao-select__trigger[data-v-42551757]:disabled {
|
|
1669
1759
|
opacity: 0.6;
|
|
1670
1760
|
cursor: not-allowed;
|
|
1671
1761
|
}
|
|
1672
|
-
.tao-select__value[data-v-
|
|
1762
|
+
.tao-select__value[data-v-42551757] {
|
|
1673
1763
|
min-width: 0;
|
|
1674
1764
|
overflow: hidden;
|
|
1675
1765
|
text-overflow: ellipsis;
|
|
1676
1766
|
white-space: nowrap;
|
|
1677
1767
|
}
|
|
1678
|
-
.tao-select__chevron[data-v-
|
|
1768
|
+
.tao-select__chevron[data-v-42551757] {
|
|
1769
|
+
flex-shrink: 0;
|
|
1770
|
+
width: 0;
|
|
1771
|
+
height: 0;
|
|
1772
|
+
border-left: 4px solid transparent;
|
|
1773
|
+
border-right: 4px solid transparent;
|
|
1774
|
+
border-top: 5px solid currentColor;
|
|
1775
|
+
opacity: 0.6;
|
|
1776
|
+
transition: transform var(--tao-duration-fast) var(--tao-ease-base);
|
|
1777
|
+
}
|
|
1778
|
+
.tao-select--open .tao-select__chevron[data-v-42551757] {
|
|
1779
|
+
transform: rotate(180deg);
|
|
1780
|
+
}
|
|
1781
|
+
|
|
1782
|
+
.tao-combobox__panel {
|
|
1783
|
+
z-index: 1050;
|
|
1784
|
+
position: fixed;
|
|
1785
|
+
overflow: hidden;
|
|
1786
|
+
background: var(--tao-color-surface-raised);
|
|
1787
|
+
color: var(--tao-color-text);
|
|
1788
|
+
border: 1px solid var(--tao-color-border);
|
|
1789
|
+
border-radius: var(--tao-radius-control);
|
|
1790
|
+
box-shadow: var(--tao-shadow-overlay);
|
|
1791
|
+
}
|
|
1792
|
+
.tao-combobox__list {
|
|
1793
|
+
margin: 0;
|
|
1794
|
+
padding: var(--tao-space-1);
|
|
1795
|
+
max-height: 240px;
|
|
1796
|
+
overflow: auto;
|
|
1797
|
+
list-style: none;
|
|
1798
|
+
}
|
|
1799
|
+
.tao-combobox__empty {
|
|
1800
|
+
padding: var(--tao-space-2) var(--tao-space-3);
|
|
1801
|
+
color: var(--tao-color-text-muted);
|
|
1802
|
+
font-size: var(--tao-font-size-sm);
|
|
1803
|
+
}
|
|
1804
|
+
.tao-combobox__clear {
|
|
1805
|
+
display: block;
|
|
1806
|
+
width: 100%;
|
|
1807
|
+
margin: 0;
|
|
1808
|
+
padding: var(--tao-space-2) var(--tao-space-3);
|
|
1809
|
+
border: none;
|
|
1810
|
+
border-top: 1px solid var(--tao-color-border);
|
|
1811
|
+
background: none;
|
|
1812
|
+
color: var(--tao-color-text-muted);
|
|
1813
|
+
font: inherit;
|
|
1814
|
+
font-size: var(--tao-font-size-sm);
|
|
1815
|
+
text-align: left;
|
|
1816
|
+
cursor: pointer;
|
|
1817
|
+
}
|
|
1818
|
+
.tao-combobox__clear:hover {
|
|
1819
|
+
color: var(--tao-color-accent);
|
|
1820
|
+
background: var(--tao-color-surface-hover);
|
|
1821
|
+
}
|
|
1822
|
+
.tao-combobox__option {
|
|
1823
|
+
padding: var(--tao-space-2) var(--tao-space-3);
|
|
1824
|
+
border-radius: var(--tao-radius-sm);
|
|
1825
|
+
font-size: var(--tao-font-size-md);
|
|
1826
|
+
cursor: pointer;
|
|
1827
|
+
user-select: none;
|
|
1828
|
+
}
|
|
1829
|
+
.tao-combobox__option--active,
|
|
1830
|
+
.tao-combobox__option:hover:not(.tao-combobox__option--disabled) {
|
|
1831
|
+
background: var(--tao-color-surface-hover);
|
|
1832
|
+
}
|
|
1833
|
+
.tao-combobox__option--selected {
|
|
1834
|
+
color: var(--tao-color-accent);
|
|
1835
|
+
}
|
|
1836
|
+
.tao-combobox__option--create {
|
|
1837
|
+
color: var(--tao-color-accent);
|
|
1838
|
+
}
|
|
1839
|
+
.tao-combobox__option--disabled {
|
|
1840
|
+
opacity: 0.5;
|
|
1841
|
+
cursor: not-allowed;
|
|
1842
|
+
}
|
|
1843
|
+
|
|
1844
|
+
.tao-combobox[data-v-adeb76a4] {
|
|
1845
|
+
width: 100%;
|
|
1846
|
+
}
|
|
1847
|
+
.tao-combobox__field[data-v-adeb76a4] {
|
|
1848
|
+
display: flex;
|
|
1849
|
+
align-items: center;
|
|
1850
|
+
gap: var(--tao-space-2);
|
|
1851
|
+
width: 100%;
|
|
1852
|
+
min-height: 36px;
|
|
1853
|
+
padding: 0 var(--tao-space-3);
|
|
1854
|
+
border: 1px solid var(--tao-color-border-strong);
|
|
1855
|
+
border-radius: var(--tao-radius-control);
|
|
1856
|
+
background: var(--tao-color-input-bg);
|
|
1857
|
+
color: var(--tao-color-input-text);
|
|
1858
|
+
transition: var(--tao-transition-base);
|
|
1859
|
+
}
|
|
1860
|
+
.tao-combobox__field[data-v-adeb76a4]:focus-within {
|
|
1861
|
+
border-color: var(--tao-color-accent);
|
|
1862
|
+
box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
|
|
1863
|
+
}
|
|
1864
|
+
.tao-combobox--invalid .tao-combobox__field[data-v-adeb76a4] {
|
|
1865
|
+
border-color: var(--tao-color-danger);
|
|
1866
|
+
}
|
|
1867
|
+
.tao-combobox--invalid .tao-combobox__field[data-v-adeb76a4]:focus-within {
|
|
1868
|
+
box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
|
|
1869
|
+
}
|
|
1870
|
+
.tao-combobox__input[data-v-adeb76a4] {
|
|
1871
|
+
flex: 1;
|
|
1872
|
+
min-width: 0;
|
|
1873
|
+
height: 34px;
|
|
1874
|
+
padding: 0;
|
|
1875
|
+
border: none;
|
|
1876
|
+
background: transparent;
|
|
1877
|
+
color: inherit;
|
|
1878
|
+
font-size: var(--tao-font-size-md);
|
|
1879
|
+
font-family: inherit;
|
|
1880
|
+
outline: none;
|
|
1881
|
+
}
|
|
1882
|
+
.tao-combobox__input[data-v-adeb76a4]::placeholder {
|
|
1883
|
+
color: var(--tao-color-input-placeholder);
|
|
1884
|
+
}
|
|
1885
|
+
.tao-combobox__input[data-v-adeb76a4]:disabled {
|
|
1886
|
+
cursor: not-allowed;
|
|
1887
|
+
}
|
|
1888
|
+
.tao-combobox--disabled .tao-combobox__field[data-v-adeb76a4] {
|
|
1889
|
+
opacity: 0.6;
|
|
1890
|
+
cursor: not-allowed;
|
|
1891
|
+
}
|
|
1892
|
+
.tao-combobox__chevron[data-v-adeb76a4] {
|
|
1679
1893
|
flex-shrink: 0;
|
|
1680
1894
|
width: 0;
|
|
1681
1895
|
height: 0;
|
|
@@ -1683,9 +1897,10 @@ to {
|
|
|
1683
1897
|
border-right: 4px solid transparent;
|
|
1684
1898
|
border-top: 5px solid currentColor;
|
|
1685
1899
|
opacity: 0.6;
|
|
1900
|
+
pointer-events: none;
|
|
1686
1901
|
transition: transform var(--tao-duration-fast) var(--tao-ease-base);
|
|
1687
1902
|
}
|
|
1688
|
-
.tao-
|
|
1903
|
+
.tao-combobox--open .tao-combobox__chevron[data-v-adeb76a4] {
|
|
1689
1904
|
transform: rotate(180deg);
|
|
1690
1905
|
}
|
|
1691
1906
|
|
|
@@ -1783,7 +1998,7 @@ to {
|
|
|
1783
1998
|
}
|
|
1784
1999
|
.tao-date__day--selected {
|
|
1785
2000
|
background: var(--tao-color-accent);
|
|
1786
|
-
color: var(--tao-color-
|
|
2001
|
+
color: var(--tao-color-on-accent);
|
|
1787
2002
|
opacity: 1;
|
|
1788
2003
|
}
|
|
1789
2004
|
.tao-date__day--cursor:not(.tao-date__day--selected) {
|
|
@@ -1828,10 +2043,10 @@ to {
|
|
|
1828
2043
|
outline-offset: 2px;
|
|
1829
2044
|
}
|
|
1830
2045
|
|
|
1831
|
-
.tao-date[data-v-
|
|
2046
|
+
.tao-date[data-v-4227e5f8] {
|
|
1832
2047
|
width: 100%;
|
|
1833
2048
|
}
|
|
1834
|
-
.tao-date__trigger[data-v-
|
|
2049
|
+
.tao-date__trigger[data-v-4227e5f8] {
|
|
1835
2050
|
display: flex;
|
|
1836
2051
|
align-items: center;
|
|
1837
2052
|
justify-content: space-between;
|
|
@@ -1849,31 +2064,31 @@ to {
|
|
|
1849
2064
|
cursor: pointer;
|
|
1850
2065
|
transition: var(--tao-transition-base);
|
|
1851
2066
|
}
|
|
1852
|
-
.tao-date__trigger--placeholder[data-v-
|
|
2067
|
+
.tao-date__trigger--placeholder[data-v-4227e5f8] {
|
|
1853
2068
|
color: var(--tao-color-input-placeholder);
|
|
1854
2069
|
}
|
|
1855
|
-
.tao-date__trigger[data-v-
|
|
2070
|
+
.tao-date__trigger[data-v-4227e5f8]:focus {
|
|
1856
2071
|
outline: none;
|
|
1857
2072
|
border-color: var(--tao-color-accent);
|
|
1858
2073
|
box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
|
|
1859
2074
|
}
|
|
1860
|
-
.tao-date--invalid .tao-date__trigger[data-v-
|
|
2075
|
+
.tao-date--invalid .tao-date__trigger[data-v-4227e5f8] {
|
|
1861
2076
|
border-color: var(--tao-color-danger);
|
|
1862
2077
|
}
|
|
1863
|
-
.tao-date--invalid .tao-date__trigger[data-v-
|
|
2078
|
+
.tao-date--invalid .tao-date__trigger[data-v-4227e5f8]:focus {
|
|
1864
2079
|
box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
|
|
1865
2080
|
}
|
|
1866
|
-
.tao-date__trigger[data-v-
|
|
2081
|
+
.tao-date__trigger[data-v-4227e5f8]:disabled {
|
|
1867
2082
|
opacity: 0.6;
|
|
1868
2083
|
cursor: not-allowed;
|
|
1869
2084
|
}
|
|
1870
|
-
.tao-date__value[data-v-
|
|
2085
|
+
.tao-date__value[data-v-4227e5f8] {
|
|
1871
2086
|
min-width: 0;
|
|
1872
2087
|
overflow: hidden;
|
|
1873
2088
|
text-overflow: ellipsis;
|
|
1874
2089
|
white-space: nowrap;
|
|
1875
2090
|
}
|
|
1876
|
-
.tao-date__icon[data-v-
|
|
2091
|
+
.tao-date__icon[data-v-4227e5f8] {
|
|
1877
2092
|
flex-shrink: 0;
|
|
1878
2093
|
opacity: 0.7;
|
|
1879
2094
|
}
|
|
@@ -2023,7 +2238,7 @@ to {
|
|
|
2023
2238
|
color: var(--tao-color-text);
|
|
2024
2239
|
}
|
|
2025
2240
|
|
|
2026
|
-
.tao-alert[data-v-
|
|
2241
|
+
.tao-alert[data-v-4c89fa1f] {
|
|
2027
2242
|
--tao-alert-tone: var(--tao-color-info);
|
|
2028
2243
|
|
|
2029
2244
|
display: flex;
|
|
@@ -2036,40 +2251,41 @@ to {
|
|
|
2036
2251
|
border: 1px solid color-mix(in srgb, var(--tao-alert-tone) 35%, var(--tao-color-border));
|
|
2037
2252
|
border-radius: var(--tao-radius-panel);
|
|
2038
2253
|
}
|
|
2039
|
-
.tao-alert--success[data-v-
|
|
2254
|
+
.tao-alert--success[data-v-4c89fa1f] {
|
|
2040
2255
|
--tao-alert-tone: var(--tao-color-success);
|
|
2041
2256
|
}
|
|
2042
|
-
.tao-alert--error[data-v-
|
|
2257
|
+
.tao-alert--error[data-v-4c89fa1f],
|
|
2258
|
+
.tao-alert--danger[data-v-4c89fa1f] {
|
|
2043
2259
|
--tao-alert-tone: var(--tao-color-danger);
|
|
2044
2260
|
}
|
|
2045
|
-
.tao-alert--warning[data-v-
|
|
2261
|
+
.tao-alert--warning[data-v-4c89fa1f] {
|
|
2046
2262
|
--tao-alert-tone: var(--tao-color-warning);
|
|
2047
2263
|
}
|
|
2048
|
-
.tao-alert--info[data-v-
|
|
2264
|
+
.tao-alert--info[data-v-4c89fa1f] {
|
|
2049
2265
|
--tao-alert-tone: var(--tao-color-info);
|
|
2050
2266
|
}
|
|
2051
|
-
.tao-alert--neutral[data-v-
|
|
2267
|
+
.tao-alert--neutral[data-v-4c89fa1f] {
|
|
2052
2268
|
--tao-alert-tone: var(--tao-color-text-muted);
|
|
2053
2269
|
}
|
|
2054
|
-
.tao-alert__body[data-v-
|
|
2270
|
+
.tao-alert__body[data-v-4c89fa1f] {
|
|
2055
2271
|
display: flex;
|
|
2056
2272
|
flex-direction: column;
|
|
2057
2273
|
gap: var(--tao-space-1);
|
|
2058
2274
|
min-width: 0;
|
|
2059
2275
|
flex: 1;
|
|
2060
2276
|
}
|
|
2061
|
-
.tao-alert__title[data-v-
|
|
2277
|
+
.tao-alert__title[data-v-4c89fa1f] {
|
|
2062
2278
|
font-size: var(--tao-font-size-md);
|
|
2063
2279
|
font-weight: 600;
|
|
2064
2280
|
color: var(--tao-color-text-strong);
|
|
2065
2281
|
}
|
|
2066
|
-
.tao-alert__message[data-v-
|
|
2282
|
+
.tao-alert__message[data-v-4c89fa1f] {
|
|
2067
2283
|
margin: 0;
|
|
2068
2284
|
font-size: var(--tao-font-size-sm);
|
|
2069
2285
|
line-height: 1.45;
|
|
2070
2286
|
color: var(--tao-color-text);
|
|
2071
2287
|
}
|
|
2072
|
-
.tao-alert__close[data-v-
|
|
2288
|
+
.tao-alert__close[data-v-4c89fa1f] {
|
|
2073
2289
|
flex-shrink: 0;
|
|
2074
2290
|
margin: calc(-1 * var(--tao-space-1)) calc(-1 * var(--tao-space-2)) 0 0;
|
|
2075
2291
|
padding: 0;
|
|
@@ -2080,7 +2296,7 @@ to {
|
|
|
2080
2296
|
line-height: 1;
|
|
2081
2297
|
cursor: pointer;
|
|
2082
2298
|
}
|
|
2083
|
-
.tao-alert__close[data-v-
|
|
2299
|
+
.tao-alert__close[data-v-4c89fa1f]:hover {
|
|
2084
2300
|
color: var(--tao-color-text-strong);
|
|
2085
2301
|
}
|
|
2086
2302
|
|
|
@@ -2457,46 +2673,122 @@ to {
|
|
|
2457
2673
|
transform: translateX(-100%);
|
|
2458
2674
|
}
|
|
2459
2675
|
|
|
2460
|
-
.tao-avatar[data-v-
|
|
2676
|
+
.tao-avatar[data-v-cb4ec893] {
|
|
2677
|
+
position: relative;
|
|
2461
2678
|
display: inline-flex;
|
|
2679
|
+
flex-shrink: 0;
|
|
2680
|
+
user-select: none;
|
|
2681
|
+
}
|
|
2682
|
+
.tao-avatar__face[data-v-cb4ec893] {
|
|
2683
|
+
display: flex;
|
|
2462
2684
|
align-items: center;
|
|
2463
2685
|
justify-content: center;
|
|
2464
2686
|
overflow: hidden;
|
|
2465
|
-
|
|
2687
|
+
width: 100%;
|
|
2688
|
+
height: 100%;
|
|
2466
2689
|
background: var(--tao-color-accent-subtle);
|
|
2467
2690
|
color: var(--tao-color-accent);
|
|
2468
2691
|
border-radius: var(--tao-radius-full);
|
|
2469
2692
|
font-weight: 600;
|
|
2470
2693
|
line-height: 1;
|
|
2471
|
-
user-select: none;
|
|
2472
2694
|
}
|
|
2473
|
-
.tao-avatar--s[data-v-
|
|
2695
|
+
.tao-avatar--s[data-v-cb4ec893] {
|
|
2474
2696
|
width: 24px;
|
|
2475
2697
|
height: 24px;
|
|
2476
2698
|
font-size: 10px;
|
|
2477
2699
|
}
|
|
2478
|
-
.tao-avatar--m[data-v-
|
|
2700
|
+
.tao-avatar--m[data-v-cb4ec893] {
|
|
2479
2701
|
width: 32px;
|
|
2480
2702
|
height: 32px;
|
|
2481
2703
|
font-size: var(--tao-font-size-xs);
|
|
2482
2704
|
}
|
|
2483
|
-
.tao-avatar--l[data-v-
|
|
2705
|
+
.tao-avatar--l[data-v-cb4ec893] {
|
|
2484
2706
|
width: 48px;
|
|
2485
2707
|
height: 48px;
|
|
2486
2708
|
font-size: var(--tao-font-size-md);
|
|
2487
2709
|
}
|
|
2488
|
-
.tao-avatar__img[data-v-
|
|
2710
|
+
.tao-avatar__img[data-v-cb4ec893] {
|
|
2489
2711
|
width: 100%;
|
|
2490
2712
|
height: 100%;
|
|
2491
2713
|
object-fit: cover;
|
|
2492
2714
|
}
|
|
2493
|
-
.tao-avatar__fallback[data-v-
|
|
2715
|
+
.tao-avatar__fallback[data-v-cb4ec893] {
|
|
2494
2716
|
display: flex;
|
|
2495
2717
|
align-items: center;
|
|
2496
2718
|
justify-content: center;
|
|
2497
2719
|
width: 100%;
|
|
2498
2720
|
height: 100%;
|
|
2499
2721
|
}
|
|
2722
|
+
.tao-avatar__dot[data-v-cb4ec893] {
|
|
2723
|
+
position: absolute;
|
|
2724
|
+
right: -1px;
|
|
2725
|
+
bottom: -1px;
|
|
2726
|
+
box-sizing: border-box;
|
|
2727
|
+
border: 2px solid var(--tao-color-bg);
|
|
2728
|
+
border-radius: var(--tao-radius-full);
|
|
2729
|
+
background: var(--tao-color-success);
|
|
2730
|
+
}
|
|
2731
|
+
.tao-avatar--s .tao-avatar__dot[data-v-cb4ec893] {
|
|
2732
|
+
width: 8px;
|
|
2733
|
+
height: 8px;
|
|
2734
|
+
border-width: 1px;
|
|
2735
|
+
}
|
|
2736
|
+
.tao-avatar--m .tao-avatar__dot[data-v-cb4ec893] {
|
|
2737
|
+
width: 10px;
|
|
2738
|
+
height: 10px;
|
|
2739
|
+
}
|
|
2740
|
+
.tao-avatar--l .tao-avatar__dot[data-v-cb4ec893] {
|
|
2741
|
+
width: 12px;
|
|
2742
|
+
height: 12px;
|
|
2743
|
+
}
|
|
2744
|
+
.tao-avatar__dot--success[data-v-cb4ec893] {
|
|
2745
|
+
background: var(--tao-color-success);
|
|
2746
|
+
}
|
|
2747
|
+
.tao-avatar__dot--danger[data-v-cb4ec893] {
|
|
2748
|
+
background: var(--tao-color-danger);
|
|
2749
|
+
}
|
|
2750
|
+
.tao-avatar__dot--warning[data-v-cb4ec893] {
|
|
2751
|
+
background: var(--tao-color-warning);
|
|
2752
|
+
}
|
|
2753
|
+
.tao-avatar__dot--info[data-v-cb4ec893] {
|
|
2754
|
+
background: var(--tao-color-info);
|
|
2755
|
+
}
|
|
2756
|
+
.tao-avatar__dot--neutral[data-v-cb4ec893] {
|
|
2757
|
+
background: var(--tao-color-text-muted);
|
|
2758
|
+
}
|
|
2759
|
+
.tao-avatar__badge[data-v-cb4ec893] {
|
|
2760
|
+
position: absolute;
|
|
2761
|
+
top: -6px;
|
|
2762
|
+
right: -6px;
|
|
2763
|
+
z-index: 1;
|
|
2764
|
+
box-sizing: border-box;
|
|
2765
|
+
min-width: 16px;
|
|
2766
|
+
height: 16px;
|
|
2767
|
+
padding: 0 4px;
|
|
2768
|
+
display: inline-flex;
|
|
2769
|
+
align-items: center;
|
|
2770
|
+
justify-content: center;
|
|
2771
|
+
border: 2px solid var(--tao-color-bg);
|
|
2772
|
+
border-radius: var(--tao-radius-full);
|
|
2773
|
+
background: var(--tao-color-danger);
|
|
2774
|
+
color: var(--tao-color-text-strong);
|
|
2775
|
+
font-size: 10px;
|
|
2776
|
+
font-weight: 700;
|
|
2777
|
+
line-height: 1;
|
|
2778
|
+
}
|
|
2779
|
+
.tao-avatar--s .tao-avatar__badge[data-v-cb4ec893] {
|
|
2780
|
+
top: -5px;
|
|
2781
|
+
right: -5px;
|
|
2782
|
+
min-width: 14px;
|
|
2783
|
+
height: 14px;
|
|
2784
|
+
padding: 0 3px;
|
|
2785
|
+
font-size: 9px;
|
|
2786
|
+
}
|
|
2787
|
+
.tao-avatar--l .tao-avatar__badge[data-v-cb4ec893] {
|
|
2788
|
+
min-width: 18px;
|
|
2789
|
+
height: 18px;
|
|
2790
|
+
font-size: 11px;
|
|
2791
|
+
}
|
|
2500
2792
|
|
|
2501
2793
|
.tao-breadcrumb__list[data-v-48cf9bb5] {
|
|
2502
2794
|
display: flex;
|
|
@@ -2582,19 +2874,19 @@ to {
|
|
|
2582
2874
|
}
|
|
2583
2875
|
}
|
|
2584
2876
|
|
|
2585
|
-
.tao-carousel[data-v-
|
|
2877
|
+
.tao-carousel[data-v-81afb8b0] {
|
|
2586
2878
|
display: flex;
|
|
2587
2879
|
flex-direction: column;
|
|
2588
2880
|
gap: var(--tao-space-2);
|
|
2589
2881
|
width: 100%;
|
|
2590
2882
|
}
|
|
2591
|
-
.tao-carousel__row[data-v-
|
|
2883
|
+
.tao-carousel__row[data-v-81afb8b0] {
|
|
2592
2884
|
display: flex;
|
|
2593
2885
|
align-items: center;
|
|
2594
2886
|
gap: var(--tao-space-2);
|
|
2595
2887
|
width: 100%;
|
|
2596
2888
|
}
|
|
2597
|
-
.tao-carousel__track[data-v-
|
|
2889
|
+
.tao-carousel__track[data-v-81afb8b0] {
|
|
2598
2890
|
display: flex;
|
|
2599
2891
|
flex: 1 1 auto;
|
|
2600
2892
|
gap: var(--tao-space-3);
|
|
@@ -2608,18 +2900,18 @@ to {
|
|
|
2608
2900
|
touch-action: pan-x;
|
|
2609
2901
|
cursor: grab;
|
|
2610
2902
|
}
|
|
2611
|
-
.tao-carousel__track[data-v-
|
|
2903
|
+
.tao-carousel__track[data-v-81afb8b0]::-webkit-scrollbar {
|
|
2612
2904
|
display: none;
|
|
2613
2905
|
}
|
|
2614
|
-
.tao-carousel__track--dragging[data-v-
|
|
2906
|
+
.tao-carousel__track--dragging[data-v-81afb8b0] {
|
|
2615
2907
|
scroll-snap-type: none;
|
|
2616
2908
|
cursor: grabbing;
|
|
2617
2909
|
}
|
|
2618
|
-
.tao-carousel__track[data-v-
|
|
2910
|
+
.tao-carousel__track[data-v-81afb8b0]:focus-visible {
|
|
2619
2911
|
outline: 2px solid var(--tao-color-accent);
|
|
2620
2912
|
outline-offset: 2px;
|
|
2621
2913
|
}
|
|
2622
|
-
.tao-carousel__track[data-v-
|
|
2914
|
+
.tao-carousel__track[data-v-81afb8b0] > * {
|
|
2623
2915
|
box-sizing: border-box;
|
|
2624
2916
|
flex: 0 0 auto;
|
|
2625
2917
|
width: max(
|
|
@@ -2632,7 +2924,7 @@ to {
|
|
|
2632
2924
|
min-width: 0;
|
|
2633
2925
|
scroll-snap-align: start;
|
|
2634
2926
|
}
|
|
2635
|
-
.tao-carousel__nav[data-v-
|
|
2927
|
+
.tao-carousel__nav[data-v-81afb8b0] {
|
|
2636
2928
|
display: inline-flex;
|
|
2637
2929
|
flex: 0 0 auto;
|
|
2638
2930
|
align-items: center;
|
|
@@ -2651,29 +2943,29 @@ to {
|
|
|
2651
2943
|
cursor: pointer;
|
|
2652
2944
|
transition: var(--tao-transition-base);
|
|
2653
2945
|
}
|
|
2654
|
-
.tao-carousel__nav svg[data-v-
|
|
2946
|
+
.tao-carousel__nav svg[data-v-81afb8b0] {
|
|
2655
2947
|
display: block;
|
|
2656
2948
|
}
|
|
2657
|
-
.tao-carousel__nav[data-v-
|
|
2949
|
+
.tao-carousel__nav[data-v-81afb8b0]:hover:not(:disabled) {
|
|
2658
2950
|
background: var(--tao-color-surface-hover);
|
|
2659
2951
|
color: var(--tao-color-text-strong);
|
|
2660
2952
|
}
|
|
2661
|
-
.tao-carousel__nav[data-v-
|
|
2953
|
+
.tao-carousel__nav[data-v-81afb8b0]:focus-visible {
|
|
2662
2954
|
outline: 2px solid var(--tao-color-accent);
|
|
2663
2955
|
outline-offset: 2px;
|
|
2664
2956
|
}
|
|
2665
|
-
.tao-carousel__nav[data-v-
|
|
2957
|
+
.tao-carousel__nav[data-v-81afb8b0]:disabled {
|
|
2666
2958
|
opacity: 0.4;
|
|
2667
2959
|
cursor: not-allowed;
|
|
2668
2960
|
}
|
|
2669
|
-
.tao-carousel__dots[data-v-
|
|
2961
|
+
.tao-carousel__dots[data-v-81afb8b0] {
|
|
2670
2962
|
display: flex;
|
|
2671
2963
|
flex-wrap: wrap;
|
|
2672
2964
|
align-items: center;
|
|
2673
2965
|
justify-content: center;
|
|
2674
2966
|
gap: 2px;
|
|
2675
2967
|
}
|
|
2676
|
-
.tao-carousel__dot[data-v-
|
|
2968
|
+
.tao-carousel__dot[data-v-81afb8b0] {
|
|
2677
2969
|
display: inline-flex;
|
|
2678
2970
|
flex: 0 0 auto;
|
|
2679
2971
|
align-items: center;
|
|
@@ -2686,7 +2978,7 @@ to {
|
|
|
2686
2978
|
background: transparent;
|
|
2687
2979
|
cursor: pointer;
|
|
2688
2980
|
}
|
|
2689
|
-
.tao-carousel__pip[data-v-
|
|
2981
|
+
.tao-carousel__pip[data-v-81afb8b0] {
|
|
2690
2982
|
display: block;
|
|
2691
2983
|
width: 6px;
|
|
2692
2984
|
height: 6px;
|
|
@@ -2694,28 +2986,28 @@ to {
|
|
|
2694
2986
|
background: var(--tao-color-border-strong);
|
|
2695
2987
|
transition: width var(--tao-duration-base) var(--tao-ease-base), background var(--tao-duration-base) var(--tao-ease-base);
|
|
2696
2988
|
}
|
|
2697
|
-
.tao-carousel__dot--active .tao-carousel__pip[data-v-
|
|
2989
|
+
.tao-carousel__dot--active .tao-carousel__pip[data-v-81afb8b0] {
|
|
2698
2990
|
width: 18px;
|
|
2699
2991
|
background: var(--tao-color-accent);
|
|
2700
2992
|
}
|
|
2701
|
-
.tao-carousel__dot:hover:not(.tao-carousel__dot--active) .tao-carousel__pip[data-v-
|
|
2993
|
+
.tao-carousel__dot:hover:not(.tao-carousel__dot--active) .tao-carousel__pip[data-v-81afb8b0] {
|
|
2702
2994
|
background: var(--tao-color-text-muted);
|
|
2703
2995
|
}
|
|
2704
|
-
.tao-carousel__dot[data-v-
|
|
2996
|
+
.tao-carousel__dot[data-v-81afb8b0]:focus-visible {
|
|
2705
2997
|
outline: 2px solid var(--tao-color-accent);
|
|
2706
2998
|
outline-offset: 2px;
|
|
2707
2999
|
border-radius: var(--tao-radius-full);
|
|
2708
3000
|
}
|
|
2709
3001
|
@media (prefers-reduced-motion: reduce) {
|
|
2710
|
-
.tao-carousel__track[data-v-
|
|
3002
|
+
.tao-carousel__track[data-v-81afb8b0] {
|
|
2711
3003
|
scroll-behavior: auto;
|
|
2712
3004
|
}
|
|
2713
|
-
.tao-carousel__pip[data-v-
|
|
3005
|
+
.tao-carousel__pip[data-v-81afb8b0] {
|
|
2714
3006
|
transition: none;
|
|
2715
3007
|
}
|
|
2716
3008
|
}
|
|
2717
3009
|
|
|
2718
|
-
.tao-stages[data-v-
|
|
3010
|
+
.tao-stages[data-v-fefa5c65] {
|
|
2719
3011
|
display: flex;
|
|
2720
3012
|
flex-direction: column;
|
|
2721
3013
|
gap: var(--tao-space-2);
|
|
@@ -2725,55 +3017,55 @@ to {
|
|
|
2725
3017
|
font-size: var(--tao-font-size-xs);
|
|
2726
3018
|
color: var(--tao-color-text);
|
|
2727
3019
|
}
|
|
2728
|
-
.tao-stages--horizontal[data-v-
|
|
3020
|
+
.tao-stages--horizontal[data-v-fefa5c65] {
|
|
2729
3021
|
flex-direction: row;
|
|
2730
3022
|
flex-wrap: wrap;
|
|
2731
3023
|
column-gap: var(--tao-space-4);
|
|
2732
3024
|
}
|
|
2733
|
-
.tao-stages__item[data-v-
|
|
3025
|
+
.tao-stages__item[data-v-fefa5c65] {
|
|
2734
3026
|
display: flex;
|
|
2735
3027
|
align-items: center;
|
|
2736
3028
|
gap: var(--tao-space-2);
|
|
2737
3029
|
min-width: 0;
|
|
2738
3030
|
}
|
|
2739
|
-
.tao-stages__ico[data-v-
|
|
3031
|
+
.tao-stages__ico[data-v-fefa5c65] {
|
|
2740
3032
|
display: inline-flex;
|
|
2741
3033
|
flex: 0 0 auto;
|
|
2742
3034
|
color: inherit;
|
|
2743
3035
|
}
|
|
2744
|
-
.tao-stages__mark[data-v-
|
|
3036
|
+
.tao-stages__mark[data-v-fefa5c65] {
|
|
2745
3037
|
display: block;
|
|
2746
3038
|
}
|
|
2747
|
-
.tao-stages__label[data-v-
|
|
3039
|
+
.tao-stages__label[data-v-fefa5c65] {
|
|
2748
3040
|
min-width: 0;
|
|
2749
3041
|
}
|
|
2750
|
-
.tao-stages__item--wait[data-v-
|
|
3042
|
+
.tao-stages__item--wait[data-v-fefa5c65] {
|
|
2751
3043
|
color: var(--tao-color-text-muted);
|
|
2752
3044
|
}
|
|
2753
|
-
.tao-stages__item--work .tao-stages__ico[data-v-
|
|
3045
|
+
.tao-stages__item--work .tao-stages__ico[data-v-fefa5c65] {
|
|
2754
3046
|
color: var(--tao-color-accent);
|
|
2755
3047
|
}
|
|
2756
|
-
.tao-stages__item--ok .tao-stages__ico[data-v-
|
|
3048
|
+
.tao-stages__item--ok .tao-stages__ico[data-v-fefa5c65] {
|
|
2757
3049
|
color: var(--tao-color-success);
|
|
2758
3050
|
}
|
|
2759
|
-
.tao-stages__item--bad .tao-stages__ico[data-v-
|
|
3051
|
+
.tao-stages__item--bad .tao-stages__ico[data-v-fefa5c65] {
|
|
2760
3052
|
color: var(--tao-color-danger);
|
|
2761
3053
|
}
|
|
2762
|
-
.tao-stages__item--work .tao-stages__mark[data-v-
|
|
2763
|
-
animation: tao-stages-spin-
|
|
3054
|
+
.tao-stages__item--work .tao-stages__mark[data-v-fefa5c65] {
|
|
3055
|
+
animation: tao-stages-spin-fefa5c65 1.1s linear infinite;
|
|
2764
3056
|
}
|
|
2765
|
-
@keyframes tao-stages-spin-
|
|
3057
|
+
@keyframes tao-stages-spin-fefa5c65 {
|
|
2766
3058
|
to {
|
|
2767
3059
|
transform: rotate(360deg);
|
|
2768
3060
|
}
|
|
2769
3061
|
}
|
|
2770
3062
|
@media (prefers-reduced-motion: reduce) {
|
|
2771
|
-
.tao-stages__item--work .tao-stages__mark[data-v-
|
|
3063
|
+
.tao-stages__item--work .tao-stages__mark[data-v-fefa5c65] {
|
|
2772
3064
|
animation: none;
|
|
2773
3065
|
}
|
|
2774
3066
|
}
|
|
2775
3067
|
|
|
2776
|
-
.tao-toast[data-v-
|
|
3068
|
+
.tao-toast[data-v-c8a329f5] {
|
|
2777
3069
|
--tao-toast-tone: var(--tao-color-accent);
|
|
2778
3070
|
|
|
2779
3071
|
position: relative;
|
|
@@ -2790,31 +3082,32 @@ to {
|
|
|
2790
3082
|
box-shadow: var(--tao-shadow-overlay);
|
|
2791
3083
|
pointer-events: auto;
|
|
2792
3084
|
}
|
|
2793
|
-
.tao-toast--success[data-v-
|
|
3085
|
+
.tao-toast--success[data-v-c8a329f5] {
|
|
2794
3086
|
--tao-toast-tone: var(--tao-color-success);
|
|
2795
3087
|
}
|
|
2796
|
-
.tao-toast--error[data-v-
|
|
3088
|
+
.tao-toast--error[data-v-c8a329f5],
|
|
3089
|
+
.tao-toast--danger[data-v-c8a329f5] {
|
|
2797
3090
|
--tao-toast-tone: var(--tao-color-danger);
|
|
2798
3091
|
}
|
|
2799
|
-
.tao-toast--warning[data-v-
|
|
3092
|
+
.tao-toast--warning[data-v-c8a329f5] {
|
|
2800
3093
|
--tao-toast-tone: var(--tao-color-warning);
|
|
2801
3094
|
}
|
|
2802
|
-
.tao-toast--info[data-v-
|
|
3095
|
+
.tao-toast--info[data-v-c8a329f5] {
|
|
2803
3096
|
--tao-toast-tone: var(--tao-color-info);
|
|
2804
3097
|
}
|
|
2805
|
-
.tao-toast__accent[data-v-
|
|
3098
|
+
.tao-toast__accent[data-v-c8a329f5] {
|
|
2806
3099
|
position: absolute;
|
|
2807
3100
|
inset: 0 auto 0 0;
|
|
2808
3101
|
width: 3px;
|
|
2809
3102
|
background: var(--tao-toast-tone);
|
|
2810
3103
|
}
|
|
2811
|
-
.tao-toast__icon[data-v-
|
|
3104
|
+
.tao-toast__icon[data-v-c8a329f5] {
|
|
2812
3105
|
display: inline-flex;
|
|
2813
3106
|
flex-shrink: 0;
|
|
2814
3107
|
margin-top: 1px;
|
|
2815
3108
|
color: var(--tao-toast-tone);
|
|
2816
3109
|
}
|
|
2817
|
-
.tao-toast__body[data-v-
|
|
3110
|
+
.tao-toast__body[data-v-c8a329f5] {
|
|
2818
3111
|
display: flex;
|
|
2819
3112
|
flex-direction: column;
|
|
2820
3113
|
gap: var(--tao-space-1);
|
|
@@ -2822,25 +3115,25 @@ to {
|
|
|
2822
3115
|
flex: 1;
|
|
2823
3116
|
padding-right: var(--tao-space-4);
|
|
2824
3117
|
}
|
|
2825
|
-
.tao-toast__title[data-v-
|
|
3118
|
+
.tao-toast__title[data-v-c8a329f5] {
|
|
2826
3119
|
font-size: var(--tao-font-size-md);
|
|
2827
3120
|
font-weight: 600;
|
|
2828
3121
|
color: var(--tao-color-text-strong);
|
|
2829
3122
|
line-height: 1.3;
|
|
2830
3123
|
}
|
|
2831
|
-
.tao-toast__message[data-v-
|
|
3124
|
+
.tao-toast__message[data-v-c8a329f5] {
|
|
2832
3125
|
margin: 0;
|
|
2833
3126
|
font-size: var(--tao-font-size-sm);
|
|
2834
3127
|
line-height: 1.45;
|
|
2835
3128
|
color: var(--tao-color-text);
|
|
2836
3129
|
}
|
|
2837
|
-
.tao-toast__actions[data-v-
|
|
3130
|
+
.tao-toast__actions[data-v-c8a329f5] {
|
|
2838
3131
|
display: flex;
|
|
2839
3132
|
flex-wrap: wrap;
|
|
2840
3133
|
gap: var(--tao-space-2);
|
|
2841
3134
|
margin-top: var(--tao-space-1);
|
|
2842
3135
|
}
|
|
2843
|
-
.tao-toast__close[data-v-
|
|
3136
|
+
.tao-toast__close[data-v-c8a329f5] {
|
|
2844
3137
|
position: absolute;
|
|
2845
3138
|
top: var(--tao-space-1);
|
|
2846
3139
|
right: var(--tao-space-2);
|
|
@@ -2852,10 +3145,10 @@ to {
|
|
|
2852
3145
|
line-height: 1;
|
|
2853
3146
|
cursor: pointer;
|
|
2854
3147
|
}
|
|
2855
|
-
.tao-toast__close[data-v-
|
|
3148
|
+
.tao-toast__close[data-v-c8a329f5]:hover {
|
|
2856
3149
|
color: var(--tao-color-text-strong);
|
|
2857
3150
|
}
|
|
2858
|
-
.tao-toast__progress[data-v-
|
|
3151
|
+
.tao-toast__progress[data-v-c8a329f5] {
|
|
2859
3152
|
position: absolute;
|
|
2860
3153
|
left: 0;
|
|
2861
3154
|
right: 0;
|
|
@@ -2863,14 +3156,14 @@ to {
|
|
|
2863
3156
|
height: 2px;
|
|
2864
3157
|
transform-origin: left center;
|
|
2865
3158
|
background: var(--tao-toast-tone);
|
|
2866
|
-
animation-name: tao-toast-progress-
|
|
3159
|
+
animation-name: tao-toast-progress-c8a329f5;
|
|
2867
3160
|
animation-timing-function: linear;
|
|
2868
3161
|
animation-fill-mode: forwards;
|
|
2869
3162
|
}
|
|
2870
|
-
.tao-toast--paused .tao-toast__progress[data-v-
|
|
3163
|
+
.tao-toast--paused .tao-toast__progress[data-v-c8a329f5] {
|
|
2871
3164
|
animation-play-state: paused;
|
|
2872
3165
|
}
|
|
2873
|
-
@keyframes tao-toast-progress-
|
|
3166
|
+
@keyframes tao-toast-progress-c8a329f5 {
|
|
2874
3167
|
from {
|
|
2875
3168
|
transform: scaleX(1);
|
|
2876
3169
|
}
|
|
@@ -3210,6 +3503,9 @@ to {
|
|
|
3210
3503
|
--tao-color-accent-subtle: color-mix(in srgb, var(--tao-color-accent) 8%, transparent);
|
|
3211
3504
|
--tao-color-accent-subtle-hover: color-mix(in srgb, var(--tao-color-accent) 14%, transparent);
|
|
3212
3505
|
--tao-color-on-accent: var(--tao-gray-950); /* текст поверх accent-фона */
|
|
3506
|
+
--tao-color-text-on-accent: var(--tao-color-on-accent);
|
|
3507
|
+
--tao-color-selection: var(--tao-color-accent);
|
|
3508
|
+
--tao-color-selection-text: var(--tao-color-on-accent);
|
|
3213
3509
|
|
|
3214
3510
|
/* ---------- Surfaces ---------- */
|
|
3215
3511
|
--tao-color-bg: var(--tao-gray-900);
|
|
@@ -3226,7 +3522,6 @@ to {
|
|
|
3226
3522
|
--tao-color-text: var(--tao-gray-200);
|
|
3227
3523
|
--tao-color-text-strong: var(--tao-gray-0);
|
|
3228
3524
|
--tao-color-text-muted: var(--tao-gray-400);
|
|
3229
|
-
--tao-color-text-on-accent: var(--tao-gray-950);
|
|
3230
3525
|
--tao-color-text-disabled: var(--tao-gray-300);
|
|
3231
3526
|
|
|
3232
3527
|
/* ---------- Links ---------- */
|
|
@@ -3287,6 +3582,8 @@ to {
|
|
|
3287
3582
|
--tao-color-accent-subtle: color-mix(in srgb, var(--tao-color-accent) 10%, transparent);
|
|
3288
3583
|
--tao-color-accent-subtle-hover: color-mix(in srgb, var(--tao-color-accent) 16%, transparent);
|
|
3289
3584
|
--tao-color-on-accent: var(--tao-gray-0);
|
|
3585
|
+
--tao-color-selection: var(--tao-color-accent);
|
|
3586
|
+
--tao-color-selection-text: var(--tao-color-on-accent);
|
|
3290
3587
|
|
|
3291
3588
|
--tao-color-bg: var(--tao-gray-0);
|
|
3292
3589
|
--tao-color-surface: var(--tao-gray-0);
|
|
@@ -3300,7 +3597,7 @@ to {
|
|
|
3300
3597
|
--tao-color-text: var(--tao-gray-700);
|
|
3301
3598
|
--tao-color-text-strong: var(--tao-gray-950);
|
|
3302
3599
|
--tao-color-text-muted: var(--tao-gray-400);
|
|
3303
|
-
--tao-color-text-on-accent: var(--tao-
|
|
3600
|
+
--tao-color-text-on-accent: var(--tao-color-on-accent);
|
|
3304
3601
|
--tao-color-text-disabled: var(--tao-gray-300);
|
|
3305
3602
|
|
|
3306
3603
|
--tao-color-link: var(--tao-orange-600);
|
|
@@ -3350,6 +3647,16 @@ body {
|
|
|
3350
3647
|
color: var(--tao-color-text);
|
|
3351
3648
|
}
|
|
3352
3649
|
|
|
3650
|
+
::selection {
|
|
3651
|
+
color: var(--tao-color-selection-text);
|
|
3652
|
+
background-color: var(--tao-color-selection);
|
|
3653
|
+
}
|
|
3654
|
+
|
|
3655
|
+
::-moz-selection {
|
|
3656
|
+
color: var(--tao-color-selection-text);
|
|
3657
|
+
background-color: var(--tao-color-selection);
|
|
3658
|
+
}
|
|
3659
|
+
|
|
3353
3660
|
/* Scrollbar */
|
|
3354
3661
|
::-webkit-scrollbar {
|
|
3355
3662
|
max-width: 5px;
|