@alfalab/core-components-vars 6.0.0 → 6.4.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 (8) hide show
  1. package/border-radius.css +1 -0
  2. package/colors-bluetint.css +30 -0
  3. package/colors-indigo.css +30 -0
  4. package/cssm/border-radius.css +1 -0
  5. package/cssm/colors-bluetint.css +30 -0
  6. package/cssm/colors-indigo.css +30 -0
  7. package/cssm/index.css +31 -0
  8. package/package.json +1 -1
package/border-radius.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --border-radius-m: 8px;
5
5
  --border-radius-l: 12px;
6
6
  --border-radius-xl: 16px;
7
+ --border-radius-xxl: 20px;
7
8
  --border-radius-circle: 50%;
8
9
  --border-radius-pill: 99px;
9
10
  }
package/colors-bluetint.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 18, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 18, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -200,7 +211,9 @@
200
211
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
201
212
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
202
213
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
214
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
203
215
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
216
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
204
217
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
205
218
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
206
219
  --color-dark-graphic-negative-shade-20: rgb(174, 23, 9);
@@ -213,6 +226,7 @@
213
226
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
214
227
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
215
228
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
229
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6);
216
230
  --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
217
231
  --color-dark-graphic-primary-shade-20: rgb(204, 204, 204);
218
232
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
@@ -221,6 +235,7 @@
221
235
  --color-dark-graphic-primary-inverted-alpha-30: rgba(0, 0, 0, 0.3);
222
236
  --color-dark-graphic-primary-inverted-alpha-40: rgba(0, 0, 0, 0.4);
223
237
  --color-dark-graphic-primary-inverted-alpha-50: rgba(0, 0, 0, 0.5);
238
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(0, 0, 0, 0.6);
224
239
  --color-dark-graphic-primary-inverted-tint-7: rgb(18, 18, 18);
225
240
  --color-dark-graphic-primary-inverted-tint-10: rgb(26, 26, 26);
226
241
  --color-dark-graphic-primary-inverted-tint-15: rgb(38, 38, 38);
@@ -283,17 +298,28 @@
283
298
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
284
299
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
285
300
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
301
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
286
302
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
303
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
287
304
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
305
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
288
306
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
307
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
308
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
289
309
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
290
310
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
311
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 18, 0.04);
291
312
  --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 18, 0.05);
292
313
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
314
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 18, 0.08);
293
315
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
316
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 18, 0.12);
294
317
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
318
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 18, 0.16);
295
319
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
320
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 18, 0.24);
296
321
  --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
322
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 18, 0.32);
297
323
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
298
324
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
299
325
  --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
@@ -321,7 +347,9 @@
321
347
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
322
348
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
323
349
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
350
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
324
351
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
352
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
325
353
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
326
354
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
327
355
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -334,6 +362,7 @@
334
362
  --color-light-graphic-primary-alpha-30: rgba(0, 0, 0, 0.3);
335
363
  --color-light-graphic-primary-alpha-40: rgba(0, 0, 0, 0.4);
336
364
  --color-light-graphic-primary-alpha-50: rgba(0, 0, 0, 0.5);
365
+ --color-light-graphic-primary-alpha-60: rgba(0, 0, 0, 0.6);
337
366
  --color-light-graphic-primary-tint-15: rgb(38, 38, 38);
338
367
  --color-light-graphic-primary-tint-20: rgb(51, 51, 51);
339
368
  --color-light-graphic-primary-tint-30: rgb(77, 77, 77);
@@ -342,6 +371,7 @@
342
371
  --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
343
372
  --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
344
373
  --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
374
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
345
375
  --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237);
346
376
  --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
347
377
  --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
package/colors-indigo.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -200,7 +211,9 @@
200
211
  --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
201
212
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
202
213
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
214
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
203
215
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
216
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
204
217
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
205
218
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
206
219
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -213,6 +226,7 @@
213
226
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
214
227
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
215
228
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
229
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6);
216
230
  --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
217
231
  --color-dark-graphic-primary-shade-20: rgb(204, 204, 204);
218
232
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
@@ -221,6 +235,7 @@
221
235
  --color-dark-graphic-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
222
236
  --color-dark-graphic-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
223
237
  --color-dark-graphic-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
238
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
224
239
  --color-dark-graphic-primary-inverted-tint-7: rgb(28, 47, 67);
225
240
  --color-dark-graphic-primary-inverted-tint-10: rgb(35, 53, 73);
226
241
  --color-dark-graphic-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -283,17 +298,28 @@
283
298
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
284
299
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
285
300
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
301
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
286
302
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
303
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
287
304
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
305
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
288
306
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
307
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
308
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
289
309
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
290
310
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
311
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
291
312
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
292
313
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
314
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
293
315
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
316
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
294
317
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
318
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
295
319
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
320
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
296
321
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
322
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
297
323
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
298
324
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
299
325
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -321,7 +347,9 @@
321
347
  --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
322
348
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
323
349
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
350
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
324
351
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
352
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
325
353
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
326
354
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
327
355
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -334,6 +362,7 @@
334
362
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
335
363
  --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
336
364
  --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
365
+ --color-light-graphic-primary-alpha-60: rgba(11, 31, 53, 0.6);
337
366
  --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
338
367
  --color-light-graphic-primary-tint-20: rgb(60, 76, 93);
339
368
  --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
@@ -342,6 +371,7 @@
342
371
  --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
343
372
  --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
344
373
  --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
374
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
345
375
  --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237);
346
376
  --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
347
377
  --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
package/cssm/border-radius.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --border-radius-m: 8px;
5
5
  --border-radius-l: 12px;
6
6
  --border-radius-xl: 16px;
7
+ --border-radius-xxl: 20px;
7
8
  --border-radius-circle: 50%;
8
9
  --border-radius-pill: 99px;
9
10
  }
package/cssm/colors-bluetint.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 18, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 18, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -200,7 +211,9 @@
200
211
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
201
212
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
202
213
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
214
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
203
215
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
216
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
204
217
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
205
218
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
206
219
  --color-dark-graphic-negative-shade-20: rgb(174, 23, 9);
@@ -213,6 +226,7 @@
213
226
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
214
227
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
215
228
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
229
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6);
216
230
  --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
217
231
  --color-dark-graphic-primary-shade-20: rgb(204, 204, 204);
218
232
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
@@ -221,6 +235,7 @@
221
235
  --color-dark-graphic-primary-inverted-alpha-30: rgba(0, 0, 0, 0.3);
222
236
  --color-dark-graphic-primary-inverted-alpha-40: rgba(0, 0, 0, 0.4);
223
237
  --color-dark-graphic-primary-inverted-alpha-50: rgba(0, 0, 0, 0.5);
238
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(0, 0, 0, 0.6);
224
239
  --color-dark-graphic-primary-inverted-tint-7: rgb(18, 18, 18);
225
240
  --color-dark-graphic-primary-inverted-tint-10: rgb(26, 26, 26);
226
241
  --color-dark-graphic-primary-inverted-tint-15: rgb(38, 38, 38);
@@ -283,17 +298,28 @@
283
298
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
284
299
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
285
300
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
301
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
286
302
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
303
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
287
304
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
305
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
288
306
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
307
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
308
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
289
309
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
290
310
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
311
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 18, 0.04);
291
312
  --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 18, 0.05);
292
313
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
314
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 18, 0.08);
293
315
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
316
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 18, 0.12);
294
317
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
318
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 18, 0.16);
295
319
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
320
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 18, 0.24);
296
321
  --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
322
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 18, 0.32);
297
323
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
298
324
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
299
325
  --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
@@ -321,7 +347,9 @@
321
347
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
322
348
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
323
349
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
350
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
324
351
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
352
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
325
353
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
326
354
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
327
355
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -334,6 +362,7 @@
334
362
  --color-light-graphic-primary-alpha-30: rgba(0, 0, 0, 0.3);
335
363
  --color-light-graphic-primary-alpha-40: rgba(0, 0, 0, 0.4);
336
364
  --color-light-graphic-primary-alpha-50: rgba(0, 0, 0, 0.5);
365
+ --color-light-graphic-primary-alpha-60: rgba(0, 0, 0, 0.6);
337
366
  --color-light-graphic-primary-tint-15: rgb(38, 38, 38);
338
367
  --color-light-graphic-primary-tint-20: rgb(51, 51, 51);
339
368
  --color-light-graphic-primary-tint-30: rgb(77, 77, 77);
@@ -342,6 +371,7 @@
342
371
  --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
343
372
  --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
344
373
  --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
374
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
345
375
  --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237);
346
376
  --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
347
377
  --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
package/cssm/colors-indigo.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -200,7 +211,9 @@
200
211
  --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
201
212
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
202
213
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
214
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
203
215
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
216
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
204
217
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
205
218
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
206
219
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -213,6 +226,7 @@
213
226
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
214
227
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
215
228
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
229
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6);
216
230
  --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
217
231
  --color-dark-graphic-primary-shade-20: rgb(204, 204, 204);
218
232
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
@@ -221,6 +235,7 @@
221
235
  --color-dark-graphic-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
222
236
  --color-dark-graphic-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
223
237
  --color-dark-graphic-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
238
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
224
239
  --color-dark-graphic-primary-inverted-tint-7: rgb(28, 47, 67);
225
240
  --color-dark-graphic-primary-inverted-tint-10: rgb(35, 53, 73);
226
241
  --color-dark-graphic-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -283,17 +298,28 @@
283
298
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
284
299
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
285
300
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
301
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
286
302
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
303
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
287
304
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
305
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
288
306
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
307
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
308
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
289
309
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
290
310
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
311
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
291
312
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
292
313
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
314
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
293
315
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
316
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
294
317
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
318
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
295
319
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
320
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
296
321
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
322
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
297
323
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
298
324
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
299
325
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -321,7 +347,9 @@
321
347
  --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
322
348
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
323
349
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
350
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
324
351
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
352
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
325
353
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
326
354
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
327
355
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -334,6 +362,7 @@
334
362
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
335
363
  --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
336
364
  --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
365
+ --color-light-graphic-primary-alpha-60: rgba(11, 31, 53, 0.6);
337
366
  --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
338
367
  --color-light-graphic-primary-tint-20: rgb(60, 76, 93);
339
368
  --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
@@ -342,6 +371,7 @@
342
371
  --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
343
372
  --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
344
373
  --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
374
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
345
375
  --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237);
346
376
  --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
347
377
  --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
package/cssm/index.css CHANGED
@@ -331,17 +331,28 @@
331
331
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
332
332
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
333
333
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
334
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
334
335
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
336
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
335
337
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
338
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
336
339
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
340
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
341
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
337
342
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
338
343
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
344
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
339
345
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
340
346
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
347
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
341
348
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
349
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
342
350
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
351
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
343
352
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
344
354
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
355
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
345
356
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
346
357
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
347
358
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -369,7 +380,9 @@
369
380
  --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
370
381
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
371
382
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
383
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
372
384
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
385
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
373
386
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
374
387
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
375
388
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
@@ -382,6 +395,7 @@
382
395
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
383
396
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
384
397
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
398
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6);
385
399
  --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
386
400
  --color-dark-graphic-primary-shade-20: rgb(204, 204, 204);
387
401
  --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
@@ -390,6 +404,7 @@
390
404
  --color-dark-graphic-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
391
405
  --color-dark-graphic-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
392
406
  --color-dark-graphic-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
407
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6);
393
408
  --color-dark-graphic-primary-inverted-tint-7: rgb(28, 47, 67);
394
409
  --color-dark-graphic-primary-inverted-tint-10: rgb(35, 53, 73);
395
410
  --color-dark-graphic-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -452,17 +467,28 @@
452
467
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
453
468
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
454
469
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
470
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
455
471
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
472
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
456
473
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
474
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
457
475
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
476
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
477
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
458
478
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
459
479
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
480
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
460
481
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
461
482
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
483
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
462
484
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
485
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
463
486
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
487
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
464
488
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
489
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
465
490
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
491
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
466
492
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
467
493
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
468
494
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -490,7 +516,9 @@
490
516
  --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
491
517
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
492
518
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
519
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
493
520
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
521
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
494
522
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
495
523
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
496
524
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
@@ -503,6 +531,7 @@
503
531
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
504
532
  --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4);
505
533
  --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5);
534
+ --color-light-graphic-primary-alpha-60: rgba(11, 31, 53, 0.6);
506
535
  --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
507
536
  --color-light-graphic-primary-tint-20: rgb(60, 76, 93);
508
537
  --color-light-graphic-primary-tint-30: rgb(84, 98, 114);
@@ -511,6 +540,7 @@
511
540
  --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
512
541
  --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
513
542
  --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
543
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
514
544
  --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237);
515
545
  --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
516
546
  --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -676,6 +706,7 @@
676
706
  --border-radius-m: 8px;
677
707
  --border-radius-l: 12px;
678
708
  --border-radius-xl: 16px;
709
+ --border-radius-xxl: 20px;
679
710
  --border-radius-circle: 50%;
680
711
  --border-radius-pill: 99px;
681
712
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "6.0.0",
3
+ "version": "6.4.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",