@taiga-ui/design-tokens 0.168.0 → 0.170.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 +8 -2
  2. package/angular/mobile.less +8 -2
  3. package/package.json +1 -1
  4. package/palette/dark.css +4 -1
  5. package/palette/light.css +4 -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); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -442,6 +442,9 @@
442
442
  --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
443
443
  --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // @Deprecated: Заменён на цвет underline-grayscale
444
444
  --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
445
+ --tui-service-link-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок, открывшихся в прошлом
446
+ --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
447
+ --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
445
448
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-14); // Контейнеры предупреждающих блоков
446
449
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); // Только для веба. Контейнеры предупреждающих блоков при наведении
447
450
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
@@ -546,7 +549,7 @@
546
549
 
547
550
  [tuiTheme='dark'] {
548
551
  --tui-background-base: var(--tui-const-black-lighter-13); // Основной фон приложений. Отличается на iOS, Android и Desktop
549
- --tui-background-base-alt: var(--tui-const-black-lighter-13); // Альтернативный основной фон, в тёмной теме равен base
552
+ --tui-background-base-alt: var(--tui-const-black-lighter-13); // Альтернативный основной фон, в тёмной теме в вебе равен base
550
553
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
551
554
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); // Фон карточек, лежащих на фоне elevation-1
552
555
  --tui-background-elevation-3: var(--tui-const-black-lighter-22); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -987,6 +990,9 @@
987
990
  --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
988
991
  --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale
989
992
  --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
993
+ --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
994
+ --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
995
+ --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
990
996
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
991
997
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); // Только для веба. Контейнеры предупреждающих блоков при наведении
992
998
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
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); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -423,6 +423,9 @@
423
423
  --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
424
424
  --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale
425
425
  --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
426
+ --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
427
+ --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
428
+ --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
426
429
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
427
430
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
428
431
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
@@ -514,7 +517,7 @@
514
517
  [tuiTheme='light'] [data-platform='ios'],
515
518
  [tuiTheme='light'] [data-platform='android'] {
516
519
  --tui-background-base: var(--tui-const-white); // Основной фон приложений. Отличается на iOS, Android и Desktop
517
- --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон, в тёмной теме равен base
520
+ --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон, в тёмной теме в вебе равен base
518
521
  --tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
519
522
  --tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на фоне elevation-1
520
523
  --tui-background-elevation-3: var(--tui-const-white); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -931,6 +934,9 @@
931
934
  --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
932
935
  --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // @Deprecated: Заменён на цвет underline-grayscale
933
936
  --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
937
+ --tui-service-link-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок, открывшихся в прошлом
938
+ --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
939
+ --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
934
940
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); // Контейнеры предупреждающих блоков
935
941
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
936
942
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.168.0",
3
+ "version": "0.170.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); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -441,6 +441,9 @@
441
441
  --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
442
442
  --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale */
443
443
  --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
444
+ --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
445
+ --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
446
+ --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
444
447
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
445
448
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
446
449
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
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); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -441,6 +441,9 @@
441
441
  --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
442
442
  --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* @Deprecated: Заменён на цвет underline-grayscale */
443
443
  --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
444
+ --tui-service-link-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок, открывшихся в прошлом */
445
+ --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
446
+ --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
444
447
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-14); /* Контейнеры предупреждающих блоков */
445
448
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
446
449
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
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); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -417,6 +417,9 @@
417
417
  --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
418
418
  --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale */
419
419
  --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
420
+ --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
421
+ --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
422
+ --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
420
423
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
421
424
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
422
425
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
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); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -417,6 +417,9 @@
417
417
  --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
418
418
  --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* @Deprecated: Заменён на цвет underline-grayscale */
419
419
  --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
420
+ --tui-service-link-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок, открывшихся в прошлом */
421
+ --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
422
+ --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
420
423
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); /* Контейнеры предупреждающих блоков */
421
424
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
422
425
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */