@taiga-ui/design-tokens 0.182.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 (5) hide show
  1. package/angular/fonts/desktop.less +45 -0
  2. package/angular/fonts/mobile.less +70 -0
  3. package/fonts/desktop.css +45 -0
  4. package/fonts/mobile.css +70 -0
  5. package/package.json +2 -1
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/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.182.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"