@taiga-ui/design-tokens 0.167.0 → 0.169.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 (7) hide show
  1. package/angular/desktop.less +12 -2
  2. package/angular/mobile.less +8 -2
  3. package/package.json +1 -1
  4. package/palette/dark.css +6 -1
  5. package/palette/light.css +6 -1
  6. package/palette/mobile/dark.css +4 -1
  7. package/palette/mobile/light.css +4 -1
package/angular/desktop.less CHANGED
@@ -1,7 +1,7 @@
1
1
  &:root,
2
2
  [tuiTheme='light'] {
3
3
  --tui-background-base: var(--tui-const-white); // Основной фон приложений. Отличается на iOS, Android и Desktop
4
- --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон, в тёмной теме равен base
4
+ --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон, в тёмной теме в вебе равен base
5
5
  --tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
6
6
  --tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на фоне elevation-1
7
7
  --tui-background-elevation-3: var(--tui-const-white); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -354,6 +354,7 @@
354
354
  --tui-const-black-lighter-22: #383838;
355
355
  --tui-const-black-lighter-25: #414141;
356
356
  --tui-const-black-lighter-30: #4D4D4D;
357
+ --tui-const-black-lighter-60: #999999;
357
358
  --tui-const-black-lighter-79: #C9C9C9;
358
359
  --tui-const-black-lighter-92: #ECECEC;
359
360
  --tui-const-black-lighter-13-alpha-80: #202020CC;
@@ -499,7 +500,11 @@
499
500
  --tui-text-primary-hover: var(--tui-const-black-alpha-50); // Основной текст и иконки фонах base, elevation, neutral при наведении
500
501
  --tui-text-primary-pressed: var(--tui-const-black-alpha-40); // Основной текст и иконки фонах base, elevation, neutral при нажатии
501
502
  --tui-text-primary-on-light: var(--tui-const-black-alpha-80); // Основной текст и иконки на светлых фонах, не меняется при смене темы
503
+ --tui-text-primary-on-light-hover: var(--tui-const-black-alpha-50); // Основной текст и иконки на светлых фонах, не меняется при смене темы
504
+ --tui-text-primary-on-light-pressed: var(--tui-const-black-alpha-40); // Основной текст и иконки на светлых фонах, не меняется при смене темы
502
505
  --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
506
+ --tui-text-primary-on-dark-hover: var(--tui-const-white-alpha-70); // Основной текст и иконки темных фонах. Не меняется при смене темы
507
+ --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); // Основной текст и иконки темных фонах. Не меняется при смене темы
503
508
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
504
509
  --tui-text-primary-on-opposite: var(--tui-const-white); // Текст и иконки фоне opposite
505
510
  --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1
@@ -541,7 +546,7 @@
541
546
 
542
547
  [tuiTheme='dark'] {
543
548
  --tui-background-base: var(--tui-const-black-lighter-13); // Основной фон приложений. Отличается на iOS, Android и Desktop
544
- --tui-background-base-alt: var(--tui-const-black-lighter-13); // Альтернативный основной фон, в тёмной теме равен base
549
+ --tui-background-base-alt: var(--tui-const-black-lighter-13); // Альтернативный основной фон, в тёмной теме в вебе равен base
545
550
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
546
551
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); // Фон карточек, лежащих на фоне elevation-1
547
552
  --tui-background-elevation-3: var(--tui-const-black-lighter-22); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -894,6 +899,7 @@
894
899
  --tui-const-black-lighter-22: #383838;
895
900
  --tui-const-black-lighter-25: #414141;
896
901
  --tui-const-black-lighter-30: #4D4D4D;
902
+ --tui-const-black-lighter-60: #999999;
897
903
  --tui-const-black-lighter-79: #C9C9C9;
898
904
  --tui-const-black-lighter-92: #ECECEC;
899
905
  --tui-const-black-lighter-13-alpha-80: #202020CC;
@@ -1039,7 +1045,11 @@
1039
1045
  --tui-text-primary-hover: var(--tui-const-white-alpha-50); // Основной текст и иконки фонах base, elevation, neutral при наведении
1040
1046
  --tui-text-primary-pressed: var(--tui-const-white-alpha-50); // Основной текст и иконки фонах base, elevation, neutral при нажатии
