@alfalab/core-components-vars 9.19.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 (49) 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/cssm/alfasans-index.css +1595 -0
  7. package/cssm/alfasans-typography.css +18 -0
  8. package/cssm/bundle/alfasans-click.css +1510 -0
  9. package/cssm/bundle/alfasans-corp.css +1510 -0
  10. package/cssm/bundle/alfasans-intranet.css +1510 -0
  11. package/cssm/bundle/click.css +7 -0
  12. package/cssm/bundle/corp.css +7 -0
  13. package/cssm/bundle/intranet.css +7 -0
  14. package/cssm/bundle/mobile.css +7 -0
  15. package/cssm/index.css +3 -1
  16. package/cssm/index.d.ts +1 -0
  17. package/cssm/index.js +1 -0
  18. package/cssm/typography-common.css +8 -0
  19. package/cssm/typography.css +12 -0
  20. package/esm/index.d.ts +1 -0
  21. package/esm/index.js +1 -0
  22. package/index.d.ts +1 -0
  23. package/index.js +1 -0
  24. package/modern/index.d.ts +1 -0
  25. package/modern/index.js +1 -0
  26. package/moderncssm/alfasans-index.css +1595 -0
  27. package/moderncssm/alfasans-typography.css +18 -0
  28. package/moderncssm/bundle/alfasans-click.css +1510 -0
  29. package/moderncssm/bundle/alfasans-corp.css +1510 -0
  30. package/moderncssm/bundle/alfasans-intranet.css +1510 -0
  31. package/moderncssm/bundle/click.css +7 -0
  32. package/moderncssm/bundle/corp.css +7 -0
  33. package/moderncssm/bundle/intranet.css +7 -0
  34. package/moderncssm/bundle/mobile.css +7 -0
  35. package/moderncssm/index.css +3 -1
  36. package/moderncssm/index.d.ts +1 -0
  37. package/moderncssm/index.js +1 -0
  38. package/moderncssm/typography-common.css +8 -0
  39. package/moderncssm/typography.css +12 -0
  40. package/package.json +1 -1
  41. package/src/alfasans-index.css +10 -0
  42. package/src/alfasans-typography.css +626 -0
  43. package/src/bundle/alfasans-click.css +8 -0
  44. package/src/bundle/alfasans-corp.css +8 -0
  45. package/src/bundle/alfasans-intranet.css +8 -0
  46. package/src/typography-common.css +15 -0
  47. package/src/typography.css +6 -18
  48. package/typography-common.css +15 -0
  49. package/typography.css +6 -18
package/src/typography.css CHANGED
@@ -1,9 +1,4 @@
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
- }
1
+ @import './typography-common.css';
7
2
 
8
3
  @define-mixin accent_caps {
9
4
  font-size: 12px;
@@ -279,7 +274,7 @@
279
274
  font-weight: 500;
280
275
  font-feature-settings: 'ss01';
281
276
  font-family: var(--font-family-styrene);
282
- }
277
+ } /* @deprecated */
283
278
 
284
279
  @define-mixin key_medium {
285
280
  font-size: 96px;
@@ -287,7 +282,7 @@
287
282
  font-weight: 500;
288
283
  font-feature-settings: 'ss01';
289
284
  font-family: var(--font-family-styrene);
290
- }
285
+ } /* @deprecated */
291
286
 
292
287
  @define-mixin key_small {
293
288
  font-size: 80px;
@@ -295,7 +290,7 @@
295
290
  font-weight: 500;
296
291
  font-feature-settings: 'ss01';
297
292
  font-family: var(--font-family-styrene);
298
- }
293
+ } /* @deprecated */
299
294
 
300
295
  @define-mixin key_xlarge {
301
296
  font-size: 144px;
@@ -303,7 +298,7 @@
303
298
  font-weight: 500;
304
299
  font-feature-settings: 'ss01';
305
300
  font-family: var(--font-family-styrene);
306
- }
301
+ } /* @deprecated */
307
302
 
308
303
  @define-mixin key_xsmall {
309
304
  font-size: 64px;
@@ -311,7 +306,7 @@
311
306
  font-weight: 500;
312
307
  font-feature-settings: 'ss01';
313
308
  font-family: var(--font-family-styrene);
314
- }
309
+ } /* @deprecated */
315
310
 
316
311
  @define-mixin paragraph_caps {
317
312
  font-size: 12px;
@@ -534,10 +529,3 @@
534
529
  line-height: 20px;
535
530
  font-weight: 400;
536
531
  }
537
-
538
- @define-mixin row_limit $num {
539
- -webkit-line-clamp: $num;
540
- display: -webkit-box;
541
- -webkit-box-orient: vertical;
542
- overflow: hidden;
543
- }
package/typography-common.css ADDED
@@ -0,0 +1,15 @@
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
+ }
9
+
10
+ @define-mixin row_limit $num {
11
+ -webkit-line-clamp: $num;
12
+ display: -webkit-box;
13
+ -webkit-box-orient: vertical;
14
+ overflow: hidden;
15
+ }
package/typography.css CHANGED
@@ -1,9 +1,4 @@
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
- }
1
+ @import './typography-common.css';
7
2
 
8
3
  @define-mixin accent_caps {
9
4
  font-size: 12px;
@@ -279,7 +274,7 @@
279
274
  font-weight: 500;
280
275
  font-feature-settings: 'ss01';
281
276
  font-family: var(--font-family-styrene);
282
- }
277
+ } /* @deprecated */
283
278
 
284
279
  @define-mixin key_medium {
285
280
  font-size: 96px;
@@ -287,7 +282,7 @@
287
282
  font-weight: 500;
288
283
  font-feature-settings: 'ss01';
289
284
  font-family: var(--font-family-styrene);
290
- }
285
+ } /* @deprecated */
291
286
 
292
287
  @define-mixin key_small {
293
288
  font-size: 80px;
@@ -295,7 +290,7 @@
295
290
  font-weight: 500;
296
291
  font-feature-settings: 'ss01';
297
292
  font-family: var(--font-family-styrene);
298
- }
293
+ } /* @deprecated */
299
294
 
300
295
  @define-mixin key_xlarge {
301
296
  font-size: 144px;
@@ -303,7 +298,7 @@
303
298
  font-weight: 500;
304
299
  font-feature-settings: 'ss01';
305
300
  font-family: var(--font-family-styrene);
306
- }
301
+ } /* @deprecated */
307
302
 
308
303
  @define-mixin key_xsmall {
309
304
  font-size: 64px;
@@ -311,7 +306,7 @@
311
306
  font-weight: 500;
312
307
  font-feature-settings: 'ss01';
313
308
  font-family: var(--font-family-styrene);
314
- }
309
+ } /* @deprecated */
315
310
 
316
311
  @define-mixin paragraph_caps {
317
312
  font-size: 12px;
@@ -534,10 +529,3 @@
534
529
  line-height: 20px;
535
530
  font-weight: 400;
536
531
  }
537
-
538
- @define-mixin row_limit $num {
539
- -webkit-line-clamp: $num;
540
- display: -webkit-box;
541
- -webkit-box-orient: vertical;
542
- overflow: hidden;
543
- }