@taiga-ui/design-tokens 0.235.0 → 0.236.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 (15) hide show
  1. package/angular/desktop.less +30 -0
  2. package/angular/mobile.less +31 -1
  3. package/esm2022/icons.mjs +9 -1
  4. package/fesm2022/taiga-ui-design-tokens.mjs +8 -0
  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 +15 -0
  9. package/palette/light.css +15 -0
  10. package/palette/mobile/dark.css +16 -1
  11. package/palette/mobile/light.css +15 -0
  12. package/palette/scss/dark.scss +15 -0
  13. package/palette/scss/light.scss +15 -0
  14. package/palette/scss/mobile/dark.scss +16 -1
  15. package/palette/scss/mobile/light.scss +15 -0
package/angular/desktop.less CHANGED
@@ -119,6 +119,20 @@
119
119
  --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); // Обводка, отделяющая цветные элементы на светлых фонах
120
120
  --tui-border-on-dark: var(--tui-const-white-alpha-15); // Обводка, отделяющая цветные элементы на темных фонах
121
121
  --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); // Обводка, отделяющая цветные элементы на темных фонах при наведении
122
+ --tui-brand-element-t-insurance: #27AFA5; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры
123
+ --tui-brand-element-t-insurance-pale: #27AFA51A; // Цвет Т-Страхования для фонов и поверхностей
124
+ --tui-brand-element-t-mobile: #5848C3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры
125
+ --tui-brand-element-t-mobile-pale: #5848C31A; // Цвет Т-Мобайл для фонов и поверхностей
126
+ --tui-brand-element-t-business: #8D6040; // Цвет Т-Бизнес для акцентных элементов, таких как текст, иконки, бордеры
127
+ --tui-brand-element-t-business-pale: #8D60401A; // Цвет Т-Бизнес для фонов и поверхностей
128
+ --tui-brand-element-t-invest: #6A6A7C; // Цвет Т-Инвестции для акцентных элементов, таких как текст, иконки, бордеры
129
+ --tui-brand-element-t-invest-pale: #6A6A7C1A; // Цвет Т-Инвестции для фонов и поверхностей
130
+ --tui-brand-element-pro: #68CF08; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
131
+ --tui-brand-element-pro-pale: #68CF081A; // Цвет Pro для фонов и поверхностей
132
+ --tui-brand-element-premium: #4972CF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
133
+ --tui-brand-element-premium-pale: #4972CF1A; // Цвет Premium для фонов и поверхностей
134
+ --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
135
+ --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей
122
136
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
123
137
  --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
124
138
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
@@ -136,6 +150,7 @@
136
150
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
137
151
  --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
138
152
  --tui-brand-private: #212121; // Фирменный цвет подписки Private
153
+ --tui-brand-private-alt-1: #A1A1B2; // Допольнительный цвет подписки Private
139
154
  --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
140
155
  --tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования
141
156
  --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
@@ -699,6 +714,20 @@
699
714
  --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); // Обводка, отделяющая цветные элементы на светлых фонах
700
715
  --tui-border-on-dark: var(--tui-const-white-alpha-15); // Обводка, отделяющая цветные элементы на темных фонах
701
716
  --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); // Обводка, отделяющая цветные элементы на темных фонах при наведении
717
+ --tui-brand-element-t-insurance: #90E5DF; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры
718
+ --tui-brand-element-t-insurance-pale: #90E5DF4D; // Цвет Т-Страхования для фонов и поверхностей
719
+ --tui-brand-element-t-mobile: #8D80E3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры
720
+ --tui-brand-element-t-mobile-pale: #8D80E34D; // Цвет Т-Мобайл для фонов и поверхностей
721
+ --tui-brand-element-t-business: #D4B788; // Цвет Т-Бизнес для акцентных элементов, таких как текст, иконки, бордеры
722
+ --tui-brand-element-t-business-pale: #D4B7884D; // Цвет Т-Бизнес для фонов и поверхностей
723
+ --tui-brand-element-t-invest: #D4D1D8; // Цвет Т-Инвестции для акцентных элементов, таких как текст, иконки, бордеры
724
+ --tui-brand-element-t-invest-pale: #D4D1D84D; // Цвет Т-Инвестции для фонов и поверхностей
725
+ --tui-brand-element-pro: #7FE004; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
726
+ --tui-brand-element-pro-pale: #7FE0044D; // Цвет Pro для фонов и поверхностей
727
+ --tui-brand-element-premium: #7DA4FF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
728
+ --tui-brand-element-premium-pale: #7DA4FF4D; // Цвет Premium для фонов и поверхностей
729
+ --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
730
+ --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей
702
731
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
703
732
  --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
