@alfalab/core-components-vars 10.1.0 → 10.1.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 (99) hide show
  1. package/alfasans-index.css +1 -0
  2. package/alfasans-index.d.ts +8 -8
  3. package/alfasans-index.js +8 -8
  4. package/alfasans-index.js.map +1 -1
  5. package/alfasans-typography.css +0 -2
  6. package/bundle/alfasans-click.css +1 -0
  7. package/bundle/alfasans-corp.css +1 -0
  8. package/bundle/alfasans-intranet.css +1 -0
  9. package/bundle/click.css +1 -0
  10. package/bundle/corp.css +1 -0
  11. package/bundle/intranet.css +1 -0
  12. package/bundle/mobile.css +1 -0
  13. package/common.css +2 -2
  14. package/esm/alfasans-index.d.ts +8 -8
  15. package/esm/alfasans-index.js +8 -8
  16. package/esm/alfasans-index.js.map +1 -1
  17. package/esm/index.d.ts +8 -8
  18. package/esm/index.js +8 -8
  19. package/esm/index.js.map +1 -1
  20. package/esm/no-typography-index.d.ts +3803 -0
  21. package/esm/no-typography-index.js +3807 -0
  22. package/esm/no-typography-index.js.map +1 -0
  23. package/esm/shadows-bluetint.d.ts +1 -1
  24. package/esm/shadows-bluetint.js +1 -1
  25. package/esm/shadows-bluetint.js.map +1 -1
  26. package/esm/shadows-bluetint.module.d.ts +4 -4
  27. package/esm/shadows-bluetint.module.js +4 -4
  28. package/esm/shadows-bluetint.module.js.map +1 -1
  29. package/esm/shadows-indigo.d.ts +1 -1
  30. package/esm/shadows-indigo.js +1 -1
  31. package/esm/shadows-indigo.js.map +1 -1
  32. package/index.css +1 -0
  33. package/index.d.ts +8 -8
  34. package/index.js +8 -8
  35. package/index.js.map +1 -1
  36. package/mixins.css +10 -5
  37. package/modern/alfasans-index.d.ts +8 -8
  38. package/modern/alfasans-index.js +8 -8
  39. package/modern/alfasans-index.js.map +1 -1
  40. package/modern/index.d.ts +8 -8
  41. package/modern/index.js +8 -8
  42. package/modern/index.js.map +1 -1
  43. package/modern/no-typography-index.d.ts +3803 -0
  44. package/modern/no-typography-index.js +3807 -0
  45. package/modern/no-typography-index.js.map +1 -0
  46. package/modern/shadows-bluetint.d.ts +1 -1
  47. package/modern/shadows-bluetint.js +26 -17
  48. package/modern/shadows-bluetint.js.map +1 -1
  49. package/modern/shadows-bluetint.module.d.ts +4 -4
  50. package/modern/shadows-bluetint.module.js +4 -4
  51. package/modern/shadows-bluetint.module.js.map +1 -1
  52. package/modern/shadows-indigo.d.ts +1 -1
  53. package/modern/shadows-indigo.js +20 -10
  54. package/modern/shadows-indigo.js.map +1 -1
  55. package/no-typography-index.css +10 -0
  56. package/no-typography-index.d.ts +3803 -0
  57. package/no-typography-index.js +5363 -0
  58. package/no-typography-index.js.map +1 -0
  59. package/no-typography.css +313 -0
  60. package/package.json +1 -1
  61. package/shadows-bluetint.css +26 -17
  62. package/shadows-bluetint.d.ts +1 -1
  63. package/shadows-bluetint.js +1 -1
  64. package/shadows-bluetint.js.map +1 -1
  65. package/shadows-bluetint.module.d.ts +4 -4
  66. package/shadows-bluetint.module.js +4 -4
  67. package/shadows-bluetint.module.js.map +1 -1
  68. package/shadows-indigo.css +20 -10
  69. package/shadows-indigo.d.ts +1 -1
  70. package/shadows-indigo.js +1 -1
  71. package/shadows-indigo.js.map +1 -1
  72. package/src/alfasans-index.css +1 -0
  73. package/src/alfasans-index.ts +8 -8
  74. package/src/alfasans-typography.css +0 -2
  75. package/src/bundle/alfasans-click.css +1 -0
  76. package/src/bundle/alfasans-corp.css +1 -0
  77. package/src/bundle/alfasans-intranet.css +1 -0
  78. package/src/bundle/click.css +1 -0
  79. package/src/bundle/corp.css +1 -0
  80. package/src/bundle/intranet.css +1 -0
  81. package/src/bundle/mobile.css +1 -0
  82. package/src/common.css +2 -2
  83. package/src/index.css +1 -0
  84. package/src/index.ts +8 -8
  85. package/src/mixins.css +10 -5
  86. package/src/no-typography-index.css +10 -0
  87. package/src/no-typography-index.ts +3805 -0
  88. package/src/no-typography.css +313 -0
  89. package/src/shadows-bluetint.css +26 -17
  90. package/src/shadows-bluetint.module.ts +4 -4
  91. package/src/shadows-bluetint.ts +26 -17
  92. package/src/shadows-indigo.css +20 -10
  93. package/src/shadows-indigo.ts +20 -10
  94. package/src/typography-vars.css +10 -0
  95. package/src/typography.css +109 -109
  96. package/typography-vars.css +10 -0
  97. package/typography.css +109 -109
  98. package/src/typography-common.css +0 -15
  99. package/typography-common.css +0 -15
package/alfasans-index.css CHANGED
@@ -5,6 +5,7 @@
5
5
  @import './shadows-bluetint.css';
