@taiga-ui/design-tokens 0.75.0 → 0.76.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 (5) hide show
  1. package/package.json +1 -1
  2. package/palette/dark.css +8 -1
  3. package/palette/light.css +7 -0
  4. package/palette/mobile/dark.css +6 -0
  5. package/palette/mobile/light.css +6 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.75.0",
3
+ "version": "0.76.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": ["angular", "palette"],
6
6
  "publishConfig": {
package/palette/dark.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
89
89
  --tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
90
90
  --tui-background-progress-bar: var(--tui-const-white-alpha-15); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
91
- --tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); /* Фон для тултипов */
91
+ --tui-background-tooltip: var(--tui-const-white); /* Фон для тултипов */
92
92
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
93
93
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
94
94
  --tui-background-overlay-glass-on-dark-hover: var(--tui-const-white-alpha-40); /* Оверлей стеклянных поверхностей при наведении на темных фонах, не меняется при смене темы. */
@@ -98,6 +98,8 @@
98
98
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении на cветлых фонах, не меняется при смене темы. */
99
99
  --tui-border-normal: var(--tui-const-white-alpha-15); /* Бордеры и сепараторы на основных фонах */
100
100
  --tui-border-hover: var(--tui-const-white-alpha-20); /* Только для веба. Бордеры при наведении */
101
+ --tui-border-normal-opaque: var(--tui-const-black-lighter-25); /* Бордеры и сепараторы на основных фонах без прозрачности */
102
+ --tui-border-normal-opaque-hover: var(--tui-const-black-lighter-30); /* Бордеры и сепараторы на основных фонах без прозрачности */
101
103
  --tui-border-focus: var(--tui-const-white); /* Только для веба. Бордеры при фокусировании с клавиатуры */
102
104
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
103
105
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
@@ -283,10 +285,15 @@
283
285
  --tui-const-black-lighter-16: #292929;
284
286
  --tui-const-black-lighter-20: #333333; /* N1 */
285
287
  --tui-const-black-lighter-22: #383838;
288
+ --tui-const-black-lighter-25: #414141;
289
+ --tui-const-black-lighter-30: #4D4D4D;
290
+ --tui-const-black-lighter-79: #C9C9C9;
286
291
  --tui-const-cool-gray-lighter-36: #575B61;
287
292
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
288
293
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
294
+ --tui-const-cool-gray-lighter-85: #C7CBCF;
289
295
  --tui-const-cool-gray-lighter-87: #DDDFE0; /* N5 */
296
+ --tui-const-cool-gray-lighter-90: #E1E3E4;
290
297
  --tui-const-cool-gray-lighter-93: #EAECEE; /* N6 */
291
298
  --tui-const-cool-gray-lighter-96: #F2F4F7; /* N7 */
292
299
  --tui-const-cool-gray-lighter-97: #F6F7F8; /* N7 */
package/palette/light.css CHANGED
@@ -98,6 +98,8 @@
98
98
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении на cветлых фонах, не меняется при смене темы. */
99
99
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); /* Бордеры и сепараторы на основных фонах */
100
100
  --tui-border-hover: var(--tui-const-cool-gray-alpha-22); /* Только для веба. Бордеры при наведении */
101
+ --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); /* Бордеры и сепараторы на основных фонах без прозрачности */
102
+ --tui-border-normal-opaque-hover: var(--tui-const-cool-gray-lighter-85); /* Бордеры и сепараторы на основных фонах без прозрачности */
101
103
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); /* Только для веба. Бордеры при фокусировании с клавиатуры */
102
104
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
103
105
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
@@ -283,10 +285,15 @@
283
285
  --tui-const-black-lighter-16: #292929;
284
286
  --tui-const-black-lighter-20: #333333; /* N1 */
285
287
  --tui-const-black-lighter-22: #383838;
288
+ --tui-const-black-lighter-25: #414141;
289
+ --tui-const-black-lighter-30: #4D4D4D;
290
+ --tui-const-black-lighter-79: #C9C9C9;
286
291
  --tui-const-cool-gray-lighter-36: #575B61;
287
292
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
288
293
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
294
+ --tui-const-cool-gray-lighter-85: #C7CBCF;
289
295
  --tui-const-cool-gray-lighter-87: #DDDFE0; /* N5 */
296
+ --tui-const-cool-gray-lighter-90: #E1E3E4;
290
297
  --tui-const-cool-gray-lighter-93: #EAECEE; /* N6 */
291
298
  --tui-const-cool-gray-lighter-96: #F2F4F7; /* N7 */
292
299
  --tui-const-cool-gray-lighter-97: #F6F7F8; /* N7 */
package/palette/mobile/dark.css CHANGED
@@ -83,6 +83,7 @@
83
83
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
84
84
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы */
85
85
  --tui-border-normal: var(--tui-const-white-alpha-20); /* Бордеры и сепараторы на основных фонах */
86
+ --tui-border-normal-opaque: var(--tui-const-black-lighter-20); /* Бордеры и сепараторы на основных фонах без прозрачности */
86
87
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
87
88
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от фона в темной теме */
88
89
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
@@ -265,10 +266,15 @@
265
266
  --tui-const-black-lighter-16: #292929;
266
267
  --tui-const-black-lighter-20: #333333; /* N1 */
267
268
  --tui-const-black-lighter-22: #383838;
269
+ --tui-const-black-lighter-25: #414141;
270
+ --tui-const-black-lighter-30: #4D4D4D;
271
+ --tui-const-black-lighter-79: #C9C9C9;
268
272
  --tui-const-cool-gray-lighter-36: #575B61;
269
273
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
270
274
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
275
+ --tui-const-cool-gray-lighter-85: #C7CBCF;
271
276
  --tui-const-cool-gray-lighter-87: #DDDFE0; /* N5 */
277
+ --tui-const-cool-gray-lighter-90: #E1E3E4;
272
278
  --tui-const-cool-gray-lighter-93: #EAECEE; /* N6 */
273
279
  --tui-const-cool-gray-lighter-96: #F2F4F7; /* N7 */
274
280
  --tui-const-cool-gray-lighter-97: #F6F7F8; /* N7 */
package/palette/mobile/light.css CHANGED
@@ -83,6 +83,7 @@
83
83
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
84
84
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы */
85
85
  --tui-border-normal: var(--tui-const-black-alpha-21); /* Бордеры и сепараторы на основных фонах */
86
+ --tui-border-normal-opaque: var(--tui-const-black-lighter-79); /* Бордеры и сепараторы на основных фонах без прозрачности */
86
87
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
87
88
  --tui-border-darkmode-only: var(--tui-const-clear); /* Обводка, отделяющая цветные элементы от фона в темной теме */
88
89
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
@@ -265,10 +266,15 @@
265
266
  --tui-const-black-lighter-16: #292929;
266
267
  --tui-const-black-lighter-20: #333333; /* N1 */
267
268
  --tui-const-black-lighter-22: #383838;
269
+ --tui-const-black-lighter-25: #414141;
270
+ --tui-const-black-lighter-30: #4D4D4D;
271
+ --tui-const-black-lighter-79: #C9C9C9;
268
272
  --tui-const-cool-gray-lighter-36: #575B61;
269
273
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
270
274
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
275
+ --tui-const-cool-gray-lighter-85: #C7CBCF;
271
276
  --tui-const-cool-gray-lighter-87: #DDDFE0; /* N5 */
277
+ --tui-const-cool-gray-lighter-90: #E1E3E4;
272
278
  --tui-const-cool-gray-lighter-93: #EAECEE; /* N6 */
273
279
  --tui-const-cool-gray-lighter-96: #F2F4F7; /* N7 */
274
280
  --tui-const-cool-gray-lighter-97: #F6F7F8; /* N7 */