@alfalab/core-components-vars 6.5.1 → 7.1.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 (9) hide show
  1. package/colors-bluetint.css +58 -44
  2. package/colors-indigo.css +58 -44
  3. package/cssm/bundle/site.css +58 -44
  4. package/cssm/colors-bluetint.css +58 -44
  5. package/cssm/colors-indigo.css +58 -44
  6. package/cssm/index.css +58 -44
  7. package/package.json +1 -1
  8. package/send-stats.js +1 -1
  9. package/typography.css +195 -331
package/cssm/colors-bluetint.css CHANGED
@@ -45,26 +45,24 @@
45
45
  --color-dark-specialbg-overlay-fallback: #070707;
46
46
  --color-dark-specialbg-primary-grouped: #202022;
47
47
  --color-dark-specialbg-secondary-grouped: #2c2c2e;
48
+ --color-dark-specialbg-secondary-transparent: rgba(255, 255, 255, 0.06);
49
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(32, 32, 34, 0.05);
48
50
  --color-dark-specialbg-tertiary-grouped: #3a3a3c;
51
+ --color-dark-specialbg-tertiary-transparent: rgba(255, 255, 255, 0.11);
52
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(32, 32, 34, 0.1);
49
53
  --color-dark-text-accent: #ef3124;
50
54
  --color-dark-text-attention: #cb830f;
51
- --color-dark-text-disabled: #2a2a2c;
52
- --color-dark-text-disabled-inverted: #dcdcdd;
53
- --color-dark-text-disabled-inverted-transparent: rgba(60, 60, 67, 0.18);
54
- --color-dark-text-disabled-transparent: rgba(235, 235, 245, 0.18);
55
+ --color-dark-text-disabled: rgba(235, 235, 245, 0.18);
56
+ --color-dark-text-disabled-inverted: rgba(60, 60, 67, 0.18);
55
57
  --color-dark-text-link: #0072ef;
56
58
  --color-dark-text-negative: #f15045;
57
59
  --color-dark-text-positive: #13a463;
58
60
  --color-dark-text-primary: #fff;
59
61
  --color-dark-text-primary-inverted: #000;
60
- --color-dark-text-secondary: #8d8d93;
61
- --color-dark-text-secondary-inverted: #8a8a8e;
62
- --color-dark-text-secondary-inverted-transparent: rgba(60, 60, 67, 0.6);
63
- --color-dark-text-secondary-transparent: rgba(235, 235, 245, 0.6);
64
- --color-dark-text-tertiary: #464649;
65
- --color-dark-text-tertiary-inverted: #c5c5c7;
66
- --color-dark-text-tertiary-inverted-transparent: rgba(60, 60, 67, 0.3);
67
- --color-dark-text-tertiary-transparent: rgba(235, 235, 245, 0.3);
62
+ --color-dark-text-secondary: rgba(235, 235, 245, 0.6);
63
+ --color-dark-text-secondary-inverted: rgba(60, 60, 67, 0.6);
64
+ --color-dark-text-tertiary: rgba(235, 235, 245, 0.3);
65
+ --color-dark-text-tertiary-inverted: rgba(60, 60, 67, 0.3);
68
66
  --color-light-bg-accent: #ef3124;
69
67
  --color-light-bg-attention-muted: #f7ebd9;
70
68
  --color-light-bg-info: #d6e8fc;
@@ -111,26 +109,24 @@
111
109
  --color-light-specialbg-overlay-fallback: #5c5c5c;
112
110
  --color-light-specialbg-primary-grouped: #f3f4f5;
113
111
  --color-light-specialbg-secondary-grouped: #fff;
112
+ --color-light-specialbg-secondary-transparent: rgba(32, 32, 34, 0.05);
113
+ --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.06);
114
114
  --color-light-specialbg-tertiary-grouped: #f3f4f5;
115
+ --color-light-specialbg-tertiary-transparent: rgba(32, 32, 34, 0.1);
116
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.11);
115
117
  --color-light-text-accent: #ef3124;
116
118
  --color-light-text-attention: #cb830f;
117
- --color-light-text-disabled: #dcdcdd;
118
- --color-light-text-disabled-inverted: #2a2a2c;
119
- --color-light-text-disabled-inverted-transparent: rgba(235, 235, 245, 0.18);
120
- --color-light-text-disabled-transparent: rgba(60, 60, 67, 0.18);
119
+ --color-light-text-disabled: rgba(60, 60, 67, 0.18);
120
+ --color-light-text-disabled-inverted: rgba(235, 235, 245, 0.18);
121
121
  --color-light-text-link: #0072ef;
122
122
  --color-light-text-negative: #d91d0b;
123
123
  --color-light-text-positive: #13a463;
124
124
  --color-light-text-primary: #000;
125
125
  --color-light-text-primary-inverted: #fff;
126
- --color-light-text-secondary: #8a8a8e;
127
- --color-light-text-secondary-inverted: #8d8d93;
128
- --color-light-text-secondary-inverted-transparent: rgba(235, 235, 245, 0.6);
129
- --color-light-text-secondary-transparent: rgba(60, 60, 67, 0.6);
130
- --color-light-text-tertiary: #c5c5c7;
131
- --color-light-text-tertiary-inverted: #464649;
132
- --color-light-text-tertiary-inverted-transparent: rgba(235, 235, 245, 0.3);
133
- --color-light-text-tertiary-transparent: rgba(60, 60, 67, 0.3);
126
+ --color-light-text-secondary: rgba(60, 60, 67, 0.6);
127
+ --color-light-text-secondary-inverted: rgba(235, 235, 245, 0.6);
128
+ --color-light-text-tertiary: rgba(60, 60, 67, 0.3);
129
+ --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.3);
134
130
  --color-static-bg-accent: #ef3124;
135
131
  --color-static-bg-primary-dark: #121212;
136
132
  --color-static-bg-primary-light: #fff;
@@ -147,14 +143,10 @@
147
143
  --color-static-text-accent: #ef3124;
148
144
  --color-static-text-primary-dark: #000;
149
145
  --color-static-text-primary-light: #fff;
150
- --color-static-text-secondary-dark: #8a8a8e;
151
- --color-static-text-secondary-dark-transparent: rgba(60, 60, 67, 0.6);
152
- --color-static-text-secondary-light: #8d8d93;
153
- --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6);
154
- --color-static-text-tertiary-dark: #c5c5c7;
155
- --color-static-text-tertiary-dark-transparent: rgba(60, 60, 67, 0.3);
156
- --color-static-text-tertiary-light: #464649;
157
- --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3);
146
+ --color-static-text-secondary-dark: rgba(60, 60, 67, 0.6);
147
+ --color-static-text-secondary-light: rgba(235, 235, 245, 0.6);
148
+ --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.3);
149
+ --color-static-text-tertiary-light: rgba(235, 235, 245, 0.3);
158
150
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
159
151
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
160
152
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -218,12 +210,15 @@
218
210
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
219
211
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
220
212
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
213
+ --color-dark-graphic-negative-alpha-10: rgba(217, 29, 11, 0.1);
221
214
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
215
+ --color-dark-graphic-negative-alpha-40: rgba(217, 29, 11, 0.4);
222
216
  --color-dark-graphic-negative-shade-20: rgb(174, 23, 9);
223
217
  --color-dark-graphic-negative-shade-30: rgb(152, 20, 8);
224
218
  --color-dark-graphic-negative-tint-7: rgb(220, 45, 28);
225
219
  --color-dark-graphic-negative-tint-15: rgb(223, 63, 48);
226
220
  --color-dark-graphic-negative-tint-30: rgb(228, 97, 84);
221
+ --color-dark-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
227
222
  --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
228
223
  --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
229
224
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
@@ -271,12 +266,18 @@
271
266
  --color-dark-specialbg-component-inverted-alpha-30: rgba(0, 0, 0, 0.3);
272
267
  --color-dark-specialbg-component-inverted-shade-15: rgba(0, 0, 0, 0.218);
273
268
  --color-dark-specialbg-component-inverted-shade-20: rgba(0, 0, 0, 0.264);
269
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
270
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
271
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(27, 27, 29, 0.235);
272
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(26, 26, 27, 0.28);
274
273
  --color-dark-text-link-shade-30: rgb(0, 80, 167);
275
274
  --color-dark-text-link-shade-50: rgb(0, 57, 120);
276
275
  --color-dark-text-link-tint-20: rgb(51, 142, 242);
277
276
  --color-dark-text-link-tint-40: rgb(102, 170, 245);
278
277
  --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
278
+ --color-dark-text-primary-shade-24: rgb(194, 194, 194);
279
279
  --color-dark-text-primary-shade-30: rgb(179, 179, 179);
280
+ --color-dark-text-primary-shade-40: rgb(153, 153, 153);
280
281
  --color-dark-text-primary-shade-50: rgb(128, 128, 128);
281
282
  --color-dark-text-primary-tint-20: rgb(255, 255, 255);
282
283
  --color-dark-text-primary-tint-40: rgb(255, 255, 255);
@@ -286,14 +287,16 @@
286
287
  --color-dark-text-primary-inverted-shade-30: rgb(0, 0, 0);
287
288
  --color-dark-text-primary-inverted-tint-7: rgb(18, 18, 18);
288
289
  --color-dark-text-primary-inverted-tint-15: rgb(38, 38, 38);
290
+ --color-dark-text-primary-inverted-tint-24: rgb(61, 61, 61);
289
291
  --color-dark-text-primary-inverted-tint-30: rgb(77, 77, 77);
292
+ --color-dark-text-primary-inverted-tint-40: rgb(102, 102, 102);
290
293
  --color-dark-text-primary-inverted-tint-50: rgb(128, 128, 128);
291
- --color-dark-text-secondary-shade-20: rgb(113, 113, 118);
292
- --color-dark-text-secondary-shade-30: rgb(99, 99, 103);
293
- --color-dark-text-secondary-tint-20: rgb(164, 164, 169);
294
- --color-dark-text-secondary-tint-40: rgb(187, 187, 190);
295
- --color-dark-text-secondary-inverted-shade-20: rgb(110, 110, 114);
296
- --color-dark-text-secondary-inverted-shade-30: rgb(97, 97, 99);
294
+ --color-dark-text-secondary-shade-20: rgba(188, 188, 196, 0.68);
295
+ --color-dark-text-secondary-shade-30: rgba(164, 164, 172, 0.72);
296
+ --color-dark-text-secondary-tint-20: rgba(239, 239, 247, 0.68);
297
+ --color-dark-text-secondary-tint-40: rgba(243, 243, 249, 0.76);
298
+ --color-dark-text-secondary-inverted-shade-20: rgba(48, 48, 54, 0.68);
299
+ --color-dark-text-secondary-inverted-shade-30: rgba(42, 42, 47, 0.72);
297
300
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
298
301
  --color-light-bg-accent-tint-15: rgb(241, 80, 69);
299
302
  --color-light-bg-accent-tint-20: rgb(242, 90, 80);
@@ -357,12 +360,15 @@
357
360
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
358
361
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
359
362
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
363
+ --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
360
364
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
+ --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
361
366
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
362
367
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
363
368
  --color-light-graphic-negative-shade-7: rgb(224, 74, 64);
364
369
  --color-light-graphic-negative-shade-15: rgb(205, 68, 59);
365
370
  --color-light-graphic-negative-shade-30: rgb(169, 56, 48);
371
+ --color-light-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
366
372
  --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
367
373
  --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
368
374
  --color-light-graphic-primary-alpha-30: rgba(0, 0, 0, 0.3);
@@ -410,12 +416,18 @@
410
416
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
411
417
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
412
418
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
419
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(30, 30, 32, 0.163);
420
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(27, 27, 29, 0.235);
421
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
422
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.288);
413
423
  --color-light-text-link-tint-30: rgb(77, 156, 244);
414
424
  --color-light-text-link-tint-50: rgb(128, 185, 247);
415
425
  --color-light-text-link-shade-20: rgb(0, 91, 191);
416
426
  --color-light-text-link-shade-40: rgb(0, 68, 143);
417
427
  --color-light-text-primary-alpha-30: rgba(0, 0, 0, 0.3);
428
+ --color-light-text-primary-tint-24: rgb(61, 61, 61);
418
429
  --color-light-text-primary-tint-30: rgb(77, 77, 77);
430
+ --color-light-text-primary-tint-40: rgb(102, 102, 102);
419
431
  --color-light-text-primary-tint-50: rgb(128, 128, 128);
420
432
  --color-light-text-primary-shade-20: rgb(0, 0, 0);
421
433
  --color-light-text-primary-shade-40: rgb(0, 0, 0);
@@ -425,14 +437,16 @@
425
437
  --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
426
438
  --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
427
439
  --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
440
+ --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
428
441
  --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
442
+ --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
429
443
  --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
430
- --color-light-text-secondary-tint-20: rgb(161, 161, 165);
431
- --color-light-text-secondary-tint-30: rgb(173, 173, 176);
432
- --color-light-text-secondary-shade-20: rgb(110, 110, 114);
433
- --color-light-text-secondary-shade-40: rgb(83, 83, 85);
434
- --color-light-text-secondary-inverted-tint-20: rgb(164, 164, 169);
435
- --color-light-text-secondary-inverted-tint-30: rgb(175, 175, 179);
444
+ --color-light-text-secondary-tint-20: rgba(99, 99, 105, 0.68);
445
+ --color-light-text-secondary-tint-30: rgba(119, 119, 123, 0.72);
446
+ --color-light-text-secondary-shade-20: rgba(48, 48, 54, 0.68);
447
+ --color-light-text-secondary-shade-40: rgba(36, 36, 40, 0.76);
448
+ --color-light-text-secondary-inverted-tint-20: rgba(239, 239, 247, 0.68);
449
+ --color-light-text-secondary-inverted-tint-30: rgba(241, 241, 248, 0.72);
436
450
  --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 18, 0.1);
437
451
  --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 18, 0.2);
438
452
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
package/cssm/colors-indigo.css CHANGED
@@ -45,26 +45,24 @@
45
45
  --color-dark-specialbg-overlay-fallback: #070707;
46
46
  --color-dark-specialbg-primary-grouped: #0b1f35;
47
47
  --color-dark-specialbg-secondary-grouped: #233549;
48
+ --color-dark-specialbg-secondary-transparent: rgba(255, 255, 255, 0.1);
49
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(11, 31, 53, 0.05);
48
50
  --color-dark-specialbg-tertiary-grouped: #3c4c5d;
51
+ --color-dark-specialbg-tertiary-transparent: rgba(255, 255, 255, 0.2);
52
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(11, 31, 53, 0.1);
49
53
  --color-dark-text-accent: #ef3124;
50
54
  --color-dark-text-attention: #de6a00;
51
- --color-dark-text-disabled: #485767;
52
- --color-dark-text-disabled-inverted: #dbdee1;
53
- --color-dark-text-disabled-inverted-transparent: rgba(11, 31, 53, 0.15);
54
- --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25);
55
+ --color-dark-text-disabled: rgba(255, 255, 255, 0.25);
56
+ --color-dark-text-disabled-inverted: rgba(11, 31, 53, 0.15);
55
57
  --color-dark-text-link: #007aff;
56
58
  --color-dark-text-negative: #d91d0b;
57
59
  --color-dark-text-positive: #13a463;
58
60
  --color-dark-text-primary: #fff;
59
61
  --color-dark-text-primary-inverted: #0b1f35;
60
- --color-dark-text-secondary: #b6bcc3;
61
- --color-dark-text-secondary-inverted: #546272;
62
- --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7);
63
- --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7);
64
- --color-dark-text-tertiary: #6d7986;
65
- --color-dark-text-tertiary-inverted: #b6bcc3;
66
- --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3);
67
- --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4);
62
+ --color-dark-text-secondary: rgba(255, 255, 255, 0.7);
63
+ --color-dark-text-secondary-inverted: rgba(11, 31, 53, 0.7);
64
+ --color-dark-text-tertiary: rgba(255, 255, 255, 0.4);
65
+ --color-dark-text-tertiary-inverted: rgba(11, 31, 53, 0.3);
68
66
  --color-light-bg-accent: #ef3124;
69
67
  --color-light-bg-attention-muted: #fff3e0;
70
68
  --color-light-bg-info: #d6e8fc;
@@ -111,26 +109,24 @@
111
109
  --color-light-specialbg-overlay-fallback: #5c5c5c;
112
110
  --color-light-specialbg-primary-grouped: #f3f4f5;
113
111
  --color-light-specialbg-secondary-grouped: #fff;
112
+ --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
113
+ --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.1);
114
114
  --color-light-specialbg-tertiary-grouped: #f3f4f5;
115
+ --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
116
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.2);
115
117
  --color-light-text-accent: #ef3124;
116
118
  --color-light-text-attention: #de6a00;
117
- --color-light-text-disabled: #dbdee1;
118
- --color-light-text-disabled-inverted: #485767;
119
- --color-light-text-disabled-inverted-transparent: rgba(255, 255, 255, 0.25);
120
- --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15);
119
+ --color-light-text-disabled: rgba(11, 31, 53, 0.15);
120
+ --color-light-text-disabled-inverted: rgba(255, 255, 255, 0.25);
121
121
  --color-light-text-link: #007aff;
122
122
  --color-light-text-negative: #d91d0b;
123
123
  --color-light-text-positive: #13a463;
124
124
  --color-light-text-primary: #0b1f35;
125
125
  --color-light-text-primary-inverted: #fff;
126
- --color-light-text-secondary: #546272;
127
- --color-light-text-secondary-inverted: #b6bcc3;
128
- --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
129
- --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7);
130
- --color-light-text-tertiary: #b6bcc3;
131
- --color-light-text-tertiary-inverted: #6d7986;
132
- --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4);
133
- --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3);
126
+ --color-light-text-secondary: rgba(11, 31, 53, 0.7);
127
+ --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
128
+ --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
129
+ --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
134
130
  --color-static-bg-accent: #ef3124;
135
131
  --color-static-bg-primary-dark: #0b1f35;
136
132
  --color-static-bg-primary-light: #fff;
@@ -147,14 +143,10 @@
147
143
  --color-static-text-accent: #ef3124;
148
144
  --color-static-text-primary-dark: #0b1f35;
149
145
  --color-static-text-primary-light: #fff;
150
- --color-static-text-secondary-dark: #6d7986;
151
- --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6);
152
- --color-static-text-secondary-light: #b6bcc3;
153
- --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7);
154
- --color-static-text-tertiary-dark: #b6bcc3;
155
- --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3);
156
- --color-static-text-tertiary-light: #6d7986;
157
- --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4);
146
+ --color-static-text-secondary-dark: rgba(11, 31, 53, 0.6);
147
+ --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
148
+ --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
149
+ --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
158
150
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
159
151
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
160
152
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -218,12 +210,15 @@
218
210
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
219
211
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
220
212
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
213
+ --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
221
214
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
215
+ --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
222
216
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
223
217
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
224
218
  --color-dark-graphic-negative-tint-7: rgb(242, 92, 82);
225
219
  --color-dark-graphic-negative-tint-15: rgb(243, 106, 97);
226
220
  --color-dark-graphic-negative-tint-30: rgb(245, 133, 125);
221
+ --color-dark-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
227
222
  --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
228
223
  --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
229
224
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
@@ -271,12 +266,18 @@
271
266
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
272
267
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
273
268
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
269
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256);
270
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
271
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
272
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
274
273
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
275
274
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
276
275
  --color-dark-text-link-tint-20: rgb(51, 149, 255);
277
276
  --color-dark-text-link-tint-40: rgb(102, 175, 255);
278
277
  --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
278
+ --color-dark-text-primary-shade-24: rgb(194, 194, 194);
279
279
  --color-dark-text-primary-shade-30: rgb(179, 179, 179);
280
+ --color-dark-text-primary-shade-40: rgb(153, 153, 153);
280
281
  --color-dark-text-primary-shade-50: rgb(128, 128, 128);
281
282
  --color-dark-text-primary-tint-20: rgb(255, 255, 255);
282
283
  --color-dark-text-primary-tint-40: rgb(255, 255, 255);
@@ -286,14 +287,16 @@
286
287
  --color-dark-text-primary-inverted-shade-30: rgb(8, 22, 37);
287
288
  --color-dark-text-primary-inverted-tint-7: rgb(28, 47, 67);
288
289
  --color-dark-text-primary-inverted-tint-15: rgb(48, 65, 83);
290
+ --color-dark-text-primary-inverted-tint-24: rgb(70, 85, 101);
289
291
  --color-dark-text-primary-inverted-tint-30: rgb(84, 98, 114);
292
+ --color-dark-text-primary-inverted-tint-40: rgb(109, 121, 134);
290
293
  --color-dark-text-primary-inverted-tint-50: rgb(133, 143, 154);
291
- --color-dark-text-secondary-shade-20: rgb(146, 150, 156);
292
- --color-dark-text-secondary-shade-30: rgb(127, 132, 136);
293
- --color-dark-text-secondary-tint-20: rgb(197, 201, 207);
294
- --color-dark-text-secondary-tint-40: rgb(211, 215, 219);
295
- --color-dark-text-secondary-inverted-shade-20: rgb(67, 78, 91);
296
- --color-dark-text-secondary-inverted-shade-30: rgb(59, 69, 80);
294
+ --color-dark-text-secondary-shade-20: rgba(204, 204, 204, 0.76);
295
+ --color-dark-text-secondary-shade-30: rgba(179, 179, 179, 0.79);
296
+ --color-dark-text-secondary-tint-20: rgba(255, 255, 255, 0.76);
297
+ --color-dark-text-secondary-tint-40: rgba(255, 255, 255, 0.82);
298
+ --color-dark-text-secondary-inverted-shade-20: rgba(9, 25, 42, 0.76);
299
+ --color-dark-text-secondary-inverted-shade-30: rgba(8, 22, 37, 0.79);
297
300
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
298
301
  --color-light-bg-accent-tint-15: rgb(241, 80, 69);
299
302
  --color-light-bg-accent-tint-20: rgb(242, 90, 80);
@@ -357,12 +360,15 @@
357
360
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
358
361
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
359
362
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
363
+ --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
360
364
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
+ --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
361
366
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
362
367
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
363
368
  --color-light-graphic-negative-shade-7: rgb(224, 74, 64);
364
369
  --color-light-graphic-negative-shade-15: rgb(205, 68, 59);
365
370
  --color-light-graphic-negative-shade-30: rgb(169, 56, 48);
371
+ --color-light-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
366
372
  --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
367
373
  --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
368
374
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
@@ -410,12 +416,18 @@
410
416
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
411
417
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
412
418
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.32);
419
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
420
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
421
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
422
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
413
423
  --color-light-text-link-tint-30: rgb(77, 162, 255);
414
424
  --color-light-text-link-tint-50: rgb(128, 189, 255);
415
425
  --color-light-text-link-shade-20: rgb(0, 98, 204);
416
426
  --color-light-text-link-shade-40: rgb(0, 73, 153);
417
427
  --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
428
+ --color-light-text-primary-tint-24: rgb(70, 85, 101);
418
429
  --color-light-text-primary-tint-30: rgb(84, 98, 114);
430
+ --color-light-text-primary-tint-40: rgb(109, 121, 134);
419
431
  --color-light-text-primary-tint-50: rgb(133, 143, 154);
420
432
  --color-light-text-primary-shade-20: rgb(9, 25, 42);
421
433
  --color-light-text-primary-shade-40: rgb(7, 19, 32);
@@ -425,14 +437,16 @@
425
437
  --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
426
438
  --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
427
439
  --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
440
+ --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
428
441
  --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
442
+ --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
429
443
  --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
430
- --color-light-text-secondary-tint-20: rgb(118, 129, 142);
431
- --color-light-text-secondary-tint-30: rgb(135, 145, 156);
432
- --color-light-text-secondary-shade-20: rgb(67, 78, 91);
433
- --color-light-text-secondary-shade-40: rgb(50, 59, 68);
434
- --color-light-text-secondary-inverted-tint-20: rgb(197, 201, 207);
435
- --color-light-text-secondary-inverted-tint-30: rgb(204, 208, 213);
444
+ --color-light-text-secondary-tint-20: rgba(60, 76, 93, 0.76);
445
+ --color-light-text-secondary-tint-30: rgba(84, 98, 114, 0.79);
446
+ --color-light-text-secondary-shade-20: rgba(9, 25, 42, 0.76);
447
+ --color-light-text-secondary-shade-40: rgba(7, 19, 32, 0.82);
448
+ --color-light-text-secondary-inverted-tint-20: rgba(255, 255, 255, 0.76);
449
+ --color-light-text-secondary-inverted-tint-30: rgba(255, 255, 255, 0.79);
436
450
  --color-static-bg-primary-dark-alpha-10: rgba(11, 31, 53, 0.1);
437
451
  --color-static-bg-primary-dark-alpha-20: rgba(11, 31, 53, 0.2);
438
452
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
package/cssm/index.css CHANGED
@@ -214,26 +214,24 @@
214
214
  --color-dark-specialbg-overlay-fallback: #070707;
215
215
  --color-dark-specialbg-primary-grouped: #0b1f35;
216
216
  --color-dark-specialbg-secondary-grouped: #233549;
217
+ --color-dark-specialbg-secondary-transparent: rgba(255, 255, 255, 0.1);
218
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(11, 31, 53, 0.05);
217
219
  --color-dark-specialbg-tertiary-grouped: #3c4c5d;
220
+ --color-dark-specialbg-tertiary-transparent: rgba(255, 255, 255, 0.2);
221
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(11, 31, 53, 0.1);
218
222
  --color-dark-text-accent: #ef3124;
219
223
  --color-dark-text-attention: #de6a00;
220
- --color-dark-text-disabled: #485767;
221
- --color-dark-text-disabled-inverted: #dbdee1;
222
- --color-dark-text-disabled-inverted-transparent: rgba(11, 31, 53, 0.15);
223
- --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25);
224
+ --color-dark-text-disabled: rgba(255, 255, 255, 0.25);
225
+ --color-dark-text-disabled-inverted: rgba(11, 31, 53, 0.15);
224
226
  --color-dark-text-link: #007aff;
225
227
  --color-dark-text-negative: #d91d0b;
226
228
  --color-dark-text-positive: #13a463;
227
229
  --color-dark-text-primary: #fff;
228
230
  --color-dark-text-primary-inverted: #0b1f35;
229
- --color-dark-text-secondary: #b6bcc3;
230
- --color-dark-text-secondary-inverted: #546272;
231
- --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7);
232
- --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7);
233
- --color-dark-text-tertiary: #6d7986;
234
- --color-dark-text-tertiary-inverted: #b6bcc3;
235
- --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3);
236
- --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4);
231
+ --color-dark-text-secondary: rgba(255, 255, 255, 0.7);
232
+ --color-dark-text-secondary-inverted: rgba(11, 31, 53, 0.7);
233
+ --color-dark-text-tertiary: rgba(255, 255, 255, 0.4);
234
+ --color-dark-text-tertiary-inverted: rgba(11, 31, 53, 0.3);
237
235
  --color-light-bg-accent: #ef3124;
238
236
  --color-light-bg-attention-muted: #fff3e0;
239
237
  --color-light-bg-info: #d6e8fc;
@@ -280,26 +278,24 @@
280
278
  --color-light-specialbg-overlay-fallback: #5c5c5c;
281
279
  --color-light-specialbg-primary-grouped: #f3f4f5;
282
280
  --color-light-specialbg-secondary-grouped: #fff;
281
+ --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
282
+ --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.1);
283
283
  --color-light-specialbg-tertiary-grouped: #f3f4f5;
284
+ --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
285
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.2);
284
286
  --color-light-text-accent: #ef3124;
285
287
  --color-light-text-attention: #de6a00;
286
- --color-light-text-disabled: #dbdee1;
287
- --color-light-text-disabled-inverted: #485767;
288
- --color-light-text-disabled-inverted-transparent: rgba(255, 255, 255, 0.25);
289
- --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15);
288
+ --color-light-text-disabled: rgba(11, 31, 53, 0.15);
289
+ --color-light-text-disabled-inverted: rgba(255, 255, 255, 0.25);
290
290
  --color-light-text-link: #007aff;
291
291
  --color-light-text-negative: #d91d0b;
292
292
  --color-light-text-positive: #13a463;
293
293
  --color-light-text-primary: #0b1f35;
294
294
  --color-light-text-primary-inverted: #fff;
295
- --color-light-text-secondary: #546272;
296
- --color-light-text-secondary-inverted: #b6bcc3;
297
- --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
298
- --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7);
299
- --color-light-text-tertiary: #b6bcc3;
300
- --color-light-text-tertiary-inverted: #6d7986;
301
- --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4);
302
- --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3);
295
+ --color-light-text-secondary: rgba(11, 31, 53, 0.7);
296
+ --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
297
+ --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
298
+ --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
303
299
  --color-static-bg-accent: #ef3124;
304
300
  --color-static-bg-primary-dark: #0b1f35;
305
301
  --color-static-bg-primary-light: #fff;
@@ -316,14 +312,10 @@
316
312
  --color-static-text-accent: #ef3124;
317
313
  --color-static-text-primary-dark: #0b1f35;
318
314
  --color-static-text-primary-light: #fff;
319
- --color-static-text-secondary-dark: #6d7986;
320
- --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6);
321
- --color-static-text-secondary-light: #b6bcc3;
322
- --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7);
323
- --color-static-text-tertiary-dark: #b6bcc3;
324
- --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3);
325
- --color-static-text-tertiary-light: #6d7986;
326
- --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4);
315
+ --color-static-text-secondary-dark: rgba(11, 31, 53, 0.6);
316
+ --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
317
+ --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
318
+ --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
327
319
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
328
320
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
329
321
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -387,12 +379,15 @@
387
379
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
388
380
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
389
381
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
382
+ --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
390
383
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
384
+ --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
391
385
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
392
386
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
393
387
  --color-dark-graphic-negative-tint-7: rgb(242, 92, 82);
394
388
  --color-dark-graphic-negative-tint-15: rgb(243, 106, 97);
395
389
  --color-dark-graphic-negative-tint-30: rgb(245, 133, 125);
390
+ --color-dark-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
396
391
  --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
397
392
  --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
398
393
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
@@ -440,12 +435,18 @@
440
435
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
441
436
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
442
437
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
438
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256);
439
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
440
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
441
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
443
442
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
444
443
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
445
444
  --color-dark-text-link-tint-20: rgb(51, 149, 255);
446
445
  --color-dark-text-link-tint-40: rgb(102, 175, 255);
447
446
  --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
447
+ --color-dark-text-primary-shade-24: rgb(194, 194, 194);
448
448
  --color-dark-text-primary-shade-30: rgb(179, 179, 179);
449
+ --color-dark-text-primary-shade-40: rgb(153, 153, 153);
449
450
  --color-dark-text-primary-shade-50: rgb(128, 128, 128);
450
451
  --color-dark-text-primary-tint-20: rgb(255, 255, 255);
451
452
  --color-dark-text-primary-tint-40: rgb(255, 255, 255);
@@ -455,14 +456,16 @@
455
456
  --color-dark-text-primary-inverted-shade-30: rgb(8, 22, 37);
456
457
  --color-dark-text-primary-inverted-tint-7: rgb(28, 47, 67);
457
458
  --color-dark-text-primary-inverted-tint-15: rgb(48, 65, 83);
459
+ --color-dark-text-primary-inverted-tint-24: rgb(70, 85, 101);
458
460
  --color-dark-text-primary-inverted-tint-30: rgb(84, 98, 114);
461
+ --color-dark-text-primary-inverted-tint-40: rgb(109, 121, 134);
459
462
  --color-dark-text-primary-inverted-tint-50: rgb(133, 143, 154);
460
- --color-dark-text-secondary-shade-20: rgb(146, 150, 156);
461
- --color-dark-text-secondary-shade-30: rgb(127, 132, 136);
462
- --color-dark-text-secondary-tint-20: rgb(197, 201, 207);
463
- --color-dark-text-secondary-tint-40: rgb(211, 215, 219);
464
- --color-dark-text-secondary-inverted-shade-20: rgb(67, 78, 91);
465
- --color-dark-text-secondary-inverted-shade-30: rgb(59, 69, 80);
463
+ --color-dark-text-secondary-shade-20: rgba(204, 204, 204, 0.76);
464
+ --color-dark-text-secondary-shade-30: rgba(179, 179, 179, 0.79);
465
+ --color-dark-text-secondary-tint-20: rgba(255, 255, 255, 0.76);
466
+ --color-dark-text-secondary-tint-40: rgba(255, 255, 255, 0.82);
467
+ --color-dark-text-secondary-inverted-shade-20: rgba(9, 25, 42, 0.76);
468
+ --color-dark-text-secondary-inverted-shade-30: rgba(8, 22, 37, 0.79);
466
469
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
467
470
  --color-light-bg-accent-tint-15: rgb(241, 80, 69);
468
471
  --color-light-bg-accent-tint-20: rgb(242, 90, 80);
@@ -526,12 +529,15 @@
526
529
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
527
530
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
528
531
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
532
+ --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
529
533
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
534
+ --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
530
535
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
531
536
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
532
537
  --color-light-graphic-negative-shade-7: rgb(224, 74, 64);
533
538
  --color-light-graphic-negative-shade-15: rgb(205, 68, 59);
534
539
  --color-light-graphic-negative-shade-30: rgb(169, 56, 48);
540
+ --color-light-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
535
541
  --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
536
542
  --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
537
543
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
@@ -579,12 +585,18 @@
579
585
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
580
586
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
581
587
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.32);
588
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
589
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
590
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
591
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
582
592
  --color-light-text-link-tint-30: rgb(77, 162, 255);
583
593
  --color-light-text-link-tint-50: rgb(128, 189, 255);
584
594
  --color-light-text-link-shade-20: rgb(0, 98, 204);
585
595
  --color-light-text-link-shade-40: rgb(0, 73, 153);
586
596
  --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
597
+ --color-light-text-primary-tint-24: rgb(70, 85, 101);
587
598
  --color-light-text-primary-tint-30: rgb(84, 98, 114);
599
+ --color-light-text-primary-tint-40: rgb(109, 121, 134);
588
600
  --color-light-text-primary-tint-50: rgb(133, 143, 154);
589
601
  --color-light-text-primary-shade-20: rgb(9, 25, 42);
590
602
  --color-light-text-primary-shade-40: rgb(7, 19, 32);
@@ -594,14 +606,16 @@
594
606
  --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
595
607
  --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
596
608
  --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
609
+ --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
597
610
  --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
611
+ --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
598
612
  --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
599
- --color-light-text-secondary-tint-20: rgb(118, 129, 142);
600
- --color-light-text-secondary-tint-30: rgb(135, 145, 156);
601
- --color-light-text-secondary-shade-20: rgb(67, 78, 91);
602
- --color-light-text-secondary-shade-40: rgb(50, 59, 68);
603
- --color-light-text-secondary-inverted-tint-20: rgb(197, 201, 207);
604
- --color-light-text-secondary-inverted-tint-30: rgb(204, 208, 213);
613
+ --color-light-text-secondary-tint-20: rgba(60, 76, 93, 0.76);
614
+ --color-light-text-secondary-tint-30: rgba(84, 98, 114, 0.79);
615
+ --color-light-text-secondary-shade-20: rgba(9, 25, 42, 0.76);
616
+ --color-light-text-secondary-shade-40: rgba(7, 19, 32, 0.82);
617
+ --color-light-text-secondary-inverted-tint-20: rgba(255, 255, 255, 0.76);
618
+ --color-light-text-secondary-inverted-tint-30: rgba(255, 255, 255, 0.79);
605
619
  --color-static-bg-primary-dark-alpha-10: rgba(11, 31, 53, 0.1);
606
620
  --color-static-bg-primary-dark-alpha-20: rgba(11, 31, 53, 0.2);
607
621
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "6.5.1",
3
+ "version": "7.1.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/send-stats.js CHANGED
@@ -55,7 +55,7 @@ async function main() {
55
55
  };
56
56
 
57
57
  return new Promise((resolve, reject) => {
58
- const req = http.request(options, res => {
58
+ const req = http.request(options, (res) => {
59
59
  res.on('end', () => {
60
60
  resolve();
61
61
  });