@taiga-ui/design-tokens 0.165.0 → 0.167.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 (11) hide show
  1. package/angular/desktop.less +32 -6
  2. package/angular/mobile.less +32 -6
  3. package/esm2022/icons.mjs +7 -1
  4. package/fesm2022/taiga-ui-design-tokens.mjs +6 -0
  5. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  6. package/icons.d.ts +1 -1
  7. package/package.json +1 -1
  8. package/palette/dark.css +16 -3
  9. package/palette/light.css +16 -3
  10. package/palette/mobile/dark.css +16 -3
  11. package/palette/mobile/light.css +16 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.165.0",
3
+ "version": "0.167.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -212,6 +212,7 @@
212
212
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
213
213
  --tui-const-blue: #428BF9; /* N8 */
214
214
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
215
+ --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
215
216
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
216
217
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
217
218
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
@@ -310,6 +311,7 @@
310
311
  --tui-const-black-alpha-50: #00000080; /* 50% opacity */
311
312
  --tui-const-black-alpha-48: #0000007A; /* 48% opacity */
312
313
  --tui-const-black-alpha-40: #00000066; /* 40% opacity */
314
+ --tui-const-black-alpha-32: #00000052; /* 32% opacity */
313
315
  --tui-const-black-alpha-30: #0000004D; /* 30% opacity */
314
316
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
315
317
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
@@ -424,9 +426,20 @@
424
426
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
425
427
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
426
428
  --tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
427
- --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
428
- --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
429
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
429
+ --tui-service-underline: var(--tui-const-blue-darker-66); /* Подчеркивание для ссылок */
430
+ --tui-service-underline-hover: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
431
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
432
+ --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
433
+ --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
434
+ --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
435
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
436
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
437
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
438
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
439
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
440
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
441
+ --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale */
442
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
430
443
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
431
444
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
432
445
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
package/palette/light.css CHANGED
@@ -212,6 +212,7 @@
212
212
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
213
213
  --tui-const-blue: #428BF9; /* N8 */
214
214
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
215
+ --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
215
216
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
216
217
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
217
218
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
@@ -310,6 +311,7 @@
310
311
  --tui-const-black-alpha-50: #00000080; /* 50% opacity */
311
312
  --tui-const-black-alpha-48: #0000007A; /* 48% opacity */
312
313
  --tui-const-black-alpha-40: #00000066; /* 40% opacity */
314
+ --tui-const-black-alpha-32: #00000052; /* 32% opacity */
313
315
  --tui-const-black-alpha-30: #0000004D; /* 30% opacity */
314
316
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
315
317
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
@@ -424,9 +426,20 @@
424
426
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
425
427
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
426
428
  --tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
427
- --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
428
- --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* Подчеркивание для монохромных ссылок */
429
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
429
+ --tui-service-underline: var(--tui-const-blue-darker-66); /* Подчеркивание для ссылок */
430
+ --tui-service-underline-hover: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
431
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
432
+ --tui-service-underline-grayscale: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок */
433
+ --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок */
434
+ --tui-service-underline-grayscale-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок */
435
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
436
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
437
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
438
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
439
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
440
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
441
+ --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* @Deprecated: Заменён на цвет underline-grayscale */
442
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
430
443
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-14); /* Контейнеры предупреждающих блоков */
431
444
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
432
445
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
package/palette/mobile/dark.css CHANGED
@@ -190,6 +190,7 @@
190
190
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
191
191
  --tui-const-blue: #428BF9; /* N8 */
192
192
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
193
+ --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
193
194
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
194
195
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
195
196
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
@@ -288,6 +289,7 @@
288
289
  --tui-const-black-alpha-50: #00000080; /* 50% opacity */
289
290
  --tui-const-black-alpha-48: #0000007A; /* 48% opacity */
290
291
  --tui-const-black-alpha-40: #00000066; /* 40% opacity */
292
+ --tui-const-black-alpha-32: #00000052; /* 32% opacity */
291
293
  --tui-const-black-alpha-30: #0000004D; /* 30% opacity */
292
294
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
293
295
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
@@ -400,9 +402,20 @@
400
402
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
401
403
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
402
404
  --tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
403
- --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
404
- --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
405
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
405
+ --tui-service-underline: var(--tui-const-blue-darker-79); /* Подчеркивание для ссылок */
406
+ --tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
407
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
408
+ --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
409
+ --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
410
+ --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
411
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
412
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
413
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
414
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
415
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
416
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
417
+ --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale */
418
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
406
419
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
407
420
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
408
421
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/mobile/light.css CHANGED
@@ -190,6 +190,7 @@
190
190
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
191
191
  --tui-const-blue: #428BF9; /* N8 */
192
192
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
193
+ --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
193
194
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
194
195
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
195
196
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
@@ -288,6 +289,7 @@
288
289
  --tui-const-black-alpha-50: #00000080; /* 50% opacity */
289
290
  --tui-const-black-alpha-48: #0000007A; /* 48% opacity */
290
291
  --tui-const-black-alpha-40: #00000066; /* 40% opacity */
292
+ --tui-const-black-alpha-32: #00000052; /* 32% opacity */
291
293
  --tui-const-black-alpha-30: #0000004D; /* 30% opacity */
292
294
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
293
295
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
@@ -400,9 +402,20 @@
400
402
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
401
403
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
402
404
  --tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
403
- --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
404
- --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* Подчеркивание для монохромных ссылок */
405
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
405
+ --tui-service-underline: var(--tui-const-blue-darker-79); /* Подчеркивание для ссылок */
406
+ --tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
407
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
408
+ --tui-service-underline-grayscale: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок */
409
+ --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок */
410
+ --tui-service-underline-grayscale-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок */
411
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
412
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
413
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
414
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
415
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
416
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
417
+ --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* @Deprecated: Заменён на цвет underline-grayscale */
418
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
406
419
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); /* Контейнеры предупреждающих блоков */
407
420
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
408
421
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */