@alfalab/core-components-typography 5.0.0 → 5.0.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 (49) hide show
  1. package/colors.css +20 -20
  2. package/colors.module.css.js +1 -1
  3. package/esm/colors.css +20 -20
  4. package/esm/colors.module.css.js +1 -1
  5. package/esm/text/alfasans-index.css +29 -29
  6. package/esm/text/alfasans-index.module.css.js +1 -1
  7. package/esm/text/index.css +21 -21
  8. package/esm/text/index.module.css.js +1 -1
  9. package/esm/title/alfasans-index.css +10 -10
  10. package/esm/title/alfasans-index.module.css.js +1 -1
  11. package/esm/title/common.css +8 -8
  12. package/esm/title/common.module.css.js +1 -1
  13. package/esm/title/index.css +16 -16
  14. package/esm/title/index.module.css.js +1 -1
  15. package/esm/title-mobile/alfasans-index.css +10 -10
  16. package/esm/title-mobile/alfasans-index.module.css.js +1 -1
  17. package/esm/title-mobile/index.css +15 -15
  18. package/esm/title-mobile/index.module.css.js +1 -1
  19. package/modern/colors.css +20 -20
  20. package/modern/colors.module.css.js +1 -1
  21. package/modern/text/alfasans-index.css +29 -29
  22. package/modern/text/alfasans-index.module.css.js +1 -1
  23. package/modern/text/index.css +21 -21
  24. package/modern/text/index.module.css.js +1 -1
  25. package/modern/title/alfasans-index.css +10 -10
  26. package/modern/title/alfasans-index.module.css.js +1 -1
  27. package/modern/title/common.css +8 -8
  28. package/modern/title/common.module.css.js +1 -1
  29. package/modern/title/index.css +16 -16
  30. package/modern/title/index.module.css.js +1 -1
  31. package/modern/title-mobile/alfasans-index.css +10 -10
  32. package/modern/title-mobile/alfasans-index.module.css.js +1 -1
  33. package/modern/title-mobile/index.css +15 -15
  34. package/modern/title-mobile/index.module.css.js +1 -1
  35. package/package.json +5 -5
  36. package/text/alfasans-index.css +29 -29
  37. package/text/alfasans-index.module.css.js +1 -1
  38. package/text/index.css +21 -21
  39. package/text/index.module.css.js +1 -1
  40. package/title/alfasans-index.css +10 -10
  41. package/title/alfasans-index.module.css.js +1 -1
  42. package/title/common.css +8 -8
  43. package/title/common.module.css.js +1 -1
  44. package/title/index.css +16 -16
  45. package/title/index.module.css.js +1 -1
  46. package/title-mobile/alfasans-index.css +10 -10
  47. package/title-mobile/alfasans-index.module.css.js +1 -1
  48. package/title-mobile/index.css +15 -15
  49. package/title-mobile/index.module.css.js +1 -1
package/title/common.css CHANGED
@@ -1,28 +1,28 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
- } .typography__component_1hdb2 {
3
+ } .typography__component_tr00h {
4
4
  margin: var(--gap-0);
5
5
  padding: var(--gap-0)
6
- } .typography__component_1hdb2.typography__bold_1hdb2 {
6
+ } .typography__component_tr00h.typography__bold_tr00h {
7
7
  font-weight: bold;
8
- } .typography__component_1hdb2.typography__semibold_1hdb2 {
8
+ } .typography__component_tr00h.typography__semibold_tr00h {
9
9
  font-weight: 600;
10
- } .typography__component_1hdb2.typography__medium_1hdb2 {
10
+ } .typography__component_tr00h.typography__medium_tr00h {
11
11
  font-weight: 500;
12
- } .typography__component_1hdb2.typography__regular_1hdb2 {
12
+ } .typography__component_tr00h.typography__regular_tr00h {
13
13
  font-weight: normal;
14
- } .typography__rowLimit1_1hdb2 {
14
+ } .typography__rowLimit1_tr00h {
15
15
  -webkit-line-clamp: 1;
16
16
  display: -webkit-box;
17
17
  -webkit-box-orient: vertical;
18
18
  overflow: hidden;
19
19
  word-break: break-all;
20
- } .typography__rowLimit2_1hdb2 {
20
+ } .typography__rowLimit2_tr00h {
21
21
  -webkit-line-clamp: 2;
22
22
  display: -webkit-box;
23
23
  -webkit-box-orient: vertical;
24
24
  overflow: hidden;
25
- } .typography__rowLimit3_1hdb2 {
25
+ } .typography__rowLimit3_tr00h {
26
26
  -webkit-line-clamp: 3;
27
27
  display: -webkit-box;
28
28
  -webkit-box-orient: vertical;
package/title/common.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./common.css');
4
4
 
5
- var commonStyles = {"component":"typography__component_1hdb2","bold":"typography__bold_1hdb2","semibold":"typography__semibold_1hdb2","medium":"typography__medium_1hdb2","regular":"typography__regular_1hdb2","rowLimit1":"typography__rowLimit1_1hdb2","rowLimit2":"typography__rowLimit2_1hdb2","rowLimit3":"typography__rowLimit3_1hdb2"};
5
+ var commonStyles = {"component":"typography__component_tr00h","bold":"typography__bold_tr00h","semibold":"typography__semibold_tr00h","medium":"typography__medium_tr00h","regular":"typography__regular_tr00h","rowLimit1":"typography__rowLimit1_tr00h","rowLimit2":"typography__rowLimit2_tr00h","rowLimit3":"typography__rowLimit3_tr00h"};
6
6
 
7
7
  module.exports = commonStyles;
8
8
  //# sourceMappingURL=common.module.css.js.map
package/title/index.css CHANGED
@@ -11,66 +11,66 @@
11
11
  } :root {
12
12
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
13
13
  'Helvetica Neue', Helvetica, sans-serif;
14
- } .typography__transparent_1aqxo {
14
+ } .typography__transparent_pusyf {
15
15
  opacity: 0;
16
- } .typography__styrene-xlarge_1aqxo {
16
+ } .typography__styrene-xlarge_pusyf {
17
17
  font-size: 48px;
18
18
  line-height: 64px;
19
19
  font-weight: 500;
20
20
  font-feature-settings: 'ss01';
21
21
  font-family: var(--font-family-styrene);
22
- } .typography__styrene-large_1aqxo {
22
+ } .typography__styrene-large_pusyf {
23
23
  font-size: 40px;
24
24
  line-height: 48px;
25
25
  font-weight: 500;
26
26
  font-feature-settings: 'ss01';
27
27
  font-family: var(--font-family-styrene);
28
- } .typography__styrene-medium_1aqxo {
28
+ } .typography__styrene-medium_pusyf {
29
29
  font-size: 32px;
30
30
  line-height: 40px;
31
31
  font-weight: 500;
32
32
  font-feature-settings: 'ss01';
33
33
  font-family: var(--font-family-styrene);
34
- } .typography__styrene-small_1aqxo {
34
+ } .typography__styrene-small_pusyf {
35
35
  font-size: 24px;
36
36
  line-height: 32px;
37
37
  font-weight: 500;
38
38
  font-feature-settings: 'ss01';
39
39
  font-family: var(--font-family-styrene);
40
- } .typography__styrene-xsmall_1aqxo {
40
+ } .typography__styrene-xsmall_pusyf {
41
41
  font-size: 20px;
42
42
  line-height: 24px;
43
43
  font-weight: 500;
44
44
  font-feature-settings: 'ss01';
45
45
  font-family: var(--font-family-styrene);
46
- } .typography__system-xlarge_1aqxo {
46
+ } .typography__system-xlarge_pusyf {
47
47
  font-size: 48px;
48
48
  line-height: 52px;
49
49
  font-weight: 700;
50
- } .typography__system-large_1aqxo {
50
+ } .typography__system-large_pusyf {
51
51
  font-size: 40px;
52
52
  line-height: 48px;
53
53
  font-weight: 700;
54
- } .typography__system-medium_1aqxo {
54
+ } .typography__system-medium_pusyf {
55
55
  font-size: 30px;
56
56
  line-height: 36px;
57
57
  font-weight: 700;
58
- } .typography__system-small_1aqxo {
58
+ } .typography__system-small_pusyf {
59
59
  font-size: 22px;
60
60
  line-height: 26px;
61
61
  font-weight: 700;
62
- } .typography__system-xsmall_1aqxo {
62
+ } .typography__system-xsmall_pusyf {
63
63
  font-size: 18px;
64
64
  line-height: 22px;
65
65
  font-weight: 700;
66
- } .typography__margins-xlarge_1aqxo {
66
+ } .typography__margins-xlarge_pusyf {
67
67
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
68
- } .typography__margins-large_1aqxo {
68
+ } .typography__margins-large_pusyf {
69
69
  margin: var(--gap-48) var(--gap-0) var(--gap-24);
70
- } .typography__margins-medium_1aqxo {
70
+ } .typography__margins-medium_pusyf {
71
71
  margin: var(--gap-48) var(--gap-0) var(--gap-24);
72
- } .typography__margins-small_1aqxo {
72
+ } .typography__margins-small_pusyf {
73
73
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
74
- } .typography__margins-xsmall_1aqxo {
74
+ } .typography__margins-xsmall_pusyf {
75
75
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
76
76
  }
package/title/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"transparent":"typography__transparent_1aqxo","styrene-xlarge":"typography__styrene-xlarge_1aqxo","styrene-large":"typography__styrene-large_1aqxo","styrene-medium":"typography__styrene-medium_1aqxo","styrene-small":"typography__styrene-small_1aqxo","styrene-xsmall":"typography__styrene-xsmall_1aqxo","system-xlarge":"typography__system-xlarge_1aqxo","system-large":"typography__system-large_1aqxo","system-medium":"typography__system-medium_1aqxo","system-small":"typography__system-small_1aqxo","system-xsmall":"typography__system-xsmall_1aqxo","margins-xlarge":"typography__margins-xlarge_1aqxo","margins-large":"typography__margins-large_1aqxo","margins-medium":"typography__margins-medium_1aqxo","margins-small":"typography__margins-small_1aqxo","margins-xsmall":"typography__margins-xsmall_1aqxo"};
5
+ var styles = {"transparent":"typography__transparent_pusyf","styrene-xlarge":"typography__styrene-xlarge_pusyf","styrene-large":"typography__styrene-large_pusyf","styrene-medium":"typography__styrene-medium_pusyf","styrene-small":"typography__styrene-small_pusyf","styrene-xsmall":"typography__styrene-xsmall_pusyf","system-xlarge":"typography__system-xlarge_pusyf","system-large":"typography__system-large_pusyf","system-medium":"typography__system-medium_pusyf","system-small":"typography__system-small_pusyf","system-xsmall":"typography__system-xsmall_pusyf","margins-xlarge":"typography__margins-xlarge_pusyf","margins-large":"typography__margins-large_pusyf","margins-medium":"typography__margins-medium_pusyf","margins-small":"typography__margins-small_pusyf","margins-xsmall":"typography__margins-xsmall_pusyf"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/title-mobile/alfasans-index.css CHANGED
@@ -1,39 +1,39 @@
1
1
  :root {
2
2
  --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
3
3
  'Helvetica Neue', Helvetica, sans-serif;
4
- } .typography__alfasans-xlarge_10p3w {
4
+ } .typography__alfasans-xlarge_1ll8m {
5
5
  font-size: 34px;
6
6
  line-height: 40px;
7
7
  font-weight: 500;
8
8
  letter-spacing: -0.32px;
9
9
  font-family: var(--font-family-alfasans)
10
- } .typography__alfasans-xlarge_10p3w.typography__systemCompat_10p3w {
11
- } .typography__alfasans-large_10p3w {
10
+ } .typography__alfasans-xlarge_1ll8m.typography__systemCompat_1ll8m {
11
+ } .typography__alfasans-large_1ll8m {
12
12
  font-size: 30px;
13
13
  line-height: 36px;
14
14
  font-weight: 500;
15
15
  letter-spacing: -0.25px;
16
16
  font-family: var(--font-family-alfasans)
17
- } .typography__alfasans-large_10p3w.typography__systemCompat_10p3w {
18
- } .typography__alfasans-medium_10p3w {
17
+ } .typography__alfasans-large_1ll8m.typography__systemCompat_1ll8m {
18
+ } .typography__alfasans-medium_1ll8m {
19
19
  font-size: 26px;
20
20
  line-height: 32px;
21
21
  font-weight: 500;
22
22
  letter-spacing: -0.25px;
23
23
  font-family: var(--font-family-alfasans)
24
- } .typography__alfasans-medium_10p3w.typography__systemCompat_10p3w {
25
- } .typography__alfasans-small_10p3w {
24
+ } .typography__alfasans-medium_1ll8m.typography__systemCompat_1ll8m {
25
+ } .typography__alfasans-small_1ll8m {
26
26
  font-size: 20px;
27
27
  line-height: 28px;
28
28
  font-weight: 500;
29
29
  letter-spacing: -0.15px;
30
30
  font-family: var(--font-family-alfasans)
31
- } .typography__alfasans-small_10p3w.typography__systemCompat_10p3w {
32
- } .typography__alfasans-xsmall_10p3w {
31
+ } .typography__alfasans-small_1ll8m.typography__systemCompat_1ll8m {
32
+ } .typography__alfasans-xsmall_1ll8m {
33
33
  font-size: 16px;
34
34
  line-height: 20px;
35
35
  font-weight: 500;
36
36
  letter-spacing: 0.17px;
37
37
  font-family: var(--font-family-alfasans)
38
- } .typography__alfasans-xsmall_10p3w.typography__systemCompat_10p3w {
38
+ } .typography__alfasans-xsmall_1ll8m.typography__systemCompat_1ll8m {
39
39
  }
package/title-mobile/alfasans-index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./alfasans-index.css');
4
4
 
5
- var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_10p3w","systemCompat":"typography__systemCompat_10p3w","alfasans-large":"typography__alfasans-large_10p3w","alfasans-medium":"typography__alfasans-medium_10p3w","alfasans-small":"typography__alfasans-small_10p3w","alfasans-xsmall":"typography__alfasans-xsmall_10p3w"};
5
+ var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_1ll8m","systemCompat":"typography__systemCompat_1ll8m","alfasans-large":"typography__alfasans-large_1ll8m","alfasans-medium":"typography__alfasans-medium_1ll8m","alfasans-small":"typography__alfasans-small_1ll8m","alfasans-xsmall":"typography__alfasans-xsmall_1ll8m"};
6
6
 
7
7
  module.exports = alfasansStyles;
8
8
  //# sourceMappingURL=alfasans-index.module.css.js.map
package/title-mobile/index.css CHANGED
@@ -9,64 +9,64 @@
9
9
  } :root {
10
10
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
11
11
  'Helvetica Neue', Helvetica, sans-serif;
12
- } .typography__styrene-xlarge_x1e14 {
12
+ } .typography__styrene-xlarge_1hxir {
13
13
  font-size: 34px;
14
14
  line-height: 40px;
15
15
  font-weight: 500;
16
16
  font-feature-settings: 'ss01';
17
17
  font-family: var(--font-family-styrene);
18
- } .typography__styrene-large_x1e14 {
18
+ } .typography__styrene-large_1hxir {
19
19
  font-size: 30px;
20
20
  line-height: 36px;
21
21
  font-weight: 500;
22
22
  font-feature-settings: 'ss01';
23
23
  font-family: var(--font-family-styrene);
24
- } .typography__styrene-medium_x1e14 {
24
+ } .typography__styrene-medium_1hxir {
25
25
  font-size: 26px;
26
26
  line-height: 32px;
27
27
  font-weight: 500;
28
28
  font-feature-settings: 'ss01';
29
29
  font-family: var(--font-family-styrene);
30
- } .typography__styrene-small_x1e14 {
30
+ } .typography__styrene-small_1hxir {
31
31
  font-size: 20px;
32
32
  line-height: 28px;
33
33
  font-weight: 500;
34
34
  font-feature-settings: 'ss01';
35
35
  font-family: var(--font-family-styrene);
36
- } .typography__styrene-xsmall_x1e14 {
36
+ } .typography__styrene-xsmall_1hxir {
37
37
  font-size: 16px;
38
38
  line-height: 20px;
39
39
  font-weight: 500;
40
40
  font-feature-settings: 'ss01';
41
41
  font-family: var(--font-family-styrene);
42
- } .typography__system-xlarge_x1e14 {
42
+ } .typography__system-xlarge_1hxir {
43
43
  font-size: 34px;
44
44
  line-height: 40px;
45
45
  font-weight: 600;
46
- } .typography__system-large_x1e14 {
46
+ } .typography__system-large_1hxir {
47
47
  font-size: 30px;
48
48
  line-height: 36px;
49
49
  font-weight: 600;
50
- } .typography__system-medium_x1e14 {
50
+ } .typography__system-medium_1hxir {
51
51
  font-size: 26px;
52
52
  line-height: 32px;
53
53
  font-weight: 600;
54
- } .typography__system-small_x1e14 {
54
+ } .typography__system-small_1hxir {
55
55
  font-size: 20px;
56
56
  line-height: 28px;
57
57
  font-weight: 600;
58
- } .typography__system-xsmall_x1e14 {
58
+ } .typography__system-xsmall_1hxir {
59
59
  font-size: 16px;
60
60
  line-height: 20px;
61
61
  font-weight: 600;
62
- } .typography__margins-xlarge_x1e14 {
62
+ } .typography__margins-xlarge_1hxir {
63
63
  margin: var(--gap-0) var(--gap-0) var(--gap-24);
64
- } .typography__margins-large_x1e14 {
64
+ } .typography__margins-large_1hxir {
65
65
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
66
- } .typography__margins-medium_x1e14 {
66
+ } .typography__margins-medium_1hxir {
67
67
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
68
- } .typography__margins-small_x1e14 {
68
+ } .typography__margins-small_1hxir {
69
69
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
70
- } .typography__margins-xsmall_x1e14 {
70
+ } .typography__margins-xsmall_1hxir {
71
71
  margin: var(--gap-40) var(--gap-0) var(--gap-16);
72
72
  }
package/title-mobile/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_x1e14","styrene-large":"typography__styrene-large_x1e14","styrene-medium":"typography__styrene-medium_x1e14","styrene-small":"typography__styrene-small_x1e14","styrene-xsmall":"typography__styrene-xsmall_x1e14","system-xlarge":"typography__system-xlarge_x1e14","system-large":"typography__system-large_x1e14","system-medium":"typography__system-medium_x1e14","system-small":"typography__system-small_x1e14","system-xsmall":"typography__system-xsmall_x1e14","margins-xlarge":"typography__margins-xlarge_x1e14","margins-large":"typography__margins-large_x1e14","margins-medium":"typography__margins-medium_x1e14","margins-small":"typography__margins-small_x1e14","margins-xsmall":"typography__margins-xsmall_x1e14"};
5
+ var styles = {"styrene-xlarge":"typography__styrene-xlarge_1hxir","styrene-large":"typography__styrene-large_1hxir","styrene-medium":"typography__styrene-medium_1hxir","styrene-small":"typography__styrene-small_1hxir","styrene-xsmall":"typography__styrene-xsmall_1hxir","system-xlarge":"typography__system-xlarge_1hxir","system-large":"typography__system-large_1hxir","system-medium":"typography__system-medium_1hxir","system-small":"typography__system-small_1hxir","system-xsmall":"typography__system-xsmall_1hxir","margins-xlarge":"typography__margins-xlarge_1hxir","margins-large":"typography__margins-large_1hxir","margins-medium":"typography__margins-medium_1hxir","margins-small":"typography__margins-small_1hxir","margins-xsmall":"typography__margins-xsmall_1hxir"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map