@taiga-ui/design-tokens 0.108.0 → 0.109.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 (13) hide show
  1. package/angular/desktop.less +22 -10
  2. package/angular/mobile.less +12 -6
  3. package/esm2022/icons.mjs +17 -1
  4. package/fesm2022/taiga-ui-design-tokens.mjs +16 -0
  5. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  6. package/icons/flags/ai.svg +2 -2
  7. package/icons/flags/in.svg +3 -3
  8. package/icons.d.ts +1 -1
  9. package/package.json +1 -1
  10. package/palette/dark.css +11 -5
  11. package/palette/light.css +11 -5
  12. package/palette/mobile/dark.css +6 -3
  13. package/palette/mobile/light.css +6 -3
package/angular/desktop.less CHANGED
@@ -18,15 +18,21 @@
18
18
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-18); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
19
19
  --tui-background-neutral-1-hover: var(--tui-const-white-alpha-15); // Только для веба. Cостояние элементов c фоном neutral-1 при наведении
20
20
  --tui-background-neutral-1-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1
21
- --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
22
- --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
23
- --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
24
- --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
21
+ --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-hover
22
+ --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-hover
23
+ --tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
24
+ --tui-background-neutral-1-on-dark-hover: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
25
+ --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
26
+ --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
27
+ --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
28
+ --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
25
29
  --tui-background-neutral-2: var(--tui-const-white-alpha-15); // Прозрачные контейнеры маленьких размеров
26
30
  --tui-background-neutral-2-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
27
31
  --tui-background-neutral-2-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
28
32
  --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
29
- --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: Изменен на neutral-1-pressed-on-dark
33
+ --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
34
+ --tui-background-neutral-2-on-dark-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
35
+ --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
30
36
  --tui-background-neutral-3: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
31
37
  --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
32
38
  --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
@@ -484,15 +490,21 @@
484
490
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
485
491
  --tui-background-neutral-1-hover: var(--tui-const-dark-blue-alpha-8); // Только для веба. Cостояние элементов c фоном neutral-1 при наведении
486
492
  --tui-background-neutral-1-pressed: var(--tui-const-dark-blue-alpha-10); // Нажатое состояние элементов с фоном neutral-1
487
- --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
488
- --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
489
- --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
490
- --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
493
+ --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-hover
494
+ --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-hover
495
+ --tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
496
+ --tui-background-neutral-1-on-dark-hover: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
497
+ --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
498
+ --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
499
+ --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
500
+ --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
491
501
  --tui-background-neutral-2: var(--tui-const-dark-blue-alpha-8); // Прозрачные контейнеры маленьких размеров
492
502
  --tui-background-neutral-2-hover: var(--tui-const-dark-blue-alpha-10); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
493
503
  --tui-background-neutral-2-pressed: var(--tui-const-dark-blue-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
494
504
  --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
495
- --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: Изменен на neutral-1-pressed-on-dark
505
+ --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
506
+ --tui-background-neutral-2-on-dark-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
507
+ --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
496
508
  --tui-background-neutral-3: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
497
509
  --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
498
510
  --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
package/angular/mobile.less CHANGED
@@ -23,12 +23,15 @@
23
23
  --tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-11); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме
24
24
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-18); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
25
25
  --tui-background-neutral-1-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1
26
- --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
27
- --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
26
+ --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
27
+ --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
28
+ --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
29
+ --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
28
30
  --tui-background-neutral-2: var(--tui-const-white-alpha-15); // Прозрачные контейнеры маленьких размеров
29
31
  --tui-background-neutral-2-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
30
32
  --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
31
- --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: Изменен на neutral-1-pressed-on-dark
33
+ --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
34
+ --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
32
35
  --tui-background-neutral-3: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
33
36
  --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
34
37
  --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
@@ -463,12 +466,15 @@
463
466
  --tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме
464
467
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
465
468
  --tui-background-neutral-1-pressed: var(--tui-const-cool-gray-alpha-6); // Нажатое состояние элементов с фоном neutral-1
466
- --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
467
- --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
469
+ --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
470
+ --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
471
+ --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
472
+ --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
468
473
  --tui-background-neutral-2: var(--tui-const-cool-gray-alpha-6); // Прозрачные контейнеры маленьких размеров
469
474
  --tui-background-neutral-2-pressed: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
470
475
  --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
471
- --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: Изменен на neutral-1-pressed-on-dark
476
+ --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
477
+ --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
472
478
  --tui-background-neutral-3: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
473
479
  --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
474
480
  --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2