@taiga-ui/design-tokens 0.178.0 → 0.180.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 +4 -0
  2. package/angular/mobile.less +4 -0
  3. package/package.json +1 -1
  4. package/palette/dark.css +2 -0
  5. package/palette/light.css +2 -0
  6. package/palette/mobile/dark.css +2 -0
  7. package/palette/mobile/light.css +2 -0
package/angular/desktop.less CHANGED
@@ -108,6 +108,7 @@
108
108
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); // Только для веба. Бордеры при фокусировании с клавиатуры
109
109
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); // Только для веба. Бордеры при фокусировании с клавиатуры темных элементов
110
110
  --tui-border-selected: var(--tui-const-yellow); // Обводка выделенных элементов
111
+ --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); // Обводка выделенных элементов
111
112
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
112
113
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); // Обводка, отделяющая цветные элементы от светлого фонов
113
114
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
@@ -428,6 +429,7 @@
428
429
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); // Скелетон на темном фоне, не меняется при переключении темы
429
430
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
430
431
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
432
+ --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); // Фон под выделенным текстом
431
433
  --tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
432
434
  --tui-service-underline: var(--tui-const-blue-darker-66); // Подчеркивание для ссылок
433
435
  --tui-service-underline-hover: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
@@ -657,6 +659,7 @@
657
659
  --tui-border-focus: var(--tui-const-white); // Только для веба. Бордеры при фокусировании с клавиатуры
658
660
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); // Только для веба. Бордеры при фокусировании с клавиатуры темных элементов
659
661
  --tui-border-selected: var(--tui-const-yellow); // Обводка выделенных элементов
662
+ --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); // Обводка выделенных элементов
660
663
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме
661
664
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); // Обводка, отделяющая цветные элементы от светлого фонов
662
665
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
@@ -977,6 +980,7 @@
977
980
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); // Скелетон на темном фоне, не меняется при переключении темы
978
981
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
979
982
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
983
+ --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); // Фон под выделенным текстом
980
984
  --tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
981
985
  --tui-service-underline: var(--tui-const-blue-darker-66); // Подчеркивание для ссылок
982
986
  --tui-service-underline-hover: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
package/angular/mobile.less CHANGED
@@ -92,6 +92,7 @@
92
92
  --tui-border-normal-opaque: var(--tui-const-black-lighter-19); // Бордеры и сепараторы на основных фонах без прозрачности
93
93
  --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-13); // Бледные непрозрачные бордеры и сепараторы на основных фонах
94
94
  --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов
95
+ --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); // Обводка выделенных элементов
95
96
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме
96
97
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
97
98
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
@@ -409,6 +410,7 @@
409
410
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); // Скелетон на темном фоне, не меняется при переключении темы
410
411
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
411
412
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
413
+ --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); // Фон под выделенным текстом
412
414
  --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
413
415
  --tui-service-underline: var(--tui-const-blue-darker-79); // Подчеркивание для ссылок
414
416
  --tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
@@ -604,6 +606,7 @@
604
606
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности
605
607
  --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); // Бледные непрозрачные бордеры и сепараторы на основных фонах
606
608
  --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов
609
+ --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); // Обводка выделенных элементов
607
610
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
608
611
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
609
612
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
@@ -921,6 +924,7 @@
921
924
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); // Скелетон на темном фоне, не меняется при переключении темы
922
925
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
923
926
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
927
+ --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); // Фон под выделенным текстом
924
928
  --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
925
929
  --tui-service-underline: var(--tui-const-blue-darker-79); // Подчеркивание для ссылок
926
930
  --tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.178.0",
3
+ "version": "0.180.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -107,6 +107,7 @@
107
107
  --tui-border-focus: var(--tui-const-white); /* Только для веба. Бордеры при фокусировании с клавиатуры */
108
108
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
109
109
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
110
+ --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); /* Обводка выделенных элементов */
110
111
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от фона в темной теме */
111
112
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); /* Обводка, отделяющая цветные элементы от светлого фонов */
112
113
  --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
@@ -427,6 +428,7 @@
427
428
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); /* Скелетон на темном фоне, не меняется при переключении темы */
428
429
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
429
430
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
431
+ --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); /* Фон под выделенным текстом */
430
432
  --tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
431
433
  --tui-service-underline: var(--tui-const-blue-darker-66); /* Подчеркивание для ссылок */
432
434
  --tui-service-underline-hover: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
package/palette/light.css CHANGED
@@ -107,6 +107,7 @@
107
107
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); /* Только для веба. Бордеры при фокусировании с клавиатуры */
108
108
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
109
109
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
110
+ --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); /* Обводка выделенных элементов */
110
111
  --tui-border-darkmode-only: var(--tui-const-clear); /* Обводка, отделяющая цветные элементы от фона в темной теме */
111
112
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); /* Обводка, отделяющая цветные элементы от светлого фонов */
112
113
  --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
@@ -427,6 +428,7 @@
427
428
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); /* Скелетон на темном фоне, не меняется при переключении темы */
428
429
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
429
430
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
431
+ --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); /* Фон под выделенным текстом */
430
432
  --tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
431
433
  --tui-service-underline: var(--tui-const-blue-darker-66); /* Подчеркивание для ссылок */
432
434
  --tui-service-underline-hover: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
package/palette/mobile/dark.css CHANGED
@@ -86,6 +86,7 @@
86
86
  --tui-border-normal-opaque: var(--tui-const-black-lighter-19); /* Бордеры и сепараторы на основных фонах без прозрачности */
87
87
  --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-13); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
88
88
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
89
+ --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); /* Обводка выделенных элементов */
89
90
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от фона в темной теме */
90
91
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
91
92
  --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
@@ -403,6 +404,7 @@
403
404
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); /* Скелетон на темном фоне, не меняется при переключении темы */
404
405
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
405
406
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
407
+ --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); /* Фон под выделенным текстом */
406
408
  --tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
407
409
  --tui-service-underline: var(--tui-const-blue-darker-79); /* Подчеркивание для ссылок */
408
410
  --tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
package/palette/mobile/light.css CHANGED
@@ -86,6 +86,7 @@
86
86
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); /* Бордеры и сепараторы на основных фонах без прозрачности */
87
87
  --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
88
88
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
89
+ --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); /* Обводка выделенных элементов */
89
90
  --tui-border-darkmode-only: var(--tui-const-clear); /* Обводка, отделяющая цветные элементы от фона в темной теме */
90
91
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
91
92
  --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
@@ -403,6 +404,7 @@
403
404
  --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); /* Скелетон на темном фоне, не меняется при переключении темы */
404
405
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
405
406
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
407
+ --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); /* Фон под выделенным текстом */
406
408
  --tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
407
409
  --tui-service-underline: var(--tui-const-blue-darker-79); /* Подчеркивание для ссылок */
408
410
  --tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */