@itcase/ui 1.8.159 → 1.8.160

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.
Files changed (97) hide show
  1. package/dist/css/components/Accordion/Accordion.css +90 -10
  2. package/dist/css/components/Avatar/Avatar.css +219 -12
  3. package/dist/css/components/AvatarStack/AvatarStack.css +54 -8
  4. package/dist/css/components/Badge/Badge.css +1131 -25
  5. package/dist/css/components/Breadcrumbs/Breadcrumbs.css +27 -5
  6. package/dist/css/components/Button/Button.css +467 -21
  7. package/dist/css/components/Cell/Cell.css +31 -6
  8. package/dist/css/components/Checkbox/Checkbox.css +10896 -164
  9. package/dist/css/components/Checkmark/Checkmark.css +60 -9
  10. package/dist/css/components/Chips/Chips.css +53 -7
  11. package/dist/css/components/Choice/Choice.css +123 -13
  12. package/dist/css/components/Choice/css/__item/choice__item_size.css +78 -8
  13. package/dist/css/components/Code/Code.css +55 -11
  14. package/dist/css/components/DatePeriod/DatePeriod.css +61 -11
  15. package/dist/css/components/Divider/Divider.css +35 -15
  16. package/dist/css/components/Dot/Dot.css +41 -7
  17. package/dist/css/components/Dropdown/Dropdown.css +66 -10
  18. package/dist/css/components/Flex/Flex.css +239 -40
  19. package/dist/css/components/Flex/css/__item/flex__item_align.css +51 -8
  20. package/dist/css/components/Flex/css/__item/flex__item_direction.css +11 -4
  21. package/dist/css/components/Flex/css/__item/flex__item_grow.css +5 -4
  22. package/dist/css/components/Flex/css/__item/flex__item_justify-content.css +17 -4
  23. package/dist/css/components/Grid/Grid.css +2207 -106
  24. package/dist/css/components/Grid/css/__item/grid__item_align-self.css +53 -4
  25. package/dist/css/components/Grid/css/__item/grid__item_column.css +270 -9
  26. package/dist/css/components/Grid/css/__item/grid__item_justify-self.css +66 -8
  27. package/dist/css/components/Grid/css/__item/grid__item_row.css +270 -9
  28. package/dist/css/components/Group/Group.css +5220 -117
  29. package/dist/css/components/HeroTitle/HeroTitle.css +27 -4
  30. package/dist/css/components/Icon/Icon.css +7601 -99
  31. package/dist/css/components/Input/Input.css +42 -10
  32. package/dist/css/components/InputPassword/InputPassword.css +42 -10
  33. package/dist/css/components/Label/Label.css +34 -6
  34. package/dist/css/components/Link/Link.css +14 -4
  35. package/dist/css/components/List/List.css +425 -23
  36. package/dist/css/components/Loader/Loader.css +79 -9
  37. package/dist/css/components/Logo/Logo.css +84 -13
  38. package/dist/css/components/MenuItem/MenuItem.css +105 -15
  39. package/dist/css/components/Modal/Modal.css +103 -9
  40. package/dist/css/components/Notification/Notification.css +39 -5
  41. package/dist/css/components/Notification/css/__item/notification__item_size.css +39 -5
  42. package/dist/css/components/Pagination/Pagination.css +82 -19
  43. package/dist/css/components/Pagination/css/__item/pagination__item.css +11 -4
  44. package/dist/css/components/Pagination/css/__item/pagination__item_size.css +15 -5
  45. package/dist/css/components/Radio/Radio.css +11019 -155
  46. package/dist/css/components/RangeSlider/RangeSlider.css +2584 -64
  47. package/dist/css/components/ScrollToView/ScrollToView.css +1974 -10
  48. package/dist/css/components/Search/Search.css +34 -6
  49. package/dist/css/components/Search/css/search-input/search-input_size.css +34 -6
  50. package/dist/css/components/Segmented/Segmented.css +60 -8
  51. package/dist/css/components/Segmented/css/__item/segmaented__item.css +60 -8
  52. package/dist/css/components/Select/Select.css +456 -25
  53. package/dist/css/components/Select/css/__input-container/select__input-container.css +369 -12
  54. package/dist/css/components/Select/css/__menu/select__menu-list-item_size.css +20 -4
  55. package/dist/css/components/Switch/Switch.css +53 -7
  56. package/dist/css/components/Tab/Tab.css +79 -10
  57. package/dist/css/components/Text/Text.css +61 -12
  58. package/dist/css/components/Textarea/Textarea.css +32 -4
  59. package/dist/css/components/Tile/Tile.css +49 -6
  60. package/dist/css/components/Title/Title.css +53 -5
  61. package/dist/css/components/Tooltip/Tooltip.css +21 -5
  62. package/dist/css/components/Warning/Warning.css +6 -8
  63. package/dist/css/styles/align/align.css +20 -3
  64. package/dist/css/styles/align/align_horizontal-reverse.css +188 -4
  65. package/dist/css/styles/align/align_horizontal.css +188 -4
  66. package/dist/css/styles/align/align_vertical-reverse.css +176 -4
  67. package/dist/css/styles/align/align_vertical.css +176 -4
  68. package/dist/css/styles/align-items/align-items.css +16 -3
  69. package/dist/css/styles/align-self/align-self.css +17 -4
  70. package/dist/css/styles/blur/blur.css +78 -5
  71. package/dist/css/styles/border/border.css +224 -10
  72. package/dist/css/styles/border-color/border-color.css +24322 -53
  73. package/dist/css/styles/border-width/border-width.css +52 -4
  74. package/dist/css/styles/bundle.css +96767 -7865
  75. package/dist/css/styles/caret-color/caret-color.css +276 -8
  76. package/dist/css/styles/cursor/cursor.css +21 -5
  77. package/dist/css/styles/elevation/elevation.css +23 -4
  78. package/dist/css/styles/elevation/elevation_hover.css +37 -4
  79. package/dist/css/styles/fill/fill.css +7646 -70
  80. package/dist/css/styles/fill/fill_gradient.css +519 -12
  81. package/dist/css/styles/flex/flex-grow.css +5 -4
  82. package/dist/css/styles/hover/hover-fill-color.css +836 -9
  83. package/dist/css/styles/hover/hover-item-color.css +1074 -9
  84. package/dist/css/styles/hover/hover-text-color.css +1074 -9
  85. package/dist/css/styles/justify-content/justify-content.css +32 -4
  86. package/dist/css/styles/opacity/opacity.css +70 -5
  87. package/dist/css/styles/placeholder-text-color/placeholder-text-color.css +354 -8
  88. package/dist/css/styles/svg-color/svg_fill.css +1018 -9
  89. package/dist/css/styles/svg-color/svg_fill_hover.css +471 -8
  90. package/dist/css/styles/svg-color/svg_path_fill.css +354 -8
  91. package/dist/css/styles/text-align/text-align.css +8 -4
  92. package/dist/css/styles/text-color/text-color.css +3570 -45
  93. package/dist/css/styles/text-decoration/text-decoration.css +5 -4
  94. package/dist/css/styles/text-gradient/text-gradient.css +1182 -12
  95. package/dist/css/styles/text-style/text-style.css +5 -4
  96. package/dist/css/styles/text-weight/text-weight.css +147 -7
  97. package/package.json +7 -7
