@taiga-ui/design-tokens 0.152.0 → 0.154.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 -2
  2. package/angular/mobile.less +4 -2
  3. package/package.json +1 -1
  4. package/palette/dark.css +2 -1
  5. package/palette/light.css +2 -1
  6. package/palette/mobile/dark.css +2 -1
  7. package/palette/mobile/light.css +2 -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); // Альтернативный основной фон
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); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -98,6 +98,7 @@
98
98
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы.
99
99
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении на светлых фонах, не меняется при смене темы.
100
100
  --tui-background-overlay-glass-matte: var(--tui-const-white-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы.
101
+ --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); // Оверлей поверх изображений, не меняется от темы.
101
102
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах
102
103
  --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
103
104
  --tui-border-hover: var(--tui-const-cool-gray-alpha-22); // Только для веба. Бордеры при наведении
@@ -525,7 +526,7 @@
525
526
 
526
527
  [tuiTheme='dark'] {
527
528
  --tui-background-base: var(--tui-const-black-lighter-13); // Основной фон приложений. Отличается на iOS, Android и Desktop
528
- --tui-background-base-alt: var(--tui-const-black-lighter-20); // Альтернативный основной фон
529
+ --tui-background-base-alt: var(--tui-const-black-lighter-13); // Альтернативный основной фон, в тёмной теме равен base
529
530
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
530
531
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); // Фон карточек, лежащих на фоне elevation-1
531
532
  --tui-background-elevation-3: var(--tui-const-black-lighter-22); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -622,6 +623,7 @@
622
623
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы.
623
624
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении на светлых фонах, не меняется при смене темы.
624
625
  --tui-background-overlay-glass-matte: var(--tui-const-black-lighter-13-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы.
626
+ --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); // Оверлей поверх изображений, не меняется от темы.
625
627
  --tui-border-normal: var(--tui-const-white-alpha-15); // Бордеры и сепараторы на основных фонах
626
628
  --tui-border-normal-pale: var(--tui-const-white-alpha-9); // Бледные бордеры и сепараторы на основных фонах
627
629
  --tui-border-hover: var(--tui-const-white-alpha-20); // Только для веба. Бордеры при наведении
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-lighter-20); // Альтернативный основной фон
9
+ --tui-background-base-alt: var(--tui-const-black); // Альтернативный основной фон, в тёмной теме равен 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); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -86,6 +86,7 @@
86
86
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
87
87
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы
88
88
  --tui-background-overlay-glass-matte: var(--tui-const-black-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы.
89
+ --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); // Оверлей поверх изображений, не меняется от темы.
89
90
  --tui-border-normal: var(--tui-const-white-alpha-19); // Бордеры и сепараторы на основных фонах
90
91
  --tui-border-normal-pale: var(--tui-const-white-alpha-13); // Бледные бордеры и сепараторы на основных фонах
91
92
  --tui-border-normal-opaque: var(--tui-const-black-lighter-19); // Бордеры и сепараторы на основных фонах без прозрачности
@@ -495,7 +496,7 @@
495
496
  [tuiTheme='light'] [data-platform='ios'],
496
497
  [tuiTheme='light'] [data-platform='android'] {
497
498
  --tui-background-base: var(--tui-const-white); // Основной фон приложений. Отличается на iOS, Android и Desktop
498
- --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон
499
+ --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон, в тёмной теме равен base
499
500
  --tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
500
501
  --tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на фоне elevation-1
501
502
  --tui-background-elevation-3: var(--tui-const-white); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
@@ -575,6 +576,7 @@
575
576
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
576
577
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы
577
578
  --tui-background-overlay-glass-matte: var(--tui-const-white-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы.
579
+ --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); // Оверлей поверх изображений, не меняется от темы.
578
580
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах
579
581
  --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
580
582
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.152.0",
3
+ "version": "0.154.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-20); /* Альтернативный основной фон */
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); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -97,6 +97,7 @@
97
97
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы. */
98
98
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении на светлых фонах, не меняется при смене темы. */
99
99
  --tui-background-overlay-glass-matte: var(--tui-const-black-lighter-13-alpha-80); /* Оверлей матовых стеклянных поверхностей, не меняется при смене темы. */
100
+ --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); /* Оверлей поверх изображений, не меняется от темы. */
100
101
  --tui-border-normal: var(--tui-const-white-alpha-15); /* Бордеры и сепараторы на основных фонах */
101
102
  --tui-border-normal-pale: var(--tui-const-white-alpha-9); /* Бледные бордеры и сепараторы на основных фонах */
102
103
  --tui-border-hover: var(--tui-const-white-alpha-20); /* Только для веба. Бордеры при наведении */
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); /* Альтернативный основной фон */
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); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -97,6 +97,7 @@
97
97
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы. */
98
98
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении на светлых фонах, не меняется при смене темы. */
99
99
  --tui-background-overlay-glass-matte: var(--tui-const-white-alpha-80); /* Оверлей матовых стеклянных поверхностей, не меняется при смене темы. */
100
+ --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); /* Оверлей поверх изображений, не меняется от темы. */
100
101
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); /* Бордеры и сепараторы на основных фонах */
101
102
  --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); /* Бледные бордеры и сепараторы на основных фонах */
102
103
  --tui-border-hover: var(--tui-const-cool-gray-alpha-22); /* Только для веба. Бордеры при наведении */
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-lighter-20); /* Альтернативный основной фон */
3
+ --tui-background-base-alt: var(--tui-const-black); /* Альтернативный основной фон, в тёмной теме равен 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); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -80,6 +80,7 @@
80
80
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
81
81
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы */
82
82
  --tui-background-overlay-glass-matte: var(--tui-const-black-alpha-80); /* Оверлей матовых стеклянных поверхностей, не меняется при смене темы. */
83
+ --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); /* Оверлей поверх изображений, не меняется от темы. */
83
84
  --tui-border-normal: var(--tui-const-white-alpha-19); /* Бордеры и сепараторы на основных фонах */
84
85
  --tui-border-normal-pale: var(--tui-const-white-alpha-13); /* Бледные бордеры и сепараторы на основных фонах */
85
86
  --tui-border-normal-opaque: var(--tui-const-black-lighter-19); /* Бордеры и сепараторы на основных фонах без прозрачности */
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); /* Альтернативный основной фон */
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); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
@@ -80,6 +80,7 @@
80
80
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
81
81
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы */
82
82
  --tui-background-overlay-glass-matte: var(--tui-const-white-alpha-80); /* Оверлей матовых стеклянных поверхностей, не меняется при смене темы. */
83
+ --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); /* Оверлей поверх изображений, не меняется от темы. */
83
84
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); /* Бордеры и сепараторы на основных фонах */
84
85
  --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); /* Бледные бордеры и сепараторы на основных фонах */
85
86
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); /* Бордеры и сепараторы на основных фонах без прозрачности */