@taiga-ui/design-tokens 0.113.0 → 0.115.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/angular/desktop.less +4 -2
- package/angular/mobile.less +4 -2
- package/esm2022/icons.mjs +138 -1
- package/fesm2022/taiga-ui-design-tokens.mjs +137 -0
- package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
- package/icons.d.ts +2 -1
- package/package.json +1 -1
- package/palette/dark.css +2 -1
- package/palette/light.css +2 -1
- package/palette/mobile/dark.css +2 -1
- package/palette/mobile/light.css +2 -1
package/angular/desktop.less
CHANGED
|
@@ -455,7 +455,7 @@
|
|
|
455
455
|
--tui-text-primary-pressed: var(--tui-const-white-alpha-50); // Основной текст и иконки фонах base, elevation, neutral при нажатии
|
|
456
456
|
--tui-text-primary-on-light: var(--tui-const-black-alpha-80); // Основной текст и иконки светлых фонах, не меняется при смене темы
|
|
457
457
|
--tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
|
|
458
|
-
--tui-text-primary-on-
|
|
458
|
+
--tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
|
|
459
459
|
--tui-text-primary-on-opposite: var(--tui-const-black); // Текст и иконки фоне opposite
|
|
460
460
|
--tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1
|
|
461
461
|
--tui-text-primary-on-accent-2: var(--tui-const-white); // Текст и иконки фоне accent-2
|
|
@@ -482,6 +482,7 @@
|
|
|
482
482
|
--tui-text-negative-hover: var(--tui-const-red); // Только для веба. Текст негативного лейбла при наведении на вебе
|
|
483
483
|
--tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки
|
|
484
484
|
--tui-text-warning-hover: var(--tui-const-yellow-darker-38); // Предупреждающие текст и иконки при наведении на вебе
|
|
485
|
+
--tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20); // @Deprecated: Заменён на цвет primary-on-t-bank
|
|
485
486
|
}
|
|
486
487
|
|
|
487
488
|
&:root,
|
|
@@ -936,7 +937,7 @@
|
|
|
936
937
|
--tui-text-primary-pressed: var(--tui-const-black-alpha-48); // Основной текст и иконки фонах base, elevation, neutral при нажатии
|
|
937
938
|
--tui-text-primary-on-light: var(--tui-const-black-alpha-80); // Основной текст и иконки светлых фонах, не меняется при смене темы
|
|
938
939
|
--tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
|
|
939
|
-
--tui-text-primary-on-
|
|
940
|
+
--tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
|
|
940
941
|
--tui-text-primary-on-opposite: var(--tui-const-white); // Текст и иконки фоне opposite
|
|
941
942
|
--tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1
|
|
942
943
|
--tui-text-primary-on-accent-2: var(--tui-const-white); // Текст и иконки фоне accent-2
|
|
@@ -963,6 +964,7 @@
|
|
|
963
964
|
--tui-text-negative-hover: var(--tui-const-red-darker-32); // Только для веба. Текст негативного лейбла при наведении на вебе
|
|
964
965
|
--tui-text-warning: var(--tui-const-yellow-darker-48); // Предупреждающие текст и иконки
|
|
965
966
|
--tui-text-warning-hover: var(--tui-const-yellow-darker-26); // Предупреждающие текст и иконки при наведении на вебе
|
|
967
|
+
--tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20); // @Deprecated: Заменён на цвет primary-on-t-bank
|
|
966
968
|
--tui-shadow-small: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); // Тень для мелких элементов интерфейса, например Chips
|
|
967
969
|
--tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.14);
|
|
968
970
|
--tui-shadow-medium: 0px 6px 34px 0px rgba(0, 0, 0, 0.12); // Тень для карточек и других больших объектов, например тултипов
|
package/angular/mobile.less
CHANGED
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
--tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-60); // Основной текст и иконки фонах base, elevation, neutral при нажатии
|
|
432
432
|
--tui-text-primary-on-light: var(--tui-const-black-alpha-90); // Основной текст и иконки светлых фонах, не меняется при смене темы
|
|
433
433
|
--tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
|
|
434
|
-
--tui-text-primary-on-
|
|
434
|
+
--tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
|
|
435
435
|
--tui-text-primary-on-opposite: var(--tui-const-black); // Текст и иконки фоне opposite
|
|
436
436
|
--tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1
|
|
437
437
|
--tui-text-primary-on-accent-2: var(--tui-const-white); // Текст и иконки фоне accent-2
|
|
@@ -452,6 +452,7 @@
|
|
|
452
452
|
--tui-text-positive: var(--tui-const-green); // Текст позитивного лейбла, например пополнение счета или рост цены акций
|
|
453
453
|
--tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
|
|
454
454
|
--tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки
|
|
455
|
+
--tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20); // @Deprecated: Заменён на цвет primary-on-t-bank
|
|
455
456
|
}
|
|
456
457
|
|
|
457
458
|
|
|
@@ -883,7 +884,7 @@
|
|
|
883
884
|
--tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-36); // Основной текст и иконки фонах base, elevation, neutral при нажатии
|
|
884
885
|
--tui-text-primary-on-light: var(--tui-const-black-alpha-90); // Основной текст и иконки светлых фонах, не меняется при смене темы
|
|
885
886
|
--tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
|
|
886
|
-
--tui-text-primary-on-
|
|
887
|
+
--tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
|
|
887
888
|
--tui-text-primary-on-opposite: var(--tui-const-white); // Текст и иконки фоне opposite
|
|
888
889
|
--tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1
|
|
889
890
|
--tui-text-primary-on-accent-2: var(--tui-const-white); // Текст и иконки фоне accent-2
|
|
@@ -904,4 +905,5 @@
|
|
|
904
905
|
--tui-text-positive: var(--tui-const-green); // Текст позитивного лейбла, например пополнение счета или рост цены акций
|
|
905
906
|
--tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
|
|
906
907
|
--tui-text-warning: var(--tui-const-yellow-darker-48); // Предупреждающие текст и иконки
|
|
908
|
+
--tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20); // @Deprecated: Заменён на цвет primary-on-t-bank
|
|
907
909
|
}
|