@alfalab/core-components-vars 9.18.0 → 9.20.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 (61) hide show
  1. package/alfasans-index.css +10 -0
  2. package/alfasans-typography.css +626 -0
  3. package/bundle/alfasans-click.css +8 -0
  4. package/bundle/alfasans-corp.css +8 -0
  5. package/bundle/alfasans-intranet.css +8 -0
  6. package/colors-brand.css +10 -0
  7. package/colors-promo-dark.css +5 -0
  8. package/colors-promo.css +40 -0
  9. package/cssm/alfasans-index.css +1595 -0
  10. package/cssm/alfasans-typography.css +18 -0
  11. package/cssm/bundle/alfasans-click.css +1510 -0
  12. package/cssm/bundle/alfasans-corp.css +1510 -0
  13. package/cssm/bundle/alfasans-intranet.css +1510 -0
  14. package/cssm/bundle/click.css +7 -0
  15. package/cssm/bundle/corp.css +7 -0
  16. package/cssm/bundle/intranet.css +7 -0
  17. package/cssm/bundle/mobile.css +7 -0
  18. package/cssm/colors-brand.css +10 -0
  19. package/cssm/colors-promo-dark.css +5 -0
  20. package/cssm/colors-promo.css +40 -0
  21. package/cssm/index.css +3 -1
  22. package/cssm/index.d.ts +1 -0
  23. package/cssm/index.js +1 -0
  24. package/cssm/typography-common.css +8 -0
  25. package/cssm/typography.css +12 -0
  26. package/esm/index.d.ts +1 -0
  27. package/esm/index.js +1 -0
  28. package/index.d.ts +1 -0
  29. package/index.js +1 -0
  30. package/modern/index.d.ts +1 -0
  31. package/modern/index.js +1 -0
  32. package/moderncssm/alfasans-index.css +1595 -0
  33. package/moderncssm/alfasans-typography.css +18 -0
  34. package/moderncssm/bundle/alfasans-click.css +1510 -0
  35. package/moderncssm/bundle/alfasans-corp.css +1510 -0
  36. package/moderncssm/bundle/alfasans-intranet.css +1510 -0
  37. package/moderncssm/bundle/click.css +7 -0
  38. package/moderncssm/bundle/corp.css +7 -0
  39. package/moderncssm/bundle/intranet.css +7 -0
  40. package/moderncssm/bundle/mobile.css +7 -0
  41. package/moderncssm/colors-brand.css +10 -0
  42. package/moderncssm/colors-promo-dark.css +5 -0
  43. package/moderncssm/colors-promo.css +40 -0
  44. package/moderncssm/index.css +3 -1
  45. package/moderncssm/index.d.ts +1 -0
  46. package/moderncssm/index.js +1 -0
  47. package/moderncssm/typography-common.css +8 -0
  48. package/moderncssm/typography.css +12 -0
  49. package/package.json +1 -1
  50. package/src/alfasans-index.css +10 -0
  51. package/src/alfasans-typography.css +626 -0
  52. package/src/bundle/alfasans-click.css +8 -0
  53. package/src/bundle/alfasans-corp.css +8 -0
  54. package/src/bundle/alfasans-intranet.css +8 -0
  55. package/src/colors-brand.css +10 -0
  56. package/src/colors-promo-dark.css +5 -0
  57. package/src/colors-promo.css +40 -0
  58. package/src/typography-common.css +15 -0
  59. package/src/typography.css +6 -18
  60. package/typography-common.css +15 -0
  61. package/typography.css +6 -18
package/moderncssm/bundle/click.css CHANGED
@@ -1486,7 +1486,14 @@
1486
1486
  sans-serif;
1487
1487
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
1488
1488
  'Helvetica Neue', Helvetica, sans-serif;
1489
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
1490
+ 'Helvetica Neue', Helvetica, sans-serif;
1489
1491
  }
1492
+ /* @deprecated */
1493
+ /* @deprecated */
1494
+ /* @deprecated */
1495
+ /* @deprecated */
1496
+ /* @deprecated */
1490
1497
  :root {
1491
1498
  --focus-color: var(--color-light-status-info);
1492
1499
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/moderncssm/bundle/corp.css CHANGED
@@ -1486,7 +1486,14 @@
1486
1486
  sans-serif;
1487
1487
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
1488
1488
  'Helvetica Neue', Helvetica, sans-serif;
1489
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
1490
+ 'Helvetica Neue', Helvetica, sans-serif;
1489
1491
  }
1492
+ /* @deprecated */
1493
+ /* @deprecated */
1494
+ /* @deprecated */
1495
+ /* @deprecated */
1496
+ /* @deprecated */
1490
1497
  :root {
1491
1498
  --focus-color: var(--color-light-status-info);
1492
1499
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/moderncssm/bundle/intranet.css CHANGED
@@ -1486,7 +1486,14 @@
1486
1486
  sans-serif;
1487
1487
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
1488
1488
  'Helvetica Neue', Helvetica, sans-serif;
1489
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
1490
+ 'Helvetica Neue', Helvetica, sans-serif;
1489
1491
  }
1492
+ /* @deprecated */
1493
+ /* @deprecated */
1494
+ /* @deprecated */
1495
+ /* @deprecated */
1496
+ /* @deprecated */
1490
1497
  :root {
1491
1498
  --focus-color: var(--color-light-status-info);
1492
1499
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/moderncssm/bundle/mobile.css CHANGED
@@ -1486,7 +1486,14 @@
1486
1486
  sans-serif;
1487
1487
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
1488
1488
  'Helvetica Neue', Helvetica, sans-serif;
1489
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
1490
+ 'Helvetica Neue', Helvetica, sans-serif;
1489
1491
  }
1492
+ /* @deprecated */
1493
+ /* @deprecated */
1494
+ /* @deprecated */
1495
+ /* @deprecated */
1496
+ /* @deprecated */
1490
1497
  :root {
1491
1498
  --focus-color: var(--color-light-status-info);
1492
1499
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/moderncssm/colors-brand.css ADDED
@@ -0,0 +1,10 @@
1
+ :root {
2
+ --color-static-brand-black: #000;
3
+ --color-static-brand-blue: #0056ff;
4
+ --color-static-brand-bright-blue: #00e8f0;
5
+ --color-static-brand-green: #31e300;
6
+ --color-static-brand-red: #ef3124;
7
+ --color-static-brand-violet: #6a4dff;
8
+ --color-static-brand-warm-green: #a8f000;
9
+ --color-static-brand-white: #fff;
10
+ }
package/moderncssm/colors-promo-dark.css ADDED
@@ -0,0 +1,5 @@
1
+ :root {
2
+ --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
+ --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
+ --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
5
+ }
package/moderncssm/colors-promo.css ADDED
@@ -0,0 +1,40 @@
1
+ :root {
2
+ --color-dark-promo-muted-menthol: #1b2816;
3
+ --color-dark-promo-muted-sonata: #222a3e;
4
+ --color-dark-promo-muted-tomato: #3e2321;
5
+ --color-light-promo-muted-menthol: #eafae2;
6
+ --color-light-promo-muted-sonata: #e9f6fd;
7
+ --color-light-promo-muted-tomato: #fdf1f1;
8
+ --color-static-promo-chardonnay: #ffcf99;
9
+ --color-static-promo-conclave: #b3ccff;
10
+ --color-static-promo-gravel: #2a2c2f;
11
+ --color-static-promo-lagoon: #9df2f5;
12
+ --color-static-promo-menthol: #bff0a8;
13
+ --color-static-promo-oasis: #dfbfff;
14
+ --color-static-promo-pale-chardonnay: #ffe5c7;
15
+ --color-static-promo-pale-conclave: #d6e6ff;
16
+ --color-static-promo-pale-lagoon: #c5f8fa;
17
+ --color-static-promo-pale-oasis: #ebd6ff;
18
+ --color-static-promo-pale-pearl: #f1f4f4;
19
+ --color-static-promo-pale-primrose: #eaffb3;
20
+ --color-static-promo-pale-seafoam: #d6ffe7;
21
+ --color-static-promo-pale-tomato: #ffdbd8;
22
+ --color-static-promo-peach: #ffcbb3;
23
+ --color-static-promo-pearl: #eaeeee;
24
+ --color-static-promo-prelude: #c7bfff;
25
+ --color-static-promo-primrose: #d6f09a;
26
+ --color-static-promo-seafoam: #a0fac6;
27
+ --color-static-promo-sonata: #9edfff;
28
+ --color-static-promo-tomato: #ffcac7;
29
+ --color-static-promo-vibrant-chardonnay: #fa9319;
30
+ --color-static-promo-vibrant-conclave: #266fff;
31
+ --color-static-promo-vibrant-lagoon: #00e8f0;
32
+ --color-static-promo-vibrant-menthol: #31e300;
33
+ --color-static-promo-vibrant-oasis: #93f;
34
+ --color-static-promo-vibrant-peach: #ff681c;
35
+ --color-static-promo-vibrant-prelude: #6a4dff;
36
+ --color-static-promo-vibrant-primrose: #a8f000;
37
+ --color-static-promo-vibrant-seafoam: #00f064;
38
+ --color-static-promo-vibrant-sonata: #17a0e5;
39
+ --color-static-promo-vibrant-tomato: #ef3124;
40
+ }
package/moderncssm/index.css CHANGED
@@ -1578,7 +1578,9 @@
1578
1578
  sans-serif;
1579
1579
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
1580
1580
  'Helvetica Neue', Helvetica, sans-serif;
1581
- } :root {
1581
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
1582
+ 'Helvetica Neue', Helvetica, sans-serif;
1583
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
1582
1584
  --focus-color: var(--color-light-status-info);
1583
1585
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
1584
1586
  sans-serif;
package/moderncssm/index.d.ts CHANGED
@@ -1540,6 +1540,7 @@ export const gap96Neg: "var(--gap-7xl-neg)";
1540
1540
  export const gap128Neg: "var(--gap-8xl-neg)";
1541
1541
  export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1542
1542
  export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
1543
+ export const fontFamilyAlfasans: "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
1543
1544
  export const focusColor: "var(--color-light-status-info)";
1544
1545
  export const fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1545
1546
  export const disabledCursor: "not-allowed";
package/moderncssm/index.js CHANGED
@@ -1540,6 +1540,7 @@ module.exports.gap96Neg = "var(--gap-7xl-neg)";
1540
1540
  module.exports.gap128Neg = "var(--gap-8xl-neg)";
1541
1541
  module.exports.fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1542
1542
  module.exports.fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
1543
+ module.exports.fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
1543
1544
  module.exports.focusColor = "var(--color-light-status-info)";
1544
1545
  module.exports.fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1545
1546
  module.exports.disabledCursor = "not-allowed";
package/moderncssm/typography-common.css ADDED
@@ -0,0 +1,8 @@
1
+ :root {
2
+ --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
3
+ sans-serif;
4
+ --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
5
+ 'Helvetica Neue', Helvetica, sans-serif;
6
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
7
+ 'Helvetica Neue', Helvetica, sans-serif;
8
+ }
package/moderncssm/typography.css CHANGED
@@ -3,4 +3,16 @@
3
3
  sans-serif;
4
4
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
5
5
  'Helvetica Neue', Helvetica, sans-serif;
6
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
7
+ 'Helvetica Neue', Helvetica, sans-serif;
6
8
  }
9
+
10
+ /* @deprecated */
11
+
12
+ /* @deprecated */
13
+
14
+ /* @deprecated */
15
+
16
+ /* @deprecated */
17
+
18
+ /* @deprecated */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.18.0",
3
+ "version": "9.20.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/src/alfasans-index.css ADDED
@@ -0,0 +1,10 @@
1
+ @import './colors.css'; /* deprecated */
2
+ @import './colors-bluetint.css';
3
+ @import './colors-addons.css';
4
+ @import './colors-transparent.css';
5
+ @import './shadows-bluetint.css';
6
+ @import './border-radius.css';
7
+ @import './gaps.css';
8
+ @import './alfasans-typography.css';
9
+ @import './common.css';
10
+ @import './mixins.css';