@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/mixins.css CHANGED
@@ -74,8 +74,7 @@
74
74
  @define-mixin bg-class-list {
75
75
  @each $backgroundColorBg in accent, info, attention-muted, positive-muted, negative-muted,
76
76
  primary, primary-inverted, secondary, secondary-inverted, tertiary, tertiary-inverted,
77
- quaternary, quaternary-inverted
78
- {
77
+ quaternary, quaternary-inverted {
79
78
  .background-$(backgroundColorBg) {
80
79
  background-color: var(--color-light-bg-$(backgroundColorBg));
81
80
  }
@@ -84,8 +83,7 @@
84
83
  @each $backgroundColor in specialbg-component, specialbg-component-inverted,
85
84
  specialbg-primary-grouped, specialbg-secondary-grouped, specialbg-tertiary-grouped,
86
85
  specialbg-secondary-transparent, specialbg-secondary-transparent-inverted,
87
- specialbg-tertiary-transparent, specialbg-tertiary-transparent-inverted
88
- {
86
+ specialbg-tertiary-transparent, specialbg-tertiary-transparent-inverted {
89
87
  .background-$(backgroundColor) {
90
88
  background-color: var(--color-light-$(backgroundColor));
91
89
  }
@@ -106,7 +104,7 @@
106
104
  border: 0;
107
105
  margin: var(--gap-0);
108
106
  box-shadow: none;
109
- border-radius: 0;
107
+ border-radius: var(--border-radius-0);
110
108
  user-select: none;
111
109
  vertical-align: middle;
112
110
  appearance: none;
@@ -114,3 +112,10 @@
114
112
  min-width: 0;
115
113
  cursor: pointer;
116
114
  }
115
+
116
+ @define-mixin row_limit $num {
117
+ -webkit-line-clamp: $num;
118
+ display: -webkit-box;
119
+ -webkit-box-orient: vertical;
120
+ overflow: hidden;
121
+ }
package/modern/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/modern/alfasans-index.js CHANGED
@@ -3577,12 +3577,12 @@ const colorStaticTertiaryDark = "rgba(0, 0, 0, 0.48)";
3577
3577
  */
3578
3578
  const colorStaticTertiaryLight = "rgba(255, 255, 255, 0.48)";
3579
3579
  const shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3580
- 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)";
3580
+ 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)";
3581
3581
  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)";
3582
3582
  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)";
3583
3583
  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)";
3584
3584
  const shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3585
- 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)";
3585
+ 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)";
3586
3586
  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)";
3587
3587
  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)";
3588
3588
  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)";
@@ -3591,8 +3591,8 @@ const shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08)";
3591
3591
  const shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
3592
3592
  const shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
3593
3593
  const shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
3594
- 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)";
3595
- 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)";
3594
+ 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)";
3595
+ 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)";
3596
3596
  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)";
3597
3597
  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)";
3598
3598
  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)";
@@ -3789,11 +3789,11 @@ const gap72Neg = "var(--gap-6xl-neg)";
3789
3789
  const gap80Neg = "-80px";
3790
3790
  const gap96Neg = "var(--gap-7xl-neg)";
3791
3791
  const gap128Neg = "var(--gap-8xl-neg)";
3792
- const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3793
- const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3794
- const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3792
+ const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3793
+ const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3794
+ const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n Helvetica, sans-serif";
3795
3795
  const focusColor = "var(--color-light-status-info)";
3796
- const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3796
+ const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3797
3797
  const disabledCursor = "not-allowed";
3798
3798
  const arrowTransform = "rotate(180deg)";
3799
3799
  const sizeXxsHeight = "32px";