1041
1047
  --tui-text-primary-on-light: var(--tui-const-black-alpha-80); // Основной текст и иконки на светлых фонах, не меняется при смене темы
1048
+ --tui-text-primary-on-light-hover: var(--tui-const-black-alpha-50); // Основной текст и иконки на светлых фонах, не меняется при смене темы
1049
+ --tui-text-primary-on-light-pressed: var(--tui-const-black-alpha-40); // Основной текст и иконки на светлых фонах, не меняется при смене темы
1042
1050
  --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
1051
+ --tui-text-primary-on-dark-hover: var(--tui-const-white-alpha-70); // Основной текст и иконки темных фонах. Не меняется при смене темы
1052
+ --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); // Основной текст и иконки темных фонах. Не меняется при смене темы
1043
1053
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
1044
1054
  --tui-text-primary-on-opposite: var(--tui-const-black); // Текст и иконки фоне opposite
1045
1055
  --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1
package/angular/mobile.less CHANGED
@@ -6,7 +6,7 @@
6
6
  [tuiTheme='dark'] [data-platform='ios'],
7
7
  [tuiTheme='dark'] [data-platform='android'] {
8
8
  --tui-background-base: var(--tui-const-black); // Основной фон приложений. Отличается на iOS, Android и Desktop
9
- --tui-background-base-alt: var(--tui-const-black); // Альтернативный основной фон, в тёмной теме равен base
9
+ --tui-background-base-alt: var(--tui-const-black-lighter-20); // Альтернативный основной фон, в тёмной теме в вебе равен base
10
10
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
11
11
  --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); // Фон карточек, лежащих на фоне elevation-1
12
12
  --tui-background-elevation-3: var(--tui-const-black-lighter-20); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -337,6 +337,7 @@
337
337
  --tui-const-black-lighter-22: #383838;
338
338
  --tui-const-black-lighter-25: #414141;
339
339
  --tui-const-black-lighter-30: #4D4D4D;
340
+ --tui-const-black-lighter-60: #999999;
340
341
  --tui-const-black-lighter-79: #C9C9C9;
341
342
  --tui-const-black-lighter-92: #ECECEC;
342
343
  --tui-const-black-lighter-13-alpha-80: #202020CC;
@@ -472,7 +473,9 @@
472
473
  --tui-text-primary: var(--tui-const-cool-gray-lighter-97); // Основной текст и иконки фонах base, elevation, neutral
473
474
  --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-60); // Основной текст и иконки фонах base, elevation, neutral при нажатии
474
475
  --tui-text-primary-on-light: var(--tui-const-black-lighter-20); // Основной текст и иконки на светлых фонах, не меняется при смене темы
476
+ --tui-text-primary-on-light-pressed: var(--tui-const-black-lighter-60); // Основной текст и иконки на светлых фонах, не меняется при смене темы
475
477
  --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
478
+ --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); // Основной текст и иконки темных фонах. Не меняется при смене темы
476
479
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
477
480
  --tui-text-primary-on-opposite: var(--tui-const-black); // Текст и иконки фоне opposite
478
481
  --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1
@@ -511,7 +514,7 @@
511
514
  [tuiTheme='light'] [data-platform='ios'],
512
515
  [tuiTheme='light'] [data-platform='android'] {
513
516
  --tui-background-base: var(--tui-const-white); // Основной фон приложений. Отличается на iOS, Android и Desktop
514
- --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон, в тёмной теме равен base
517
+ --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон, в тёмной теме в вебе равен base
515
518
  --tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
516
519
  --tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на фоне elevation-1
517
520
  --tui-background-elevation-3: var(--tui-const-white); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -842,6 +845,7 @@
842
845
  --tui-const-black-lighter-22: #383838;
843
846
  --tui-const-black-lighter-25: #414141;
844
847
  --tui-const-black-lighter-30: #4D4D4D;
848
+ --tui-const-black-lighter-60: #999999;
845
849
  --tui-const-black-lighter-79: #C9C9C9;
846
850
  --tui-const-black-lighter-92: #ECECEC;
847
851
  --tui-const-black-lighter-13-alpha-80: #202020CC;
@@ -977,7 +981,9 @@
977
981
  --tui-text-primary: var(--tui-const-black-lighter-20); // Основной текст и иконки фонах base, elevation, neutral
978
982
  --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-36); // Основной текст и иконки фонах base, elevation, neutral при нажатии
979
983
  --tui-text-primary-on-light: var(--tui-const-black-lighter-20); // Основной текст и иконки на светлых фонах, не меняется при смене темы
984
+ --tui-text-primary-on-light-pressed: var(--tui-const-black-lighter-60); // Основной текст и иконки на светлых фонах, не меняется при смене темы
980
985
  --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
986
+ --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); // Основной текст и иконки темных фонах. Не меняется при смене темы
981
987
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
982
988
  --tui-text-primary-on-opposite: var(--tui-const-white); // Текст и иконки фоне opposite
983
989
  --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.167.0",
3
+ "version": "0.169.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --tui-background-base: var(--tui-const-black-lighter-13); /* Основной фон приложений. Отличается на iOS, Android и Desktop */
3
- --tui-background-base-alt: var(--tui-const-black-lighter-13); /* Альтернативный основной фон, в тёмной теме равен base */
3
+ --tui-background-base-alt: var(--tui-const-black-lighter-13); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); /* Фон карточек, лежащих на фоне elevation-1 */
6
6
  --tui-background-elevation-3: var(--tui-const-black-lighter-22); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -353,6 +353,7 @@
353
353
  --tui-const-black-lighter-22: #383838;
354
354
  --tui-const-black-lighter-25: #414141;
355
355
  --tui-const-black-lighter-30: #4D4D4D;
356
+ --tui-const-black-lighter-60: #999999;
356
357
  --tui-const-black-lighter-79: #C9C9C9;
357
358
  --tui-const-black-lighter-92: #ECECEC;
358
359
  --tui-const-black-lighter-13-alpha-80: #202020CC;
@@ -498,7 +499,11 @@
498
499
  --tui-text-primary-hover: var(--tui-const-white-alpha-50); /* Основной текст и иконки фонах base, elevation, neutral при наведении */
499
500
  --tui-text-primary-pressed: var(--tui-const-white-alpha-50); /* Основной текст и иконки фонах base, elevation, neutral при нажатии */
500
501
  --tui-text-primary-on-light: var(--tui-const-black-alpha-80); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
502
+ --tui-text-primary-on-light-hover: var(--tui-const-black-alpha-50); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
503
+ --tui-text-primary-on-light-pressed: var(--tui-const-black-alpha-40); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
501
504
  --tui-text-primary-on-dark: var(--tui-const-white); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
505
+ --tui-text-primary-on-dark-hover: var(--tui-const-white-alpha-70); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
506
+ --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
502
507
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); /* Текст и иконки на фонах t-bank */
503
508
  --tui-text-primary-on-opposite: var(--tui-const-black); /* Текст и иконки фоне opposite */
504
509
  --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); /* Текст и иконки фоне accent-1 */
package/palette/light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --tui-background-base: var(--tui-const-white); /* Основной фон приложений. Отличается на iOS, Android и Desktop */
3
- --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); /* Альтернативный основной фон, в тёмной теме равен base */
3
+ --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-white); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-white); /* Фон карточек, лежащих на фоне elevation-1 */
6
6
  --tui-background-elevation-3: var(--tui-const-white); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -353,6 +353,7 @@
353
353
  --tui-const-black-lighter-22: #383838;
354
354
  --tui-const-black-lighter-25: #414141;
355
355
  --tui-const-black-lighter-30: #4D4D4D;
356
+ --tui-const-black-lighter-60: #999999;
356
357
  --tui-const-black-lighter-79: #C9C9C9;
357
358
  --tui-const-black-lighter-92: #ECECEC;
358
359
  --tui-const-black-lighter-13-alpha-80: #202020CC;
@@ -498,7 +499,11 @@
498
499
  --tui-text-primary-hover: var(--tui-const-black-alpha-50); /* Основной текст и иконки фонах base, elevation, neutral при наведении */
499
500
  --tui-text-primary-pressed: var(--tui-const-black-alpha-40); /* Основной текст и иконки фонах base, elevation, neutral при нажатии */
500
501
  --tui-text-primary-on-light: var(--tui-const-black-alpha-80); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
