@alfalab/core-components-vars 10.1.0 → 10.2.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 (101) hide show
  1. package/alfasans-index.css +1 -0
  2. package/alfasans-index.d.ts +12 -8
  3. package/alfasans-index.js +16 -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 +12 -8
  15. package/esm/alfasans-index.js +13 -9
  16. package/esm/alfasans-index.js.map +1 -1
  17. package/esm/index.d.ts +12 -8
  18. package/esm/index.js +13 -9
  19. package/esm/index.js.map +1 -1
  20. package/esm/no-typography-index.d.ts +3807 -0
  21. package/esm/no-typography-index.js +3811 -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/gaps.css +4 -0
  33. package/index.css +1 -0
  34. package/index.d.ts +12 -8
  35. package/index.js +16 -8
  36. package/index.js.map +1 -1
  37. package/mixins.css +10 -5
  38. package/modern/alfasans-index.d.ts +12 -8
  39. package/modern/alfasans-index.js +13 -9
  40. package/modern/alfasans-index.js.map +1 -1
  41. package/modern/index.d.ts +12 -8
  42. package/modern/index.js +13 -9
  43. package/modern/index.js.map +1 -1
  44. package/modern/no-typography-index.d.ts +3807 -0
  45. package/modern/no-typography-index.js +3811 -0
  46. package/modern/no-typography-index.js.map +1 -0
  47. package/modern/shadows-bluetint.d.ts +1 -1
  48. package/modern/shadows-bluetint.js +26 -17
  49. package/modern/shadows-bluetint.js.map +1 -1
  50. package/modern/shadows-bluetint.module.d.ts +4 -4
  51. package/modern/shadows-bluetint.module.js +4 -4
  52. package/modern/shadows-bluetint.module.js.map +1 -1
  53. package/modern/shadows-indigo.d.ts +1 -1
  54. package/modern/shadows-indigo.js +20 -10
  55. package/modern/shadows-indigo.js.map +1 -1
  56. package/no-typography-index.css +10 -0
  57. package/no-typography-index.d.ts +3807 -0
  58. package/no-typography-index.js +5371 -0
  59. package/no-typography-index.js.map +1 -0
  60. package/no-typography.css +313 -0
  61. package/package.json +1 -1
  62. package/shadows-bluetint.css +26 -17
  63. package/shadows-bluetint.d.ts +1 -1
  64. package/shadows-bluetint.js +1 -1
  65. package/shadows-bluetint.js.map +1 -1
  66. package/shadows-bluetint.module.d.ts +4 -4
  67. package/shadows-bluetint.module.js +4 -4
  68. package/shadows-bluetint.module.js.map +1 -1
  69. package/shadows-indigo.css +20 -10
  70. package/shadows-indigo.d.ts +1 -1
  71. package/shadows-indigo.js +1 -1
  72. package/shadows-indigo.js.map +1 -1
  73. package/src/alfasans-index.css +1 -0
  74. package/src/alfasans-index.ts +12 -8
  75. package/src/alfasans-typography.css +0 -2
  76. package/src/bundle/alfasans-click.css +1 -0
  77. package/src/bundle/alfasans-corp.css +1 -0
  78. package/src/bundle/alfasans-intranet.css +1 -0
  79. package/src/bundle/click.css +1 -0
  80. package/src/bundle/corp.css +1 -0
  81. package/src/bundle/intranet.css +1 -0
  82. package/src/bundle/mobile.css +1 -0
  83. package/src/common.css +2 -2
  84. package/src/gaps.css +4 -0
  85. package/src/index.css +1 -0
  86. package/src/index.ts +12 -8
  87. package/src/mixins.css +10 -5
  88. package/src/no-typography-index.css +10 -0
  89. package/src/no-typography-index.ts +3809 -0
  90. package/src/no-typography.css +313 -0
  91. package/src/shadows-bluetint.css +26 -17
  92. package/src/shadows-bluetint.module.ts +4 -4
  93. package/src/shadows-bluetint.ts +26 -17
  94. package/src/shadows-indigo.css +20 -10
  95. package/src/shadows-indigo.ts +20 -10
  96. package/src/typography-vars.css +10 -0
  97. package/src/typography.css +109 -109
  98. package/typography-vars.css +10 -0
  99. package/typography.css +109 -109
  100. package/src/typography-common.css +0 -15
  101. package/typography-common.css +0 -15
package/src/alfasans-index.ts CHANGED
@@ -3578,12 +3578,12 @@ export const colorStaticTertiaryDark = "rgba(0, 0, 0, 0.48)";
3578
3578
  */
3579
3579
  export const colorStaticTertiaryLight = "rgba(255, 255, 255, 0.48)";
3580
3580
  export const shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3581
- export 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)";
3581
+ export 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)";
3582
3582
  export 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)";
3583
3583
  export 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)";
3584
3584
  export 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)";
3585
3585
  export const shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3586
- export 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)";
3586
+ export 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)";
3587
3587
  export 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)";
3588
3588
  export 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)";
3589
3589
  export 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)";
@@ -3592,8 +3592,8 @@ export const shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0,
3592
3592
  export const shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
3593
3593
  export const shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
3594
3594
  export const shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
3595
- export 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)";
3596
- export 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)";
3595
+ export 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)";
3596
+ export 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)";
3597
3597
  export 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)";
3598
3598
  export 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)";
3599
3599
  export 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)";
@@ -3760,7 +3760,9 @@ export const gap8xlNeg = "-128px";
3760
3760
  export const gap0 = "0px";
3761
3761
  export const gap2 = "var(--gap-3xs)";
3762
3762
  export const gap4 = "var(--gap-2xs)";
3763
+ export const gap6 = "6px";
3763
3764
  export const gap8 = "var(--gap-xs)";
3765
+ export const gap10 = "10px";
3764
3766
  export const gap12 = "var(--gap-s)";
3765
3767
  export const gap16 = "var(--gap-m)";
3766
3768
  export const gap20 = "var(--gap-l)";
@@ -3776,7 +3778,9 @@ export const gap96 = "var(--gap-7xl)";
3776
3778
  export const gap128 = "var(--gap-8xl)";
3777
3779
  export const gap2Neg = "var(--gap-3xs-neg)";
3778
3780
  export const gap4Neg = "var(--gap-2xs-neg)";
3781
+ export const gap6Neg = "-6px";
3779
3782
  export const gap8Neg = "var(--gap-xs-neg)";
3783
+ export const gap10Neg = "-10px";
3780
3784
  export const gap12Neg = "var(--gap-s-neg)";
3781
3785
  export const gap16Neg = "var(--gap-m-neg)";
3782
3786
  export const gap20Neg = "var(--gap-l-neg)";
@@ -3790,11 +3794,11 @@ export const gap72Neg = "var(--gap-6xl-neg)";
3790
3794
  export const gap80Neg = "-80px";
3791
3795
  export const gap96Neg = "var(--gap-7xl-neg)";
3792
3796
  export const gap128Neg = "var(--gap-8xl-neg)";
3793
- export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3794
- export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3795
- export const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3797
+ export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3798
+ export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3799
+ export const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n Helvetica, sans-serif";
3796
3800
  export const focusColor = "var(--color-light-status-info)";
3797
- export const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3801
+ export const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3798
3802
  export const disabledCursor = "not-allowed";
3799
3803
  export const arrowTransform = "rotate(180deg)";
3800
3804
  export const sizeXxsHeight = "32px";
package/src/alfasans-typography.css CHANGED
@@ -1,5 +1,3 @@
1
- @import './typography-common.css';
2
-
3
1
  @define-mixin accent_caps {
4
2
  font-size: 12px;
5
3
  line-height: 16px;
package/src/bundle/alfasans-click.css CHANGED
@@ -3,6 +3,7 @@
3
3
  @import '../shadows-bluetint.css';
4
4
  @import '../border-radius.css';
5
5
  @import '../gaps.css';
6
+ @import '../typography-vars.css';
6
7
  @import '../alfasans-typography.css';
7
8
  @import '../common.css';
8
9
  @import '../mixins.css';
package/src/bundle/alfasans-corp.css CHANGED
@@ -3,6 +3,7 @@
3
3
  @import '../shadows-bluetint.css';
4
4
  @import '../border-radius.css';
5
5
  @import '../gaps.css';
6
+ @import '../typography-vars.css';
6
7
  @import '../alfasans-typography.css';
7
8
  @import '../common.css';
8
9
  @import '../mixins.css';
package/src/bundle/alfasans-intranet.css CHANGED
@@ -3,6 +3,7 @@
3
3
  @import '../shadows-bluetint.css';
4
4
  @import '../border-radius.css';
5
5
  @import '../gaps.css';
6
+ @import '../typography-vars.css';
6
7
  @import '../alfasans-typography.css';
7
8
  @import '../common.css';
8
9
  @import '../mixins.css';
package/src/bundle/click.css CHANGED
@@ -3,6 +3,7 @@
3
3
  @import '../shadows-bluetint.css';
4
4
  @import '../border-radius.css';
5
5
  @import '../gaps.css';
6
+ @import '../typography-vars.css';
6
7
  @import '../typography.css';
7
8
  @import '../common.css';
8
9
  @import '../mixins.css';
package/src/bundle/corp.css CHANGED
@@ -3,6 +3,7 @@
3
3
  @import '../shadows-bluetint.css';
4
4
  @import '../border-radius.css';
5
5
  @import '../gaps.css';
6
+ @import '../typography-vars.css';
6
7
  @import '../typography.css';
7
8
  @import '../common.css';
8
9
  @import '../mixins.css';
package/src/bundle/intranet.css CHANGED
@@ -3,6 +3,7 @@
3
3
  @import '../shadows-bluetint.css';
4
4
  @import '../border-radius.css';
5
5
  @import '../gaps.css';
6
+ @import '../typography-vars.css';
6
7
  @import '../typography.css';
7
8
  @import '../common.css';
8
9
  @import '../mixins.css';
package/src/bundle/mobile.css CHANGED
@@ -3,6 +3,7 @@
3
3
  @import '../shadows-bluetint.css';
4
4
  @import '../border-radius.css';
5
5
  @import '../gaps.css';
6
+ @import '../typography-vars.css';
6
7
  @import '../typography.css';
7
8
  @import '../common.css';
8
9
  @import '../mixins.css';
package/src/common.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --focus-color: var(--color-light-status-info);
3
- --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
4
- sans-serif;
3
+ --font-family:
4
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
5
5
  --disabled-cursor: not-allowed;
6
6
  --arrow-transform: rotate(180deg);
7
7
  --size-xxs-height: 32px;
package/src/gaps.css CHANGED
@@ -36,7 +36,9 @@
36
36
  --gap-0: 0px;
37
37
  --gap-2: var(--gap-3xs);
38
38
  --gap-4: var(--gap-2xs);
39
+ --gap-6: 6px;
39
40
  --gap-8: var(--gap-xs);
41
+ --gap-10: 10px;
40
42
  --gap-12: var(--gap-s);
41
43
  --gap-16: var(--gap-m);
42
44
  --gap-20: var(--gap-l);
@@ -52,7 +54,9 @@
52
54
  --gap-128: var(--gap-8xl);
53
55
  --gap-2-neg: var(--gap-3xs-neg);
54
56
  --gap-4-neg: var(--gap-2xs-neg);
57
+ --gap-6-neg: -6px;
55
58
  --gap-8-neg: var(--gap-xs-neg);
59
+ --gap-10-neg: -10px;
56
60
  --gap-12-neg: var(--gap-s-neg);
57
61
  --gap-16-neg: var(--gap-m-neg);
58
62
  --gap-20-neg: var(--gap-l-neg);
package/src/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 './typography.css';
9
10
  @import './common.css';
10
11
  @import './mixins.css';
package/src/index.ts CHANGED
@@ -3578,12 +3578,12 @@ export const colorStaticTertiaryDark = "rgba(0, 0, 0, 0.48)";
3578
3578
  */
3579
3579
  export const colorStaticTertiaryLight = "rgba(255, 255, 255, 0.48)";
3580
3580
  export const shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
3581
- export 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)";
3581
+ export 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)";
3582
3582
  export 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)";
3583
3583
  export 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)";
3584
3584
  export 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)";
3585
3585
  export const shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
3586
- export 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)";
3586
+ export 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)";
3587
3587
  export 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)";
3588
3588
  export 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)";
3589
3589
  export 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)";
@@ -3592,8 +3592,8 @@ export const shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0,
3592
3592
  export const shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
3593
3593
  export const shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
3594
3594
  export const shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
3595
- export 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)";
3596
- export 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)";
3595
+ export 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)";
3596
+ export 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)";
3597
3597
  export 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)";
3598
3598
  export 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)";
3599
3599
  export 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)";
@@ -3760,7 +3760,9 @@ export const gap8xlNeg = "-128px";
3760
3760
  export const gap0 = "0px";
3761
3761
  export const gap2 = "var(--gap-3xs)";
3762
3762
  export const gap4 = "var(--gap-2xs)";
3763
+ export const gap6 = "6px";
3763
3764
  export const gap8 = "var(--gap-xs)";
3765
+ export const gap10 = "10px";
3764
3766
  export const gap12 = "var(--gap-s)";
3765
3767
  export const gap16 = "var(--gap-m)";
3766
3768
  export const gap20 = "var(--gap-l)";
@@ -3776,7 +3778,9 @@ export const gap96 = "var(--gap-7xl)";
3776
3778
  export const gap128 = "var(--gap-8xl)";
3777
3779
  export const gap2Neg = "var(--gap-3xs-neg)";
3778
3780
  export const gap4Neg = "var(--gap-2xs-neg)";
3781
+ export const gap6Neg = "-6px";
3779
3782
  export const gap8Neg = "var(--gap-xs-neg)";
3783
+ export const gap10Neg = "-10px";
3780
3784
  export const gap12Neg = "var(--gap-s-neg)";
3781
3785
  export const gap16Neg = "var(--gap-m-neg)";
3782
3786
  export const gap20Neg = "var(--gap-l-neg)";
@@ -3790,11 +3794,11 @@ export const gap72Neg = "var(--gap-6xl-neg)";
3790
3794
  export const gap80Neg = "-80px";
3791
3795
  export const gap96Neg = "var(--gap-7xl-neg)";
3792
3796
  export const gap128Neg = "var(--gap-8xl-neg)";
3793
- export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3794
- export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3795
- export const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
3797
+ export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3798
+ export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3799
+ export const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n Helvetica, sans-serif";
3796
3800
  export const focusColor = "var(--color-light-status-info)";
3797
- export const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3801
+ export const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3798
3802
  export const disabledCursor = "not-allowed";
3799
3803
  export const arrowTransform = "rotate(180deg)";
3800
3804
  export const sizeXxsHeight = "32px";
package/src/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/src/no-typography-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 './typography-vars.css';
9
+ @import './common.css';
10
+ @import './mixins.css';