@volue/design-typography 0.1.0-next.1 → 0.1.0-next.3

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/dist/index.common.d.ts +38 -29
  2. package/dist/index.common.js +38 -29
  3. package/dist/index.cssmodules.css +32 -25
  4. package/dist/index.custom-properties.css +32 -25
  5. package/dist/index.json +32 -25
  6. package/dist/index.module.d.ts +38 -29
  7. package/dist/index.module.js +38 -29
  8. package/dist/index.scss +33 -26
  9. package/package.json +2 -1
  10. package/src/letter-spacing.json +24 -0
  11. package/src/line-height.js +4 -1
  12. package/src/style.json +2 -2
  13. /package/src/{tokens.json → family.json} +0 -0
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:25:55 GMT
3
+ * Generated on Tue, 28 Feb 2023 12:46:29 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:25:55 GMT
3
+ // Generated on Tue, 28 Feb 2023 12:46:29 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.1",
3
+ "version": "0.1.0-next.3",
4
4
  "description": "Typography primitives for Volue design primitives",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
@@ -35,6 +35,7 @@
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