@taiga-ui/design-tokens 0.253.0 → 0.255.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 (18) hide show
  1. package/angular/desktop.less +4 -4
  2. package/angular/fonts/mobile.less +4 -4
  3. package/angular/mobile.less +4 -4
  4. package/esm2022/icons.mjs +20 -1
  5. package/fesm2022/taiga-ui-design-tokens.mjs +19 -0
  6. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  7. package/fonts/mobile.css +4 -4
  8. package/icons.d.ts +1 -1
  9. package/package.json +1 -1
  10. package/palette/dark.css +2 -2
  11. package/palette/gradient.css +2 -0
  12. package/palette/light.css +2 -2
  13. package/palette/mobile/dark.css +2 -2
  14. package/palette/mobile/light.css +2 -2
  15. package/palette/scss/dark.scss +2 -2
  16. package/palette/scss/light.scss +2 -2
  17. package/palette/scss/mobile/dark.scss +2 -2
  18. package/palette/scss/mobile/light.scss +2 -2
package/angular/desktop.less CHANGED
@@ -136,7 +136,7 @@
136
136
  --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
137
137
  --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей
138
138
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
139
- --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
139
+ --tui-brand-pro: #7FE004; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
140
140
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
141
141
  --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
142
142
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
@@ -221,7 +221,7 @@
221
221
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
222
222
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
223
223
  --tui-const-yellow-darker-50: #FAA805; // hsL=50
224
- --tui-const-yellow-darker-48: #F49C01; // hsL=48
224
+ --tui-const-yellow-darker-48: #EF8007; // hsL=48
225
225
  --tui-const-yellow-darker-44: #DD9403; // hsL=44
226
226
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
227
227
  --tui-const-yellow-darker-32: #806925; // hsL=32
@@ -743,7 +743,7 @@
743
743
  --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
744
744
  --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей
745
745
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
746
- --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
746
+ --tui-brand-pro: #7FE004; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
747
747
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
748
748
  --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
749
749
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
@@ -828,7 +828,7 @@
828
828
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
829
829
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
830
830
  --tui-const-yellow-darker-50: #FAA805; // hsL=50
831
- --tui-const-yellow-darker-48: #F49C01; // hsL=48
831
+ --tui-const-yellow-darker-48: #EF8007; // hsL=48
832
832
  --tui-const-yellow-darker-44: #DD9403; // hsL=44
833
833
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
834
834
  --tui-const-yellow-darker-32: #806925; // hsL=32
package/angular/fonts/mobile.less CHANGED
@@ -10,8 +10,8 @@
10
10
  --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
11
11
  --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
12
12
  --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
13
- --tui-font-body-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / calc(21 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
14
- --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / calc(21 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
13
+ --tui-font-body-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / calc(20 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
14
+ --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / calc(20 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
15
15
  --tui-font-body-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
16
16
  --tui-font-body-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
17
17
  --tui-font-body-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
@@ -46,8 +46,8 @@
46
46
  --tui-font-heading-mobile-s: 500 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
47
47
  --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1rem) / calc(23 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
48
48
  --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1rem) / calc(23 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
49
- --tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / calc(21 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
50
- --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.875rem) / calc(21 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
49
+ --tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / calc(20 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
50
+ --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.875rem) / calc(20 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
51
51
  --tui-font-body-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
52
52
  --tui-font-body-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
53
53
  --tui-font-body-xs-bold: 500 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
package/angular/mobile.less CHANGED
@@ -118,7 +118,7 @@
118
118
  --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
119
119
  --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей
120
120
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
121
- --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
121
+ --tui-brand-pro: #7FE004; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
122
122
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
123
123
  --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
124
124
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
@@ -201,7 +201,7 @@
201
201
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
202
202
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
203
203
  --tui-const-yellow-darker-50: #FAA805; // hsL=50
204
- --tui-const-yellow-darker-48: #F49C01; // hsL=48
204
+ --tui-const-yellow-darker-48: #EF8007; // hsL=48
205
205
  --tui-const-yellow-darker-44: #DD9403; // hsL=44
206
206
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
207
207
  --tui-const-yellow-darker-32: #806925; // hsL=32
@@ -685,7 +685,7 @@
685
685
  --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
686
686
  --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей
687
687
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
688
- --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
688
+ --tui-brand-pro: #7FE004; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
689
689
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
690
690
  --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
691
691
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
@@ -768,7 +768,7 @@
768
768
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
769
769
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
770
770
  --tui-const-yellow-darker-50: #FAA805; // hsL=50
771
- --tui-const-yellow-darker-48: #F49C01; // hsL=48
771
+ --tui-const-yellow-darker-48: #EF8007; // hsL=48
772
772
  --tui-const-yellow-darker-44: #DD9403; // hsL=44
773
773
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
774
774
  --tui-const-yellow-darker-32: #806925; // hsL=32