6
6
  @import './border-radius.css';
7
7
  @import './gaps.css';
8
+ @import './typography-vars.css';
8
9
  @import './alfasans-typography.css';
9
10
  @import './common.css';
10
11
  @import './mixins.css';
package/alfasans-index.d.ts CHANGED
@@ -3576,12 +3576,12 @@ export declare const colorStaticTertiaryDark = "rgba(0, 0, 0, 0.48)";
3576
3576
  */
3577
3577
  export declare const colorStaticTertiaryLight = "rgba(255, 255, 255, 0.48)";
3578
3578
  export declare const shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3579
- export declare const shadowS = "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n 0 0 1px rgba(0, 0, 0, 0.04)";
3579
+ export declare const shadowS = "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3580
3580
  export declare const shadowM = "0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3581
3581
  export declare const shadowL = "0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3582
3582
  export declare const shadowXl = "0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3583
3583
  export declare const shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3584
- export declare const shadowSHard = "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n 0 0 1px rgba(0, 0, 0, 0.16)";
3584
+ export declare const shadowSHard = "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3585
3585
  export declare const shadowMHard = "0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3586
3586
  export declare const shadowLHard = "0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3587
3587
  export declare const shadowXlHard = "0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
@@ -3590,8 +3590,8 @@ export declare const shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0
3590
3590
  export declare const shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
3591
3591
  export declare const shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
3592
3592
  export declare const shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
3593
- export declare const shadowXsHardUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n 0 -2px 4px rgba(0, 0, 0, 0.16)";
3594
- export declare const shadowSHardUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n 0 -4px 8px rgba(0, 0, 0, 0.16)";
3593
+ export declare const shadowXsHardUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04), 0 -2px 4px rgba(0, 0, 0, 0.16)";
3594
+ export declare const shadowSHardUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08), 0 -4px 8px rgba(0, 0, 0, 0.16)";
3595
3595
  export declare const shadowMHardUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n 0 -8px 16px rgba(0, 0, 0, 0.16)";
3596
3596
  export declare const shadowLHardUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n 0 -12px 24px rgba(0, 0, 0, 0.16)";
3597
3597
  export declare const shadowXlHardUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n 0 -16px 32px rgba(0, 0, 0, 0.16)";
@@ -3788,11 +3788,11 @@ export declare const gap72Neg = "var(--gap-6xl-neg)";
3788
3788
  export declare const gap80Neg = "-80px";
3789
3789
  export declare const gap96Neg = "var(--gap-7xl-neg)";
3790
3790
  export declare const gap128Neg = "var(--gap-8xl-neg)";
3791
- export declare const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3792
- export declare const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3793
- export declare const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3791
+ export declare const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3792
+ export declare const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3793
+ export declare const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n Helvetica, sans-serif";
3794
3794
  export declare const focusColor = "var(--color-light-status-info)";
3795
- export declare const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3795
+ export declare const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3796
3796
  export declare const disabledCursor = "not-allowed";
3797
3797
  export declare const arrowTransform = "rotate(180deg)";
3798
3798
  export declare const sizeXxsHeight = "32px";
package/alfasans-index.js CHANGED
@@ -3581,12 +3581,12 @@ var colorStaticTertiaryDark = "rgba(0, 0, 0, 0.48)";
3581
3581
  */
3582
3582
  var colorStaticTertiaryLight = "rgba(255, 255, 255, 0.48)";
3583
3583
  var shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3584
- var shadowS = "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n 0 0 1px rgba(0, 0, 0, 0.04)";
3584
+ var shadowS = "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3585
3585
  var shadowM = "0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3586
3586
  var shadowL = "0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3587
3587
  var shadowXl = "0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3588
3588
  var shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3589
- var shadowSHard = "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n 0 0 1px rgba(0, 0, 0, 0.16)";
3589
+ var shadowSHard = "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3590
3590
  var shadowMHard = "0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3591
3591
  var shadowLHard = "0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3592
3592
  var shadowXlHard = "0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
@@ -3595,8 +3595,8 @@ var shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08)";
3595
3595
  var shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
3596
3596
  var shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
3597
3597
  var shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
3598
- var shadowXsHardUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n 0 -2px 4px rgba(0, 0, 0, 0.16)";
3599
- var shadowSHardUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n 0 -4px 8px rgba(0, 0, 0, 0.16)";
3598
+ var shadowXsHardUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04), 0 -2px 4px rgba(0, 0, 0, 0.16)";
3599
+ var shadowSHardUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08), 0 -4px 8px rgba(0, 0, 0, 0.16)";
3600
3600
  var shadowMHardUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n 0 -8px 16px rgba(0, 0, 0, 0.16)";
3601
3601
  var shadowLHardUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n 0 -12px 24px rgba(0, 0, 0, 0.16)";
3602
3602
  var shadowXlHardUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n 0 -16px 32px rgba(0, 0, 0, 0.16)";
@@ -3793,11 +3793,11 @@ var gap72Neg = "var(--gap-6xl-neg)";
3793
3793
  var gap80Neg = "-80px";
3794
3794
  var gap96Neg = "var(--gap-7xl-neg)";
3795
3795
  var gap128Neg = "var(--gap-8xl-neg)";
3796
- var fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3797
- var fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3798
- var fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3796
+ var fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3797
+ var fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3798
+ var fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n Helvetica, sans-serif";
3799
3799
  var focusColor = "var(--color-light-status-info)";
3800
- var fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3800
+ var fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3801
3801
  var disabledCursor = "not-allowed";
3802
3802
  var arrowTransform = "rotate(180deg)";
3803
3803
  var sizeXxsHeight = "32px";