@volue/design-typography 0.1.0-next.2 → 0.1.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 (14) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/index.common.d.ts +38 -29
  3. package/dist/index.common.js +38 -29
  4. package/dist/index.cssmodules.css +32 -25
  5. package/dist/index.custom-properties.css +32 -25
  6. package/dist/index.json +32 -25
  7. package/dist/index.module.d.ts +38 -29
  8. package/dist/index.module.js +38 -29
  9. package/dist/index.scss +33 -26
  10. package/package.json +3 -2
  11. package/src/letter-spacing.json +24 -0
  12. package/src/line-height.js +4 -1
  13. package/src/style.json +2 -2
  14. /package/src/{tokens.json → family.json} +0 -0
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
@@ -1,31 +1,13 @@
1
1
  export default tokens;
2
2
  declare const tokens: {
3
- "size": {
4
- "font": {
5
- "base": "16px",
6
- "zeta": "14px",
7
- "epsilon": "16px",
8
- "delta": "19px",
9
- "gamma": "21px",
10
- "beta": "28px",
11
- "alpha": "38px",
12
- "giga": "51px"
13
- },
14
- "lineHeight": {
15
- "base": "24px",
16
- "body": number,
17
- "zeta": number,
18
- "epsilon": number,
19
- "delta": number,
20
- "gamma": number,
21
- "beta": number,
22
- "alpha": number,
23
- "giga": number
24
- }
25
- },
26
3
  "font": {
4
+ "family": {
5
+ "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
6
+ "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
7
+ "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
8
+ },
27
9
  "style": {
28
- "body": {
10
+ "base": {
29
11
  "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
30
12
  "fontSize": "16px",
31
13
  "lineHeight": number,
@@ -74,14 +56,41 @@ declare const tokens: {
74
56
  "fontWeight": "400"
75
57
  }
76
58
  },
77
- "family": {
78
- "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
79
- "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
80
- "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
81
- },
82
59
  "weight": {
83
60
  "normal": "400",
84
61
  "semibold": "600"
85
62
  }
63
+ },
64
+ "size": {
65
+ "font": {
66
+ "base": "16px",
67
+ "zeta": "14px",
68
+ "epsilon": "16px",
69
+ "delta": "19px",
70
+ "gamma": "21px",
71
+ "beta": "28px",
72
+ "alpha": "38px",
73
+ "giga": "51px"
74
+ },
75
+ "letterSpacing": {
76
+ "tighter": "-0.05em",
77
+ "tight": "-0.025em",
78
+ "normal": "normal",
79
+ "wide": "0.025em",
80
+ "wider": "0.05em",
81
+ "widest": "0.1em"
82
+ },
83
+ "lineHeight": {
84
+ "base": "24px",
85
+ "none": number,
86
+ "default": number,
87
+ "zeta": number,
88
+ "epsilon": number,
89
+ "delta": number,
90
+ "gamma": number,
91
+ "beta": number,
92
+ "alpha": number,
93
+ "giga": number
94
+ }
86
95
  }
87
96
  };
package/dist/index.common.js CHANGED
@@ -1,30 +1,12 @@
1
1
  module.exports = {
2
- "size": {
3
- "font": {
4
- "base": "16px",
5
- "zeta": "14px",
6
- "epsilon": "16px",
7
- "delta": "19px",
8
- "gamma": "21px",
9
- "beta": "28px",
10
- "alpha": "38px",
11
- "giga": "51px"
12
- },
13
- "lineHeight": {
14
- "base": "24px",
15
- "body": 1.5,
16
- "zeta": 1.7142857143,
17
- "epsilon": 1.5,
18
- "delta": 1.2631578947,
19
- "gamma": 1.5238095238,
20
- "beta": 1.7142857143,
21
- "alpha": 1.2631578947,
22
- "giga": 1.4117647059
23
- }
24
- },
25
2
  "font": {
3
+ "family": {
4
+ "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
5
+ "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
6
+ "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
7
+ },
26
8
  "style": {
27
- "body": {
9
+ "base": {
28
10
  "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
29
11
  "fontSize": "16px",
30
12
  "lineHeight": 1.5,
@@ -73,14 +55,41 @@ module.exports = {
73
55
  "fontWeight": "400"
74
56
  }
75
57
  },
76
- "family": {
77
- "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
78
- "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
79
- "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
80
- },
81
58
  "weight": {
82
59
  "normal": "400",
83
60
  "semibold": "600"
84
61
  }
62
+ },
63
+ "size": {
64
+ "font": {
65
+ "base": "16px",
66
+ "zeta": "14px",
67
+ "epsilon": "16px",
68
+ "delta": "19px",
69
+ "gamma": "21px",
70
+ "beta": "28px",
71
+ "alpha": "38px",
72
+ "giga": "51px"
73
+ },
74
+ "letterSpacing": {
75
+ "tighter": "-0.05em",
76
+ "tight": "-0.025em",
77
+ "normal": "normal",
78
+ "wide": "0.025em",
79
+ "wider": "0.05em",
80
+ "widest": "0.1em"
81
+ },
82
+ "lineHeight": {
83
+ "base": "24px",
84
+ "none": 1,
85
+ "default": 1.5,
86
+ "zeta": 1.7142857143,
87
+ "epsilon": 1.5,
88
+ "delta": 1.2631578947,
89
+ "gamma": 1.5238095238,
90
+ "beta": 1.7142857143,
91
+ "alpha": 1.2631578947,
92
+ "giga": 1.4117647059
93
+ }
85
94
  }
86
95
  }
package/dist/index.cssmodules.css CHANGED
@@ -1,24 +1,10 @@
1
- @value size-font-base: 16px;
2
- @value size-font-zeta: 14px;
3
- @value size-font-epsilon: 16px;
4
- @value size-font-delta: 19px;
5
- @value size-font-gamma: 21px;
6
- @value size-font-beta: 28px;
7
- @value size-font-alpha: 38px;
8
- @value size-font-giga: 51px;
9
- @value size-line-height-base: 24px;
10
- @value size-line-height-body: 1.5;
11
- @value size-line-height-zeta: 1.7142857143;
12
- @value size-line-height-epsilon: 1.5;
13
- @value size-line-height-delta: 1.2631578947;
14
- @value size-line-height-gamma: 1.5238095238;
15
- @value size-line-height-beta: 1.7142857143;
16
- @value size-line-height-alpha: 1.2631578947;
17
- @value size-line-height-giga: 1.4117647059;
18
- @value font-style-body-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
19
- @value font-style-body-font-size: 16px;
20
- @value font-style-body-line-height: 1.5;
21
- @value font-style-body-font-weight: 400;
1
+ @value font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
2
+ @value font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
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;
22
8
  @value font-style-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
23
9
  @value font-style-giga-font-size: 51px;
24
10
  @value font-style-giga-line-height: 1.4117647059;
@@ -47,8 +33,29 @@
47
33
  @value font-style-zeta-font-size: 14px;
48
34
  @value font-style-zeta-line-height: 1.7142857143;
49
35
  @value font-style-zeta-font-weight: 400;
50
- @value font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
51
- @value font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
52
- @value font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
53
36
  @value font-weight-normal: 400;
54
- @value font-weight-semibold: 600;
37
+ @value font-weight-semibold: 600;
38
+ @value size-font-base: 16px;
39
+ @value size-font-zeta: 14px;
40
+ @value size-font-epsilon: 16px;
41
+ @value size-font-delta: 19px;
42
+ @value size-font-gamma: 21px;
43
+ @value size-font-beta: 28px;
44
+ @value size-font-alpha: 38px;
45
+ @value size-font-giga: 51px;
46
+ @value size-letter-spacing-tighter: -0.05em;
47
+ @value size-letter-spacing-tight: -0.025em;
48
+ @value size-letter-spacing-normal: normal;
49
+ @value size-letter-spacing-wide: 0.025em;
50
+ @value size-letter-spacing-wider: 0.05em;
51
+ @value size-letter-spacing-widest: 0.1em;
52
+ @value size-line-height-base: 24px;
53
+ @value size-line-height-none: 1;
54
+ @value size-line-height-default: 1.5;
55
+ @value size-line-height-zeta: 1.7142857143;
56
+ @value size-line-height-epsilon: 1.5;
57
+ @value size-line-height-delta: 1.2631578947;
58
+ @value size-line-height-gamma: 1.5238095238;
59
+ @value size-line-height-beta: 1.7142857143;
60
+ @value size-line-height-alpha: 1.2631578947;
61
+ @value size-line-height-giga: 1.4117647059;
package/dist/index.custom-properties.css CHANGED
@@ -1,30 +1,16 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 15 Feb 2023 21:33:32 GMT
3
+ * Generated on Wed, 01 Mar 2023 08:39:30 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --size-font-base: 16px;
8
- --size-font-zeta: 14px;
9
- --size-font-epsilon: 16px;
10
- --size-font-delta: 19px;
11
- --size-font-gamma: 21px;
12
- --size-font-beta: 28px;
13
- --size-font-alpha: 38px;
14
- --size-font-giga: 51px;
15
- --size-line-height-base: 24px;
16
- --size-line-height-body: 1.5;
17
- --size-line-height-zeta: 1.7142857143;
18
- --size-line-height-epsilon: 1.5;
19
- --size-line-height-delta: 1.2631578947;
20
- --size-line-height-gamma: 1.5238095238;
21
- --size-line-height-beta: 1.7142857143;
22
- --size-line-height-alpha: 1.2631578947;
23
- --size-line-height-giga: 1.4117647059;
24
- --font-style-body-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
25
- --font-style-body-font-size: 16px;
26
- --font-style-body-line-height: 1.5;
27
- --font-style-body-font-weight: 400;
7
+ --font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
8
+ --font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
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;
28
14
  --font-style-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
29
15
  --font-style-giga-font-size: 51px;
30
16
  --font-style-giga-line-height: 1.4117647059;
@@ -53,9 +39,30 @@
53
39
  --font-style-zeta-font-size: 14px;
54
40
  --font-style-zeta-line-height: 1.7142857143;
55
41
  --font-style-zeta-font-weight: 400;
56
- --font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
57
- --font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
58
- --font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
59
42
  --font-weight-normal: 400;
60
43
  --font-weight-semibold: 600;
44
+ --size-font-base: 16px;
45
+ --size-font-zeta: 14px;
46
+ --size-font-epsilon: 16px;
47
+ --size-font-delta: 19px;
48
+ --size-font-gamma: 21px;
49
+ --size-font-beta: 28px;
50
+ --size-font-alpha: 38px;
51
+ --size-font-giga: 51px;
52
+ --size-letter-spacing-tighter: -0.05em;
53
+ --size-letter-spacing-tight: -0.025em;
54
+ --size-letter-spacing-normal: normal;
55
+ --size-letter-spacing-wide: 0.025em;
56
+ --size-letter-spacing-wider: 0.05em;
57
+ --size-letter-spacing-widest: 0.1em;
58
+ --size-line-height-base: 24px;
59
+ --size-line-height-none: 1;
60
+ --size-line-height-default: 1.5;
61
+ --size-line-height-zeta: 1.7142857143;
62
+ --size-line-height-epsilon: 1.5;
63
+ --size-line-height-delta: 1.2631578947;
64
+ --size-line-height-gamma: 1.5238095238;
65
+ --size-line-height-beta: 1.7142857143;
66
+ --size-line-height-alpha: 1.2631578947;
67
+ --size-line-height-giga: 1.4117647059;
61
68
  }
package/dist/index.json CHANGED
@@ -1,25 +1,11 @@
1
1
  {
2
- "SIZE_FONT_BASE": "16px",
3
- "SIZE_FONT_ZETA": "14px",
4
- "SIZE_FONT_EPSILON": "16px",
5
- "SIZE_FONT_DELTA": "19px",
6
- "SIZE_FONT_GAMMA": "21px",
7
- "SIZE_FONT_BETA": "28px",
8
- "SIZE_FONT_ALPHA": "38px",
9
- "SIZE_FONT_GIGA": "51px",
10
- "SIZE_LINE_HEIGHT_BASE": "24px",
11
- "SIZE_LINE_HEIGHT_BODY": 1.5,
12
- "SIZE_LINE_HEIGHT_ZETA": 1.7142857143,
13
- "SIZE_LINE_HEIGHT_EPSILON": 1.5,
14
- "SIZE_LINE_HEIGHT_DELTA": 1.2631578947,
15
- "SIZE_LINE_HEIGHT_GAMMA": 1.5238095238,
16
- "SIZE_LINE_HEIGHT_BETA": 1.7142857143,
17
- "SIZE_LINE_HEIGHT_ALPHA": 1.2631578947,
18
- "SIZE_LINE_HEIGHT_GIGA": 1.4117647059,
19
- "FONT_STYLE_BODY_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
20
- "FONT_STYLE_BODY_FONT_SIZE": "16px",
21
- "FONT_STYLE_BODY_LINE_HEIGHT": 1.5,
22
- "FONT_STYLE_BODY_FONT_WEIGHT": "400",
2
+ "FONT_FAMILY_BASE": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
3
+ "FONT_FAMILY_DISPLAY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
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",
23
9
  "FONT_STYLE_GIGA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
24
10
  "FONT_STYLE_GIGA_FONT_SIZE": "51px",
25
11
  "FONT_STYLE_GIGA_LINE_HEIGHT": 1.4117647059,
@@ -48,9 +34,30 @@
48
34
  "FONT_STYLE_ZETA_FONT_SIZE": "14px",
49
35
  "FONT_STYLE_ZETA_LINE_HEIGHT": 1.7142857143,
50
36
  "FONT_STYLE_ZETA_FONT_WEIGHT": "400",
51
- "FONT_FAMILY_BASE": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
52
- "FONT_FAMILY_DISPLAY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
53
- "FONT_FAMILY_MONO": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
54
37
  "FONT_WEIGHT_NORMAL": "400",
55
- "FONT_WEIGHT_SEMIBOLD": "600"
38
+ "FONT_WEIGHT_SEMIBOLD": "600",
39
+ "SIZE_FONT_BASE": "16px",
40
+ "SIZE_FONT_ZETA": "14px",
41
+ "SIZE_FONT_EPSILON": "16px",
42
+ "SIZE_FONT_DELTA": "19px",
43
+ "SIZE_FONT_GAMMA": "21px",
44
+ "SIZE_FONT_BETA": "28px",
45
+ "SIZE_FONT_ALPHA": "38px",
46
+ "SIZE_FONT_GIGA": "51px",
47
+ "SIZE_LETTER_SPACING_TIGHTER": "-0.05em",
48
+ "SIZE_LETTER_SPACING_TIGHT": "-0.025em",
49
+ "SIZE_LETTER_SPACING_NORMAL": "normal",
50
+ "SIZE_LETTER_SPACING_WIDE": "0.025em",
51
+ "SIZE_LETTER_SPACING_WIDER": "0.05em",
52
+ "SIZE_LETTER_SPACING_WIDEST": "0.1em",
53
+ "SIZE_LINE_HEIGHT_BASE": "24px",
54
+ "SIZE_LINE_HEIGHT_NONE": 1,
55
+ "SIZE_LINE_HEIGHT_DEFAULT": 1.5,
56
+ "SIZE_LINE_HEIGHT_ZETA": 1.7142857143,
57
+ "SIZE_LINE_HEIGHT_EPSILON": 1.5,
58
+ "SIZE_LINE_HEIGHT_DELTA": 1.2631578947,
59
+ "SIZE_LINE_HEIGHT_GAMMA": 1.5238095238,
60
+ "SIZE_LINE_HEIGHT_BETA": 1.7142857143,
61
+ "SIZE_LINE_HEIGHT_ALPHA": 1.2631578947,
62
+ "SIZE_LINE_HEIGHT_GIGA": 1.4117647059
56
63
  }
package/dist/index.module.d.ts CHANGED
@@ -1,31 +1,13 @@
1
1
  export default tokens;
2
2
  declare const tokens: {
3
- "size": {
4
- "font": {
5
- "base": "16px",
6
- "zeta": "14px",
7
- "epsilon": "16px",
8
- "delta": "19px",
9
- "gamma": "21px",
10
- "beta": "28px",
11
- "alpha": "38px",
12
- "giga": "51px"
13
- },
14
- "lineHeight": {
15
- "base": "24px",
16
- "body": number,
17
- "zeta": number,
18
- "epsilon": number,
19
- "delta": number,
20
- "gamma": number,
21
- "beta": number,
22
- "alpha": number,
23
- "giga": number
24
- }
25
- },
26
3
  "font": {
4
+ "family": {
5
+ "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
6
+ "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
7
+ "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
8
+ },
27
9
  "style": {
28
- "body": {
10
+ "base": {
29
11
  "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
30
12
  "fontSize": "16px",
31
13
  "lineHeight": number,
@@ -74,14 +56,41 @@ declare const tokens: {
74
56
  "fontWeight": "400"
75
57
  }
76
58
  },
77
- "family": {
78
- "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
79
- "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
80
- "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
81
- },
82
59
  "weight": {
83
60
  "normal": "400",
84
61
  "semibold": "600"
85
62
  }
63
+ },
64
+ "size": {
65
+ "font": {
66
+ "base": "16px",
67
+ "zeta": "14px",
68
+ "epsilon": "16px",
69
+ "delta": "19px",
70
+ "gamma": "21px",
71
+ "beta": "28px",
72
+ "alpha": "38px",
73
+ "giga": "51px"
74
+ },
75
+ "letterSpacing": {
76
+ "tighter": "-0.05em",
77
+ "tight": "-0.025em",
78
+ "normal": "normal",
79
+ "wide": "0.025em",
80
+ "wider": "0.05em",
81
+ "widest": "0.1em"
82
+ },
83
+ "lineHeight": {
84
+ "base": "24px",
85
+ "none": number,
86
+ "default": number,
87
+ "zeta": number,
88
+ "epsilon": number,
89
+ "delta": number,
90
+ "gamma": number,
91
+ "beta": number,
92
+ "alpha": number,
93
+ "giga": number
94
+ }
86
95
  }
87
96
  };
package/dist/index.module.js CHANGED
@@ -1,30 +1,12 @@
1
1
  export default {
2
- "size": {
3
- "font": {
4
- "base": "16px",
5
- "zeta": "14px",
6
- "epsilon": "16px",
7
- "delta": "19px",
8
- "gamma": "21px",
9
- "beta": "28px",
10
- "alpha": "38px",
11
- "giga": "51px"
12
- },
13
- "lineHeight": {
14
- "base": "24px",
15
- "body": 1.5,
16
- "zeta": 1.7142857143,
17
- "epsilon": 1.5,
18
- "delta": 1.2631578947,
19
- "gamma": 1.5238095238,
20
- "beta": 1.7142857143,
21
- "alpha": 1.2631578947,
22
- "giga": 1.4117647059
23
- }
24
- },
25
2
  "font": {
3
+ "family": {
4
+ "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
5
+ "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
6
+ "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
7
+ },
26
8
  "style": {
27
- "body": {
9
+ "base": {
28
10
  "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
29
11
  "fontSize": "16px",
30
12
  "lineHeight": 1.5,
@@ -73,14 +55,41 @@ export default {
73
55
  "fontWeight": "400"
74
56
  }
75
57
  },
76
- "family": {
77
- "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
78
- "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
79
- "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
80
- },
81
58
  "weight": {
82
59
  "normal": "400",
83
60
  "semibold": "600"
84
61
  }
62
+ },
63
+ "size": {
64
+ "font": {
65
+ "base": "16px",
66
+ "zeta": "14px",
67
+ "epsilon": "16px",
68
+ "delta": "19px",
69
+ "gamma": "21px",
70
+ "beta": "28px",
71
+ "alpha": "38px",
72
+ "giga": "51px"
73
+ },
74
+ "letterSpacing": {
75
+ "tighter": "-0.05em",
76
+ "tight": "-0.025em",
77
+ "normal": "normal",
78
+ "wide": "0.025em",
79
+ "wider": "0.05em",
80
+ "widest": "0.1em"
81
+ },
82
+ "lineHeight": {
83
+ "base": "24px",
84
+ "none": 1,
85
+ "default": 1.5,
86
+ "zeta": 1.7142857143,
87
+ "epsilon": 1.5,
88
+ "delta": 1.2631578947,
89
+ "gamma": 1.5238095238,
90
+ "beta": 1.7142857143,
91
+ "alpha": 1.2631578947,
92
+ "giga": 1.4117647059
93
+ }
85
94
  }
86
95
  }
package/dist/index.scss CHANGED
@@ -1,28 +1,14 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 15 Feb 2023 21:33:32 GMT
3
+ // Generated on Wed, 01 Mar 2023 08:39:30 GMT
4
4
 
5
- $size-font-base: 16px;
6
- $size-font-zeta: 14px;
7
- $size-font-epsilon: 16px;
8
- $size-font-delta: 19px;
9
- $size-font-gamma: 21px;
10
- $size-font-beta: 28px;
11
- $size-font-alpha: 38px;
12
- $size-font-giga: 51px;
13
- $size-line-height-base: 24px;
14
- $size-line-height-body: 1.5;
15
- $size-line-height-zeta: 1.7142857143;
16
- $size-line-height-epsilon: 1.5;
17
- $size-line-height-delta: 1.2631578947;
18
- $size-line-height-gamma: 1.5238095238;
19
- $size-line-height-beta: 1.7142857143;
20
- $size-line-height-alpha: 1.2631578947;
21
- $size-line-height-giga: 1.4117647059;
22
- $font-style-body-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
23
- $font-style-body-font-size: 16px;
24
- $font-style-body-line-height: 1.5;
25
- $font-style-body-font-weight: 400;
5
+ $font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
6
+ $font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
7
+ $font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
8
+ $font-style-base-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
9
+ $font-style-base-font-size: 16px;
10
+ $font-style-base-line-height: 1.5;
11
+ $font-style-base-font-weight: 400;
26
12
  $font-style-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
27
13
  $font-style-giga-font-size: 51px;
28
14
  $font-style-giga-line-height: 1.4117647059;
@@ -51,8 +37,29 @@ $font-style-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Sego
51
37
  $font-style-zeta-font-size: 14px;
52
38
  $font-style-zeta-line-height: 1.7142857143;
53
39
  $font-style-zeta-font-weight: 400;
54
- $font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
55
- $font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
56
- $font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
57
40
  $font-weight-normal: 400;
58
- $font-weight-semibold: 600;
41
+ $font-weight-semibold: 600;
42
+ $size-font-base: 16px;
43
+ $size-font-zeta: 14px;
44
+ $size-font-epsilon: 16px;
45
+ $size-font-delta: 19px;
46
+ $size-font-gamma: 21px;
47
+ $size-font-beta: 28px;
48
+ $size-font-alpha: 38px;
49
+ $size-font-giga: 51px;
50
+ $size-letter-spacing-tighter: -0.05em;
51
+ $size-letter-spacing-tight: -0.025em;
52
+ $size-letter-spacing-normal: normal;
53
+ $size-letter-spacing-wide: 0.025em;
54
+ $size-letter-spacing-wider: 0.05em;
55
+ $size-letter-spacing-widest: 0.1em;
56
+ $size-line-height-base: 24px;
57
+ $size-line-height-none: 1;
58
+ $size-line-height-default: 1.5;
59
+ $size-line-height-zeta: 1.7142857143;
60
+ $size-line-height-epsilon: 1.5;
61
+ $size-line-height-delta: 1.2631578947;
62
+ $size-line-height-gamma: 1.5238095238;
63
+ $size-line-height-beta: 1.7142857143;
64
+ $size-line-height-alpha: 1.2631578947;
65
+ $size-line-height-giga: 1.4117647059;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@volue/design-typography",
3
- "version": "0.1.0-next.2",
3
+ "version": "0.1.0",
4
4
  "description": "Typography primitives for Volue design primitives",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
@@ -31,10 +31,11 @@
31
31
  "prepack": "yarn run build"
32
32
  },
33
33
  "devDependencies": {
34
- "eslint": "8.34.0",
34
+ "eslint": "8.35.0",
35
35
  "eslint-config-powel": "14.2.1",
36
36
  "eslint-import-resolver-node": "0.3.7",
37
37
  "eslint-plugin-import": "2.27.5",
38
+ "map-obj": "4.3.0",
38
39
  "npm-run-all": "4.1.5",
39
40
  "polished": "4.2.2",
40
41
  "prettier": "2.8.4",
package/src/letter-spacing.json ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ "size": {
3
+ "letterSpacing": {
4
+ "tighter": {
5
+ "value": "-0.05em"
6
+ },
7
+ "tight": {
8
+ "value": "-0.025em"
9
+ },
10
+ "normal": {
11
+ "value": "normal"
12
+ },
13
+ "wide": {
14
+ "value": "0.025em"
15
+ },
16
+ "wider": {
17
+ "value": "0.05em"
18
+ },
19
+ "widest": {
20
+ "value": "0.1em"
21
+ }
22
+ }
23
+ }
24
+ }
package/src/line-height.js CHANGED
@@ -29,7 +29,10 @@ module.exports = {
29
29
  base: {
30
30
  value: toPx(baseLineHeight)
31
31
  },
32
- body: {
32
+ none: {
33
+ value: 1
34
+ },
35
+ default: {
33
36
  value: calcLineHeight(baseFontSize)
34
37
  },
35
38
  zeta: {
package/src/style.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "font": {
3
3
  "style": {
4
- "body": {
4
+ "base": {
5
5
  "fontFamily": {
6
6
  "value": "{font.family.base.value}"
7
7
  },
@@ -9,7 +9,7 @@
9
9
  "value": "{size.font.base.value}"
10
10
  },
11
11
  "lineHeight": {
12
- "value": "{size.lineHeight.body.value}"
12
+ "value": "{size.lineHeight.default.value}"
13
13
  },
14
14
  "fontWeight": {
15
15
  "value": "{font.weight.normal.value}"
/package/src/{tokens.json → family.json} RENAMED
File without changes