@alfalab/core-components-vars 9.4.0 → 9.6.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 (36) hide show
  1. package/bundle/corp.css +2 -2
  2. package/colors-bluetint.css +16 -0
  3. package/colors-indigo.css +16 -0
  4. package/cssm/bundle/click.css +16 -0
  5. package/cssm/bundle/corp.css +356 -335
  6. package/cssm/bundle/intranet.css +16 -0
  7. package/cssm/bundle/mobile.css +16 -0
  8. package/cssm/bundle/site.css +16 -0
  9. package/cssm/colors-bluetint.css +16 -0
  10. package/cssm/colors-indigo.css +16 -0
  11. package/cssm/index.css +16 -0
  12. package/index.d.ts +16 -0
  13. package/index.js +16 -0
  14. package/mixins.css +0 -1
  15. package/package.json +2 -3
  16. package/src/border-radius.css +11 -0
  17. package/src/bundle/click.css +7 -0
  18. package/src/bundle/corp.css +7 -0
  19. package/src/bundle/intranet.css +7 -0
  20. package/src/bundle/mobile.css +7 -0
  21. package/src/bundle/site.css +6 -0
  22. package/src/colors-addons.css +127 -0
  23. package/src/colors-bluetint.css +515 -0
  24. package/src/colors-bluetint.ts +4 -0
  25. package/src/colors-indigo.css +515 -0
  26. package/src/colors-indigo.ts +4 -0
  27. package/src/colors-transparent.css +28 -0
  28. package/src/colors-x5.css +4 -0
  29. package/src/colors.css +71 -0
  30. package/src/gaps.css +30 -0
  31. package/src/index.css +9 -0
  32. package/src/mixins.css +71 -0
  33. package/src/shadows-bluetint.css +43 -0
  34. package/src/shadows-indigo.css +38 -0
  35. package/src/typography.css +519 -0
  36. package/send-stats.js +0 -82
package/cssm/bundle/intranet.css CHANGED
@@ -241,6 +241,10 @@
241
241
  --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
242
242
  --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
243
243
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
244
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
245
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
246
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
247
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
244
248
  --color-dark-border-underline-alpha-30: rgba(70, 70, 73, 0.3);
245
249
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
246
250
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -306,6 +310,10 @@
306
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
307
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
308
312
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
313
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(255, 255, 255, 0.1258);
314
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(255, 255, 255, 0.201);
315
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.1925);
316
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.24);
309
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
310
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
311
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -393,6 +401,10 @@
393
401
  --color-light-bg-secondary-inverted-shade-7: rgb(30, 30, 32);
394
402
  --color-light-bg-secondary-inverted-shade-15: rgb(27, 27, 29);
395
403
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
404
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
405
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
406
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
407
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
396
408
  --color-light-border-underline-alpha-30: rgba(197, 197, 199, 0.3);
397
409
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
398
410
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -458,6 +470,10 @@
458
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
459
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
460
472
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
473
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(10, 29, 49, 0.1165);
474
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(9, 26, 45, 0.1925);
475
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.201);
476
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.248);
461
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
462
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
463
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/bundle/mobile.css CHANGED
@@ -241,6 +241,10 @@
241
241
  --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
242
242
  --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
243
243
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
244
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
245
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
246
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
247
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
244
248
  --color-dark-border-underline-alpha-30: rgba(70, 70, 73, 0.3);
245
249
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
246
250
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -306,6 +310,10 @@
306
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
307
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
308
312
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
313
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(255, 255, 255, 0.1258);
314
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(255, 255, 255, 0.201);
315
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.1925);
316
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.24);
309
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
310
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
311
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -393,6 +401,10 @@
393
401
  --color-light-bg-secondary-inverted-shade-7: rgb(30, 30, 32);
394
402
  --color-light-bg-secondary-inverted-shade-15: rgb(27, 27, 29);
395
403
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
404
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
405
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
406
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
407
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
396
408
  --color-light-border-underline-alpha-30: rgba(197, 197, 199, 0.3);
397
409
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
398
410
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -458,6 +470,10 @@
458
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
459
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
460
472
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
473
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(10, 29, 49, 0.1165);
474
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(9, 26, 45, 0.1925);
475
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.201);
476
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.248);
461
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
462
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
463
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/bundle/site.css CHANGED
@@ -241,6 +241,10 @@
241
241
  --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
242
242
  --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
243
243
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
244
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
245
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
246
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
247
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
244
248
  --color-dark-border-underline-alpha-30: rgba(70, 70, 73, 0.3);
245
249
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
246
250
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -306,6 +310,10 @@
306
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
307
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
308
312
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
313
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(255, 255, 255, 0.1258);
314
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(255, 255, 255, 0.201);
315
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.1925);
316
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.24);
309
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
310
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
311
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -393,6 +401,10 @@
393
401
  --color-light-bg-secondary-inverted-shade-7: rgb(30, 30, 32);
394
402
  --color-light-bg-secondary-inverted-shade-15: rgb(27, 27, 29);
395
403
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
404
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
405
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
406
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
407
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
396
408
  --color-light-border-underline-alpha-30: rgba(197, 197, 199, 0.3);
397
409
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
398
410
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -458,6 +470,10 @@
458
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
459
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
460
472
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
473
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(10, 29, 49, 0.1165);
474
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(9, 26, 45, 0.1925);
475
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.201);
476
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.248);
461
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
462
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
463
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/colors-bluetint.css CHANGED
@@ -241,6 +241,10 @@
241
241
  --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
242
242
  --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
243
243
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
244
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
245
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
246
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
247
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
244
248
  --color-dark-border-underline-alpha-30: rgba(70, 70, 73, 0.3);
245
249
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
246
250
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -306,6 +310,10 @@
306
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
307
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
308
312
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
313
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(255, 255, 255, 0.1258);
314
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(255, 255, 255, 0.201);
315
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.1925);
316
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.24);
309
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
310
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
311
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -393,6 +401,10 @@
393
401
  --color-light-bg-secondary-inverted-shade-7: rgb(30, 30, 32);
394
402
  --color-light-bg-secondary-inverted-shade-15: rgb(27, 27, 29);
395
403
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
404
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
405
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
406
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
407
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
396
408
  --color-light-border-underline-alpha-30: rgba(197, 197, 199, 0.3);
397
409
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
398
410
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -458,6 +470,10 @@
458
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
459
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
460
472
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
473
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(10, 29, 49, 0.1165);
474
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(9, 26, 45, 0.1925);
475
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.201);
476
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.248);
461
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
462
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
463
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/colors-indigo.css CHANGED
@@ -241,6 +241,10 @@
241
241
  --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
242
242
  --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
243
243
  --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
244
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
245
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
246
+ --color-dark-border-key-inverted-alpha-7: rgba(11, 31, 53, 0.07);
247
+ --color-dark-border-key-inverted-alpha-15: rgba(11, 31, 53, 0.15);
244
248
  --color-dark-border-underline-alpha-30: rgba(109, 121, 134, 0.3);
245
249
  --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3);
246
250
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -306,6 +310,10 @@
306
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
307
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
308
312
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
313
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(255, 255, 255, 0.163);
314
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(255, 255, 255, 0.235);
315
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.1925);
316
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.24);
309
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256);
310
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
311
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -393,6 +401,10 @@
393
401
  --color-light-bg-secondary-inverted-shade-7: rgb(33, 49, 68);
394
402
  --color-light-bg-secondary-inverted-shade-15: rgb(30, 45, 62);
395
403
  --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
404
+ --color-light-border-key-alpha-7: rgba(11, 31, 53, 0.07);
405
+ --color-light-border-key-alpha-15: rgba(11, 31, 53, 0.15);
406
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
407
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
396
408
  --color-light-border-underline-alpha-30: rgba(182, 188, 195, 0.3);
397
409
  --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
398
410
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -458,6 +470,10 @@
458
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
459
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
460
472
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.32);
473
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(10, 29, 49, 0.1165);
474
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(9, 26, 45, 0.1925);
475
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.235);
476
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.28);
461
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
462
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
463
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
package/cssm/index.css CHANGED
@@ -311,6 +311,10 @@
311
311
  --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
312
312
  --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
313
313
  --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
314
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
315
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
316
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
317
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
314
318
  --color-dark-border-underline-alpha-30: rgba(70, 70, 73, 0.3);
315
319
  --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
316
320
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -376,6 +380,10 @@
376
380
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
377
381
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
378
382
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
383
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(255, 255, 255, 0.1258);
384
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(255, 255, 255, 0.201);
385
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.1925);
386
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.24);
379
387
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
380
388
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
381
389
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -463,6 +471,10 @@
463
471
  --color-light-bg-secondary-inverted-shade-7: rgb(30, 30, 32);
464
472
  --color-light-bg-secondary-inverted-shade-15: rgb(27, 27, 29);
465
473
  --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
474
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
475
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
476
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
477
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
466
478
  --color-light-border-underline-alpha-30: rgba(197, 197, 199, 0.3);
467
479
  --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
468
480
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -528,6 +540,10 @@
528
540
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
529
541
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
530
542
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
543
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(10, 29, 49, 0.1165);
544
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(9, 26, 45, 0.1925);
545
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.201);
546
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.248);
531
547
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
532
548
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
533
549
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/index.d.ts CHANGED
@@ -309,6 +309,10 @@ export const colorDarkBgSecondaryInvertedShade20: "rgb(194, 195, 196)";
309
309
  export const colorDarkBgSecondaryInvertedTint7: "rgb(244, 245, 246)";
310
310
  export const colorDarkBgSecondaryInvertedTint15: "rgb(245, 246, 246)";
311
311
  export const colorDarkBgTertiaryTint7: "rgb(59, 59, 61)";
312
+ export const colorDarkBorderKeyAlpha7: "rgba(255, 255, 255, 0.07)";
313
+ export const colorDarkBorderKeyAlpha15: "rgba(255, 255, 255, 0.15)";
314
+ export const colorDarkBorderKeyInvertedAlpha7: "rgba(0, 0, 0, 0.07)";
315
+ export const colorDarkBorderKeyInvertedAlpha15: "rgba(0, 0, 0, 0.15)";
312
316
  export const colorDarkBorderUnderlineAlpha30: "rgba(70, 70, 73, 0.3)";
313
317
  export const colorDarkBorderUnderlineInvertedAlpha30: "rgba(197, 197, 199, 0.3)";
314
318
  export const colorDarkGraphicAccentAlpha30: "rgba(239, 49, 36, 0.3)";
@@ -374,6 +378,10 @@ export const colorDarkSpecialbgComponentAlpha30: "rgba(255, 255, 255, 0.3)";
374
378
  export const colorDarkSpecialbgComponentInvertedAlpha30: "rgba(11, 31, 53, 0.3)";
375
379
  export const colorDarkSpecialbgComponentInvertedShade15: "rgba(9, 26, 45, 0.2095)";
376
380
  export const colorDarkSpecialbgComponentInvertedShade20: "rgba(9, 25, 42, 0.256)";
381
+ export const colorDarkSpecialbgSecondaryTransparentTint7: "rgba(255, 255, 255, 0.1258)";
382
+ export const colorDarkSpecialbgSecondaryTransparentTint15: "rgba(255, 255, 255, 0.201)";
383
+ export const colorDarkSpecialbgSecondaryTransparentInvertedShade15: "rgba(9, 26, 45, 0.1925)";
384
+ export const colorDarkSpecialbgSecondaryTransparentInvertedShade20: "rgba(9, 25, 42, 0.24)";
377
385
  export const colorDarkSpecialbgTertiaryTransparentTint7: "rgba(255, 255, 255, 0.1723)";
378
386
  export const colorDarkSpecialbgTertiaryTransparentTint15: "rgba(255, 255, 255, 0.2435)";
379
387
  export const colorDarkSpecialbgTertiaryTransparentInvertedShade15: "rgba(9, 26, 45, 0.235)";
@@ -461,6 +469,10 @@ export const colorLightBgSecondaryInvertedTint20: "rgb(77, 77, 78)";
461
469
  export const colorLightBgSecondaryInvertedShade7: "rgb(30, 30, 32)";
462
470
  export const colorLightBgSecondaryInvertedShade15: "rgb(27, 27, 29)";
463
471
  export const colorLightBgTertiaryShade7: "rgb(217, 217, 219)";
472
+ export const colorLightBorderKeyAlpha7: "rgba(0, 0, 0, 0.07)";
473
+ export const colorLightBorderKeyAlpha15: "rgba(0, 0, 0, 0.15)";
474
+ export const colorLightBorderKeyInvertedAlpha7: "rgba(255, 255, 255, 0.07)";
475
+ export const colorLightBorderKeyInvertedAlpha15: "rgba(255, 255, 255, 0.15)";
464
476
  export const colorLightBorderUnderlineAlpha30: "rgba(197, 197, 199, 0.3)";
465
477
  export const colorLightBorderUnderlineInvertedAlpha30: "rgba(70, 70, 73, 0.3)";
466
478
  export const colorLightGraphicAccentAlpha30: "rgba(239, 49, 36, 0.3)";
@@ -526,6 +538,10 @@ export const colorLightSpecialbgComponentAlpha30: "rgba(11, 31, 53, 0.3)";
526
538
  export const colorLightSpecialbgComponentInvertedAlpha30: "rgba(255, 255, 255, 0.3)";
527
539
  export const colorLightSpecialbgComponentInvertedTint15: "rgba(255, 255, 255, 0.235)";
528
540
  export const colorLightSpecialbgComponentInvertedTint20: "rgba(255, 255, 255, 0.28)";
541
+ export const colorLightSpecialbgSecondaryTransparentShade7: "rgba(10, 29, 49, 0.1165)";
542
+ export const colorLightSpecialbgSecondaryTransparentShade15: "rgba(9, 26, 45, 0.1925)";
543
+ export const colorLightSpecialbgSecondaryTransparentInvertedTint15: "rgba(255, 255, 255, 0.201)";
544
+ export const colorLightSpecialbgSecondaryTransparentInvertedTint20: "rgba(255, 255, 255, 0.248)";
529
545
  export const colorLightSpecialbgTertiaryTransparentShade7: "rgba(10, 29, 49, 0.163)";
530
546
  export const colorLightSpecialbgTertiaryTransparentShade15: "rgba(9, 26, 45, 0.235)";
531
547
  export const colorLightSpecialbgTertiaryTransparentInvertedTint15: "rgba(255, 255, 255, 0.2435)";
package/index.js CHANGED
@@ -309,6 +309,10 @@ export const colorDarkBgSecondaryInvertedShade20 = "rgb(194, 195, 196)";
309
309
  export const colorDarkBgSecondaryInvertedTint7 = "rgb(244, 245, 246)";
310
310
  export const colorDarkBgSecondaryInvertedTint15 = "rgb(245, 246, 246)";
311
311
  export const colorDarkBgTertiaryTint7 = "rgb(59, 59, 61)";
312
+ export const colorDarkBorderKeyAlpha7 = "rgba(255, 255, 255, 0.07)";
313
+ export const colorDarkBorderKeyAlpha15 = "rgba(255, 255, 255, 0.15)";
314
+ export const colorDarkBorderKeyInvertedAlpha7 = "rgba(0, 0, 0, 0.07)";
315
+ export const colorDarkBorderKeyInvertedAlpha15 = "rgba(0, 0, 0, 0.15)";
312
316
  export const colorDarkBorderUnderlineAlpha30 = "rgba(70, 70, 73, 0.3)";
313
317
  export const colorDarkBorderUnderlineInvertedAlpha30 = "rgba(197, 197, 199, 0.3)";
314
318
  export const colorDarkGraphicAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
@@ -374,6 +378,10 @@ export const colorDarkSpecialbgComponentAlpha30 = "rgba(255, 255, 255, 0.3)";
374
378
  export const colorDarkSpecialbgComponentInvertedAlpha30 = "rgba(11, 31, 53, 0.3)";
375
379
  export const colorDarkSpecialbgComponentInvertedShade15 = "rgba(9, 26, 45, 0.2095)";
376
380
  export const colorDarkSpecialbgComponentInvertedShade20 = "rgba(9, 25, 42, 0.256)";
381
+ export const colorDarkSpecialbgSecondaryTransparentTint7 = "rgba(255, 255, 255, 0.1258)";
382
+ export const colorDarkSpecialbgSecondaryTransparentTint15 = "rgba(255, 255, 255, 0.201)";
383
+ export const colorDarkSpecialbgSecondaryTransparentInvertedShade15 = "rgba(9, 26, 45, 0.1925)";
384
+ export const colorDarkSpecialbgSecondaryTransparentInvertedShade20 = "rgba(9, 25, 42, 0.24)";
377
385
  export const colorDarkSpecialbgTertiaryTransparentTint7 = "rgba(255, 255, 255, 0.1723)";
378
386
  export const colorDarkSpecialbgTertiaryTransparentTint15 = "rgba(255, 255, 255, 0.2435)";
379
387
  export const colorDarkSpecialbgTertiaryTransparentInvertedShade15 = "rgba(9, 26, 45, 0.235)";
@@ -461,6 +469,10 @@ export const colorLightBgSecondaryInvertedTint20 = "rgb(77, 77, 78)";
461
469
  export const colorLightBgSecondaryInvertedShade7 = "rgb(30, 30, 32)";
462
470
  export const colorLightBgSecondaryInvertedShade15 = "rgb(27, 27, 29)";
463
471
  export const colorLightBgTertiaryShade7 = "rgb(217, 217, 219)";
472
+ export const colorLightBorderKeyAlpha7 = "rgba(0, 0, 0, 0.07)";
473
+ export const colorLightBorderKeyAlpha15 = "rgba(0, 0, 0, 0.15)";
474
+ export const colorLightBorderKeyInvertedAlpha7 = "rgba(255, 255, 255, 0.07)";
475
+ export const colorLightBorderKeyInvertedAlpha15 = "rgba(255, 255, 255, 0.15)";
464
476
  export const colorLightBorderUnderlineAlpha30 = "rgba(197, 197, 199, 0.3)";
465
477
  export const colorLightBorderUnderlineInvertedAlpha30 = "rgba(70, 70, 73, 0.3)";
466
478
  export const colorLightGraphicAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
@@ -526,6 +538,10 @@ export const colorLightSpecialbgComponentAlpha30 = "rgba(11, 31, 53, 0.3)";
526
538
  export const colorLightSpecialbgComponentInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
527
539
  export const colorLightSpecialbgComponentInvertedTint15 = "rgba(255, 255, 255, 0.235)";
528
540
  export const colorLightSpecialbgComponentInvertedTint20 = "rgba(255, 255, 255, 0.28)";
541
+ export const colorLightSpecialbgSecondaryTransparentShade7 = "rgba(10, 29, 49, 0.1165)";
542
+ export const colorLightSpecialbgSecondaryTransparentShade15 = "rgba(9, 26, 45, 0.1925)";
543
+ export const colorLightSpecialbgSecondaryTransparentInvertedTint15 = "rgba(255, 255, 255, 0.201)";
544
+ export const colorLightSpecialbgSecondaryTransparentInvertedTint20 = "rgba(255, 255, 255, 0.248)";
529
545
  export const colorLightSpecialbgTertiaryTransparentShade7 = "rgba(10, 29, 49, 0.163)";
530
546
  export const colorLightSpecialbgTertiaryTransparentShade15 = "rgba(9, 26, 45, 0.235)";
531
547
  export const colorLightSpecialbgTertiaryTransparentInvertedTint15 = "rgba(255, 255, 255, 0.2435)";
package/mixins.css CHANGED
@@ -5,7 +5,6 @@
5
5
 
6
6
  @define-mixin custom-scrollbar {
7
7
  overflow: auto;
8
- overflow: overlay;
9
8
  cursor: auto;
10
9
 
11
10
  &::-webkit-scrollbar {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.4.0",
3
+ "version": "9.6.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -8,6 +8,5 @@
8
8
  "publishConfig": {
9
9
  "access": "public",
10
10
  "directory": "dist"
11
- },
12
- "postinstall": "node -e \"if (require('fs').existsSync('./send-stats.js')){require('./send-stats.js')} \""
11
+ }
13
12
  }
package/src/border-radius.css ADDED
@@ -0,0 +1,11 @@
1
+ :root {
2
+ --border-radius-xs: 2px;
3
+ --border-radius-s: 4px;
4
+ --border-radius-m: 8px;
5
+ --border-radius-l: 12px;
6
+ --border-radius-xl: 16px;
7
+ --border-radius-xxl: 20px;
8
+ --border-radius-3xl: 24px;
9
+ --border-radius-circle: 50%;
10
+ --border-radius-pill: 99px;
11
+ }
package/src/bundle/click.css ADDED
@@ -0,0 +1,7 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../typography.css';
7
+ @import '../mixins.css';
package/src/bundle/corp.css ADDED
@@ -0,0 +1,7 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../typography.css';
7
+ @import '../mixins.css';
package/src/bundle/intranet.css ADDED
@@ -0,0 +1,7 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../typography.css';
7
+ @import '../mixins.css';
package/src/bundle/mobile.css ADDED
@@ -0,0 +1,7 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../typography.css';
7
+ @import '../mixins.css';
package/src/bundle/site.css ADDED
@@ -0,0 +1,6 @@
1
+ @import '../colors-bluetint.css';
2
+ @import '../colors-addons.css';
3
+ @import '../shadows-bluetint.css';
4
+ @import '../border-radius.css';
5
+ @import '../gaps.css';
6
+ @import '../mixins.css';
package/src/colors-addons.css ADDED
@@ -0,0 +1,127 @@
1
+ :root {
2
+ --color-static-corpbg-neutral: #bdc0c2;
3
+ --color-static-corpbg-primary: #212a33;
4
+ --color-static-corpbg-secondary: #384048;
5
+ --color-static-corpbg-tertiary: #7a7f85;
6
+ --color-static-graphic-amethyst: #a489aa;
7
+ --color-static-graphic-blackberry: #bfafc6;
8
+ --color-static-graphic-blue-chill: #0f9c8c;
9
+ --color-static-graphic-blue-maya: #7eb3ff;
10
+ --color-static-graphic-blue-moody: #7879cf;
11
+ --color-static-graphic-blue-steel: #4f84ba;
12
+ --color-static-graphic-botticelli: #cee5e5;
13
+ --color-static-graphic-boulder: #7a7a7a;
14
+ --color-static-graphic-brink-pink: #fc617c;
15
+ --color-static-graphic-burnt-sienna: #eb7a58;
16
+ --color-static-graphic-carrot: #e8bba3;
17
+ --color-static-graphic-chatelle: #bfafc6;
18
+ --color-static-graphic-chathams-blue: #155966;
19
+ --color-static-graphic-chick: #f2db9e;
20
+ --color-static-graphic-crete: #847128;
21
+ --color-static-graphic-curious-blue: #2381db;
22
+ --color-static-graphic-curious-blue-light: #3b99d9;
23
+ --color-static-graphic-eastern-blue: #269cb3;
24
+ --color-static-graphic-french-lilac: #d3baed;
25
+ --color-static-graphic-fuel-yellow: #f29d32;
26
+ --color-static-graphic-fun-blue: #1d6ab5;
27
+ --color-static-graphic-gallery: #eee;
28
+ --color-static-graphic-green-jungle: #2fc26e;
29
+ --color-static-graphic-hippie-blue: #5aa4b0;
30
+ --color-static-graphic-jaffa: #f07134;
31
+ --color-static-graphic-jaffa-light: #f18836;
32
+ --color-static-graphic-java: #15c0e0;
33
+ --color-static-graphic-jungle-green: #2ab79a;
34
+ --color-static-graphic-lavender: #8888ad;
35
+ --color-static-graphic-mantis: #63cd4f;
36
+ --color-static-graphic-matisse: #16548f;
37
+ --color-static-graphic-milano-red: #cd1501;
38
+ --color-static-graphic-mirage: #1d2434;
39
+ --color-static-graphic-moon-raker: #e9dbf7;
40
+ --color-static-graphic-moss-green: #a6d29c;
41
+ --color-static-graphic-nevada: #626b75;
42
+ --color-static-graphic-olive: #bfd3c9;
43
+ --color-static-graphic-olivine: #87b965;
44
+ --color-static-graphic-peach: #fcc99b;
45
+ --color-static-graphic-persimmon: #ff5c5c;
46
+ --color-static-graphic-pewter: #96a5a5;
47
+ --color-static-graphic-pickled-bluewood: #2d3f50;
48
+ --color-static-graphic-porsche: #e7b965;
49
+ --color-static-graphic-raspberry: #dfb2bb;
50
+ --color-static-graphic-red-damask: #da713c;
51
+ --color-static-graphic-saffron: #f0c330;
52
+ --color-static-graphic-salomie: #fee984;
53
+ --color-static-graphic-sand: #f6bf65;
54
+ --color-static-graphic-sandy-brown: #f38f6f;
55
+ --color-static-graphic-seawater: #aecfd9;
56
+ --color-static-graphic-serenade: #fff0e3;
57
+ --color-static-graphic-sky: #a6c0db;
58
+ --color-static-graphic-soft-peach: #f3eaeb;
59
+ --color-static-graphic-solitude: #e8f2fe;
60
+ --color-static-graphic-strawberry: #f8b6a9;
61
+ --color-static-graphic-sundust: #d9d6ce;
62
+ --color-static-graphic-turkish-rose: #b56a6b;
63
+ --color-static-graphic-turquoise-blue: #6bd3e6;
64
+ --color-static-graphic-valencia: #d8463b;
65
+ --color-static-graphic-waikawa-gray: #5b6d9c;
66
+ --color-static-graphic-whisper: #f2eff6;
67
+ --color-static-graphic-zanah: #e1f0de;
68
+ --color-static-local-light-blue: #f5f7f9;
69
+ --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
70
+ --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
71
+ --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
72
+ --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
73
+ --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
74
+ --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
75
+ --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
76
+ --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
77
+ --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
78
+ --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
79
+ --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
80
+ --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
81
+ --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
82
+ --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
83
+ --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
84
+ --color-static-status-blue: #007aff;
85
+ --color-static-status-green: #13a463;
86
+ --color-static-status-grey: #6d7986;
87
+ --color-static-status-orange: #de6a00;
88
+ --color-static-status-purple: #673ab7;
89
+ --color-static-status-red: #d91d0b;
90
+ --color-static-status-teal: #219187;
91
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
92
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
93
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
94
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
95
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
96
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
97
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
98
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
99
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
100
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
101
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
102
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
103
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
104
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
105
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
106
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
107
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
108
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
109
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
110
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
111
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
112
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
113
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
114
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
115
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
116
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
117
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
118
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
119
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
120
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
121
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
122
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
123
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
124
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
125
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
126
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
127
+ }