@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/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)";
@@ -3790,11 +3790,11 @@ export const gap72Neg = "var(--gap-6xl-neg)";
3790
3790
  export const gap80Neg = "-80px";
3791
3791
  export const gap96Neg = "var(--gap-7xl-neg)";
3792
3792
  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";
3793
+ export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3794
+ export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3795
+ export const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n Helvetica, sans-serif";
3796
3796
  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";
3797
+ export const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3798
3798
  export const disabledCursor = "not-allowed";
3799
3799
  export const arrowTransform = "rotate(180deg)";
3800
3800
  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/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)";
@@ -3790,11 +3790,11 @@ export const gap72Neg = "var(--gap-6xl-neg)";
3790
3790
  export const gap80Neg = "-80px";
3791
3791
  export const gap96Neg = "var(--gap-7xl-neg)";
3792
3792
  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";
3793
+ export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3794
+ export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
3795
+ export const fontFamilyAlfasans = "'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n Helvetica, sans-serif";
3796
3796
  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";
3797
+ export const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif";
3798
3798
  export const disabledCursor = "not-allowed";
3799
3799
  export const arrowTransform = "rotate(180deg)";
3800
3800
  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';