502
+ --tui-text-primary-on-light-hover: var(--tui-const-black-alpha-50); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
503
+ --tui-text-primary-on-light-pressed: var(--tui-const-black-alpha-40); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
501
504
  --tui-text-primary-on-dark: var(--tui-const-white); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
505
+ --tui-text-primary-on-dark-hover: var(--tui-const-white-alpha-70); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
506
+ --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
502
507
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); /* Текст и иконки на фонах t-bank */
503
508
  --tui-text-primary-on-opposite: var(--tui-const-white); /* Текст и иконки фоне opposite */
504
509
  --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); /* Текст и иконки фоне accent-1 */
package/palette/mobile/dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --tui-background-base: var(--tui-const-black); /* Основной фон приложений. Отличается на iOS, Android и Desktop */
3
- --tui-background-base-alt: var(--tui-const-black); /* Альтернативный основной фон, в тёмной теме равен base */
3
+ --tui-background-base-alt: var(--tui-const-black-lighter-20); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); /* Фон карточек, лежащих на фоне elevation-1 */
6
6
  --tui-background-elevation-3: var(--tui-const-black-lighter-20); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -331,6 +331,7 @@
331
331
  --tui-const-black-lighter-22: #383838;
332
332
  --tui-const-black-lighter-25: #414141;
333
333
  --tui-const-black-lighter-30: #4D4D4D;
334
+ --tui-const-black-lighter-60: #999999;
334
335
  --tui-const-black-lighter-79: #C9C9C9;
335
336
  --tui-const-black-lighter-92: #ECECEC;
336
337
  --tui-const-black-lighter-13-alpha-80: #202020CC;
@@ -466,7 +467,9 @@
466
467
  --tui-text-primary: var(--tui-const-cool-gray-lighter-97); /* Основной текст и иконки фонах base, elevation, neutral */
467
468
  --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-60); /* Основной текст и иконки фонах base, elevation, neutral при нажатии */
468
469
  --tui-text-primary-on-light: var(--tui-const-black-lighter-20); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
470
+ --tui-text-primary-on-light-pressed: var(--tui-const-black-lighter-60); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
469
471
  --tui-text-primary-on-dark: var(--tui-const-white); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
472
+ --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
470
473
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); /* Текст и иконки на фонах t-bank */
471
474
  --tui-text-primary-on-opposite: var(--tui-const-black); /* Текст и иконки фоне opposite */
472
475
  --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); /* Текст и иконки фоне accent-1 */
package/palette/mobile/light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --tui-background-base: var(--tui-const-white); /* Основной фон приложений. Отличается на iOS, Android и Desktop */
3
- --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); /* Альтернативный основной фон, в тёмной теме равен base */
3
+ --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-white); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-white); /* Фон карточек, лежащих на фоне elevation-1 */
6
6
  --tui-background-elevation-3: var(--tui-const-white); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -331,6 +331,7 @@
331
331
  --tui-const-black-lighter-22: #383838;
332
332
  --tui-const-black-lighter-25: #414141;
333
333
  --tui-const-black-lighter-30: #4D4D4D;
334
+ --tui-const-black-lighter-60: #999999;
334
335
  --tui-const-black-lighter-79: #C9C9C9;
335
336
  --tui-const-black-lighter-92: #ECECEC;
336
337
  --tui-const-black-lighter-13-alpha-80: #202020CC;
@@ -466,7 +467,9 @@
466
467
  --tui-text-primary: var(--tui-const-black-lighter-20); /* Основной текст и иконки фонах base, elevation, neutral */
467
468
  --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-36); /* Основной текст и иконки фонах base, elevation, neutral при нажатии */
468
469
  --tui-text-primary-on-light: var(--tui-const-black-lighter-20); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
470
+ --tui-text-primary-on-light-pressed: var(--tui-const-black-lighter-60); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
469
471
  --tui-text-primary-on-dark: var(--tui-const-white); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
472
+ --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
470
473
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); /* Текст и иконки на фонах t-bank */
471
474
  --tui-text-primary-on-opposite: var(--tui-const-white); /* Текст и иконки фоне opposite */
472
475
  --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); /* Текст и иконки фоне accent-1 */