@volue/design-typography 0.1.0-next.3 → 0.2.0-next.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 (13) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/index.common.d.ts +69 -48
  3. package/dist/index.common.js +69 -48
  4. package/dist/index.cssmodules.css +47 -34
  5. package/dist/index.custom-properties.css +48 -35
  6. package/dist/index.json +47 -34
  7. package/dist/index.module.d.ts +69 -48
  8. package/dist/index.module.js +69 -48
  9. package/dist/index.scss +48 -35
  10. package/package.json +3 -3
  11. package/src/font-size.js +6 -0
  12. package/src/line-height.js +14 -4
  13. package/src/style.json +140 -108
package/CHANGELOG.md CHANGED
@@ -4,3 +4,14 @@ All notable changes to this project will be documented in this file. See [Conven
4
4
 
5
5
  <!-- MONODEPLOY:BELOW -->
6
6
 
7
+ ## [0.1.0](https://github.com/Volue/wave/compare/@volue/design-typography@0.1.0-next.0...@volue/design-typography@0.1.0) "@volue/design-typography" (2023-03-01)
8
+
9
+
10
+ ### Features
11
+
12
+ * **tokens:** add `letter-spacing` to typography tokens ([93872d8](https://github.com/Volue/wave/commit/93872d810f09b605a86bd7f3d895a519923d5a05))
13
+ * **tokens:** add `typography` tokens ([c40d9eb](https://github.com/Volue/wave/commit/c40d9eb090f050ffe610858474a3368e5c5063ea))
14
+
15
+
16
+
17
+
package/dist/index.common.d.ts CHANGED
@@ -7,53 +7,69 @@ declare const tokens: {
7
7
  "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
8
8
  },
9
9
  "style": {
10
- "base": {
11
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
12
- "fontSize": "16px",
13
- "lineHeight": number,
14
- "fontWeight": "400"
10
+ "body": {
11
+ "base": {
12
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
13
+ "fontSize": "16px",
14
+ "lineHeight": "1.5rem",
15
+ "fontWeight": "400"
16
+ },
17
+ "small": {
18
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
19
+ "fontSize": "14px",
20
+ "lineHeight": "1.25rem",
21
+ "fontWeight": "400"
22
+ },
23
+ "xsmall": {
24
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
25
+ "fontSize": "12px",
26
+ "lineHeight": "1.125rem",
27
+ "fontWeight": "400"
28
+ }
15
29
  },
16
- "giga": {
17
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
18
- "fontSize": "51px",
19
- "lineHeight": number,
20
- "fontWeight": "400"
21
- },
22
- "alpha": {
23
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
24
- "fontSize": "38px",
25
- "lineHeight": number,
26
- "fontWeight": "400"
27
- },
28
- "beta": {
29
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
30
- "fontSize": "28px",
31
- "lineHeight": number,
32
- "fontWeight": "400"
33
- },
34
- "gamma": {
35
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
36
- "fontSize": "21px",
37
- "lineHeight": number,
38
- "fontWeight": "400"
39
- },
40
- "delta": {
41
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
42
- "fontSize": "19px",
43
- "lineHeight": number,
44
- "fontWeight": "400"
45
- },
46
- "epsilon": {
47
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
48
- "fontSize": "16px",
49
- "lineHeight": number,
50
- "fontWeight": "400"
51
- },
52
- "zeta": {
53
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
54
- "fontSize": "14px",
55
- "lineHeight": number,
56
- "fontWeight": "400"
30
+ "headlines": {
31
+ "giga": {
32
+ "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
33
+ "fontSize": "51px",
34
+ "lineHeight": number,
35
+ "fontWeight": "400"
36
+ },
37
+ "alpha": {
38
+ "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
39
+ "fontSize": "38px",
40
+ "lineHeight": number,
41
+ "fontWeight": "400"
42
+ },
43
+ "beta": {
44
+ "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
45
+ "fontSize": "28px",
46
+ "lineHeight": number,
47
+ "fontWeight": "400"
48
+ },
49
+ "gamma": {
50
+ "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
51
+ "fontSize": "21px",
52
+ "lineHeight": number,
53
+ "fontWeight": "400"
54
+ },
55
+ "delta": {
56
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
57
+ "fontSize": "19px",
58
+ "lineHeight": number,
59
+ "fontWeight": "400"
60
+ },
61
+ "epsilon": {
62
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
63
+ "fontSize": "16px",
64
+ "lineHeight": number,
65
+ "fontWeight": "400"
66
+ },
67
+ "zeta": {
68
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
69
+ "fontSize": "14px",
70
+ "lineHeight": number,
71
+ "fontWeight": "400"
72
+ }
57
73
  }
58
74
  },
59
75
  "weight": {
@@ -64,6 +80,8 @@ declare const tokens: {
64
80
  "size": {
65
81
  "font": {
66
82
  "base": "16px",
83
+ "small": "14px",
84
+ "xsmall": "12px",
67
85
  "zeta": "14px",
68
86
  "epsilon": "16px",
69
87
  "delta": "19px",
@@ -81,9 +99,12 @@ declare const tokens: {
81
99
  "widest": "0.1em"
82
100
  },
83
101
  "lineHeight": {
84
- "base": "24px",
85
102
  "none": number,
86
- "default": number,
103
+ "body": number,
104
+ "default": "24px",
105
+ "base": "1.5rem",
106
+ "small": "1.25rem",
107
+ "xsmall": "1.125rem",
87
108
  "zeta": number,
88
109
  "epsilon": number,
89
110
  "delta": number,
package/dist/index.common.js CHANGED
@@ -6,53 +6,69 @@ module.exports = {
6
6
  "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
7
7
  },
8
8
  "style": {
9
- "base": {
10
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
11
- "fontSize": "16px",
12
- "lineHeight": 1.5,
13
- "fontWeight": "400"
9
+ "body": {
10
+ "base": {
11
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
12
+ "fontSize": "16px",
13
+ "lineHeight": "1.5rem",
14
+ "fontWeight": "400"
15
+ },
16
+ "small": {
17
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
18
+ "fontSize": "14px",
19
+ "lineHeight": "1.25rem",
20
+ "fontWeight": "400"
21
+ },
22
+ "xsmall": {
23
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
24
+ "fontSize": "12px",
25
+ "lineHeight": "1.125rem",
26
+ "fontWeight": "400"
27
+ }
14
28
  },
15
- "giga": {
16
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
17
- "fontSize": "51px",
18
- "lineHeight": 1.4117647059,
19
- "fontWeight": "400"
20
- },
21
- "alpha": {
22
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
23
- "fontSize": "38px",
24
- "lineHeight": 1.2631578947,
25
- "fontWeight": "400"
26
- },
27
- "beta": {
28
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
29
- "fontSize": "28px",
30
- "lineHeight": 1.7142857143,
31
- "fontWeight": "400"
32
- },
33
- "gamma": {
34
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
35
- "fontSize": "21px",
36
- "lineHeight": 1.5238095238,
37
- "fontWeight": "400"
38
- },
39
- "delta": {
40
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
41
- "fontSize": "19px",
42
- "lineHeight": 1.2631578947,
43
- "fontWeight": "400"
44
- },
45
- "epsilon": {
46
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
47
- "fontSize": "16px",
48
- "lineHeight": 1.5,
49
- "fontWeight": "400"
50
- },
51
- "zeta": {
52
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
53
- "fontSize": "14px",
54
- "lineHeight": 1.7142857143,
55
- "fontWeight": "400"
29
+ "headlines": {
30
+ "giga": {
31
+ "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
32
+ "fontSize": "51px",
33
+ "lineHeight": 1.4117647059,
34
+ "fontWeight": "400"
35
+ },
36
+ "alpha": {
37
+ "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
38
+ "fontSize": "38px",
39
+ "lineHeight": 1.2631578947,
40
+ "fontWeight": "400"
41
+ },
42
+ "beta": {
43
+ "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
44
+ "fontSize": "28px",
45
+ "lineHeight": 1.7142857143,
46
+ "fontWeight": "400"
47
+ },
48
+ "gamma": {
49
+ "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
50
+ "fontSize": "21px",
51
+ "lineHeight": 1.5238095238,
52
+ "fontWeight": "400"
53
+ },
54
+ "delta": {
55
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
56
+ "fontSize": "19px",
57
+ "lineHeight": 1.2631578947,
58
+ "fontWeight": "400"
59
+ },
60
+ "epsilon": {
61
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
62
+ "fontSize": "16px",
63
+ "lineHeight": 1.5,
64
+ "fontWeight": "400"
65
+ },
66
+ "zeta": {
67
+ "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
68
+ "fontSize": "14px",
69
+ "lineHeight": 1.7142857143,
70
+ "fontWeight": "400"
71
+ }
56
72
  }
57
73
  },
58
74
  "weight": {
@@ -63,6 +79,8 @@ module.exports = {
63
79
  "size": {
64
80
  "font": {
65
81
  "base": "16px",
82
+ "small": "14px",
83
+ "xsmall": "12px",
66
84
  "zeta": "14px",
67
85
  "epsilon": "16px",
68
86
  "delta": "19px",
@@ -80,9 +98,12 @@ module.exports = {
80
98
  "widest": "0.1em"
81
99
  },
82
100
  "lineHeight": {
83
- "base": "24px",
84
101
  "none": 1,
85
- "default": 1.5,
102
+ "body": 1.5,
103
+ "default": "24px",
104
+ "base": "1.5rem",
105
+ "small": "1.25rem",
106
+ "xsmall": "1.125rem",
86
107
  "zeta": 1.7142857143,
87
108
  "epsilon": 1.5,
88
109
  "delta": 1.2631578947,
package/dist/index.cssmodules.css CHANGED
@@ -1,41 +1,51 @@
1
1
  @value font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
2
2
  @value font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
3
3
  @value font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
4
- @value font-style-base-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
5
- @value font-style-base-font-size: 16px;
6
- @value font-style-base-line-height: 1.5;
7
- @value font-style-base-font-weight: 400;
8
- @value font-style-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
9
- @value font-style-giga-font-size: 51px;
10
- @value font-style-giga-line-height: 1.4117647059;
11
- @value font-style-giga-font-weight: 400;
12
- @value font-style-alpha-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
13
- @value font-style-alpha-font-size: 38px;
14
- @value font-style-alpha-line-height: 1.2631578947;
15
- @value font-style-alpha-font-weight: 400;
16
- @value font-style-beta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
17
- @value font-style-beta-font-size: 28px;
18
- @value font-style-beta-line-height: 1.7142857143;
19
- @value font-style-beta-font-weight: 400;
20
- @value font-style-gamma-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
21
- @value font-style-gamma-font-size: 21px;
22
- @value font-style-gamma-line-height: 1.5238095238;
23
- @value font-style-gamma-font-weight: 400;
24
- @value font-style-delta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
25
- @value font-style-delta-font-size: 19px;
26
- @value font-style-delta-line-height: 1.2631578947;
27
- @value font-style-delta-font-weight: 400;
28
- @value font-style-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
29
- @value font-style-epsilon-font-size: 16px;
30
- @value font-style-epsilon-line-height: 1.5;
31
- @value font-style-epsilon-font-weight: 400;
32
- @value font-style-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
33
- @value font-style-zeta-font-size: 14px;
34
- @value font-style-zeta-line-height: 1.7142857143;
35
- @value font-style-zeta-font-weight: 400;
4
+ @value font-style-body-base-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
5
+ @value font-style-body-base-font-size: 16px;
6
+ @value font-style-body-base-line-height: 1.5rem;
7
+ @value font-style-body-base-font-weight: 400;
8
+ @value font-style-body-small-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
9
+ @value font-style-body-small-font-size: 14px;
10
+ @value font-style-body-small-line-height: 1.25rem;
11
+ @value font-style-body-small-font-weight: 400;
12
+ @value font-style-body-xsmall-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
13
+ @value font-style-body-xsmall-font-size: 12px;
14
+ @value font-style-body-xsmall-line-height: 1.125rem;
15
+ @value font-style-body-xsmall-font-weight: 400;
16
+ @value font-style-headlines-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
17
+ @value font-style-headlines-giga-font-size: 51px;
18
+ @value font-style-headlines-giga-line-height: 1.4117647059;
19
+ @value font-style-headlines-giga-font-weight: 400;
20
+ @value font-style-headlines-alpha-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
21
+ @value font-style-headlines-alpha-font-size: 38px;
22
+ @value font-style-headlines-alpha-line-height: 1.2631578947;
23
+ @value font-style-headlines-alpha-font-weight: 400;
24
+ @value font-style-headlines-beta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
25
+ @value font-style-headlines-beta-font-size: 28px;
26
+ @value font-style-headlines-beta-line-height: 1.7142857143;
27
+ @value font-style-headlines-beta-font-weight: 400;
28
+ @value font-style-headlines-gamma-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
29
+ @value font-style-headlines-gamma-font-size: 21px;
30
+ @value font-style-headlines-gamma-line-height: 1.5238095238;
31
+ @value font-style-headlines-gamma-font-weight: 400;
32
+ @value font-style-headlines-delta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
33
+ @value font-style-headlines-delta-font-size: 19px;
34
+ @value font-style-headlines-delta-line-height: 1.2631578947;
35
+ @value font-style-headlines-delta-font-weight: 400;
36
+ @value font-style-headlines-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
37
+ @value font-style-headlines-epsilon-font-size: 16px;
38
+ @value font-style-headlines-epsilon-line-height: 1.5;
39
+ @value font-style-headlines-epsilon-font-weight: 400;
40
+ @value font-style-headlines-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
41
+ @value font-style-headlines-zeta-font-size: 14px;
42
+ @value font-style-headlines-zeta-line-height: 1.7142857143;
43
+ @value font-style-headlines-zeta-font-weight: 400;
36
44
  @value font-weight-normal: 400;
37
45
  @value font-weight-semibold: 600;
38
46
  @value size-font-base: 16px;
47
+ @value size-font-small: 14px;
48
+ @value size-font-xsmall: 12px;
39
49
  @value size-font-zeta: 14px;
40
50
  @value size-font-epsilon: 16px;
41
51
  @value size-font-delta: 19px;
@@ -49,9 +59,12 @@
49
59
  @value size-letter-spacing-wide: 0.025em;
50
60
  @value size-letter-spacing-wider: 0.05em;
51
61
  @value size-letter-spacing-widest: 0.1em;
52
- @value size-line-height-base: 24px;
53
62
  @value size-line-height-none: 1;
54
- @value size-line-height-default: 1.5;
63
+ @value size-line-height-body: 1.5;
64
+ @value size-line-height-default: 24px;
65
+ @value size-line-height-base: 1.5rem;
66
+ @value size-line-height-small: 1.25rem;
67
+ @value size-line-height-xsmall: 1.125rem;
55
68
  @value size-line-height-zeta: 1.7142857143;
56
69
  @value size-line-height-epsilon: 1.5;
57
70
  @value size-line-height-delta: 1.2631578947;
package/dist/index.custom-properties.css CHANGED
@@ -1,47 +1,57 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 28 Feb 2023 12:46:29 GMT
3
+ * Generated on Mon, 03 Apr 2023 08:11:38 GMT
4
4
  */
5
5
 
6
6
  :root {
7
7
  --font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
8
8
  --font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
9
9
  --font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
10
- --font-style-base-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
11
- --font-style-base-font-size: 16px;
12
- --font-style-base-line-height: 1.5;
13
- --font-style-base-font-weight: 400;
14
- --font-style-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
15
- --font-style-giga-font-size: 51px;
16
- --font-style-giga-line-height: 1.4117647059;
17
- --font-style-giga-font-weight: 400;
18
- --font-style-alpha-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
19
- --font-style-alpha-font-size: 38px;
20
- --font-style-alpha-line-height: 1.2631578947;
21
- --font-style-alpha-font-weight: 400;
22
- --font-style-beta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
23
- --font-style-beta-font-size: 28px;
24
- --font-style-beta-line-height: 1.7142857143;
25
- --font-style-beta-font-weight: 400;
26
- --font-style-gamma-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
27
- --font-style-gamma-font-size: 21px;
28
- --font-style-gamma-line-height: 1.5238095238;
29
- --font-style-gamma-font-weight: 400;
30
- --font-style-delta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
31
- --font-style-delta-font-size: 19px;
32
- --font-style-delta-line-height: 1.2631578947;
33
- --font-style-delta-font-weight: 400;
34
- --font-style-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
35
- --font-style-epsilon-font-size: 16px;
36
- --font-style-epsilon-line-height: 1.5;
37
- --font-style-epsilon-font-weight: 400;
38
- --font-style-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
39
- --font-style-zeta-font-size: 14px;
40
- --font-style-zeta-line-height: 1.7142857143;
41
- --font-style-zeta-font-weight: 400;
10
+ --font-style-body-base-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
11
+ --font-style-body-base-font-size: 16px;
12
+ --font-style-body-base-line-height: 1.5rem;
13
+ --font-style-body-base-font-weight: 400;
14
+ --font-style-body-small-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
15
+ --font-style-body-small-font-size: 14px;
16
+ --font-style-body-small-line-height: 1.25rem;
17
+ --font-style-body-small-font-weight: 400;
18
+ --font-style-body-xsmall-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
19
+ --font-style-body-xsmall-font-size: 12px;
20
+ --font-style-body-xsmall-line-height: 1.125rem;
21
+ --font-style-body-xsmall-font-weight: 400;
22
+ --font-style-headlines-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
23
+ --font-style-headlines-giga-font-size: 51px;
24
+ --font-style-headlines-giga-line-height: 1.4117647059;
25
+ --font-style-headlines-giga-font-weight: 400;
26
+ --font-style-headlines-alpha-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
27
+ --font-style-headlines-alpha-font-size: 38px;
28
+ --font-style-headlines-alpha-line-height: 1.2631578947;
29
+ --font-style-headlines-alpha-font-weight: 400;
30
+ --font-style-headlines-beta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
31
+ --font-style-headlines-beta-font-size: 28px;
32
+ --font-style-headlines-beta-line-height: 1.7142857143;
33
+ --font-style-headlines-beta-font-weight: 400;
34
+ --font-style-headlines-gamma-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
35
+ --font-style-headlines-gamma-font-size: 21px;
36
+ --font-style-headlines-gamma-line-height: 1.5238095238;
37
+ --font-style-headlines-gamma-font-weight: 400;
38
+ --font-style-headlines-delta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
39
+ --font-style-headlines-delta-font-size: 19px;
40
+ --font-style-headlines-delta-line-height: 1.2631578947;
41
+ --font-style-headlines-delta-font-weight: 400;
42
+ --font-style-headlines-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
43
+ --font-style-headlines-epsilon-font-size: 16px;
44
+ --font-style-headlines-epsilon-line-height: 1.5;
45
+ --font-style-headlines-epsilon-font-weight: 400;
46
+ --font-style-headlines-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
47
+ --font-style-headlines-zeta-font-size: 14px;
48
+ --font-style-headlines-zeta-line-height: 1.7142857143;
49
+ --font-style-headlines-zeta-font-weight: 400;
42
50
  --font-weight-normal: 400;
43
51
  --font-weight-semibold: 600;
44
52
  --size-font-base: 16px;
53
+ --size-font-small: 14px;
54
+ --size-font-xsmall: 12px;
45
55
  --size-font-zeta: 14px;
46
56
  --size-font-epsilon: 16px;
47
57
  --size-font-delta: 19px;
@@ -55,9 +65,12 @@
55
65
  --size-letter-spacing-wide: 0.025em;
56
66
  --size-letter-spacing-wider: 0.05em;
57
67
  --size-letter-spacing-widest: 0.1em;
58
- --size-line-height-base: 24px;
59
68
  --size-line-height-none: 1;
60
- --size-line-height-default: 1.5;
69
+ --size-line-height-body: 1.5;
70
+ --size-line-height-default: 24px;
71
+ --size-line-height-base: 1.5rem;
72
+ --size-line-height-small: 1.25rem;
73
+ --size-line-height-xsmall: 1.125rem;
61
74
  --size-line-height-zeta: 1.7142857143;
62
75
  --size-line-height-epsilon: 1.5;
63
76
  --size-line-height-delta: 1.2631578947;
package/dist/index.json CHANGED
@@ -2,41 +2,51 @@
2
2
  "FONT_FAMILY_BASE": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
3
3
  "FONT_FAMILY_DISPLAY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
4
4
  "FONT_FAMILY_MONO": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
5
- "FONT_STYLE_BASE_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
6
- "FONT_STYLE_BASE_FONT_SIZE": "16px",
7
- "FONT_STYLE_BASE_LINE_HEIGHT": 1.5,
8
- "FONT_STYLE_BASE_FONT_WEIGHT": "400",
9
- "FONT_STYLE_GIGA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
10
- "FONT_STYLE_GIGA_FONT_SIZE": "51px",
11
- "FONT_STYLE_GIGA_LINE_HEIGHT": 1.4117647059,
12
- "FONT_STYLE_GIGA_FONT_WEIGHT": "400",
13
- "FONT_STYLE_ALPHA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
14
- "FONT_STYLE_ALPHA_FONT_SIZE": "38px",
15
- "FONT_STYLE_ALPHA_LINE_HEIGHT": 1.2631578947,
16
- "FONT_STYLE_ALPHA_FONT_WEIGHT": "400",
17
- "FONT_STYLE_BETA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
18
- "FONT_STYLE_BETA_FONT_SIZE": "28px",
19
- "FONT_STYLE_BETA_LINE_HEIGHT": 1.7142857143,
20
- "FONT_STYLE_BETA_FONT_WEIGHT": "400",
21
- "FONT_STYLE_GAMMA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
22
- "FONT_STYLE_GAMMA_FONT_SIZE": "21px",
23
- "FONT_STYLE_GAMMA_LINE_HEIGHT": 1.5238095238,
24
- "FONT_STYLE_GAMMA_FONT_WEIGHT": "400",
25
- "FONT_STYLE_DELTA_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
26
- "FONT_STYLE_DELTA_FONT_SIZE": "19px",
27
- "FONT_STYLE_DELTA_LINE_HEIGHT": 1.2631578947,
28
- "FONT_STYLE_DELTA_FONT_WEIGHT": "400",
29
- "FONT_STYLE_EPSILON_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
30
- "FONT_STYLE_EPSILON_FONT_SIZE": "16px",
31
- "FONT_STYLE_EPSILON_LINE_HEIGHT": 1.5,
32
- "FONT_STYLE_EPSILON_FONT_WEIGHT": "400",
33
- "FONT_STYLE_ZETA_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
34
- "FONT_STYLE_ZETA_FONT_SIZE": "14px",
35
- "FONT_STYLE_ZETA_LINE_HEIGHT": 1.7142857143,
36
- "FONT_STYLE_ZETA_FONT_WEIGHT": "400",
5
+ "FONT_STYLE_BODY_BASE_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
6
+ "FONT_STYLE_BODY_BASE_FONT_SIZE": "16px",
7
+ "FONT_STYLE_BODY_BASE_LINE_HEIGHT": "1.5rem",
8
+ "FONT_STYLE_BODY_BASE_FONT_WEIGHT": "400",
9
+ "FONT_STYLE_BODY_SMALL_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
10
+ "FONT_STYLE_BODY_SMALL_FONT_SIZE": "14px",
11
+ "FONT_STYLE_BODY_SMALL_LINE_HEIGHT": "1.25rem",
12
+ "FONT_STYLE_BODY_SMALL_FONT_WEIGHT": "400",
13
+ "FONT_STYLE_BODY_XSMALL_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
14
+ "FONT_STYLE_BODY_XSMALL_FONT_SIZE": "12px",
15
+ "FONT_STYLE_BODY_XSMALL_LINE_HEIGHT": "1.125rem",
16
+ "FONT_STYLE_BODY_XSMALL_FONT_WEIGHT": "400",
17
+ "FONT_STYLE_HEADLINES_GIGA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
18
+ "FONT_STYLE_HEADLINES_GIGA_FONT_SIZE": "51px",
19
+ "FONT_STYLE_HEADLINES_GIGA_LINE_HEIGHT": 1.4117647059,
20
+ "FONT_STYLE_HEADLINES_GIGA_FONT_WEIGHT": "400",
21
+ "FONT_STYLE_HEADLINES_ALPHA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
22
+ "FONT_STYLE_HEADLINES_ALPHA_FONT_SIZE": "38px",
23
+ "FONT_STYLE_HEADLINES_ALPHA_LINE_HEIGHT": 1.2631578947,
24
+ "FONT_STYLE_HEADLINES_ALPHA_FONT_WEIGHT": "400",
25
+ "FONT_STYLE_HEADLINES_BETA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
26
+ "FONT_STYLE_HEADLINES_BETA_FONT_SIZE": "28px",
27
+ "FONT_STYLE_HEADLINES_BETA_LINE_HEIGHT": 1.7142857143,
28
+ "FONT_STYLE_HEADLINES_BETA_FONT_WEIGHT": "400",
29
+ "FONT_STYLE_HEADLINES_GAMMA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
30
+ "FONT_STYLE_HEADLINES_GAMMA_FONT_SIZE": "21px",
31
+ "FONT_STYLE_HEADLINES_GAMMA_LINE_HEIGHT": 1.5238095238,
32
+ "FONT_STYLE_HEADLINES_GAMMA_FONT_WEIGHT": "400",
33
+ "FONT_STYLE_HEADLINES_DELTA_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
34
+ "FONT_STYLE_HEADLINES_DELTA_FONT_SIZE": "19px",
35
+ "FONT_STYLE_HEADLINES_DELTA_LINE_HEIGHT": 1.2631578947,
36
+ "FONT_STYLE_HEADLINES_DELTA_FONT_WEIGHT": "400",
37
+ "FONT_STYLE_HEADLINES_EPSILON_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
38
+ "FONT_STYLE_HEADLINES_EPSILON_FONT_SIZE": "16px",
39
+ "FONT_STYLE_HEADLINES_EPSILON_LINE_HEIGHT": 1.5,
40
+ "FONT_STYLE_HEADLINES_EPSILON_FONT_WEIGHT": "400",
41
+ "FONT_STYLE_HEADLINES_ZETA_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
42
+ "FONT_STYLE_HEADLINES_ZETA_FONT_SIZE": "14px",
43
+ "FONT_STYLE_HEADLINES_ZETA_LINE_HEIGHT": 1.7142857143,
44
+ "FONT_STYLE_HEADLINES_ZETA_FONT_WEIGHT": "400",
37
45
  "FONT_WEIGHT_NORMAL": "400",
38
46
  "FONT_WEIGHT_SEMIBOLD": "600",
39
47
  "SIZE_FONT_BASE": "16px",
48
+ "SIZE_FONT_SMALL": "14px",
49
+ "SIZE_FONT_XSMALL": "12px",
40
50
  "SIZE_FONT_ZETA": "14px",
41
51
  "SIZE_FONT_EPSILON": "16px",
42
52
  "SIZE_FONT_DELTA": "19px",
@@ -50,9 +60,12 @@
50
60
  "SIZE_LETTER_SPACING_WIDE": "0.025em",
51
61
  "SIZE_LETTER_SPACING_WIDER": "0.05em",
52
62
  "SIZE_LETTER_SPACING_WIDEST": "0.1em",
53
- "SIZE_LINE_HEIGHT_BASE": "24px",
54
63
  "SIZE_LINE_HEIGHT_NONE": 1,
55
- "SIZE_LINE_HEIGHT_DEFAULT": 1.5,
64
+ "SIZE_LINE_HEIGHT_BODY": 1.5,
65
+ "SIZE_LINE_HEIGHT_DEFAULT": "24px",
66
+ "SIZE_LINE_HEIGHT_BASE": "1.5rem",
67
+ "SIZE_LINE_HEIGHT_SMALL": "1.25rem",
68
+ "SIZE_LINE_HEIGHT_XSMALL": "1.125rem",
56
69
  "SIZE_LINE_HEIGHT_ZETA": 1.7142857143,
57
70
  "SIZE_LINE_HEIGHT_EPSILON": 1.5,
58
71
  "SIZE_LINE_HEIGHT_DELTA": 1.2631578947,