package/dist/css/components/ScrollToView/ScrollToView.css CHANGED
@@ -1,18 +1,14 @@
1
1
  .scroll-to-view {
2
2
  &_text-color {
3
3
  &_hover {
4
- @each $type in accent, primary, secondary, tertiary, quaternary, quinary,
5
- senary, surface, success, error, info, warning {
6
- &_$(type) {
4
+ &_accent {
7
5
  &-text {
8
- @each $color in primary, secondary, tertiary, quaternary, quinary,
9
- senary, accent, disabled, hover {
10
- &-$(color) {
6
+ &-primary {
11
7
  &:hover {
12
8
  .text,
13
9
  .title,
14
10
  .link {
15
- color: var(--color-$(type)-text-$(color));
11
+ color: var(--color-accent-text-primary);
16
12
  }
17
13
  }
18
14
  &-hover {
@@ -20,15 +16,1983 @@
20
16
  & .text,
21
17
  & .title,
22
18
  & .link {
23
- color: var(--color-$(type)-text-$(color)-hover);
19
+ color: var(--color-accent-text-primary-hover);
20
+ }
21
+ }
22
+ }
23
+ }
24
+ &-secondary {
25
+ &:hover {
26
+ .text,
27
+ .title,
28
+ .link {
29
+ color: var(--color-accent-text-secondary);
30
+ }
31
+ }
32
+ &-hover {
33
+ &:hover {
34
+ & .text,
35
+ & .title,
36
+ & .link {
37
+ color: var(--color-accent-text-secondary-hover);
38
+ }
39
+ }
40
+ }
41
+ }
42
+ &-tertiary {
43
+ &:hover {
44
+ .text,
45
+ .title,
46
+ .link {
47
+ color: var(--color-accent-text-tertiary);
48
+ }
49
+ }
50
+ &-hover {
51
+ &:hover {
52
+ & .text,
53
+ & .title,
54
+ & .link {
55
+ color: var(--color-accent-text-tertiary-hover);
56
+ }
57
+ }
58
+ }
59
+ }
60
+ &-quaternary {
61
+ &:hover {
62
+ .text,
63
+ .title,
64
+ .link {
65
+ color: var(--color-accent-text-quaternary);
66
+ }
67
+ }
68
+ &-hover {
69
+ &:hover {
70
+ & .text,
71
+ & .title,
72
+ & .link {
73
+ color: var(--color-accent-text-quaternary-hover);
74
+ }
75
+ }
76
+ }
77
+ }
78
+ &-quinary {
79
+ &:hover {
80
+ .text,
81
+ .title,
82
+ .link {
83
+ color: var(--color-accent-text-quinary);
84
+ }
85
+ }
86
+ &-hover {
87
+ &:hover {
88
+ & .text,
89
+ & .title,
90
+ & .link {
91
+ color: var(--color-accent-text-quinary-hover);
92
+ }
93
+ }
94
+ }
95
+ }
96
+ &-senary {
97
+ &:hover {
98
+ .text,
99
+ .title,
100
+ .link {
101
+ color: var(--color-accent-text-senary);
102
+ }
103
+ }
104
+ &-hover {
105
+ &:hover {
106
+ & .text,
107
+ & .title,
108
+ & .link {
109
+ color: var(--color-accent-text-senary-hover);
110
+ }
111
+ }
112
+ }
113
+ }
114
+ &-accent {
115
+ &:hover {
116
+ .text,
117
+ .title,
118
+ .link {
119
+ color: var(--color-accent-text-accent);
120
+ }
121
+ }
122
+ &-hover {
123
+ &:hover {
124
+ & .text,
125
+ & .title,
126
+ & .link {
127
+ color: var(--color-accent-text-accent-hover);
128
+ }
129
+ }
130
+ }
131
+ }
132
+ &-disabled {
133
+ &:hover {
134
+ .text,
135
+ .title,
136
+ .link {
137
+ color: var(--color-accent-text-disabled);
138
+ }
139
+ }
140
+ &-hover {
141
+ &:hover {
142
+ & .text,
143
+ & .title,
144
+ & .link {
145
+ color: var(--color-accent-text-disabled-hover);
146
+ }
147
+ }
148
+ }
149
+ }
150
+ &-hover {
151
+ &:hover {
152
+ .text,
153
+ .title,
154
+ .link {
155
+ color: var(--color-accent-text-hover);
156
+ }
157
+ }
158
+ &-hover {
159
+ &:hover {
160
+ & .text,
161
+ & .title,
162
+ & .link {
163
+ color: var(--color-accent-text-hover-hover);
164
+ }
165
+ }
166
+ }
167
+ }
168
+ }
169
+ }
170
+ &_primary {
171
+ &-text {
172
+ &-primary {
173
+ &:hover {
174
+ .text,
175
+ .title,
176
+ .link {
177
+ color: var(--color-primary-text-primary);
178
+ }
179
+ }
180
+ &-hover {
181
+ &:hover {
182
+ & .text,
183
+ & .title,
184
+ & .link {
185
+ color: var(--color-primary-text-primary-hover);
186
+ }
187
+ }
188
+ }
189
+ }
190
+ &-secondary {
191
+ &:hover {
192
+ .text,
193
+ .title,
194
+ .link {
195
+ color: var(--color-primary-text-secondary);
196
+ }
197
+ }
198
+ &-hover {
199
+ &:hover {
200
+ & .text,
201
+ & .title,
202
+ & .link {
203
+ color: var(--color-primary-text-secondary-hover);
204
+ }
205
+ }
206
+ }
207
+ }
208
+ &-tertiary {
209
+ &:hover {
210
+ .text,
211
+ .title,
212
+ .link {
213
+ color: var(--color-primary-text-tertiary);
214
+ }
215
+ }
216
+ &-hover {
217
+ &:hover {
218
+ & .text,
219
+ & .title,
220
+ & .link {
221
+ color: var(--color-primary-text-tertiary-hover);
222
+ }
223
+ }
224
+ }
225
+ }
226
+ &-quaternary {
227
+ &:hover {
228
+ .text,
229
+ .title,
230
+ .link {
231
+ color: var(--color-primary-text-quaternary);
232
+ }
233
+ }
234
+ &-hover {
235
+ &:hover {
236
+ & .text,
237
+ & .title,
238
+ & .link {
239
+ color: var(--color-primary-text-quaternary-hover);
240
+ }
241
+ }
242
+ }
243
+ }
244
+ &-quinary {
245
+ &:hover {
246
+ .text,
247
+ .title,
248
+ .link {
249
+ color: var(--color-primary-text-quinary);
250
+ }
251
+ }
252
+ &-hover {
253
+ &:hover {
254
+ & .text,
255
+ & .title,
256
+ & .link {
257
+ color: var(--color-primary-text-quinary-hover);
258
+ }
259
+ }
260
+ }
261
+ }
262
+ &-senary {
263
+ &:hover {
264
+ .text,
265
+ .title,
266
+ .link {
267
+ color: var(--color-primary-text-senary);
268
+ }
269
+ }
270
+ &-hover {
271
+ &:hover {
272
+ & .text,
273
+ & .title,
274
+ & .link {
275
+ color: var(--color-primary-text-senary-hover);
276
+ }
277
+ }
278
+ }
279
+ }
280
+ &-accent {
281
+ &:hover {
282
+ .text,
283
+ .title,
284
+ .link {
285
+ color: var(--color-primary-text-accent);
286
+ }
287
+ }
288
+ &-hover {
289
+ &:hover {
290
+ & .text,
291
+ & .title,
292
+ & .link {
293
+ color: var(--color-primary-text-accent-hover);
294
+ }
295
+ }
296
+ }
297
+ }
298
+ &-disabled {
299
+ &:hover {
300
+ .text,
301
+ .title,
302
+ .link {
303
+ color: var(--color-primary-text-disabled);
304
+ }
305
+ }
306
+ &-hover {
307
+ &:hover {
308
+ & .text,
309
+ & .title,
310
+ & .link {
311
+ color: var(--color-primary-text-disabled-hover);
312
+ }
313
+ }
314
+ }
315
+ }
316
+ &-hover {
317
+ &:hover {
318
+ .text,
319
+ .title,
320
+ .link {
321
+ color: var(--color-primary-text-hover);
322
+ }
323
+ }
324
+ &-hover {
325
+ &:hover {
326
+ & .text,
327
+ & .title,
328
+ & .link {
329
+ color: var(--color-primary-text-hover-hover);
330
+ }
331
+ }
332
+ }
333
+ }
334
+ }
335
+ }
336
+ &_secondary {
337
+ &-text {
338
+ &-primary {
339
+ &:hover {
340
+ .text,
341
+ .title,
342
+ .link {
343
+ color: var(--color-secondary-text-primary);
344
+ }
345
+ }
346
+ &-hover {
347
+ &:hover {
348
+ & .text,
349
+ & .title,
350
+ & .link {
351
+ color: var(--color-secondary-text-primary-hover);
352
+ }
353
+ }
354
+ }
355
+ }
356
+ &-secondary {
357
+ &:hover {
358
+ .text,
359
+ .title,
360
+ .link {
361
+ color: var(--color-secondary-text-secondary);
362
+ }
363
+ }
364
+ &-hover {
365
+ &:hover {
366
+ & .text,
367
+ & .title,
368
+ & .link {
369
+ color: var(--color-secondary-text-secondary-hover);
370
+ }
371
+ }
372
+ }
373
+ }
374
+ &-tertiary {
375
+ &:hover {
376
+ .text,
377
+ .title,
378
+ .link {
379
+ color: var(--color-secondary-text-tertiary);
380
+ }
381
+ }
382
+ &-hover {
383
+ &:hover {
384
+ & .text,
385
+ & .title,
386
+ & .link {
387
+ color: var(--color-secondary-text-tertiary-hover);
388
+ }
389
+ }
390
+ }
391
+ }
392
+ &-quaternary {
393
+ &:hover {
394
+ .text,
395
+ .title,
396
+ .link {
397
+ color: var(--color-secondary-text-quaternary);
398
+ }
399
+ }
400
+ &-hover {
401
+ &:hover {
402
+ & .text,
403
+ & .title,
404
+ & .link {
405
+ color: var(--color-secondary-text-quaternary-hover);
406
+ }
407
+ }
408
+ }
409
+ }
410
+ &-quinary {
411
+ &:hover {
412
+ .text,
413
+ .title,
414
+ .link {
415
+ color: var(--color-secondary-text-quinary);
416
+ }
417
+ }
418
+ &-hover {
419
+ &:hover {
420
+ & .text,
421
+ & .title,
422
+ & .link {
423
+ color: var(--color-secondary-text-quinary-hover);
424
+ }
425
+ }
426
+ }
427
+ }
428
+ &-senary {
429
+ &:hover {
430
+ .text,
431
+ .title,
432
+ .link {
433
+ color: var(--color-secondary-text-senary);
434
+ }
435
+ }
436
+ &-hover {
437
+ &:hover {
438
+ & .text,
439
+ & .title,
440
+ & .link {
441
+ color: var(--color-secondary-text-senary-hover);
442
+ }
443
+ }
444
+ }
445
+ }
446
+ &-accent {
447
+ &:hover {
448
+ .text,
449
+ .title,
450
+ .link {
451
+ color: var(--color-secondary-text-accent);
452
+ }
453
+ }
454
+ &-hover {
455
+ &:hover {
456
+ & .text,
457
+ & .title,
458
+ & .link {
459
+ color: var(--color-secondary-text-accent-hover);
460
+ }
461
+ }
462
+ }
463
+ }
464
+ &-disabled {
465
+ &:hover {
466
+ .text,
467
+ .title,
468
+ .link {
469
+ color: var(--color-secondary-text-disabled);
470
+ }
471
+ }
472
+ &-hover {
473
+ &:hover {
474
+ & .text,
475
+ & .title,
476
+ & .link {
477
+ color: var(--color-secondary-text-disabled-hover);
478
+ }
479
+ }
480
+ }
481
+ }
482
+ &-hover {
483
+ &:hover {
484
+ .text,
485
+ .title,
486
+ .link {
487
+ color: var(--color-secondary-text-hover);
488
+ }
489
+ }
490
+ &-hover {
491
+ &:hover {
492
+ & .text,
493
+ & .title,
494
+ & .link {
495
+ color: var(--color-secondary-text-hover-hover);
496
+ }
497
+ }
498
+ }
499
+ }
500
+ }
501
+ }
502
+ &_tertiary {
503
+ &-text {
504
+ &-primary {
505
+ &:hover {
506
+ .text,
507
+ .title,
508
+ .link {
509
+ color: var(--color-tertiary-text-primary);
510
+ }
511
+ }
512
+ &-hover {
513
+ &:hover {
514
+ & .text,
515
+ & .title,
516
+ & .link {
517
+ color: var(--color-tertiary-text-primary-hover);
518
+ }
519
+ }
520
+ }
521
+ }
522
+ &-secondary {
523
+ &:hover {
524
+ .text,
525
+ .title,
526
+ .link {
527
+ color: var(--color-tertiary-text-secondary);
528
+ }
529
+ }
530
+ &-hover {
531
+ &:hover {
532
+ & .text,
533
+ & .title,
534
+ & .link {
535
+ color: var(--color-tertiary-text-secondary-hover);
536
+ }
537
+ }
538
+ }
539
+ }
540
+ &-tertiary {
541
+ &:hover {
542
+ .text,
543
+ .title,
544
+ .link {
545
+ color: var(--color-tertiary-text-tertiary);
546
+ }
547
+ }
548
+ &-hover {
549
+ &:hover {
550
+ & .text,
551
+ & .title,
552
+ & .link {
553
+ color: var(--color-tertiary-text-tertiary-hover);
554
+ }
555
+ }
556
+ }
557
+ }
558
+ &-quaternary {
559
+ &:hover {
560
+ .text,
561
+ .title,
562
+ .link {
563
+ color: var(--color-tertiary-text-quaternary);
564
+ }
565
+ }
566
+ &-hover {
567
+ &:hover {
568
+ & .text,
569
+ & .title,
570
+ & .link {
571
+ color: var(--color-tertiary-text-quaternary-hover);
572
+ }
573
+ }
574
+ }
575
+ }
576
+ &-quinary {
577
+ &:hover {
578
+ .text,
579
+ .title,
580
+ .link {
581
+ color: var(--color-tertiary-text-quinary);
582
+ }
583
+ }
584
+ &-hover {
585
+ &:hover {
586
+ & .text,
587
+ & .title,
588
+ & .link {
589
+ color: var(--color-tertiary-text-quinary-hover);
590
+ }
591
+ }
592
+ }
593
+ }
594
+ &-senary {
595
+ &:hover {
596
+ .text,
597
+ .title,
598
+ .link {
599
+ color: var(--color-tertiary-text-senary);
600
+ }
601
+ }
602
+ &-hover {
603
+ &:hover {
604
+ & .text,
605
+ & .title,
606
+ & .link {
607
+ color: var(--color-tertiary-text-senary-hover);
608
+ }
609
+ }
610
+ }
611
+ }
612
+ &-accent {
613
+ &:hover {
614
+ .text,
615
+ .title,
616
+ .link {
617
+ color: var(--color-tertiary-text-accent);
618
+ }
619
+ }
620
+ &-hover {
621
+ &:hover {
622
+ & .text,
623
+ & .title,
624
+ & .link {
625
+ color: var(--color-tertiary-text-accent-hover);
626
+ }
627
+ }
628
+ }
629
+ }
630
+ &-disabled {
631
+ &:hover {
632
+ .text,
633
+ .title,
634
+ .link {
635
+ color: var(--color-tertiary-text-disabled);
636
+ }
637
+ }
638
+ &-hover {
639
+ &:hover {
640
+ & .text,
641
+ & .title,
642
+ & .link {
643
+ color: var(--color-tertiary-text-disabled-hover);
644
+ }
645
+ }
646
+ }
647
+ }
648
+ &-hover {
649
+ &:hover {
650
+ .text,
651
+ .title,
652
+ .link {
653
+ color: var(--color-tertiary-text-hover);
654
+ }
655
+ }
656
+ &-hover {
657
+ &:hover {
658
+ & .text,
659
+ & .title,
660
+ & .link {
661
+ color: var(--color-tertiary-text-hover-hover);
662
+ }
663
+ }
664
+ }
665
+ }
666
+ }
667
+ }
668
+ &_quaternary {
669
+ &-text {
670
+ &-primary {
671
+ &:hover {
672
+ .text,
673
+ .title,
674
+ .link {
675
+ color: var(--color-quaternary-text-primary);
676
+ }
677
+ }
678
+ &-hover {
679
+ &:hover {
680
+ & .text,
681
+ & .title,
682
+ & .link {
683
+ color: var(--color-quaternary-text-primary-hover);
684
+ }
685
+ }
686
+ }
687
+ }
688
+ &-secondary {
689
+ &:hover {
690
+ .text,
691
+ .title,
692
+ .link {
693
+ color: var(--color-quaternary-text-secondary);
694
+ }
695
+ }
696
+ &-hover {
697
+ &:hover {
698
+ & .text,
699
+ & .title,
700
+ & .link {
701
+ color: var(--color-quaternary-text-secondary-hover);
702
+ }
703
+ }
704
+ }
705
+ }
706
+ &-tertiary {
707
+ &:hover {
708
+ .text,
709
+ .title,
710
+ .link {
711
+ color: var(--color-quaternary-text-tertiary);
712
+ }
713
+ }
714
+ &-hover {
715
+ &:hover {
716
+ & .text,
717
+ & .title,
718
+ & .link {
719
+ color: var(--color-quaternary-text-tertiary-hover);
720
+ }
721
+ }
722
+ }
723
+ }
724
+ &-quaternary {
725
+ &:hover {
726
+ .text,
727
+ .title,
728
+ .link {
729
+ color: var(--color-quaternary-text-quaternary);
730
+ }
731
+ }
732
+ &-hover {
733
+ &:hover {
734
+ & .text,
735
+ & .title,
736
+ & .link {
737
+ color: var(--color-quaternary-text-quaternary-hover);
738
+ }
739
+ }
740
+ }
741
+ }
742
+ &-quinary {
743
+ &:hover {
744
+ .text,
745
+ .title,
746
+ .link {
747
+ color: var(--color-quaternary-text-quinary);
748
+ }
749
+ }
750
+ &-hover {
751
+ &:hover {
752
+ & .text,
753
+ & .title,
754
+ & .link {
755
+ color: var(--color-quaternary-text-quinary-hover);
756
+ }
757
+ }
758
+ }
759
+ }
760
+ &-senary {
761
+ &:hover {
762
+ .text,
763
+ .title,
764
+ .link {
765
+ color: var(--color-quaternary-text-senary);
766
+ }
767
+ }
768
+ &-hover {
769
+ &:hover {
770
+ & .text,
771
+ & .title,
772
+ & .link {
773
+ color: var(--color-quaternary-text-senary-hover);
774
+ }
775
+ }
776
+ }
777
+ }
778
+ &-accent {
779
+ &:hover {
780
+ .text,
781
+ .title,
782
+ .link {
783
+ color: var(--color-quaternary-text-accent);
784
+ }
785
+ }
786
+ &-hover {
787
+ &:hover {
788
+ & .text,
789
+ & .title,
790
+ & .link {
791
+ color: var(--color-quaternary-text-accent-hover);
792
+ }
793
+ }
794
+ }
795
+ }
796
+ &-disabled {
797
+ &:hover {
798
+ .text,
799
+ .title,
800
+ .link {
801
+ color: var(--color-quaternary-text-disabled);
802
+ }
803
+ }
804
+ &-hover {
805
+ &:hover {
806
+ & .text,
807
+ & .title,
808
+ & .link {
809
+ color: var(--color-quaternary-text-disabled-hover);
810
+ }
811
+ }
812
+ }
813
+ }
814
+ &-hover {
815
+ &:hover {
816
+ .text,
817
+ .title,
818
+ .link {
819
+ color: var(--color-quaternary-text-hover);
820
+ }
821
+ }
822
+ &-hover {
823
+ &:hover {
824
+ & .text,
825
+ & .title,
826
+ & .link {
827
+ color: var(--color-quaternary-text-hover-hover);
828
+ }
829
+ }
830
+ }
831
+ }
832
+ }
833
+ }
834
+ &_quinary {
835
+ &-text {
836
+ &-primary {
837
+ &:hover {
838
+ .text,
839
+ .title,
840
+ .link {
841
+ color: var(--color-quinary-text-primary);
842
+ }
843
+ }
844
+ &-hover {
845
+ &:hover {
846
+ & .text,
847
+ & .title,
848
+ & .link {
849
+ color: var(--color-quinary-text-primary-hover);
850
+ }
851
+ }
852
+ }
853
+ }
854
+ &-secondary {
855
+ &:hover {
856
+ .text,
857
+ .title,
858
+ .link {
859
+ color: var(--color-quinary-text-secondary);
860
+ }
861
+ }
862
+ &-hover {
863
+ &:hover {
864
+ & .text,
865
+ & .title,
866
+ & .link {
867
+ color: var(--color-quinary-text-secondary-hover);
868
+ }
869
+ }
870
+ }
871
+ }
872
+ &-tertiary {
873
+ &:hover {
874
+ .text,
875
+ .title,
876
+ .link {
877
+ color: var(--color-quinary-text-tertiary);
878
+ }
879
+ }
880
+ &-hover {
881
+ &:hover {
882
+ & .text,
883
+ & .title,
884
+ & .link {
885
+ color: var(--color-quinary-text-tertiary-hover);
886
+ }
887
+ }
888
+ }
889
+ }
890
+ &-quaternary {
891
+ &:hover {
892
+ .text,
893
+ .title,
894
+ .link {
895
+ color: var(--color-quinary-text-quaternary);
896
+ }
897
+ }
898
+ &-hover {
899
+ &:hover {
900
+ & .text,
901
+ & .title,
902
+ & .link {
903
+ color: var(--color-quinary-text-quaternary-hover);
904
+ }
905
+ }
906
+ }
907
+ }
908
+ &-quinary {
909
+ &:hover {
910
+ .text,
911
+ .title,
912
+ .link {
913
+ color: var(--color-quinary-text-quinary);
914
+ }
915
+ }
916
+ &-hover {
917
+ &:hover {
918
+ & .text,
919
+ & .title,
920
+ & .link {
921
+ color: var(--color-quinary-text-quinary-hover);
922
+ }
923
+ }
924
+ }
925
+ }
926
+ &-senary {
927
+ &:hover {
928
+ .text,
929
+ .title,
930
+ .link {
931
+ color: var(--color-quinary-text-senary);
932
+ }
933
+ }
934
+ &-hover {
935
+ &:hover {
936
+ & .text,
937
+ & .title,
938
+ & .link {
939
+ color: var(--color-quinary-text-senary-hover);
940
+ }
941
+ }
942
+ }
943
+ }
944
+ &-accent {
945
+ &:hover {
946
+ .text,
947
+ .title,
948
+ .link {
949
+ color: var(--color-quinary-text-accent);
950
+ }
951
+ }
952
+ &-hover {
953
+ &:hover {
954
+ & .text,
955
+ & .title,
956
+ & .link {
957
+ color: var(--color-quinary-text-accent-hover);
958
+ }
959
+ }
960
+ }
961
+ }
962
+ &-disabled {
963
+ &:hover {
964
+ .text,
965
+ .title,
966
+ .link {
967
+ color: var(--color-quinary-text-disabled);
968
+ }
969
+ }
970
+ &-hover {
971
+ &:hover {
972
+ & .text,
973
+ & .title,
974
+ & .link {
975
+ color: var(--color-quinary-text-disabled-hover);
976
+ }
977
+ }
978
+ }
979
+ }
980
+ &-hover {
981
+ &:hover {
982
+ .text,
983
+ .title,
984
+ .link {
985
+ color: var(--color-quinary-text-hover);
986
+ }
987
+ }
988
+ &-hover {
989
+ &:hover {
990
+ & .text,
991
+ & .title,
992
+ & .link {
993
+ color: var(--color-quinary-text-hover-hover);
994
+ }
995
+ }
996
+ }
997
+ }
998
+ }
999
+ }
1000
+ &_senary {
1001
+ &-text {
1002
+ &-primary {
1003
+ &:hover {
1004
+ .text,
1005
+ .title,
1006
+ .link {
1007
+ color: var(--color-senary-text-primary);
1008
+ }
1009
+ }
1010
+ &-hover {
1011
+ &:hover {
1012
+ & .text,
1013
+ & .title,
1014
+ & .link {
1015
+ color: var(--color-senary-text-primary-hover);
1016
+ }
1017
+ }
1018
+ }
1019
+ }
1020
+ &-secondary {
1021
+ &:hover {
1022
+ .text,
1023
+ .title,
1024
+ .link {
1025
+ color: var(--color-senary-text-secondary);
1026
+ }
1027
+ }
1028
+ &-hover {
1029
+ &:hover {
1030
+ & .text,
1031
+ & .title,
1032
+ & .link {
1033
+ color: var(--color-senary-text-secondary-hover);
1034
+ }
1035
+ }
1036
+ }
1037
+ }
1038
+ &-tertiary {
1039
+ &:hover {
1040
+ .text,
1041
+ .title,
1042
+ .link {
1043
+ color: var(--color-senary-text-tertiary);
1044
+ }
1045
+ }
1046
+ &-hover {
1047
+ &:hover {
1048
+ & .text,
1049
+ & .title,
1050
+ & .link {
1051
+ color: var(--color-senary-text-tertiary-hover);
1052
+ }
1053
+ }
1054
+ }
1055
+ }
1056
+ &-quaternary {
1057
+ &:hover {
1058
+ .text,
1059
+ .title,
1060
+ .link {
1061
+ color: var(--color-senary-text-quaternary);
1062
+ }
1063
+ }
1064
+ &-hover {
1065
+ &:hover {
1066
+ & .text,
1067
+ & .title,
1068
+ & .link {
1069
+ color: var(--color-senary-text-quaternary-hover);
1070
+ }
1071
+ }
1072
+ }
1073
+ }
1074
+ &-quinary {
1075
+ &:hover {
1076
+ .text,
1077
+ .title,
1078
+ .link {
1079
+ color: var(--color-senary-text-quinary);
1080
+ }
1081
+ }
1082
+ &-hover {
1083
+ &:hover {
1084
+ & .text,
1085
+ & .title,
1086
+ & .link {
1087
+ color: var(--color-senary-text-quinary-hover);
1088
+ }
1089
+ }
1090
+ }
1091
+ }
1092
+ &-senary {
1093
+ &:hover {
1094
+ .text,
1095
+ .title,
1096
+ .link {
1097
+ color: var(--color-senary-text-senary);
1098
+ }
1099
+ }
1100
+ &-hover {
1101
+ &:hover {
1102
+ & .text,
1103
+ & .title,
1104
+ & .link {
1105
+ color: var(--color-senary-text-senary-hover);
1106
+ }
1107
+ }
1108
+ }
1109
+ }
1110
+ &-accent {
1111
+ &:hover {
1112
+ .text,
1113
+ .title,
1114
+ .link {
1115
+ color: var(--color-senary-text-accent);
1116
+ }
1117
+ }
1118
+ &-hover {
1119
+ &:hover {
1120
+ & .text,
1121
+ & .title,
1122
+ & .link {
1123
+ color: var(--color-senary-text-accent-hover);
1124
+ }
1125
+ }
1126
+ }
1127
+ }
1128
+ &-disabled {
1129
+ &:hover {
1130
+ .text,
1131
+ .title,
1132
+ .link {
1133
+ color: var(--color-senary-text-disabled);
1134
+ }
1135
+ }
1136
+ &-hover {
1137
+ &:hover {
1138
+ & .text,
1139
+ & .title,
1140
+ & .link {
1141
+ color: var(--color-senary-text-disabled-hover);
1142
+ }
1143
+ }
1144
+ }
1145
+ }
1146
+ &-hover {
1147
+ &:hover {
1148
+ .text,
1149
+ .title,
1150
+ .link {
1151
+ color: var(--color-senary-text-hover);
1152
+ }
1153
+ }
1154
+ &-hover {
1155
+ &:hover {
1156
+ & .text,
1157
+ & .title,
1158
+ & .link {
1159
+ color: var(--color-senary-text-hover-hover);
1160
+ }
1161
+ }
1162
+ }
1163
+ }
1164
+ }
1165
+ }
1166
+ &_surface {
1167
+ &-text {
1168
+ &-primary {
1169
+ &:hover {
1170
+ .text,
1171
+ .title,
1172
+ .link {
1173
+ color: var(--color-surface-text-primary);
1174
+ }
1175
+ }
1176
+ &-hover {
1177
+ &:hover {
1178
+ & .text,
1179
+ & .title,
1180
+ & .link {
1181
+ color: var(--color-surface-text-primary-hover);
1182
+ }
1183
+ }
1184
+ }
1185
+ }
1186
+ &-secondary {
1187
+ &:hover {
1188
+ .text,
1189
+ .title,
1190
+ .link {
1191
+ color: var(--color-surface-text-secondary);
1192
+ }
1193
+ }
1194
+ &-hover {
1195
+ &:hover {
1196
+ & .text,
1197
+ & .title,
1198
+ & .link {
1199
+ color: var(--color-surface-text-secondary-hover);
1200
+ }
1201
+ }
1202
+ }
1203
+ }
1204
+ &-tertiary {
1205
+ &:hover {
1206
+ .text,
1207
+ .title,
1208
+ .link {
1209
+ color: var(--color-surface-text-tertiary);
1210
+ }
1211
+ }
1212
+ &-hover {
1213
+ &:hover {
1214
+ & .text,
1215
+ & .title,
1216
+ & .link {
1217
+ color: var(--color-surface-text-tertiary-hover);
1218
+ }
1219
+ }
1220
+ }
1221
+ }
1222
+ &-quaternary {
1223
+ &:hover {
1224
+ .text,
1225
+ .title,
1226
+ .link {
1227
+ color: var(--color-surface-text-quaternary);
1228
+ }
1229
+ }
1230
+ &-hover {
1231
+ &:hover {
1232
+ & .text,
1233
+ & .title,
1234
+ & .link {
1235
+ color: var(--color-surface-text-quaternary-hover);
1236
+ }
1237
+ }
1238
+ }
1239
+ }
1240
+ &-quinary {
1241
+ &:hover {
1242
+ .text,
1243
+ .title,
1244
+ .link {
1245
+ color: var(--color-surface-text-quinary);
1246
+ }
1247
+ }
1248
+ &-hover {
1249
+ &:hover {
1250
+ & .text,
1251
+ & .title,
1252
+ & .link {
1253
+ color: var(--color-surface-text-quinary-hover);
1254
+ }
1255
+ }
1256
+ }
1257
+ }
1258
+ &-senary {
1259
+ &:hover {
1260
+ .text,
1261
+ .title,
1262
+ .link {
1263
+ color: var(--color-surface-text-senary);
1264
+ }
1265
+ }
1266
+ &-hover {
1267
+ &:hover {
1268
+ & .text,
1269
+ & .title,
1270
+ & .link {
1271
+ color: var(--color-surface-text-senary-hover);
1272
+ }
1273
+ }
1274
+ }
1275
+ }
1276
+ &-accent {
1277
+ &:hover {
1278
+ .text,
1279
+ .title,
1280
+ .link {
1281
+ color: var(--color-surface-text-accent);
1282
+ }
1283
+ }
1284
+ &-hover {
1285
+ &:hover {
1286
+ & .text,
1287
+ & .title,
1288
+ & .link {
1289
+ color: var(--color-surface-text-accent-hover);
1290
+ }
1291
+ }
1292
+ }
1293
+ }
1294
+ &-disabled {
1295
+ &:hover {
1296
+ .text,
1297
+ .title,
1298
+ .link {
1299
+ color: var(--color-surface-text-disabled);
1300
+ }
1301
+ }
1302
+ &-hover {
1303
+ &:hover {
1304
+ & .text,
1305
+ & .title,
1306
+ & .link {
1307
+ color: var(--color-surface-text-disabled-hover);
1308
+ }
1309
+ }
1310
+ }
1311
+ }
1312
+ &-hover {
1313
+ &:hover {
1314
+ .text,
1315
+ .title,
1316
+ .link {
1317
+ color: var(--color-surface-text-hover);
1318
+ }
1319
+ }
1320
+ &-hover {
1321
+ &:hover {
1322
+ & .text,
1323
+ & .title,
1324
+ & .link {
1325
+ color: var(--color-surface-text-hover-hover);
1326
+ }
1327
+ }
1328
+ }
1329
+ }
1330
+ }
1331
+ }
1332
+ &_success {
1333
+ &-text {
1334
+ &-primary {
1335
+ &:hover {
1336
+ .text,
1337
+ .title,
1338
+ .link {
1339
+ color: var(--color-success-text-primary);
1340
+ }
1341
+ }
1342
+ &-hover {
1343
+ &:hover {
1344
+ & .text,
1345
+ & .title,
1346
+ & .link {
1347
+ color: var(--color-success-text-primary-hover);
1348
+ }
1349
+ }
1350
+ }
1351
+ }
1352
+ &-secondary {
1353
+ &:hover {
1354
+ .text,
1355
+ .title,
1356
+ .link {
1357
+ color: var(--color-success-text-secondary);
1358
+ }
1359
+ }
1360
+ &-hover {
1361
+ &:hover {
1362
+ & .text,
1363
+ & .title,
1364
+ & .link {
1365
+ color: var(--color-success-text-secondary-hover);
1366
+ }
1367
+ }
1368
+ }
1369
+ }
1370
+ &-tertiary {
1371
+ &:hover {
1372
+ .text,
1373
+ .title,
1374
+ .link {
1375
+ color: var(--color-success-text-tertiary);
1376
+ }
1377
+ }
1378
+ &-hover {
1379
+ &:hover {
1380
+ & .text,
1381
+ & .title,
1382
+ & .link {
1383
+ color: var(--color-success-text-tertiary-hover);
1384
+ }
1385
+ }
1386
+ }
1387
+ }
1388
+ &-quaternary {
1389
+ &:hover {
1390
+ .text,
1391
+ .title,
1392
+ .link {
1393
+ color: var(--color-success-text-quaternary);
1394
+ }
1395
+ }
1396
+ &-hover {
1397
+ &:hover {
1398
+ & .text,
1399
+ & .title,
1400
+ & .link {
1401
+ color: var(--color-success-text-quaternary-hover);
1402
+ }
1403
+ }
1404
+ }
1405
+ }
1406
+ &-quinary {
1407
+ &:hover {
1408
+ .text,
1409
+ .title,
1410
+ .link {
1411
+ color: var(--color-success-text-quinary);
1412
+ }
1413
+ }
1414
+ &-hover {
1415
+ &:hover {
1416
+ & .text,
1417
+ & .title,
1418
+ & .link {
1419
+ color: var(--color-success-text-quinary-hover);
1420
+ }
1421
+ }
1422
+ }
1423
+ }
1424
+ &-senary {
1425
+ &:hover {
1426
+ .text,
1427
+ .title,
1428
+ .link {
1429
+ color: var(--color-success-text-senary);
1430
+ }
1431
+ }
1432
+ &-hover {
1433
+ &:hover {
1434
+ & .text,
1435
+ & .title,
1436
+ & .link {
1437
+ color: var(--color-success-text-senary-hover);
1438
+ }
1439
+ }
1440
+ }
1441
+ }
1442
+ &-accent {
1443
+ &:hover {
1444
+ .text,
1445
+ .title,
1446
+ .link {
1447
+ color: var(--color-success-text-accent);
1448
+ }
1449
+ }
1450
+ &-hover {
1451
+ &:hover {
1452
+ & .text,
1453
+ & .title,
1454
+ & .link {
1455
+ color: var(--color-success-text-accent-hover);
1456
+ }
1457
+ }
1458
+ }
1459
+ }
1460
+ &-disabled {
1461
+ &:hover {
1462
+ .text,
1463
+ .title,
1464
+ .link {
1465
+ color: var(--color-success-text-disabled);
1466
+ }
1467
+ }
1468
+ &-hover {
1469
+ &:hover {
1470
+ & .text,
1471
+ & .title,
1472
+ & .link {
1473
+ color: var(--color-success-text-disabled-hover);
1474
+ }
1475
+ }
1476
+ }
1477
+ }
1478
+ &-hover {
1479
+ &:hover {
1480
+ .text,
1481
+ .title,
1482
+ .link {
1483
+ color: var(--color-success-text-hover);
1484
+ }
1485
+ }
1486
+ &-hover {
1487
+ &:hover {
1488
+ & .text,
1489
+ & .title,
1490
+ & .link {
1491
+ color: var(--color-success-text-hover-hover);
1492
+ }
1493
+ }
1494
+ }
1495
+ }
1496
+ }
1497
+ }
1498
+ &_error {
1499
+ &-text {
1500
+ &-primary {
1501
+ &:hover {
1502
+ .text,
1503
+ .title,
1504
+ .link {
1505
+ color: var(--color-error-text-primary);
1506
+ }
1507
+ }
1508
+ &-hover {
1509
+ &:hover {
1510
+ & .text,
1511
+ & .title,
1512
+ & .link {
1513
+ color: var(--color-error-text-primary-hover);
1514
+ }
1515
+ }
1516
+ }
1517
+ }
1518
+ &-secondary {
1519
+ &:hover {
1520
+ .text,
1521
+ .title,
1522
+ .link {
1523
+ color: var(--color-error-text-secondary);
1524
+ }
1525
+ }
1526
+ &-hover {
1527
+ &:hover {
1528
+ & .text,
1529
+ & .title,
1530
+ & .link {
1531
+ color: var(--color-error-text-secondary-hover);
1532
+ }
1533
+ }
1534
+ }
1535
+ }
1536
+ &-tertiary {
1537
+ &:hover {
1538
+ .text,
1539
+ .title,
1540
+ .link {
1541
+ color: var(--color-error-text-tertiary);
1542
+ }
1543
+ }
1544
+ &-hover {
1545
+ &:hover {
1546
+ & .text,
1547
+ & .title,
1548
+ & .link {
1549
+ color: var(--color-error-text-tertiary-hover);
1550
+ }
1551
+ }
1552
+ }
1553
+ }
1554
+ &-quaternary {
1555
+ &:hover {
1556
+ .text,
1557
+ .title,
1558
+ .link {
1559
+ color: var(--color-error-text-quaternary);
1560
+ }
1561
+ }
1562
+ &-hover {
1563
+ &:hover {
1564
+ & .text,
1565
+ & .title,
1566
+ & .link {
1567
+ color: var(--color-error-text-quaternary-hover);
1568
+ }
1569
+ }
1570
+ }
1571
+ }
1572
+ &-quinary {
1573
+ &:hover {
1574
+ .text,
1575
+ .title,
1576
+ .link {
1577
+ color: var(--color-error-text-quinary);
1578
+ }
1579
+ }
1580
+ &-hover {
1581
+ &:hover {
1582
+ & .text,
1583
+ & .title,
1584
+ & .link {
1585
+ color: var(--color-error-text-quinary-hover);
1586
+ }
1587
+ }
1588
+ }
1589
+ }
1590
+ &-senary {
1591
+ &:hover {
1592
+ .text,
1593
+ .title,
1594
+ .link {
1595
+ color: var(--color-error-text-senary);
1596
+ }
1597
+ }
1598
+ &-hover {
1599
+ &:hover {
1600
+ & .text,
1601
+ & .title,
1602
+ & .link {
1603
+ color: var(--color-error-text-senary-hover);
1604
+ }
1605
+ }
1606
+ }
1607
+ }
1608
+ &-accent {
1609
+ &:hover {
1610
+ .text,
1611
+ .title,
1612
+ .link {
1613
+ color: var(--color-error-text-accent);
1614
+ }
1615
+ }
1616
+ &-hover {
1617
+ &:hover {
1618
+ & .text,
1619
+ & .title,
1620
+ & .link {
1621
+ color: var(--color-error-text-accent-hover);
1622
+ }
1623
+ }
1624
+ }
1625
+ }
1626
+ &-disabled {
1627
+ &:hover {
1628
+ .text,
1629
+ .title,
1630
+ .link {
1631
+ color: var(--color-error-text-disabled);
1632
+ }
1633
+ }
1634
+ &-hover {
1635
+ &:hover {
1636
+ & .text,
1637
+ & .title,
1638
+ & .link {
1639
+ color: var(--color-error-text-disabled-hover);
1640
+ }
1641
+ }
1642
+ }
1643
+ }
1644
+ &-hover {
1645
+ &:hover {
1646
+ .text,
1647
+ .title,
1648
+ .link {
1649
+ color: var(--color-error-text-hover);
1650
+ }
1651
+ }
1652
+ &-hover {
1653
+ &:hover {
1654
+ & .text,
1655
+ & .title,
1656
+ & .link {
1657
+ color: var(--color-error-text-hover-hover);
1658
+ }
1659
+ }
1660
+ }
1661
+ }
1662
+ }
1663
+ }
1664
+ &_info {
1665
+ &-text {
1666
+ &-primary {
1667
+ &:hover {
1668
+ .text,
1669
+ .title,
1670
+ .link {
1671
+ color: var(--color-info-text-primary);
1672
+ }
1673
+ }
1674
+ &-hover {
1675
+ &:hover {
1676
+ & .text,
1677
+ & .title,
1678
+ & .link {
1679
+ color: var(--color-info-text-primary-hover);
1680
+ }
1681
+ }
1682
+ }
1683
+ }
1684
+ &-secondary {
1685
+ &:hover {
1686
+ .text,
1687
+ .title,
1688
+ .link {
1689
+ color: var(--color-info-text-secondary);
1690
+ }
1691
+ }
1692
+ &-hover {
1693
+ &:hover {
1694
+ & .text,
1695
+ & .title,
1696
+ & .link {
1697
+ color: var(--color-info-text-secondary-hover);
1698
+ }
1699
+ }
1700
+ }
1701
+ }
1702
+ &-tertiary {
1703
+ &:hover {
1704
+ .text,
1705
+ .title,
1706
+ .link {
1707
+ color: var(--color-info-text-tertiary);
1708
+ }
1709
+ }
1710
+ &-hover {
1711
+ &:hover {
1712
+ & .text,
1713
+ & .title,
1714
+ & .link {
1715
+ color: var(--color-info-text-tertiary-hover);
1716
+ }
1717
+ }
1718
+ }
1719
+ }
1720
+ &-quaternary {
1721
+ &:hover {
1722
+ .text,
1723
+ .title,
1724
+ .link {
1725
+ color: var(--color-info-text-quaternary);
1726
+ }
1727
+ }
1728
+ &-hover {
1729
+ &:hover {
1730
+ & .text,
1731
+ & .title,
1732
+ & .link {
1733
+ color: var(--color-info-text-quaternary-hover);
1734
+ }
1735
+ }
1736
+ }
1737
+ }
1738
+ &-quinary {
1739
+ &:hover {
1740
+ .text,
1741
+ .title,
1742
+ .link {
1743
+ color: var(--color-info-text-quinary);
1744
+ }
1745
+ }
1746
+ &-hover {
1747
+ &:hover {
1748
+ & .text,
1749
+ & .title,
1750
+ & .link {
1751
+ color: var(--color-info-text-quinary-hover);
1752
+ }
1753
+ }
1754
+ }
1755
+ }
1756
+ &-senary {
1757
+ &:hover {
1758
+ .text,
1759
+ .title,
1760
+ .link {
1761
+ color: var(--color-info-text-senary);
1762
+ }
1763
+ }
1764
+ &-hover {
1765
+ &:hover {
1766
+ & .text,
1767
+ & .title,
1768
+ & .link {
1769
+ color: var(--color-info-text-senary-hover);
1770
+ }
1771
+ }
1772
+ }
1773
+ }
1774
+ &-accent {
1775
+ &:hover {
1776
+ .text,
1777
+ .title,
1778
+ .link {
1779
+ color: var(--color-info-text-accent);
1780
+ }
1781
+ }
1782
+ &-hover {
1783
+ &:hover {
1784
+ & .text,
1785
+ & .title,
1786
+ & .link {
1787
+ color: var(--color-info-text-accent-hover);
1788
+ }
1789
+ }
1790
+ }
1791
+ }
1792
+ &-disabled {
1793
+ &:hover {
1794
+ .text,
1795
+ .title,
1796
+ .link {
1797
+ color: var(--color-info-text-disabled);
1798
+ }
1799
+ }
1800
+ &-hover {
1801
+ &:hover {
1802
+ & .text,
1803
+ & .title,
1804
+ & .link {
1805
+ color: var(--color-info-text-disabled-hover);
1806
+ }
1807
+ }
1808
+ }
1809
+ }
1810
+ &-hover {
1811
+ &:hover {
1812
+ .text,
1813
+ .title,
1814
+ .link {
1815
+ color: var(--color-info-text-hover);
1816
+ }
1817
+ }
1818
+ &-hover {
1819
+ &:hover {
1820
+ & .text,
1821
+ & .title,
1822
+ & .link {
1823
+ color: var(--color-info-text-hover-hover);
1824
+ }
1825
+ }
1826
+ }
1827
+ }
1828
+ }
1829
+ }
1830
+ &_warning {
1831
+ &-text {
1832
+ &-primary {
1833
+ &:hover {
1834
+ .text,
1835
+ .title,
1836
+ .link {
1837
+ color: var(--color-warning-text-primary);
1838
+ }
1839
+ }
1840
+ &-hover {
1841
+ &:hover {
1842
+ & .text,
1843
+ & .title,
1844
+ & .link {
1845
+ color: var(--color-warning-text-primary-hover);
1846
+ }
1847
+ }
1848
+ }
1849
+ }
1850
+ &-secondary {
1851
+ &:hover {
1852
+ .text,
1853
+ .title,
1854
+ .link {
1855
+ color: var(--color-warning-text-secondary);
1856
+ }
1857
+ }
1858
+ &-hover {
1859
+ &:hover {
1860
+ & .text,
1861
+ & .title,
1862
+ & .link {
1863
+ color: var(--color-warning-text-secondary-hover);
1864
+ }
1865
+ }
1866
+ }
1867
+ }
1868
+ &-tertiary {
1869
+ &:hover {
1870
+ .text,
1871
+ .title,
1872
+ .link {
1873
+ color: var(--color-warning-text-tertiary);
1874
+ }
1875
+ }
1876
+ &-hover {
1877
+ &:hover {
1878
+ & .text,
1879
+ & .title,
1880
+ & .link {
1881
+ color: var(--color-warning-text-tertiary-hover);
1882
+ }
1883
+ }
1884
+ }
1885
+ }
1886
+ &-quaternary {
1887
+ &:hover {
1888
+ .text,
1889
+ .title,
1890
+ .link {
1891
+ color: var(--color-warning-text-quaternary);
1892
+ }
1893
+ }
1894
+ &-hover {
1895
+ &:hover {
1896
+ & .text,
1897
+ & .title,
1898
+ & .link {
1899
+ color: var(--color-warning-text-quaternary-hover);
1900
+ }
1901
+ }
1902
+ }
1903
+ }
1904
+ &-quinary {
1905
+ &:hover {
1906
+ .text,
1907
+ .title,
1908
+ .link {
1909
+ color: var(--color-warning-text-quinary);
1910
+ }
1911
+ }
1912
+ &-hover {
1913
+ &:hover {
1914
+ & .text,
1915
+ & .title,
1916
+ & .link {
1917
+ color: var(--color-warning-text-quinary-hover);
1918
+ }
1919
+ }
1920
+ }
1921
+ }
1922
+ &-senary {
1923
+ &:hover {
1924
+ .text,
1925
+ .title,
1926
+ .link {
1927
+ color: var(--color-warning-text-senary);
1928
+ }
1929
+ }
1930
+ &-hover {
1931
+ &:hover {
1932
+ & .text,
1933
+ & .title,
1934
+ & .link {
1935
+ color: var(--color-warning-text-senary-hover);
1936
+ }
1937
+ }
1938
+ }
1939
+ }
1940
+ &-accent {
1941
+ &:hover {
1942
+ .text,
1943
+ .title,
1944
+ .link {
1945
+ color: var(--color-warning-text-accent);
1946
+ }
1947
+ }
1948
+ &-hover {
1949
+ &:hover {
1950
+ & .text,
1951
+ & .title,
1952
+ & .link {
1953
+ color: var(--color-warning-text-accent-hover);
1954
+ }
1955
+ }
1956
+ }
1957
+ }
1958
+ &-disabled {
1959
+ &:hover {
1960
+ .text,
1961
+ .title,
1962
+ .link {
1963
+ color: var(--color-warning-text-disabled);
1964
+ }
1965
+ }
1966
+ &-hover {
1967
+ &:hover {
1968
+ & .text,
1969
+ & .title,
1970
+ & .link {
1971
+ color: var(--color-warning-text-disabled-hover);
1972
+ }
1973
+ }
1974
+ }
1975
+ }
1976
+ &-hover {
1977
+ &:hover {
1978
+ .text,
1979
+ .title,
1980
+ .link {
1981
+ color: var(--color-warning-text-hover);
1982
+ }
1983
+ }
1984
+ &-hover {
1985
+ &:hover {
1986
+ & .text,
1987
+ & .title,
1988
+ & .link {
1989
+ color: var(--color-warning-text-hover-hover);
24
1990
  }
25
1991
  }
26
1992
  }
27
1993
  }
28
- }
29
1994
  }
30
1995
  }
31
- }
32
1996
  }
33
1997
  }
34
1998
  }