704
733
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
@@ -716,6 +745,7 @@
716
745
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
717
746
  --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
718
747
  --tui-brand-private: #212121; // Фирменный цвет подписки Private
748
+ --tui-brand-private-alt-1: #A1A1B2; // Допольнительный цвет подписки Private
719
749
  --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
720
750
  --tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования
721
751
  --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
package/angular/mobile.less CHANGED
@@ -101,6 +101,20 @@
101
101
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме
102
102
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
103
103
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы на темных фонах
104
+ --tui-brand-element-t-insurance: #90E5DF; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры
105
+ --tui-brand-element-t-insurance-pale: #90E5DF4D; // Цвет Т-Страхования для фонов и поверхностей
106
+ --tui-brand-element-t-mobile: #8D80E3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры
107
+ --tui-brand-element-t-mobile-pale: #8D80E34D; // Цвет Т-Мобайл для фонов и поверхностей
108
+ --tui-brand-element-t-business: #D4B788; // Цвет Т-Бизнес для акцентных элементов, таких как текст, иконки, бордеры
109
+ --tui-brand-element-t-business-pale: #D4B7884D; // Цвет Т-Бизнес для фонов и поверхностей
110
+ --tui-brand-element-t-invest: #D4D1D8; // Цвет Т-Инвестции для акцентных элементов, таких как текст, иконки, бордеры
111
+ --tui-brand-element-t-invest-pale: #D4D1D84D; // Цвет Т-Инвестции для фонов и поверхностей
112
+ --tui-brand-element-pro: #7FE004; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
113
+ --tui-brand-element-pro-pale: #7FE0044D; // Цвет Pro для фонов и поверхностей
114
+ --tui-brand-element-premium: #7DA4FF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
115
+ --tui-brand-element-premium-pale: #7DA4FF4D; // Цвет Premium для фонов и поверхностей
116
+ --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
117
+ --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей
104
118
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
105
119
  --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
106
120
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
@@ -118,6 +132,7 @@
118
132
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
119
133
  --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
120
134
  --tui-brand-private: #212121; // Фирменный цвет подписки Private
135
+ --tui-brand-private-alt-1: #A1A1B2; // Допольнительный цвет подписки Private
121
136
  --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
122
137
  --tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования
123
138
  --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
@@ -454,7 +469,7 @@
454
469
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
455
470
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
456
471
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
457
- --tui-status-warning-pale: var(--tui-const-yellow-darker-20); // Контейнеры предупреждающих блоков
472
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
458
473
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
459
474
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
460
475
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
@@ -641,6 +656,20 @@
641
656
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
642
657
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
643
658
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы на темных фонах
659
+ --tui-brand-element-t-insurance: #27AFA5; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры
660
+ --tui-brand-element-t-insurance-pale: #27AFA51A; // Цвет Т-Страхования для фонов и поверхностей
661
+ --tui-brand-element-t-mobile: #5848C3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры
662
+ --tui-brand-element-t-mobile-pale: #5848C31A; // Цвет Т-Мобайл для фонов и поверхностей
663
+ --tui-brand-element-t-business: #8D6040; // Цвет Т-Бизнес для акцентных элементов, таких как текст, иконки, бордеры
664
+ --tui-brand-element-t-business-pale: #8D60401A; // Цвет Т-Бизнес для фонов и поверхностей
665
+ --tui-brand-element-t-invest: #6A6A7C; // Цвет Т-Инвестции для акцентных элементов, таких как текст, иконки, бордеры
666
+ --tui-brand-element-t-invest-pale: #6A6A7C1A; // Цвет Т-Инвестции для фонов и поверхностей
667
+ --tui-brand-element-pro: #68CF08; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
668
+ --tui-brand-element-pro-pale: #68CF081A; // Цвет Pro для фонов и поверхностей
669
+ --tui-brand-element-premium: #4972CF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
670
+ --tui-brand-element-premium-pale: #4972CF1A; // Цвет Premium для фонов и поверхностей
671
+ --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
672
+ --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей
644
673
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
645
674
  --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
646
675
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
@@ -658,6 +687,7 @@
658
687
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
659
688
  --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
660
689
  --tui-brand-private: #212121; // Фирменный цвет подписки Private
690
+ --tui-brand-private-alt-1: #A1A1B2; // Допольнительный цвет подписки Private
661
691
  --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
662
692
  --tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования
663
693
  --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank