@taiga-ui/design-tokens 0.254.0 → 0.255.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 (14) hide show
  1. package/angular/desktop.less +2 -2
  2. package/angular/fonts/mobile.less +4 -4
  3. package/angular/mobile.less +2 -2
  4. package/fonts/mobile.css +4 -4
  5. package/package.json +1 -1
  6. package/palette/dark.css +1 -1
  7. package/palette/gradient.css +2 -0
  8. package/palette/light.css +1 -1
  9. package/palette/mobile/dark.css +1 -1
  10. package/palette/mobile/light.css +1 -1
  11. package/palette/scss/dark.scss +1 -1
  12. package/palette/scss/light.scss +1 -1
  13. package/palette/scss/mobile/dark.scss +1 -1
  14. package/palette/scss/mobile/light.scss +1 -1
package/angular/desktop.less CHANGED
@@ -221,7 +221,7 @@
221
221
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
222
222
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
223
223
  --tui-const-yellow-darker-50: #FAA805; // hsL=50
224
- --tui-const-yellow-darker-48: #F49C01; // hsL=48
224
+ --tui-const-yellow-darker-48: #EF8007; // hsL=48
225
225
  --tui-const-yellow-darker-44: #DD9403; // hsL=44
226
226
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
227
227
  --tui-const-yellow-darker-32: #806925; // hsL=32
@@ -828,7 +828,7 @@
828
828
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
829
829
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
830
830
  --tui-const-yellow-darker-50: #FAA805; // hsL=50
831
- --tui-const-yellow-darker-48: #F49C01; // hsL=48
831
+ --tui-const-yellow-darker-48: #EF8007; // hsL=48
832
832
  --tui-const-yellow-darker-44: #DD9403; // hsL=44
833
833
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
834
834
  --tui-const-yellow-darker-32: #806925; // hsL=32
package/angular/fonts/mobile.less CHANGED
@@ -10,8 +10,8 @@
10
10
  --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) 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
- --tui-font-body-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / calc(21 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
14
- --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / calc(21 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
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);
14
+ --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / calc(20 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
15
15
  --tui-font-body-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
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);
@@ -46,8 +46,8 @@
46
46
  --tui-font-heading-mobile-s: 500 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
47
47
  --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);
48
48
  --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1rem) / calc(23 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
49
- --tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / calc(21 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
50
- --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.875rem) / calc(21 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
49
+ --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);
50
+ --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.875rem) / calc(20 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
51
51
  --tui-font-body-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
52
52
  --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);
53
53
  --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);
package/angular/mobile.less CHANGED
@@ -201,7 +201,7 @@
201
201
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
202
202
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
203
203
  --tui-const-yellow-darker-50: #FAA805; // hsL=50
204
- --tui-const-yellow-darker-48: #F49C01; // hsL=48
204
+ --tui-const-yellow-darker-48: #EF8007; // hsL=48
205
205
  --tui-const-yellow-darker-44: #DD9403; // hsL=44
206
206
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
207
207
  --tui-const-yellow-darker-32: #806925; // hsL=32
@@ -768,7 +768,7 @@
768
768
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
769
769
  --tui-const-yellow-darker-54: #FAB619; // hsL=54
770
770
  --tui-const-yellow-darker-50: #FAA805; // hsL=50
771
- --tui-const-yellow-darker-48: #F49C01; // hsL=48
771
+ --tui-const-yellow-darker-48: #EF8007; // hsL=48
772
772
  --tui-const-yellow-darker-44: #DD9403; // hsL=44
773
773
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
774
774
  --tui-const-yellow-darker-32: #806925; // hsL=32
package/fonts/mobile.css CHANGED
@@ -10,8 +10,8 @@
10
10
  --tui-font-heading-mobile-s: 600 calc(var(--tui-font-offset) + 1.0625rem) 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
- --tui-font-body-m-bold: 600 calc(var(--tui-font-offset) + 0.9375rem) / calc(21 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
14
- --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / calc(21 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
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);
14
+ --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.9375rem) / calc(20 / 15) var(--tui-font-family-text), var(--tui-font-family-fallback);
15
15
  --tui-font-body-s-bold: 600 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
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);
@@ -46,8 +46,8 @@
46
46
  --tui-font-heading-mobile-s: 500 calc(var(--tui-font-offset) + 1rem) var(--tui-font-family-display), var(--tui-font-family-fallback);
47
47
  --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);
48
48
  --tui-font-body-l: 400 calc(var(--tui-font-offset) + 1rem) / calc(23 / 16) var(--tui-font-family-text), var(--tui-font-family-fallback);
49
- --tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / calc(21 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
50
- --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.875rem) / calc(21 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
49
+ --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);
50
+ --tui-font-body-m: 400 calc(var(--tui-font-offset) + 0.875rem) / calc(20 / 14) var(--tui-font-family-text), var(--tui-font-family-fallback);
51
51
  --tui-font-body-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / calc(18 / 13) var(--tui-font-family-text), var(--tui-font-family-fallback);
52
52
  --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);
53
53
  --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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.254.0",
3
+ "version": "0.255.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -220,7 +220,7 @@
220
220
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
221
221
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
222
222
  --tui-const-yellow-darker-50: #FAA805; /* hsL=50 */
223
- --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
223
+ --tui-const-yellow-darker-48: #EF8007; /* hsL=48 */
224
224
  --tui-const-yellow-darker-44: #DD9403; /* hsL=44 */
225
225
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
226
226
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
package/palette/gradient.css CHANGED
@@ -6,6 +6,8 @@
6
6
  --tui-gradient-brand-all-games-debit: linear-gradient(90deg, rgb(23, 45, 150) 0%, rgb(34, 66, 221) 100%);
7
7
  --tui-gradient-brand-black: linear-gradient(90deg, rgb(51, 51, 51) 0%, rgb(92, 92, 92) 100%);
8
8
  --tui-gradient-brand-business: linear-gradient(90deg, rgb(69, 56, 41) 0%, rgb(103, 83, 61) 100%);
9
+ --tui-gradient-brand-drive+: linear-gradient(81deg, rgb(56, 54, 54) 36%, rgb(160, 55, 44) 100%);
10
+ --tui-gradient-brand-drive-plus: linear-gradient(81deg, rgb(56, 54, 54) 36%, rgb(160, 55, 44) 100%);
9
11
  --tui-gradient-brand-platinum: linear-gradient(90deg, rgb(85, 98, 114) 0%, rgb(147, 159, 174) 100%);
10
12
  --tui-gradient-brand-private: linear-gradient(102deg, rgb(183, 183, 196) 0%, rgb(245, 245, 247) 54%, rgb(190, 190, 201) 100%);
11
13
  --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%);
package/palette/light.css CHANGED
@@ -220,7 +220,7 @@
220
220
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
221
221
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
222
222
  --tui-const-yellow-darker-50: #FAA805; /* hsL=50 */
223
- --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
223
+ --tui-const-yellow-darker-48: #EF8007; /* hsL=48 */
224
224
  --tui-const-yellow-darker-44: #DD9403; /* hsL=44 */
225
225
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
226
226
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
package/palette/mobile/dark.css CHANGED
@@ -196,7 +196,7 @@
196
196
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
197
197
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
198
198
  --tui-const-yellow-darker-50: #FAA805; /* hsL=50 */
199
- --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
199
+ --tui-const-yellow-darker-48: #EF8007; /* hsL=48 */
200
200
  --tui-const-yellow-darker-44: #DD9403; /* hsL=44 */
201
201
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
202
202
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
package/palette/mobile/light.css CHANGED
@@ -196,7 +196,7 @@
196
196
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
197
197
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
198
198
  --tui-const-yellow-darker-50: #FAA805; /* hsL=50 */
199
- --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
199
+ --tui-const-yellow-darker-48: #EF8007; /* hsL=48 */
200
200
  --tui-const-yellow-darker-44: #DD9403; /* hsL=44 */
201
201
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
202
202
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
package/palette/scss/dark.scss CHANGED
@@ -219,7 +219,7 @@
219
219
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
220
220
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
221
221
  --tui-const-yellow-darker-50: #FAA805; /* hsL=50 */
222
- --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
222
+ --tui-const-yellow-darker-48: #EF8007; /* hsL=48 */
223
223
  --tui-const-yellow-darker-44: #DD9403; /* hsL=44 */
224
224
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
225
225
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
package/palette/scss/light.scss CHANGED
@@ -219,7 +219,7 @@
219
219
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
220
220
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
221
221
  --tui-const-yellow-darker-50: #FAA805; /* hsL=50 */
222
- --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
222
+ --tui-const-yellow-darker-48: #EF8007; /* hsL=48 */
223
223
  --tui-const-yellow-darker-44: #DD9403; /* hsL=44 */
224
224
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
225
225
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
package/palette/scss/mobile/dark.scss CHANGED
@@ -195,7 +195,7 @@
195
195
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
196
196
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
197
197
  --tui-const-yellow-darker-50: #FAA805; /* hsL=50 */
198
- --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
198
+ --tui-const-yellow-darker-48: #EF8007; /* hsL=48 */
199
199
  --tui-const-yellow-darker-44: #DD9403; /* hsL=44 */
200
200
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
201
201
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
package/palette/scss/mobile/light.scss CHANGED
@@ -195,7 +195,7 @@
195
195
  --tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
196
196
  --tui-const-yellow-darker-54: #FAB619; /* hsL=54 */
197
197
  --tui-const-yellow-darker-50: #FAA805; /* hsL=50 */
198
- --tui-const-yellow-darker-48: #F49C01; /* hsL=48 */
198
+ --tui-const-yellow-darker-48: #EF8007; /* hsL=48 */
199
199
  --tui-const-yellow-darker-44: #DD9403; /* hsL=44 */
200
200
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
201
201
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */