@alfalab/core-components-vars 9.5.0 → 9.6.1

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 (35) hide show
  1. package/colors-bluetint.css +8 -0
  2. package/colors-indigo.css +8 -0
  3. package/cssm/bundle/click.css +8 -0
  4. package/cssm/bundle/corp.css +8 -0
  5. package/cssm/bundle/intranet.css +8 -0
  6. package/cssm/bundle/mobile.css +8 -0
  7. package/cssm/bundle/site.css +8 -0
  8. package/cssm/colors-bluetint.css +8 -0
  9. package/cssm/colors-indigo.css +8 -0
  10. package/cssm/index.css +8 -0
  11. package/index.d.ts +8 -0
  12. package/index.js +8 -0
  13. package/mixins.css +16 -3
  14. package/package.json +2 -3
  15. package/src/border-radius.css +11 -0
  16. package/src/bundle/click.css +7 -0
  17. package/src/bundle/corp.css +7 -0
  18. package/src/bundle/intranet.css +7 -0
  19. package/src/bundle/mobile.css +7 -0
  20. package/src/bundle/site.css +6 -0
  21. package/src/colors-addons.css +127 -0
  22. package/src/colors-bluetint.css +515 -0
  23. package/src/colors-bluetint.ts +4 -0
  24. package/src/colors-indigo.css +515 -0
  25. package/src/colors-indigo.ts +4 -0
  26. package/src/colors-transparent.css +28 -0
  27. package/src/colors-x5.css +4 -0
  28. package/src/colors.css +71 -0
  29. package/src/gaps.css +30 -0
  30. package/src/index.css +9 -0
  31. package/src/mixins.css +85 -0
  32. package/src/shadows-bluetint.css +43 -0
  33. package/src/shadows-indigo.css +38 -0
  34. package/src/typography.css +519 -0
  35. package/send-stats.js +0 -82
package/colors-bluetint.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/colors-indigo.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
package/cssm/bundle/click.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/bundle/corp.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/bundle/intranet.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/bundle/mobile.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/bundle/site.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/colors-bluetint.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/cssm/colors-indigo.css CHANGED
@@ -310,6 +310,10 @@
310
310
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
311
311
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
312
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);
313
317
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256);
314
318
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
315
319
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -466,6 +470,10 @@
466
470
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
467
471
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
468
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);
469
477
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
470
478
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
471
479
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
package/cssm/index.css CHANGED
@@ -380,6 +380,10 @@
380
380
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
381
381
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
382
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);
383
387
  --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
384
388
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
385
389
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
@@ -536,6 +540,10 @@
536
540
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
537
541
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
538
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);
539
547
  --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
540
548
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
541
549
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
package/index.d.ts CHANGED
@@ -378,6 +378,10 @@ export const colorDarkSpecialbgComponentAlpha30: "rgba(255, 255, 255, 0.3)";
378
378
  export const colorDarkSpecialbgComponentInvertedAlpha30: "rgba(11, 31, 53, 0.3)";
379
379
  export const colorDarkSpecialbgComponentInvertedShade15: "rgba(9, 26, 45, 0.2095)";
380
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)";
381
385
  export const colorDarkSpecialbgTertiaryTransparentTint7: "rgba(255, 255, 255, 0.1723)";
382
386
  export const colorDarkSpecialbgTertiaryTransparentTint15: "rgba(255, 255, 255, 0.2435)";
383
387
  export const colorDarkSpecialbgTertiaryTransparentInvertedShade15: "rgba(9, 26, 45, 0.235)";
@@ -534,6 +538,10 @@ export const colorLightSpecialbgComponentAlpha30: "rgba(11, 31, 53, 0.3)";
534
538
  export const colorLightSpecialbgComponentInvertedAlpha30: "rgba(255, 255, 255, 0.3)";
535
539
  export const colorLightSpecialbgComponentInvertedTint15: "rgba(255, 255, 255, 0.235)";
536
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)";
537
545
  export const colorLightSpecialbgTertiaryTransparentShade7: "rgba(10, 29, 49, 0.163)";
538
546
  export const colorLightSpecialbgTertiaryTransparentShade15: "rgba(9, 26, 45, 0.235)";
539
547
  export const colorLightSpecialbgTertiaryTransparentInvertedTint15: "rgba(255, 255, 255, 0.2435)";
package/index.js CHANGED
@@ -378,6 +378,10 @@ export const colorDarkSpecialbgComponentAlpha30 = "rgba(255, 255, 255, 0.3)";
378
378
  export const colorDarkSpecialbgComponentInvertedAlpha30 = "rgba(11, 31, 53, 0.3)";
379
379
  export const colorDarkSpecialbgComponentInvertedShade15 = "rgba(9, 26, 45, 0.2095)";
380
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)";
381
385
  export const colorDarkSpecialbgTertiaryTransparentTint7 = "rgba(255, 255, 255, 0.1723)";
382
386
  export const colorDarkSpecialbgTertiaryTransparentTint15 = "rgba(255, 255, 255, 0.2435)";
383
387
  export const colorDarkSpecialbgTertiaryTransparentInvertedShade15 = "rgba(9, 26, 45, 0.235)";
@@ -534,6 +538,10 @@ export const colorLightSpecialbgComponentAlpha30 = "rgba(11, 31, 53, 0.3)";
534
538
  export const colorLightSpecialbgComponentInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
535
539
  export const colorLightSpecialbgComponentInvertedTint15 = "rgba(255, 255, 255, 0.235)";
536
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)";
537
545
  export const colorLightSpecialbgTertiaryTransparentShade7 = "rgba(10, 29, 49, 0.163)";
538
546
  export const colorLightSpecialbgTertiaryTransparentShade15 = "rgba(9, 26, 45, 0.235)";
539
547
  export const colorLightSpecialbgTertiaryTransparentInvertedTint15 = "rgba(255, 255, 255, 0.2435)";
package/mixins.css CHANGED
@@ -5,11 +5,11 @@
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 {
12
11
  width: 12px;
12
+ height: 12px;
13
13
  }
14
14
 
15
15
  &::-webkit-scrollbar-track {
@@ -22,19 +22,32 @@
22
22
 
23
23
  &::-webkit-scrollbar-thumb {
24
24
  background-color: var(--color-light-graphic-primary-alpha-30);
25
- border-radius: var(--border-radius-circle) / 6px;
26
25
  border-color: transparent;
27
26
  border-style: solid;
28
27
  border-width: 4px;
29
28
  background-clip: padding-box;
29
+ }
30
+
31
+ &::-webkit-scrollbar-thumb:vertical {
32
+ border-radius: var(--border-radius-circle) / 6px;
30
33
  min-height: 40px;
31
34
  }
32
35
 
33
- &::-webkit-scrollbar-thumb:hover {
36
+ &::-webkit-scrollbar-thumb:vertical:hover {
34
37
  border-radius: var(--border-radius-circle) / 7px;
35
38
  border-width: 4px 3px;
36
39
  }
37
40
 
41
+ &::-webkit-scrollbar-thumb:horizontal {
42
+ border-radius: 6px / var(--border-radius-circle);
43
+ min-width: 40px;
44
+ }
45
+
46
+ &::-webkit-scrollbar-thumb:horizontal:hover {
47
+ border-radius: 7px / var(--border-radius-circle);
48
+ border-width: 3px 4px;
49
+ }
50
+
38
51
  &::-webkit-scrollbar-thumb:active {
39
52
  background-color: var(--color-light-graphic-primary-alpha-60);
40
53
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.5.0",
3
+ "version": "9.6.1",
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
+ }