@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/angular/desktop.less CHANGED
@@ -213,6 +213,7 @@
213
213
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
214
214
  --tui-const-blue: #428BF9; // N8
215
215
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
216
+ --tui-const-blue-darker-79: #97BFFC; // hsL=79
216
217
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
217
218
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
218
219
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
@@ -311,6 +312,7 @@
311
312
  --tui-const-black-alpha-50: #00000080; // 50% opacity
312
313
  --tui-const-black-alpha-48: #0000007A; // 48% opacity
313
314
  --tui-const-black-alpha-40: #00000066; // 40% opacity
315
+ --tui-const-black-alpha-32: #00000052; // 32% opacity
314
316
  --tui-const-black-alpha-30: #0000004D; // 30% opacity
315
317
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
316
318
  --tui-const-black-alpha-21: #00000036; // 21% opacity
@@ -425,9 +427,20 @@
425
427
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
426
428
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
427
429
  --tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
428
- --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
429
- --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // Подчеркивание для монохромных ссылок
430
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы
430
+ --tui-service-underline: var(--tui-const-blue-darker-66); // Подчеркивание для ссылок
431
+ --tui-service-underline-hover: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
432
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
433
+ --tui-service-underline-grayscale: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок
434
+ --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок
435
+ --tui-service-underline-grayscale-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок
436
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
437
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
438
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
439
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
440
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
441
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
442
+ --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // @Deprecated: Заменён на цвет underline-grayscale
443
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
431
444
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-14); // Контейнеры предупреждающих блоков
432
445
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); // Только для веба. Контейнеры предупреждающих блоков при наведении
433
446
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
@@ -740,6 +753,7 @@
740
753
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
741
754
  --tui-const-blue: #428BF9; // N8
742
755
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
756
+ --tui-const-blue-darker-79: #97BFFC; // hsL=79
743
757
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
744
758
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
745
759
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
@@ -838,6 +852,7 @@
838
852
  --tui-const-black-alpha-50: #00000080; // 50% opacity
839
853
  --tui-const-black-alpha-48: #0000007A; // 48% opacity
840
854
  --tui-const-black-alpha-40: #00000066; // 40% opacity
855
+ --tui-const-black-alpha-32: #00000052; // 32% opacity
841
856
  --tui-const-black-alpha-30: #0000004D; // 30% opacity
842
857
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
843
858
  --tui-const-black-alpha-21: #00000036; // 21% opacity
@@ -952,9 +967,20 @@
952
967
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
953
968
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
954
969
  --tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
955
- --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
956
- --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
957
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы
970
+ --tui-service-underline: var(--tui-const-blue-darker-66); // Подчеркивание для ссылок
971
+ --tui-service-underline-hover: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
972
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
973
+ --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
974
+ --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
975
+ --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
976
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
977
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
978
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
979
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
980
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
981
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
982
+ --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale
983
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
958
984
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
959
985
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); // Только для веба. Контейнеры предупреждающих блоков при наведении
960
986
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
package/angular/mobile.less CHANGED
@@ -196,6 +196,7 @@
196
196
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
197
197
  --tui-const-blue: #428BF9; // N8
198
198
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
199
+ --tui-const-blue-darker-79: #97BFFC; // hsL=79
199
200
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
200
201
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
201
202
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
@@ -294,6 +295,7 @@
294
295
  --tui-const-black-alpha-50: #00000080; // 50% opacity
295
296
  --tui-const-black-alpha-48: #0000007A; // 48% opacity
296
297
  --tui-const-black-alpha-40: #00000066; // 40% opacity
298
+ --tui-const-black-alpha-32: #00000052; // 32% opacity
297
299
  --tui-const-black-alpha-30: #0000004D; // 30% opacity
298
300
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
299
301
  --tui-const-black-alpha-21: #00000036; // 21% opacity
@@ -406,9 +408,20 @@
406
408
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
407
409
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
408
410
  --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
409
- --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
410
- --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
411
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы
411
+ --tui-service-underline: var(--tui-const-blue-darker-79); // Подчеркивание для ссылок
412
+ --tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
413
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
414
+ --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
415
+ --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
416
+ --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
417
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
418
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
419
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
420
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
421
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
422
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
423
+ --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale
424
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
412
425
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
413
426
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
414
427
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
@@ -688,6 +701,7 @@
688
701
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
689
702
  --tui-const-blue: #428BF9; // N8
690
703
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
704
+ --tui-const-blue-darker-79: #97BFFC; // hsL=79
691
705
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
692
706
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
693
707
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
@@ -786,6 +800,7 @@
786
800
  --tui-const-black-alpha-50: #00000080; // 50% opacity
787
801
  --tui-const-black-alpha-48: #0000007A; // 48% opacity
788
802
  --tui-const-black-alpha-40: #00000066; // 40% opacity
803
+ --tui-const-black-alpha-32: #00000052; // 32% opacity
789
804
  --tui-const-black-alpha-30: #0000004D; // 30% opacity
790
805
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
791
806
  --tui-const-black-alpha-21: #00000036; // 21% opacity
@@ -898,9 +913,20 @@
898
913
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
899
914
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
900
915
  --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
901
- --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
902
- --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // Подчеркивание для монохромных ссылок
903
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы
916
+ --tui-service-underline: var(--tui-const-blue-darker-79); // Подчеркивание для ссылок
917
+ --tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
918
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
919
+ --tui-service-underline-grayscale: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок
920
+ --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок
921
+ --tui-service-underline-grayscale-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок
922
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
923
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
924
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
925
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
926
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
927
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
928
+ --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // @Deprecated: Заменён на цвет underline-grayscale
929
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
904
930
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); // Контейнеры предупреждающих блоков
905
931
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
906
932
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах