@taiga-ui/design-tokens 0.181.0 → 0.183.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 +4 -0
  2. package/angular/fonts/desktop.less +45 -0
  3. package/angular/fonts/mobile.less +70 -0
  4. package/angular/mobile.less +4 -0
  5. package/fonts/desktop.css +45 -0
  6. package/fonts/mobile.css +70 -0
  7. package/package.json +2 -1
  8. package/palette/dark.css +2 -0
  9. package/palette/light.css +2 -0
  10. package/palette/mobile/dark.css +2 -0
  11. package/palette/mobile/light.css +2 -0
package/angular/desktop.less CHANGED
@@ -105,6 +105,7 @@
105
105
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности
106
106
  --tui-border-normal-opaque-hover: var(--tui-const-cool-gray-lighter-85); // Бордеры и сепараторы на основных фонах без прозрачности
107
107
  --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); // Бледные непрозрачные бордеры и сепараторы на основных фонах
108
+ --tui-border-normal-strong: var(--tui-const-cool-gray-alpha-32); // Бордеры и сепараторы на основных фонах
108
109
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); // Только для веба. Бордеры при фокусировании с клавиатуры
109
110
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); // Только для веба. Бордеры при фокусировании с клавиатуры темных элементов
110
111
  --tui-border-selected: var(--tui-const-yellow); // Обводка выделенных элементов
@@ -373,6 +374,7 @@
373
374
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
374
375
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
375
376
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
377
+ --tui-const-cool-gray-alpha-32: #00102452; // 32% opacity
376
378
  --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
377
379
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
378
380
  --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
@@ -656,6 +658,7 @@
656
658
  --tui-border-normal-opaque: var(--tui-const-black-lighter-25); // Бордеры и сепараторы на основных фонах без прозрачности
657
659
  --tui-border-normal-opaque-hover: var(--tui-const-black-lighter-30); // Бордеры и сепараторы на основных фонах без прозрачности
658
660
  --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-20); // Бледные непрозрачные бордеры и сепараторы на основных фонах
661
+ --tui-border-normal-strong: var(--tui-const-white-alpha-40); // Бордеры и сепараторы на основных фонах
659
662
  --tui-border-focus: var(--tui-const-white); // Только для веба. Бордеры при фокусировании с клавиатуры
660
663
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); // Только для веба. Бордеры при фокусировании с клавиатуры темных элементов
661
664
  --tui-border-selected: var(--tui-const-yellow); // Обводка выделенных элементов
@@ -924,6 +927,7 @@
924
927
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
925
928
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
926
929
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
930
+ --tui-const-cool-gray-alpha-32: #00102452; // 32% opacity
927
931
  --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
928
932
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
929
933
  --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
package/angular/fonts/desktop.less ADDED
@@ -0,0 +1,45 @@
1
+ &:root {
2
+ --tui-font-offset: var(--tui-font-offset, 0rem);
3
+ --tui-font-family-fallback: -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
4
+ --tui-font-family-text: 'Neue Haas Unica W1G';
5
+ --tui-font-family-display: 'Tinkoff Sans';
6
+ --tui-font-family-code: 'JetBrains Mono';
7
+ --tui-font-legacy-body-xl-bold: bold calc(var(--tui-font-offset) + 1.1875rem) / 1.47 var(--tui-font-family-text), var(--tui-font-family-fallback);
8
+ --tui-font-legacy-body-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / 1.47 var(--tui-font-family-text), var(--tui-font-family-fallback);
9
+ --tui-font-legacy-body-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.45 var(--tui-font-family-text), var(--tui-font-family-fallback);
10
+ --tui-font-legacy-body-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.45 var(--tui-font-family-text), var(--tui-font-family-fallback);
11
+ --tui-font-legacy-body-3xs-bold: bold calc(var(--tui-font-offset) + 0.5625rem) / 1.78 var(--tui-font-family-text), var(--tui-font-family-fallback);
12
+ --tui-font-legacy-body-3xs: bold calc(var(--tui-font-offset) + 0.5625rem) / 1.78 var(--tui-font-family-text), var(--tui-font-family-fallback);
13
+ --tui-font-heading-h1: 800 calc(var(--tui-font-offset) + 3.125rem) / 1.12 var(--tui-font-family-display), var(--tui-font-family-fallback);
14
+ --tui-font-heading-h2: 800 calc(var(--tui-font-offset) + 2.75rem) / 1.09 var(--tui-font-family-display), var(--tui-font-family-fallback);
15
+ --tui-font-heading-h3: bold calc(var(--tui-font-offset) + 2.25rem) / 1.11 var(--tui-font-family-display), var(--tui-font-family-fallback);
16
+ --tui-font-heading-h4: bold calc(var(--tui-font-offset) + 1.75rem) / 1.14 var(--tui-font-family-display), var(--tui-font-family-fallback);
17
+ --tui-font-heading-h5: bold calc(var(--tui-font-offset) + 1.5rem) / 1.17 var(--tui-font-family-display), var(--tui-font-family-fallback);
18
+ --tui-font-heading-h6: bold calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
19
+ --tui-font-body-l-bold: bold calc(var(--tui-font-offset) + 1.0625rem) / 1.65 var(--tui-font-family-text), var(--tui-font-family-fallback);
20
+ --tui-font-body-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.65 var(--tui-font-family-text), var(--tui-font-family-fallback);
21
+ --tui-font-body-m-bold: bold calc(var(--tui-font-offset) + 0.9375rem) / 1.6 var(--tui-font-family-text), var(--tui-font-family-fallback);
22
+ --tui-font-body-m: normal calc(var(--tui-font-offset) + 0.9375rem) / 1.6 var(--tui-font-family-text), var(--tui-font-family-fallback);
23
+ --tui-font-body-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.54 var(--tui-font-family-text), var(--tui-font-family-fallback);
24
+ --tui-font-body-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.54 var(--tui-font-family-text), var(--tui-font-family-fallback);
25
+ --tui-font-body-xs-bold: bold calc(var(--tui-font-offset) + 0.75rem) / 1.58 var(--tui-font-family-text), var(--tui-font-family-fallback);
26
+ --tui-font-body-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.58 var(--tui-font-family-text), var(--tui-font-family-fallback);
27
+ --tui-font-ui-l-bold: bold calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
28
+ --tui-font-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
29
+ --tui-font-ui-m-bold: bold calc(var(--tui-font-offset) + 0.9375rem) / 1.33 var(--tui-font-family-text), var(--tui-font-family-fallback);
30
+ --tui-font-ui-m: normal calc(var(--tui-font-offset) + 0.9375rem) / 1.33 var(--tui-font-family-text), var(--tui-font-family-fallback);
31
+ --tui-font-ui-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
32
+ --tui-font-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
33
+ --tui-font-ui-xs-bold: bold calc(var(--tui-font-offset) + 0.75rem) / 1.25 var(--tui-font-family-text), var(--tui-font-family-fallback);
34
+ --tui-font-ui-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.25 var(--tui-font-family-text), var(--tui-font-family-fallback);
35
+ --tui-font-ui-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
36
+ --tui-font-ui-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
37
+ --tui-font-ui-3xs-bold: 800 calc(var(--tui-font-offset) + 0.5625rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
38
+ --tui-font-ui-3xs: normal calc(var(--tui-font-offset) + 0.5625rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
39
+ --tui-font-caps-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.54 var(--tui-font-family-text), var(--tui-font-family-fallback);
40
+ --tui-font-caps-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.54 var(--tui-font-family-text), var(--tui-font-family-fallback);
41
+ --tui-font-caps-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.45 var(--tui-font-family-text), var(--tui-font-family-fallback);
42
+ --tui-font-caps-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.45 var(--tui-font-family-text), var(--tui-font-family-fallback);
43
+ --tui-font-numbers-xl: bold calc(var(--tui-font-offset) + 2.25rem) / 1.11 var(--tui-font-family-display), var(--tui-font-family-fallback);
44
+ --tui-font-numbers-m: bold calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
45
+ }
package/angular/fonts/mobile.less ADDED
@@ -0,0 +1,70 @@
1
+ [data-platform='ios'] {
2
+ --tui-font-family-text: 'SF Pro';
3
+ --tui-font-family-display: 'SF Pro';
4
+ --tui-font-family-rounded: 'SF Pro Rounded';
5
+ --tui-font-heading-mobile-l: 800 calc(var(--tui-font-offset) + 1.875rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
6
+ --tui-font-heading-mobile-m: 800 calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
7
+ --tui-font-heading-mobile-s-bold: 800 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
8
+ --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
9
+ --tui-font-body-l-bold: 800 calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
10
+ --tui-font-body-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
11
+ --tui-font-body-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / 1.4 var(--tui-font-family-text), var(--tui-font-family-fallback);
12
+ --tui-font-body-m: normal calc(var(--tui-font-offset) + 0.9375rem) / 1.4 var(--tui-font-family-text), var(--tui-font-family-fallback);
13
+ --tui-font-body-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
14
+ --tui-font-body-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
15
+ --tui-font-body-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
16
+ --tui-font-body-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
17
+ --tui-font-ui-l-bold: 800 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
18
+ --tui-font-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
19
+ --tui-font-ui-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / 1.2 var(--tui-font-family-text), var(--tui-font-family-fallback);
20
+ --tui-font-ui-m: normal calc(var(--tui-font-offset) + 0.9375rem) / 1.2 var(--tui-font-family-text), var(--tui-font-family-fallback);
21
+ --tui-font-ui-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
22
+ --tui-font-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
23
+ --tui-font-ui-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
24
+ --tui-font-ui-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
25
+ --tui-font-ui-2xs-bold: 600 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
26
+ --tui-font-ui-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
27
+ --tui-font-ui-3xs-bold: 800 calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
28
+ --tui-font-ui-3xs: normal calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
29
+ --tui-font-caps-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
30
+ --tui-font-caps-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
31
+ --tui-font-caps-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
32
+ --tui-font-caps-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
33
+ --tui-font-numbers-xl: 800 calc(var(--tui-font-offset) + 1.875rem) / 1.2 var(--tui-font-family-rounded), var(--tui-font-family-fallback);
34
+ --tui-font-numbers-m: 800 calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-rounded), var(--tui-font-family-fallback);
35
+ }
36
+
37
+ [data-platform='android'] {
38
+ --tui-font-family-text: 'Roboto';
39
+ --tui-font-family-display: 'Roboto';
40
+ --tui-font-heading-mobile-l: 800 calc(var(--tui-font-offset) + 1.75rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
41
+ --tui-font-heading-mobile-m: 800 calc(var(--tui-font-offset) + 1.25rem) / 1.15 var(--tui-font-family-display), var(--tui-font-family-fallback);
42
+ --tui-font-heading-mobile-s-bold: 800 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-display), var(--tui-font-family-fallback);
43
+ --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-display), var(--tui-font-family-fallback);
44
+ --tui-font-body-l-bold: 800 calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
45
+ --tui-font-body-l: normal calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
46
+ --tui-font-body-m-bold: bold calc(var(--tui-font-offset) + 0.875rem) / 1.5 var(--tui-font-family-text), var(--tui-font-family-fallback);
47
+ --tui-font-body-m: normal calc(var(--tui-font-offset) + 0.875rem) / 1.5 var(--tui-font-family-text), var(--tui-font-family-fallback);
48
+ --tui-font-body-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
49
+ --tui-font-body-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
50
+ --tui-font-body-xs-bold: bold calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
51
+ --tui-font-body-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
52
+ --tui-font-ui-l-bold: 800 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-text), var(--tui-font-family-fallback);
53
+ --tui-font-ui-l: normal calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-text), var(--tui-font-family-fallback);
54
+ --tui-font-ui-m-bold: bold calc(var(--tui-font-offset) + 0.875rem) / 1.14 var(--tui-font-family-text), var(--tui-font-family-fallback);
55
+ --tui-font-ui-m: normal calc(var(--tui-font-offset) + 0.875rem) / 1.14 var(--tui-font-family-text), var(--tui-font-family-fallback);
56
+ --tui-font-ui-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
57
+ --tui-font-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
58
+ --tui-font-ui-xs-bold: bold calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
59
+ --tui-font-ui-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
60
+ --tui-font-ui-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
61
+ --tui-font-ui-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
62
+ --tui-font-ui-3xs-bold: 600 calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
63
+ --tui-font-ui-3xs: normal calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
64
+ --tui-font-caps-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
65
+ --tui-font-caps-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
66
+ --tui-font-caps-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
67
+ --tui-font-caps-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
68
+ --tui-font-numbers-xl: 800 calc(var(--tui-font-offset) + 1.875rem) / 1.17 var(--tui-font-family-display), var(--tui-font-family-fallback);
69
+ --tui-font-numbers-m: bold calc(var(--tui-font-offset) + 1.25rem) / 1.15 var(--tui-font-family-display), var(--tui-font-family-fallback);
70
+ }
package/angular/mobile.less CHANGED
@@ -91,6 +91,7 @@
91
91
  --tui-border-normal-pale: var(--tui-const-white-alpha-13); // Бледные бордеры и сепараторы на основных фонах
92
92
  --tui-border-normal-opaque: var(--tui-const-black-lighter-19); // Бордеры и сепараторы на основных фонах без прозрачности
93
93
  --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-13); // Бледные непрозрачные бордеры и сепараторы на основных фонах
94
+ --tui-border-normal-strong: var(--tui-const-white-alpha-40); // Бордеры и сепараторы на основных фонах
94
95
  --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов
95
96
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); // Обводка выделенных элементов
96
97
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме
@@ -356,6 +357,7 @@
356
357
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
357
358
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
358
359
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
360
+ --tui-const-cool-gray-alpha-32: #00102452; // 32% opacity
359
361
  --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
360
362
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
361
363
  --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
@@ -605,6 +607,7 @@
605
607
  --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
606
608
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности
607
609
  --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); // Бледные непрозрачные бордеры и сепараторы на основных фонах
610
+ --tui-border-normal-strong: var(--tui-const-cool-gray-alpha-32); // Бордеры и сепараторы на основных фонах
608
611
  --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов
609
612
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); // Обводка выделенных элементов
610
613
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
@@ -870,6 +873,7 @@
870
873
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
871
874
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
872
875
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
876
+ --tui-const-cool-gray-alpha-32: #00102452; // 32% opacity
873
877
  --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
874
878
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
875
879
  --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
package/fonts/desktop.css ADDED
@@ -0,0 +1,45 @@
1
+ :root {
2
+ --tui-font-offset: var(--tui-font-offset, 0rem);
3
+ --tui-font-family-fallback: -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
4
+ --tui-font-family-text: 'Neue Haas Unica W1G';
5
+ --tui-font-family-display: 'Tinkoff Sans';
6
+ --tui-font-family-code: 'JetBrains Mono';
7
+ --tui-font-legacy-body-xl-bold: bold calc(var(--tui-font-offset) + 1.1875rem) / 1.47 var(--tui-font-family-text), var(--tui-font-family-fallback);
8
+ --tui-font-legacy-body-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / 1.47 var(--tui-font-family-text), var(--tui-font-family-fallback);
9
+ --tui-font-legacy-body-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.45 var(--tui-font-family-text), var(--tui-font-family-fallback);
10
+ --tui-font-legacy-body-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.45 var(--tui-font-family-text), var(--tui-font-family-fallback);
11
+ --tui-font-legacy-body-3xs-bold: bold calc(var(--tui-font-offset) + 0.5625rem) / 1.78 var(--tui-font-family-text), var(--tui-font-family-fallback);
12
+ --tui-font-legacy-body-3xs: bold calc(var(--tui-font-offset) + 0.5625rem) / 1.78 var(--tui-font-family-text), var(--tui-font-family-fallback);
13
+ --tui-font-heading-h1: 800 calc(var(--tui-font-offset) + 3.125rem) / 1.12 var(--tui-font-family-display), var(--tui-font-family-fallback);
14
+ --tui-font-heading-h2: 800 calc(var(--tui-font-offset) + 2.75rem) / 1.09 var(--tui-font-family-display), var(--tui-font-family-fallback);
15
+ --tui-font-heading-h3: bold calc(var(--tui-font-offset) + 2.25rem) / 1.11 var(--tui-font-family-display), var(--tui-font-family-fallback);
16
+ --tui-font-heading-h4: bold calc(var(--tui-font-offset) + 1.75rem) / 1.14 var(--tui-font-family-display), var(--tui-font-family-fallback);
17
+ --tui-font-heading-h5: bold calc(var(--tui-font-offset) + 1.5rem) / 1.17 var(--tui-font-family-display), var(--tui-font-family-fallback);
18
+ --tui-font-heading-h6: bold calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
19
+ --tui-font-body-l-bold: bold calc(var(--tui-font-offset) + 1.0625rem) / 1.65 var(--tui-font-family-text), var(--tui-font-family-fallback);
20
+ --tui-font-body-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.65 var(--tui-font-family-text), var(--tui-font-family-fallback);
21
+ --tui-font-body-m-bold: bold calc(var(--tui-font-offset) + 0.9375rem) / 1.6 var(--tui-font-family-text), var(--tui-font-family-fallback);
22
+ --tui-font-body-m: normal calc(var(--tui-font-offset) + 0.9375rem) / 1.6 var(--tui-font-family-text), var(--tui-font-family-fallback);
23
+ --tui-font-body-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.54 var(--tui-font-family-text), var(--tui-font-family-fallback);
24
+ --tui-font-body-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.54 var(--tui-font-family-text), var(--tui-font-family-fallback);
25
+ --tui-font-body-xs-bold: bold calc(var(--tui-font-offset) + 0.75rem) / 1.58 var(--tui-font-family-text), var(--tui-font-family-fallback);
26
+ --tui-font-body-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.58 var(--tui-font-family-text), var(--tui-font-family-fallback);
27
+ --tui-font-ui-l-bold: bold calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
28
+ --tui-font-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
29
+ --tui-font-ui-m-bold: bold calc(var(--tui-font-offset) + 0.9375rem) / 1.33 var(--tui-font-family-text), var(--tui-font-family-fallback);
30
+ --tui-font-ui-m: normal calc(var(--tui-font-offset) + 0.9375rem) / 1.33 var(--tui-font-family-text), var(--tui-font-family-fallback);
31
+ --tui-font-ui-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
32
+ --tui-font-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
33
+ --tui-font-ui-xs-bold: bold calc(var(--tui-font-offset) + 0.75rem) / 1.25 var(--tui-font-family-text), var(--tui-font-family-fallback);
34
+ --tui-font-ui-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.25 var(--tui-font-family-text), var(--tui-font-family-fallback);
35
+ --tui-font-ui-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
36
+ --tui-font-ui-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
37
+ --tui-font-ui-3xs-bold: 800 calc(var(--tui-font-offset) + 0.5625rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
38
+ --tui-font-ui-3xs: normal calc(var(--tui-font-offset) + 0.5625rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
39
+ --tui-font-caps-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.54 var(--tui-font-family-text), var(--tui-font-family-fallback);
40
+ --tui-font-caps-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.54 var(--tui-font-family-text), var(--tui-font-family-fallback);
41
+ --tui-font-caps-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.45 var(--tui-font-family-text), var(--tui-font-family-fallback);
42
+ --tui-font-caps-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.45 var(--tui-font-family-text), var(--tui-font-family-fallback);
43
+ --tui-font-numbers-xl: bold calc(var(--tui-font-offset) + 2.25rem) / 1.11 var(--tui-font-family-display), var(--tui-font-family-fallback);
44
+ --tui-font-numbers-m: bold calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
45
+ }
package/fonts/mobile.css ADDED
@@ -0,0 +1,70 @@
1
+ [data-platform='ios'] {
2
+ --tui-font-family-text: 'SF Pro';
3
+ --tui-font-family-display: 'SF Pro';
4
+ --tui-font-family-rounded: 'SF Pro Rounded';
5
+ --tui-font-heading-mobile-l: 800 calc(var(--tui-font-offset) + 1.875rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
6
+ --tui-font-heading-mobile-m: 800 calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
7
+ --tui-font-heading-mobile-s-bold: 800 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
8
+ --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
9
+ --tui-font-body-l-bold: 800 calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
10
+ --tui-font-body-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
11
+ --tui-font-body-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / 1.4 var(--tui-font-family-text), var(--tui-font-family-fallback);
12
+ --tui-font-body-m: normal calc(var(--tui-font-offset) + 0.9375rem) / 1.4 var(--tui-font-family-text), var(--tui-font-family-fallback);
13
+ --tui-font-body-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
14
+ --tui-font-body-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
15
+ --tui-font-body-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
16
+ --tui-font-body-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
17
+ --tui-font-ui-l-bold: 800 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
18
+ --tui-font-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
19
+ --tui-font-ui-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / 1.2 var(--tui-font-family-text), var(--tui-font-family-fallback);
20
+ --tui-font-ui-m: normal calc(var(--tui-font-offset) + 0.9375rem) / 1.2 var(--tui-font-family-text), var(--tui-font-family-fallback);
21
+ --tui-font-ui-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
22
+ --tui-font-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
23
+ --tui-font-ui-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
24
+ --tui-font-ui-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
25
+ --tui-font-ui-2xs-bold: 600 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
26
+ --tui-font-ui-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
27
+ --tui-font-ui-3xs-bold: 800 calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
28
+ --tui-font-ui-3xs: normal calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
29
+ --tui-font-caps-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
30
+ --tui-font-caps-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
31
+ --tui-font-caps-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
32
+ --tui-font-caps-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
33
+ --tui-font-numbers-xl: 800 calc(var(--tui-font-offset) + 1.875rem) / 1.2 var(--tui-font-family-rounded), var(--tui-font-family-fallback);
34
+ --tui-font-numbers-m: 800 calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-rounded), var(--tui-font-family-fallback);
35
+ }
36
+
37
+ [data-platform='android'] {
38
+ --tui-font-family-text: 'Roboto';
39
+ --tui-font-family-display: 'Roboto';
40
+ --tui-font-heading-mobile-l: 800 calc(var(--tui-font-offset) + 1.75rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
41
+ --tui-font-heading-mobile-m: 800 calc(var(--tui-font-offset) + 1.25rem) / 1.15 var(--tui-font-family-display), var(--tui-font-family-fallback);
42
+ --tui-font-heading-mobile-s-bold: 800 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-display), var(--tui-font-family-fallback);
43
+ --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-display), var(--tui-font-family-fallback);
44
+ --tui-font-body-l-bold: 800 calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
45
+ --tui-font-body-l: normal calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
46
+ --tui-font-body-m-bold: bold calc(var(--tui-font-offset) + 0.875rem) / 1.5 var(--tui-font-family-text), var(--tui-font-family-fallback);
47
+ --tui-font-body-m: normal calc(var(--tui-font-offset) + 0.875rem) / 1.5 var(--tui-font-family-text), var(--tui-font-family-fallback);
48
+ --tui-font-body-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
49
+ --tui-font-body-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
50
+ --tui-font-body-xs-bold: bold calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
51
+ --tui-font-body-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
52
+ --tui-font-ui-l-bold: 800 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-text), var(--tui-font-family-fallback);
53
+ --tui-font-ui-l: normal calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-text), var(--tui-font-family-fallback);
54
+ --tui-font-ui-m-bold: bold calc(var(--tui-font-offset) + 0.875rem) / 1.14 var(--tui-font-family-text), var(--tui-font-family-fallback);
55
+ --tui-font-ui-m: normal calc(var(--tui-font-offset) + 0.875rem) / 1.14 var(--tui-font-family-text), var(--tui-font-family-fallback);
56
+ --tui-font-ui-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
57
+ --tui-font-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
58
+ --tui-font-ui-xs-bold: bold calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
59
+ --tui-font-ui-xs: normal calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
60
+ --tui-font-ui-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
61
+ --tui-font-ui-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
62
+ --tui-font-ui-3xs-bold: 600 calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
63
+ --tui-font-ui-3xs: normal calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
64
+ --tui-font-caps-s-bold: bold calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
65
+ --tui-font-caps-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
66
+ --tui-font-caps-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
67
+ --tui-font-caps-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
68
+ --tui-font-numbers-xl: 800 calc(var(--tui-font-offset) + 1.875rem) / 1.17 var(--tui-font-family-display), var(--tui-font-family-fallback);
69
+ --tui-font-numbers-m: bold calc(var(--tui-font-offset) + 1.25rem) / 1.15 var(--tui-font-family-display), var(--tui-font-family-fallback);
70
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.181.0",
3
+ "version": "0.183.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
@@ -12,6 +12,7 @@
12
12
  },
13
13
  "exports": {
14
14
  "./angular/*": "./angular/*",
15
+ "./fonts/*": "./fonts/*",
15
16
  "./palette/*": "./palette/*",
16
17
  "./package.json": {
17
18
  "default": "./package.json"
package/palette/dark.css CHANGED
@@ -104,6 +104,7 @@
104
104
  --tui-border-normal-opaque: var(--tui-const-black-lighter-25); /* Бордеры и сепараторы на основных фонах без прозрачности */
105
105
  --tui-border-normal-opaque-hover: var(--tui-const-black-lighter-30); /* Бордеры и сепараторы на основных фонах без прозрачности */
106
106
  --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-20); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
107
+ --tui-border-normal-strong: var(--tui-const-white-alpha-40); /* Бордеры и сепараторы на основных фонах */
107
108
  --tui-border-focus: var(--tui-const-white); /* Только для веба. Бордеры при фокусировании с клавиатуры */
108
109
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
109
110
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
@@ -372,6 +373,7 @@
372
373
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
373
374
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
374
375
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
376
+ --tui-const-cool-gray-alpha-32: #00102452; /* 32% opacity */
375
377
  --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
376
378
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
377
379
  --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
package/palette/light.css CHANGED
@@ -104,6 +104,7 @@
104
104
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); /* Бордеры и сепараторы на основных фонах без прозрачности */
105
105
  --tui-border-normal-opaque-hover: var(--tui-const-cool-gray-lighter-85); /* Бордеры и сепараторы на основных фонах без прозрачности */
106
106
  --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
107
+ --tui-border-normal-strong: var(--tui-const-cool-gray-alpha-32); /* Бордеры и сепараторы на основных фонах */
107
108
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); /* Только для веба. Бордеры при фокусировании с клавиатуры */
108
109
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
109
110
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
@@ -372,6 +373,7 @@
372
373
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
373
374
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
374
375
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
376
+ --tui-const-cool-gray-alpha-32: #00102452; /* 32% opacity */
375
377
  --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
376
378
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
377
379
  --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
package/palette/mobile/dark.css CHANGED
@@ -85,6 +85,7 @@
85
85
  --tui-border-normal-pale: var(--tui-const-white-alpha-13); /* Бледные бордеры и сепараторы на основных фонах */
86
86
  --tui-border-normal-opaque: var(--tui-const-black-lighter-19); /* Бордеры и сепараторы на основных фонах без прозрачности */
87
87
  --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-13); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
88
+ --tui-border-normal-strong: var(--tui-const-white-alpha-40); /* Бордеры и сепараторы на основных фонах */
88
89
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
89
90
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); /* Обводка выделенных элементов */
90
91
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от фона в темной теме */
@@ -350,6 +351,7 @@
350
351
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
351
352
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
352
353
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
354
+ --tui-const-cool-gray-alpha-32: #00102452; /* 32% opacity */
353
355
  --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
354
356
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
355
357
  --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
package/palette/mobile/light.css CHANGED
@@ -85,6 +85,7 @@
85
85
  --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); /* Бледные бордеры и сепараторы на основных фонах */
86
86
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); /* Бордеры и сепараторы на основных фонах без прозрачности */
87
87
  --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
88
+ --tui-border-normal-strong: var(--tui-const-cool-gray-alpha-32); /* Бордеры и сепараторы на основных фонах */
88
89
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
89
90
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); /* Обводка выделенных элементов */
90
91
  --tui-border-darkmode-only: var(--tui-const-clear); /* Обводка, отделяющая цветные элементы от фона в темной теме */
@@ -350,6 +351,7 @@
350
351
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
351
352
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
352
353
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
354
+ --tui-const-cool-gray-alpha-32: #00102452; /* 32% opacity */
353
355
  --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
354
356
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
355
357
  --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */