@taiga-ui/design-tokens 0.101.0 → 0.104.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/angular/desktop.less +8 -0
  2. package/angular/mobile.less +6 -0
  3. package/esm2022/icons.mjs +61 -2
  4. package/fesm2022/taiga-ui-design-tokens.mjs +60 -1
  5. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  6. package/icons.d.ts +1 -1
  7. package/package.json +1 -1
  8. package/palette/dark.css +4 -0
  9. package/palette/light.css +4 -0
  10. package/palette/mobile/dark.css +3 -0
  11. package/palette/mobile/light.css +3 -0
package/angular/desktop.less CHANGED
@@ -175,6 +175,8 @@
175
175
  --tui-const-yellow-darker-88: #FFF5C2;
176
176
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
177
177
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
178
+ --tui-const-yellow-darker-48: #F49C01; // hsL=48
179
+ --tui-const-yellow-darker-38: #BF8003; // hsL=38
178
180
  --tui-const-yellow-darker-32: #806925; // hsL=32
179
181
  --tui-const-yellow-darker-26: #614F23; // hsL=26
180
182
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
@@ -456,6 +458,8 @@
456
458
  --tui-text-positive-hover: var(--tui-const-green); // Только для веба. Текст позитивного лейбла при нажатии
457
459
  --tui-text-negative: var(--tui-const-red-lighter-62); // Текст негативного лейбла, например падение цены акций или ошибка
458
460
  --tui-text-negative-hover: var(--tui-const-red); // Только для веба. Текст негативного лейбла при наведении на вебе
461
+ --tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки
462
+ --tui-text-warning-hover: var(--tui-const-yellow-darker-38); // Предупреждающие текст и иконки при наведении на вебе
459
463
  }
460
464
 
461
465
  &:root,
@@ -630,6 +634,8 @@
630
634
  --tui-const-yellow-darker-88: #FFF5C2;
631
635
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
632
636
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
637
+ --tui-const-yellow-darker-48: #F49C01; // hsL=48
638
+ --tui-const-yellow-darker-38: #BF8003; // hsL=38
633
639
  --tui-const-yellow-darker-32: #806925; // hsL=32
634
640
  --tui-const-yellow-darker-26: #614F23; // hsL=26
635
641
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
@@ -911,6 +917,8 @@
911
917
  --tui-text-positive-hover: var(--tui-const-green-darker-21); // Только для веба. Текст позитивного лейбла при нажатии
912
918
  --tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
913
919
  --tui-text-negative-hover: var(--tui-const-red-darker-32); // Только для веба. Текст негативного лейбла при наведении на вебе
920
+ --tui-text-warning: var(--tui-const-yellow-darker-48); // Предупреждающие текст и иконки
921
+ --tui-text-warning-hover: var(--tui-const-yellow-darker-26); // Предупреждающие текст и иконки при наведении на вебе
914
922
  --tui-shadow-small: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); // Тень для мелких элементов интерфейса, например Chips
915
923
  --tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.14);
916
924
  --tui-shadow-medium: 0px 6px 34px 0px rgba(0, 0, 0, 0.12); // Тень для карточек и других больших объектов, например тултипов
package/angular/mobile.less CHANGED
@@ -162,6 +162,8 @@
162
162
  --tui-const-yellow-darker-88: #FFF5C2;
163
163
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
164
164
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
165
+ --tui-const-yellow-darker-48: #F49C01; // hsL=48
166
+ --tui-const-yellow-darker-38: #BF8003; // hsL=38
165
167
  --tui-const-yellow-darker-32: #806925; // hsL=32
166
168
  --tui-const-yellow-darker-26: #614F23; // hsL=26
167
169
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
@@ -430,6 +432,7 @@
430
432
  --tui-text-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed
431
433
  --tui-text-positive: var(--tui-const-green); // Текст позитивного лейбла, например пополнение счета или рост цены акций
432
434
  --tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
435
+ --tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки
433
436
  }
434
437
 
435
438
 
@@ -592,6 +595,8 @@
592
595
  --tui-const-yellow-darker-88: #FFF5C2;
593
596
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
594
597
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
598
+ --tui-const-yellow-darker-48: #F49C01; // hsL=48
599
+ --tui-const-yellow-darker-38: #BF8003; // hsL=38
595
600
  --tui-const-yellow-darker-32: #806925; // hsL=32
596
601
  --tui-const-yellow-darker-26: #614F23; // hsL=26
597
602
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
@@ -860,4 +865,5 @@
860
865
  --tui-text-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed
861
866
  --tui-text-positive: var(--tui-const-green); // Текст позитивного лейбла, например пополнение счета или рост цены акций
862
867
  --tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
868
+ --tui-text-warning: var(--tui-const-yellow-darker-48); // Предупреждающие текст и иконки
863
869
  }