@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/bundle/corp.css CHANGED
@@ -1,6 +1,6 @@
1
- @import '../colors-indigo.css';
1
+ @import '../colors-bluetint.css';
2
2
  @import '../colors-addons.css';
3
- @import '../shadows-indigo.css';
3
+ @import '../shadows-bluetint.css';
4
4
  @import '../border-radius.css';
5
5
  @import '../gaps.css';
6
6
  @import '../typography.css';
package/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/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/bundle/click.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);