@taiga-ui/design-tokens 0.136.0 → 0.138.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.
- package/angular/desktop.less +10 -10
- package/angular/mobile.less +6 -6
- package/esm2022/icons.mjs +4 -2
- package/fesm2022/taiga-ui-design-tokens.mjs +3 -1
- package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
- package/icons.d.ts +1 -1
- package/package.json +1 -1
- package/palette/dark.css +5 -5
- package/palette/light.css +5 -5
- package/palette/mobile/dark.css +3 -3
- package/palette/mobile/light.css +3 -3
package/angular/desktop.less
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
[tuiTheme='light'] {
|
|
3
3
|
--tui-background-base: var(--tui-const-white); // Основной фон приложений. Отличается на iOS, Android и Desktop
|
|
4
4
|
--tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон
|
|
5
|
-
--tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на
|
|
6
|
-
--tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на
|
|
5
|
+
--tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
|
|
6
|
+
--tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на фоне elevation-1
|
|
7
7
|
--tui-background-elevation-3: var(--tui-const-white); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
|
|
8
8
|
--tui-background-neutral-1: var(--tui-const-dark-blue-alpha-6); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д.
|
|
9
9
|
--tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы
|
|
@@ -94,9 +94,9 @@
|
|
|
94
94
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
|
|
95
95
|
--tui-background-overlay-glass-on-dark-hover: var(--tui-const-white-alpha-40); // Оверлей стеклянных поверхностей при наведении на темных фонах, не меняется при смене темы.
|
|
96
96
|
--tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы.
|
|
97
|
-
--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на
|
|
98
|
-
--tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на
|
|
99
|
-
--tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении на
|
|
97
|
+
--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы
|
|
98
|
+
--tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы.
|
|
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
101
|
--tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах
|
|
102
102
|
--tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
|
|
@@ -509,8 +509,8 @@
|
|
|
509
509
|
[tuiTheme='dark'] {
|
|
510
510
|
--tui-background-base: var(--tui-const-black-lighter-13); // Основной фон приложений. Отличается на iOS, Android и Desktop
|
|
511
511
|
--tui-background-base-alt: var(--tui-const-black-lighter-20); // Альтернативный основной фон
|
|
512
|
-
--tui-background-elevation-1: var(--tui-const-black-lighter-16); // Фон шторок, модальных экранов и карточек, лежащих на
|
|
513
|
-
--tui-background-elevation-2: var(--tui-const-black-lighter-20); // Фон карточек, лежащих на
|
|
512
|
+
--tui-background-elevation-1: var(--tui-const-black-lighter-16); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
|
|
513
|
+
--tui-background-elevation-2: var(--tui-const-black-lighter-20); // Фон карточек, лежащих на фоне elevation-1
|
|
514
514
|
--tui-background-elevation-3: var(--tui-const-black-lighter-22); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
|
|
515
515
|
--tui-background-neutral-1: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д.
|
|
516
516
|
--tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы
|
|
@@ -601,9 +601,9 @@
|
|
|
601
601
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
|
|
602
602
|
--tui-background-overlay-glass-on-dark-hover: var(--tui-const-white-alpha-40); // Оверлей стеклянных поверхностей при наведении на темных фонах, не меняется при смене темы.
|
|
603
603
|
--tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы.
|
|
604
|
-
--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на
|
|
605
|
-
--tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на
|
|
606
|
-
--tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении на
|
|
604
|
+
--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы
|
|
605
|
+
--tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы.
|
|
606
|
+
--tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении на светлых фонах, не меняется при смене темы.
|
|
607
607
|
--tui-background-overlay-glass-matte: var(--tui-const-black-lighter-13-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы.
|
|
608
608
|
--tui-border-normal: var(--tui-const-white-alpha-15); // Бордеры и сепараторы на основных фонах
|
|
609
609
|
--tui-border-normal-pale: var(--tui-const-white-alpha-9); // Бледные бордеры и сепараторы на основных фонах
|
package/angular/mobile.less
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
[tuiTheme='dark'] [data-platform='android'] {
|
|
8
8
|
--tui-background-base: var(--tui-const-black); // Основной фон приложений. Отличается на iOS, Android и Desktop
|
|
9
9
|
--tui-background-base-alt: var(--tui-const-black-lighter-20); // Альтернативный основной фон
|
|
10
|
-
--tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); // Фон шторок, модальных экранов и карточек, лежащих на
|
|
11
|
-
--tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); // Фон карточек, лежащих на
|
|
10
|
+
--tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
|
|
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); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
|
|
13
13
|
--tui-background-neutral-1: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д.
|
|
14
14
|
--tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); // Фон для тултипов
|
|
85
85
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
86
86
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
|
|
87
|
-
--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на
|
|
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
89
|
--tui-border-normal: var(--tui-const-white-alpha-19); // Бордеры и сепараторы на основных фонах
|
|
90
90
|
--tui-border-normal-pale: var(--tui-const-white-alpha-13); // Бледные бордеры и сепараторы на основных фонах
|
|
@@ -479,8 +479,8 @@
|
|
|
479
479
|
[tuiTheme='light'] [data-platform='android'] {
|
|
480
480
|
--tui-background-base: var(--tui-const-white); // Основной фон приложений. Отличается на iOS, Android и Desktop
|
|
481
481
|
--tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон
|
|
482
|
-
--tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на
|
|
483
|
-
--tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на
|
|
482
|
+
--tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
|
|
483
|
+
--tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на фоне elevation-1
|
|
484
484
|
--tui-background-elevation-3: var(--tui-const-white); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
|
|
485
485
|
--tui-background-neutral-1: var(--tui-const-cool-gray-alpha-3); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д.
|
|
486
486
|
--tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы
|
|
@@ -556,7 +556,7 @@
|
|
|
556
556
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); // Фон для тултипов
|
|
557
557
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
558
558
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
|
|
559
|
-
--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на
|
|
559
|
+
--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы
|
|
560
560
|
--tui-background-overlay-glass-matte: var(--tui-const-white-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы.
|
|
561
561
|
--tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах
|
|
562
562
|
--tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
|