@taiga-ui/design-tokens 0.185.0 → 0.187.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 (4) hide show
  1. package/angular/fonts/mobile.less +50 -50
  2. package/fonts/mobile.css +50 -50
  3. package/package.json +1 -1
  4. package/palette/gradient.css +1 -1
package/angular/fonts/mobile.less CHANGED
@@ -2,69 +2,69 @@
2
2
  --tui-font-family-text: 'SF Pro';
3
3
  --tui-font-family-display: 'SF Pro';
4
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);
5
+ --tui-font-heading-mobile-l: 700 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: 700 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: 700 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
8
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);
9
+ --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
10
+ --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
11
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);
12
+ --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / 1.4 var(--tui-font-family-text), var(--tui-font-family-fallback);
13
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);
14
+ --tui-font-body-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
15
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);
16
+ --tui-font-body-xs: 400 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: 700 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
18
+ --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
19
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);
20
+ --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / 1.2 var(--tui-font-family-text), var(--tui-font-family-fallback);
21
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);
22
+ --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
23
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);
24
+ --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
25
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);
26
+ --tui-font-ui-2xs: 400 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: 700 calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
28
+ --tui-font-ui-3xs: 400 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: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
30
+ --tui-font-caps-s: 400 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: 500 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
32
+ --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
33
+ --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / 1.2 var(--tui-font-family-rounded), var(--tui-font-family-fallback);
34
+ --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-rounded), var(--tui-font-family-fallback);
35
35
  }
36
36
 
37
37
  [data-platform='android'] {
38
38
  --tui-font-family-text: 'Roboto';
39
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);
40
+ --tui-font-heading-mobile-l: 700 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: 700 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: 700 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-display), var(--tui-font-family-fallback);
43
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);
44
+ --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
45
+ --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
46
+ --tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / 1.5 var(--tui-font-family-text), var(--tui-font-family-fallback);
47
+ --tui-font-body-m: 400 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: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
49
+ --tui-font-body-s: 400 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: 500 calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
51
+ --tui-font-body-xs: 400 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: 700 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-text), var(--tui-font-family-fallback);
53
+ --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-text), var(--tui-font-family-fallback);
54
+ --tui-font-ui-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / 1.14 var(--tui-font-family-text), var(--tui-font-family-fallback);
55
+ --tui-font-ui-m: 400 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: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
57
+ --tui-font-ui-s: 400 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: 500 calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
59
+ --tui-font-ui-xs: 400 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: 500 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
61
+ --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
62
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);
63
+ --tui-font-ui-3xs: 400 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: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
65
+ --tui-font-caps-s: 400 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: 500 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
67
+ --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
68
+ --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / 1.17 var(--tui-font-family-display), var(--tui-font-family-fallback);
69
+ --tui-font-numbers-m: 500 calc(var(--tui-font-offset) + 1.25rem) / 1.15 var(--tui-font-family-display), var(--tui-font-family-fallback);
70
70
  }
package/fonts/mobile.css CHANGED
@@ -2,69 +2,69 @@
2
2
  --tui-font-family-text: 'SF Pro';
3
3
  --tui-font-family-display: 'SF Pro';
4
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);
5
+ --tui-font-heading-mobile-l: 700 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: 700 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: 700 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
8
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);
9
+ --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
10
+ --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / 1.41 var(--tui-font-family-text), var(--tui-font-family-fallback);
11
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);
12
+ --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / 1.4 var(--tui-font-family-text), var(--tui-font-family-fallback);
13
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);
14
+ --tui-font-body-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
15
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);
16
+ --tui-font-body-xs: 400 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: 700 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
18
+ --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1.0625rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
19
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);
20
+ --tui-font-ui-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / 1.2 var(--tui-font-family-text), var(--tui-font-family-fallback);
21
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);
22
+ --tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
23
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);
24
+ --tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
25
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);
26
+ --tui-font-ui-2xs: 400 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: 700 calc(var(--tui-font-offset) + 0.5625rem) / 1.22 var(--tui-font-family-text), var(--tui-font-family-fallback);
28
+ --tui-font-ui-3xs: 400 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: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.23 var(--tui-font-family-text), var(--tui-font-family-fallback);
30
+ --tui-font-caps-s: 400 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: 500 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
32
+ --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
33
+ --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / 1.2 var(--tui-font-family-rounded), var(--tui-font-family-fallback);
34
+ --tui-font-numbers-m: 700 calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-rounded), var(--tui-font-family-fallback);
35
35
  }
36
36
 
37
37
  [data-platform='android'] {
38
38
  --tui-font-family-text: 'Roboto';
39
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);
40
+ --tui-font-heading-mobile-l: 700 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: 700 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: 700 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-display), var(--tui-font-family-fallback);
43
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);
44
+ --tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
45
+ --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
46
+ --tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / 1.5 var(--tui-font-family-text), var(--tui-font-family-fallback);
47
+ --tui-font-body-m: 400 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: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.38 var(--tui-font-family-text), var(--tui-font-family-fallback);
49
+ --tui-font-body-s: 400 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: 500 calc(var(--tui-font-offset) + 0.75rem) / 1.42 var(--tui-font-family-text), var(--tui-font-family-fallback);
51
+ --tui-font-body-xs: 400 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: 700 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-text), var(--tui-font-family-fallback);
53
+ --tui-font-ui-l: 400 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-text), var(--tui-font-family-fallback);
54
+ --tui-font-ui-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / 1.14 var(--tui-font-family-text), var(--tui-font-family-fallback);
55
+ --tui-font-ui-m: 400 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: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
57
+ --tui-font-ui-s: 400 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: 500 calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
59
+ --tui-font-ui-xs: 400 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: 500 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
61
+ --tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
62
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);
63
+ --tui-font-ui-3xs: 400 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: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
65
+ --tui-font-caps-s: 400 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: 500 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
67
+ --tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
68
+ --tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / 1.17 var(--tui-font-family-display), var(--tui-font-family-fallback);
69
+ --tui-font-numbers-m: 500 calc(var(--tui-font-offset) + 1.25rem) / 1.15 var(--tui-font-family-display), var(--tui-font-family-fallback);
70
70
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.185.0",
3
+ "version": "0.187.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/gradient.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --tui-gradient-brand-black: linear-gradient(90deg, rgb(51, 51, 51) 0%, rgb(92, 92, 92) 100%);
7
7
  --tui-gradient-brand-business: linear-gradient(90deg, rgb(69, 56, 41) 0%, rgb(103, 83, 61) 100%);
8
8
  --tui-gradient-brand-platinum: linear-gradient(90deg, rgb(85, 98, 114) 0%, rgb(147, 159, 174) 100%);
9
- --tui-gradient-brand-private: linear-gradient(141deg, rgb(165, 165, 181) 42%, rgb(255, 255, 255) 63%, rgb(167, 167, 183) 96%);
9
+ --tui-gradient-brand-private: linear-gradient(102deg, rgb(183, 183, 196) 0%, rgb(245, 245, 247) 54%, rgb(190, 190, 201) 100%);
10
10
  --tui-gradient-mask-fade-top: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 7.000000000000001%, rgba(0, 0, 0, 0.04) 13%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.15) 27%, rgba(0, 0, 0, 0.23) 33%, rgba(0, 0, 0, 0.33) 40%, rgba(0, 0, 0, 0.44) 47%, rgba(0, 0, 0, 0.56) 53%, rgba(0, 0, 0, 0.67) 60%, rgba(0, 0, 0, 0.77) 67%, rgba(0, 0, 0, 0.85) 73%, rgba(0, 0, 0, 0.92) 80%, rgba(0, 0, 0, 0.96) 87%, rgba(0, 0, 0, 0.99) 93%, rgb(0, 0, 0) 100%);
11
11
  --tui-gradient-mask-fade-right: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 7.000000000000001%, rgba(0, 0, 0, 0.04) 13%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.15) 27%, rgba(0, 0, 0, 0.23) 33%, rgba(0, 0, 0, 0.33) 40%, rgba(0, 0, 0, 0.44) 47%, rgba(0, 0, 0, 0.56) 53%, rgba(0, 0, 0, 0.67) 60%, rgba(0, 0, 0, 0.77) 67%, rgba(0, 0, 0, 0.85) 73%, rgba(0, 0, 0, 0.92) 80%, rgba(0, 0, 0, 0.96) 87%, rgba(0, 0, 0, 0.99) 93%, rgb(0, 0, 0) 100%);
12
12
  --tui-gradient-mask-fade-bottom: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 7.000000000000001%, rgba(0, 0, 0, 0.04) 13%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.15) 27%, rgba(0, 0, 0, 0.23) 33%, rgba(0, 0, 0, 0.33) 40%, rgba(0, 0, 0, 0.44) 47%, rgba(0, 0, 0, 0.56) 53%, rgba(0, 0, 0, 0.67) 60%, rgba(0, 0, 0, 0.77) 67%, rgba(0, 0, 0, 0.85) 73%, rgba(0, 0, 0, 0.92) 80%, rgba(0, 0, 0, 0.96) 87%, rgba(0, 0, 0, 0.99) 93%, rgb(0, 0, 0) 100%);