@taiga-ui/design-tokens 0.268.0 → 0.269.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 +1 -1
  2. package/angular/fonts/mobile.less +46 -46
  3. package/fonts/desktop.css +1 -1
  4. package/fonts/mobile.css +46 -46
  5. package/package.json +1 -1
package/angular/fonts/desktop.less CHANGED
@@ -10,7 +10,7 @@
10
10
  --tui-font-legacy-body-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / calc(16 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
11
11
  --tui-font-legacy-body-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(16 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
12
12
  --tui-font-legacy-body-3xs-bold: bold calc(var(--tui-font-offset) + 0.5625rem) / calc(16 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
13
- --tui-font-legacy-body-3xs: bold calc(var(--tui-font-offset) + 0.5625rem) / calc(16 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
13
+ --tui-font-legacy-body-3xs: normal calc(var(--tui-font-offset) + 0.5625rem) / calc(16 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
14
14
  --tui-font-heading-h1: 800 calc(var(--tui-font-offset) + 3.125rem) / calc(56 / 50) var(--tui-font-family-display), var(--tui-font-family-fallback);
15
15
  --tui-font-heading-h2: 800 calc(var(--tui-font-offset) + 2.75rem) / calc(48 / 44) var(--tui-font-family-display), var(--tui-font-family-fallback);
16
16
  --tui-font-heading-h3: bold calc(var(--tui-font-offset) + 2.25rem) / calc(40 / 36) var(--tui-font-family-display), var(--tui-font-family-fallback);
package/angular/fonts/mobile.less CHANGED
@@ -4,10 +4,10 @@
4
4
  --tui-font-family-text: 'SF Pro';
5
5
  --tui-font-family-display: 'SF Pro';
6
6
  --tui-font-family-rounded: 'SF Pro Rounded';
7
- --tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.875rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
8
- --tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
9
- --tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
10
- --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
7
+ --tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.875rem) / calc(36 / 30) var(--tui-font-family-display), var(--tui-font-family-fallback);
8
+ --tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-display), var(--tui-font-family-fallback);
9
+ --tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / calc(20 / 17) var(--tui-font-family-display), var(--tui-font-family-fallback);
10
+ --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) / calc(20 / 17) var(--tui-font-family-display), var(--tui-font-family-fallback);
11
11
  --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
12
12
  --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
13
13
  --tui-font-body-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / calc(20 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
@@ -16,35 +16,35 @@
16
16
  --tui-font-body-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
17
17
  --tui-font-body-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
18
18
  --tui-font-body-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
19
- --tui-font-ui-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
20
- --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
21
- --tui-font-ui-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
22
- --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.9375rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
23
- --tui-font-ui-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
24
- --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
25
- --tui-font-ui-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
26
- --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
27
- --tui-font-ui-2xs-bold: 600 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
28
- --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
29
- --tui-font-ui-3xs-bold: 700 calc(var(--tui-font-offset) + 0.5625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
30
- --tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
31
- --tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
32
- --tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
33
- --tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
34
- --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
35
- --tui-font-numbers-2xl: 700 calc(var(--tui-font-offset) + 3rem) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
36
- --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
37
- --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
19
+ --tui-font-ui-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / calc(20 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
20
+ --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / calc(20 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
21
+ --tui-font-ui-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / calc(18 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
22
+ --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / calc(18 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
23
+ --tui-font-ui-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
24
+ --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
25
+ --tui-font-ui-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / calc(14 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
26
+ --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / calc(14 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
27
+ --tui-font-ui-2xs-bold: 600 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
28
+ --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
29
+ --tui-font-ui-3xs-bold: 700 calc(var(--tui-font-offset) + 0.5625rem) / calc(11 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
30
+ --tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) / calc(11 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
31
+ --tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
32
+ --tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
33
+ --tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
34
+ --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
35
+ --tui-font-numbers-2xl: 700 calc(var(--tui-font-offset) + 3rem) / calc(57 / 48) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
36
+ --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / calc(36 / 30) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
37
+ --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
38
38
  }
39
39
 
40
40
  [data-platform='android'] {
41
41
  --tui-font-family-text: 'Roboto';
42
42
  --tui-font-family-display: 'Roboto';
43
43
  --tui-font-family-rounded: 'Open Runde';
44
- --tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.75rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
45
- --tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
46
- --tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
47
- --tui-font-heading-mobile-s: 500 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
44
+ --tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.75rem) / calc(33 / 28) var(--tui-font-family-display), var(--tui-font-family-fallback);
45
+ --tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-display), var(--tui-font-family-fallback);
46
+ --tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1rem) / calc(19 / 16) var(--tui-font-family-display), var(--tui-font-family-fallback);
47
+ --tui-font-heading-mobile-s: 500 calc(var(--tui-font-offset) + 1rem) / calc(19 / 16) var(--tui-font-family-display), var(--tui-font-family-fallback);
48
48
  --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1rem) / calc(23 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
49
49
  --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1rem) / calc(23 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
50
50
  --tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / calc(20 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
@@ -53,23 +53,23 @@
53
53
  --tui-font-body-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
54
54
  --tui-font-body-xs-bold: 500 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
55
55
  --tui-font-body-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
56
- --tui-font-ui-l-bold: 700 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
57
- --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
58
- --tui-font-ui-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
59
- --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
60
- --tui-font-ui-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
61
- --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
62
- --tui-font-ui-xs-bold: 500 calc(var(--tui-font-offset) + 0.75rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
63
- --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
64
- --tui-font-ui-2xs-bold: 700 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
65
- --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
66
- --tui-font-ui-3xs-bold: 500 calc(var(--tui-font-offset) + 0.5625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
67
- --tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
68
- --tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
69
- --tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
70
- --tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
71
- --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
72
- --tui-font-numbers-2xl: 700 calc(var(--tui-font-offset) + 3rem) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
73
- --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
74
- --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
56
+ --tui-font-ui-l-bold: 700 calc(var(--tui-font-offset) + 1rem) / calc(19 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
57
+ --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1rem) / calc(19 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
58
+ --tui-font-ui-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / calc(16 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
59
+ --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.875rem) / calc(16 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
60
+ --tui-font-ui-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(15 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
61
+ --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(15 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
62
+ --tui-font-ui-xs-bold: 500 calc(var(--tui-font-offset) + 0.75rem) / calc(14 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
63
+ --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / calc(14 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
64
+ --tui-font-ui-2xs-bold: 700 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
65
+ --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
66
+ --tui-font-ui-3xs-bold: 500 calc(var(--tui-font-offset) + 0.5625rem) / calc(10 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
67
+ --tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) / calc(10 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
68
+ --tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(15 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
69
+ --tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(15 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
70
+ --tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
71
+ --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
72
+ --tui-font-numbers-2xl: 700 calc(var(--tui-font-offset) + 3rem) / calc(56 / 48) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
73
+ --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / calc(35 / 30) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
74
+ --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
75
75
  }
package/fonts/desktop.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --tui-font-legacy-body-2xs-bold: bold calc(var(--tui-font-offset) + 0.6875rem) / calc(16 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
11
11
  --tui-font-legacy-body-2xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(16 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
12
12
  --tui-font-legacy-body-3xs-bold: bold calc(var(--tui-font-offset) + 0.5625rem) / calc(16 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
13
- --tui-font-legacy-body-3xs: bold calc(var(--tui-font-offset) + 0.5625rem) / calc(16 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
13
+ --tui-font-legacy-body-3xs: normal calc(var(--tui-font-offset) + 0.5625rem) / calc(16 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
14
14
  --tui-font-heading-h1: 800 calc(var(--tui-font-offset) + 3.125rem) / calc(56 / 50) var(--tui-font-family-display), var(--tui-font-family-fallback);
15
15
  --tui-font-heading-h2: 800 calc(var(--tui-font-offset) + 2.75rem) / calc(48 / 44) var(--tui-font-family-display), var(--tui-font-family-fallback);
16
16
  --tui-font-heading-h3: bold calc(var(--tui-font-offset) + 2.25rem) / calc(40 / 36) var(--tui-font-family-display), var(--tui-font-family-fallback);
package/fonts/mobile.css CHANGED
@@ -4,10 +4,10 @@
4
4
  --tui-font-family-text: 'SF Pro';
5
5
  --tui-font-family-display: 'SF Pro';
6
6
  --tui-font-family-rounded: 'SF Pro Rounded';
7
- --tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.875rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
8
- --tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
9
- --tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
10
- --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
7
+ --tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.875rem) / calc(36 / 30) var(--tui-font-family-display), var(--tui-font-family-fallback);
8
+ --tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-display), var(--tui-font-family-fallback);
9
+ --tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / calc(20 / 17) var(--tui-font-family-display), var(--tui-font-family-fallback);
10
+ --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) / calc(20 / 17) var(--tui-font-family-display), var(--tui-font-family-fallback);
11
11
  --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
12
12
  --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
13
13
  --tui-font-body-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / calc(20 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
@@ -16,35 +16,35 @@
16
16
  --tui-font-body-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
17
17
  --tui-font-body-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
18
18
  --tui-font-body-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
19
- --tui-font-ui-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
20
- --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1.0625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
21
- --tui-font-ui-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
22
- --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.9375rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
23
- --tui-font-ui-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
24
- --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
25
- --tui-font-ui-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
26
- --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
27
- --tui-font-ui-2xs-bold: 600 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
28
- --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
29
- --tui-font-ui-3xs-bold: 700 calc(var(--tui-font-offset) + 0.5625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
30
- --tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
31
- --tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
32
- --tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
33
- --tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
34
- --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
35
- --tui-font-numbers-2xl: 700 calc(var(--tui-font-offset) + 3rem) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
36
- --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
37
- --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
19
+ --tui-font-ui-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / calc(20 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
20
+ --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / calc(20 / 17) var(--tui-font-family-text), var(--tui-font-family-fallback);
21
+ --tui-font-ui-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / calc(18 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
22
+ --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / calc(18 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
23
+ --tui-font-ui-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
24
+ --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
25
+ --tui-font-ui-xs-bold: 600 calc(var(--tui-font-offset) + 0.75rem) / calc(14 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
26
+ --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / calc(14 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
27
+ --tui-font-ui-2xs-bold: 600 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
28
+ --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
29
+ --tui-font-ui-3xs-bold: 700 calc(var(--tui-font-offset) + 0.5625rem) / calc(11 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
30
+ --tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) / calc(11 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
31
+ --tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
32
+ --tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
33
+ --tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
34
+ --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
35
+ --tui-font-numbers-2xl: 700 calc(var(--tui-font-offset) + 3rem) / calc(57 / 48) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
36
+ --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / calc(36 / 30) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
37
+ --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-rounded), var(--tui-font-family-rounded-fallback);
38
38
  }
39
39
 
40
40
  [data-platform='android'] {
41
41
  --tui-font-family-text: 'Roboto';
42
42
  --tui-font-family-display: 'Roboto';
43
43
  --tui-font-family-rounded: 'Open Runde';
44
- --tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.75rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
45
- --tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
46
- --tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
47
- --tui-font-heading-mobile-s: 500 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
44
+ --tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.75rem) / calc(33 / 28) var(--tui-font-family-display), var(--tui-font-family-fallback);
45
+ --tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-display), var(--tui-font-family-fallback);
46
+ --tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1rem) / calc(19 / 16) var(--tui-font-family-display), var(--tui-font-family-fallback);
47
+ --tui-font-heading-mobile-s: 500 calc(var(--tui-font-offset) + 1rem) / calc(19 / 16) var(--tui-font-family-display), var(--tui-font-family-fallback);
48
48
  --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1rem) / calc(23 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
49
49
  --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1rem) / calc(23 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
50
50
  --tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / calc(20 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
@@ -53,23 +53,23 @@
53
53
  --tui-font-body-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
54
54
  --tui-font-body-xs-bold: 500 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
55
55
  --tui-font-body-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / calc(17 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
56
- --tui-font-ui-l-bold: 700 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
57
- --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
58
- --tui-font-ui-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
59
- --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
60
- --tui-font-ui-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
61
- --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
62
- --tui-font-ui-xs-bold: 500 calc(var(--tui-font-offset) + 0.75rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
63
- --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
64
- --tui-font-ui-2xs-bold: 700 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
65
- --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
66
- --tui-font-ui-3xs-bold: 500 calc(var(--tui-font-offset) + 0.5625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
67
- --tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
68
- --tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
69
- --tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
70
- --tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
71
- --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) var(--tui-font-family-text), var(--tui-font-family-fallback);
72
- --tui-font-numbers-2xl: 700 calc(var(--tui-font-offset) + 3rem) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
73
- --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
74
- --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
56
+ --tui-font-ui-l-bold: 700 calc(var(--tui-font-offset) + 1rem) / calc(19 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
57
+ --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1rem) / calc(19 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
58
+ --tui-font-ui-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / calc(16 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
59
+ --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.875rem) / calc(16 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
60
+ --tui-font-ui-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(15 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
61
+ --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(15 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
62
+ --tui-font-ui-xs-bold: 500 calc(var(--tui-font-offset) + 0.75rem) / calc(14 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
63
+ --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / calc(14 / 12) var(--tui-font-family-text), var(--tui-font-family-fallback);
64
+ --tui-font-ui-2xs-bold: 700 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
65
+ --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
66
+ --tui-font-ui-3xs-bold: 500 calc(var(--tui-font-offset) + 0.5625rem) / calc(10 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
67
+ --tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) / calc(10 / 9) var(--tui-font-family-text), var(--tui-font-family-fallback);
68
+ --tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(15 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
69
+ --tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / calc(15 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
70
+ --tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
71
+ --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-family-text), var(--tui-font-family-fallback);
72
+ --tui-font-numbers-2xl: 700 calc(var(--tui-font-offset) + 3rem) / calc(56 / 48) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
73
+ --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / calc(35 / 30) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
74
+ --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-family-rounded), var(--tui-font-family-fallback);
75
75
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.268.0",
3
+ "version": "0.269.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",