@volue/design-typography 0.3.16 → 0.4.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 (10) hide show
  1. package/dist/index.cjs +20 -20
  2. package/dist/index.cssmodules.css +20 -20
  3. package/dist/index.custom-properties.css +20 -20
  4. package/dist/index.d.ts +20 -20
  5. package/dist/index.json +19 -19
  6. package/dist/index.mjs +20 -20
  7. package/dist/index.scss +20 -20
  8. package/package.json +2 -2
  9. package/src/family.json +2 -2
  10. package/src/style.json +7 -7
package/dist/index.cjs CHANGED
@@ -1,31 +1,31 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Fri, 10 Apr 2026 13:13:04 GMT
3
+ * Generated on Mon, 20 Apr 2026 07:25:31 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
7
  "font": {
8
8
  "family": {
9
- "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
10
- "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
9
+ "base": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
10
+ "display": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
11
11
  "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
12
12
  },
13
13
  "style": {
14
14
  "body": {
15
15
  "epsilon": {
16
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
16
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
17
17
  "fontSize": "16px",
18
18
  "lineHeight": "1.5rem",
19
19
  "fontWeight": "400"
20
20
  },
21
21
  "zeta": {
22
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
22
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
23
23
  "fontSize": "14px",
24
24
  "lineHeight": "1.25rem",
25
25
  "fontWeight": "400"
26
26
  },
27
27
  "eta": {
28
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
28
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
29
29
  "fontSize": "12px",
30
30
  "lineHeight": "1.125rem",
31
31
  "fontWeight": "400"
@@ -33,46 +33,46 @@ module.exports = {
33
33
  },
34
34
  "headlines": {
35
35
  "giga": {
36
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
36
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
37
37
  "fontSize": "51px",
38
38
  "lineHeight": "1.411765",
39
- "fontWeight": "400"
39
+ "fontWeight": "600"
40
40
  },
41
41
  "alpha": {
42
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
42
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
43
43
  "fontSize": "38px",
44
44
  "lineHeight": "1.263158",
45
- "fontWeight": "400"
45
+ "fontWeight": "600"
46
46
  },
47
47
  "beta": {
48
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
48
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
49
49
  "fontSize": "28px",
50
50
  "lineHeight": "1.714286",
51
- "fontWeight": "400"
51
+ "fontWeight": "600"
52
52
  },
53
53
  "gamma": {
54
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
54
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
55
55
  "fontSize": "21px",
56
56
  "lineHeight": "1.52381",
57
- "fontWeight": "400"
57
+ "fontWeight": "600"
58
58
  },
59
59
  "delta": {
60
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
60
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
61
61
  "fontSize": "19px",
62
62
  "lineHeight": "1.263158",
63
- "fontWeight": "400"
63
+ "fontWeight": "600"
64
64
  },
65
65
  "epsilon": {
66
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
66
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
67
67
  "fontSize": "16px",
68
68
  "lineHeight": "1.5",
69
- "fontWeight": "400"
69
+ "fontWeight": "600"
70
70
  },
71
71
  "zeta": {
72
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
72
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
73
73
  "fontSize": "14px",
74
74
  "lineHeight": "1.714286",
75
- "fontWeight": "400"
75
+ "fontWeight": "600"
76
76
  }
77
77
  }
78
78
  },
package/dist/index.cssmodules.css CHANGED
@@ -1,51 +1,51 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Fri, 10 Apr 2026 13:13:04 GMT
3
+ * Generated on Mon, 20 Apr 2026 07:25:31 GMT
4
4
  */
5
5
 
6
- @value font-family-base: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
7
- @value font-family-display: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
6
+ @value font-family-base: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
7
+ @value font-family-display: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
8
8
  @value font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
9
- @value font-style-body-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
9
+ @value font-style-body-epsilon-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
10
10
  @value font-style-body-epsilon-font-size: 16px;
11
11
  @value font-style-body-epsilon-line-height: 1.5rem;
12
12
  @value font-style-body-epsilon-font-weight: 400;
13
- @value font-style-body-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
13
+ @value font-style-body-zeta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
14
14
  @value font-style-body-zeta-font-size: 14px;
15
15
  @value font-style-body-zeta-line-height: 1.25rem;
16
16
  @value font-style-body-zeta-font-weight: 400;
17
- @value font-style-body-eta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
17
+ @value font-style-body-eta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
18
18
  @value font-style-body-eta-font-size: 12px;
19
19
  @value font-style-body-eta-line-height: 1.125rem;
20
20
  @value font-style-body-eta-font-weight: 400;
21
- @value font-style-headlines-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
21
+ @value font-style-headlines-giga-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
22
22
  @value font-style-headlines-giga-font-size: 51px;
23
23
  @value font-style-headlines-giga-line-height: 1.411765;
24
- @value font-style-headlines-giga-font-weight: 400;
25
- @value font-style-headlines-alpha-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
24
+ @value font-style-headlines-giga-font-weight: 600;
25
+ @value font-style-headlines-alpha-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
26
26
  @value font-style-headlines-alpha-font-size: 38px;
27
27
  @value font-style-headlines-alpha-line-height: 1.263158;
28
- @value font-style-headlines-alpha-font-weight: 400;
29
- @value font-style-headlines-beta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
28
+ @value font-style-headlines-alpha-font-weight: 600;
29
+ @value font-style-headlines-beta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
30
30
  @value font-style-headlines-beta-font-size: 28px;
31
31
  @value font-style-headlines-beta-line-height: 1.714286;
32
- @value font-style-headlines-beta-font-weight: 400;
33
- @value font-style-headlines-gamma-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
32
+ @value font-style-headlines-beta-font-weight: 600;
33
+ @value font-style-headlines-gamma-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
34
34
  @value font-style-headlines-gamma-font-size: 21px;
35
35
  @value font-style-headlines-gamma-line-height: 1.52381;
36
- @value font-style-headlines-gamma-font-weight: 400;
37
- @value font-style-headlines-delta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
36
+ @value font-style-headlines-gamma-font-weight: 600;
37
+ @value font-style-headlines-delta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
38
38
  @value font-style-headlines-delta-font-size: 19px;
39
39
  @value font-style-headlines-delta-line-height: 1.263158;
40
- @value font-style-headlines-delta-font-weight: 400;
41
- @value font-style-headlines-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
40
+ @value font-style-headlines-delta-font-weight: 600;
41
+ @value font-style-headlines-epsilon-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
42
42
  @value font-style-headlines-epsilon-font-size: 16px;
43
43
  @value font-style-headlines-epsilon-line-height: 1.5;
44
- @value font-style-headlines-epsilon-font-weight: 400;
45
- @value font-style-headlines-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
44
+ @value font-style-headlines-epsilon-font-weight: 600;
45
+ @value font-style-headlines-zeta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
46
46
  @value font-style-headlines-zeta-font-size: 14px;
47
47
  @value font-style-headlines-zeta-line-height: 1.714286;
48
- @value font-style-headlines-zeta-font-weight: 400;
48
+ @value font-style-headlines-zeta-font-weight: 600;
49
49
  @value font-weight-normal: 400;
50
50
  @value font-weight-semibold: 600;
51
51
  @value size-font-scale-ratio: 1.3333; /** Modular scale ratio */
package/dist/index.custom-properties.css CHANGED
@@ -1,52 +1,52 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Fri, 10 Apr 2026 13:13:04 GMT
3
+ * Generated on Mon, 20 Apr 2026 07:25:31 GMT
4
4
  */
5
5
 
6
6
  :root {
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;
7
+ --font-family-base: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
8
+ --font-family-display: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
9
9
  --font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
10
- --font-style-body-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
10
+ --font-style-body-epsilon-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
11
11
  --font-style-body-epsilon-font-size: 16px;
12
12
  --font-style-body-epsilon-line-height: 1.5rem;
13
13
  --font-style-body-epsilon-font-weight: 400;
14
- --font-style-body-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
14
+ --font-style-body-zeta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
15
15
  --font-style-body-zeta-font-size: 14px;
16
16
  --font-style-body-zeta-line-height: 1.25rem;
17
17
  --font-style-body-zeta-font-weight: 400;
18
- --font-style-body-eta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
18
+ --font-style-body-eta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
19
19
  --font-style-body-eta-font-size: 12px;
20
20
  --font-style-body-eta-line-height: 1.125rem;
21
21
  --font-style-body-eta-font-weight: 400;
22
- --font-style-headlines-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
22
+ --font-style-headlines-giga-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
23
23
  --font-style-headlines-giga-font-size: 51px;
24
24
  --font-style-headlines-giga-line-height: 1.411765;
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;
25
+ --font-style-headlines-giga-font-weight: 600;
26
+ --font-style-headlines-alpha-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
27
27
  --font-style-headlines-alpha-font-size: 38px;
28
28
  --font-style-headlines-alpha-line-height: 1.263158;
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;
29
+ --font-style-headlines-alpha-font-weight: 600;
30
+ --font-style-headlines-beta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
31
31
  --font-style-headlines-beta-font-size: 28px;
32
32
  --font-style-headlines-beta-line-height: 1.714286;
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;
33
+ --font-style-headlines-beta-font-weight: 600;
34
+ --font-style-headlines-gamma-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
35
35
  --font-style-headlines-gamma-font-size: 21px;
36
36
  --font-style-headlines-gamma-line-height: 1.52381;
37
- --font-style-headlines-gamma-font-weight: 400;
38
- --font-style-headlines-delta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
37
+ --font-style-headlines-gamma-font-weight: 600;
38
+ --font-style-headlines-delta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
39
39
  --font-style-headlines-delta-font-size: 19px;
40
40
  --font-style-headlines-delta-line-height: 1.263158;
41
- --font-style-headlines-delta-font-weight: 400;
42
- --font-style-headlines-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
41
+ --font-style-headlines-delta-font-weight: 600;
42
+ --font-style-headlines-epsilon-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
43
43
  --font-style-headlines-epsilon-font-size: 16px;
44
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';
45
+ --font-style-headlines-epsilon-font-weight: 600;
46
+ --font-style-headlines-zeta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
47
47
  --font-style-headlines-zeta-font-size: 14px;
48
48
  --font-style-headlines-zeta-line-height: 1.714286;
49
- --font-style-headlines-zeta-font-weight: 400;
49
+ --font-style-headlines-zeta-font-weight: 600;
50
50
  --font-weight-normal: 400;
51
51
  --font-weight-semibold: 600;
52
52
  --size-font-scale-ratio: 1.3333; /** Modular scale ratio */
package/dist/index.d.ts CHANGED
@@ -1,32 +1,32 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Fri, 10 Apr 2026 13:13:04 GMT
3
+ * Generated on Mon, 20 Apr 2026 07:25:31 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
7
7
  declare const tokens: {
8
8
  "font": {
9
9
  "family": {
10
- "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
11
- "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
10
+ "base": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
11
+ "display": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
12
12
  "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
13
13
  },
14
14
  "style": {
15
15
  "body": {
16
16
  "epsilon": {
17
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
17
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
18
18
  "fontSize": "16px",
19
19
  "lineHeight": "1.5rem",
20
20
  "fontWeight": "400"
21
21
  },
22
22
  "zeta": {
23
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
23
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
24
24
  "fontSize": "14px",
25
25
  "lineHeight": "1.25rem",
26
26
  "fontWeight": "400"
27
27
  },
28
28
  "eta": {
29
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
29
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
30
30
  "fontSize": "12px",
31
31
  "lineHeight": "1.125rem",
32
32
  "fontWeight": "400"
@@ -34,46 +34,46 @@ declare const tokens: {
34
34
  },
35
35
  "headlines": {
36
36
  "giga": {
37
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
37
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
38
38
  "fontSize": "51px",
39
39
  "lineHeight": "1.411765",
40
- "fontWeight": "400"
40
+ "fontWeight": "600"
41
41
  },
42
42
  "alpha": {
43
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
43
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
44
44
  "fontSize": "38px",
45
45
  "lineHeight": "1.263158",
46
- "fontWeight": "400"
46
+ "fontWeight": "600"
47
47
  },
48
48
  "beta": {
49
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
49
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
50
50
  "fontSize": "28px",
51
51
  "lineHeight": "1.714286",
52
- "fontWeight": "400"
52
+ "fontWeight": "600"
53
53
  },
54
54
  "gamma": {
55
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
55
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
56
56
  "fontSize": "21px",
57
57
  "lineHeight": "1.52381",
58
- "fontWeight": "400"
58
+ "fontWeight": "600"
59
59
  },
60
60
  "delta": {
61
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
61
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
62
62
  "fontSize": "19px",
63
63
  "lineHeight": "1.263158",
64
- "fontWeight": "400"
64
+ "fontWeight": "600"
65
65
  },
66
66
  "epsilon": {
67
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
67
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
68
68
  "fontSize": "16px",
69
69
  "lineHeight": "1.5",
70
- "fontWeight": "400"
70
+ "fontWeight": "600"
71
71
  },
72
72
  "zeta": {
73
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
73
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
74
74
  "fontSize": "14px",
75
75
  "lineHeight": "1.714286",
76
- "fontWeight": "400"
76
+ "fontWeight": "600"
77
77
  }
78
78
  }
79
79
  },
package/dist/index.json CHANGED
@@ -1,47 +1,47 @@
1
1
  {
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",
2
+ "FONT_FAMILY_BASE": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
3
+ "FONT_FAMILY_DISPLAY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
4
4
  "FONT_FAMILY_MONO": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
5
- "FONT_STYLE_BODY_EPSILON_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
5
+ "FONT_STYLE_BODY_EPSILON_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
6
6
  "FONT_STYLE_BODY_EPSILON_FONT_SIZE": "16px",
7
7
  "FONT_STYLE_BODY_EPSILON_LINE_HEIGHT": "1.5rem",
8
8
  "FONT_STYLE_BODY_EPSILON_FONT_WEIGHT": "400",
9
- "FONT_STYLE_BODY_ZETA_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
9
+ "FONT_STYLE_BODY_ZETA_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
10
10
  "FONT_STYLE_BODY_ZETA_FONT_SIZE": "14px",
11
11
  "FONT_STYLE_BODY_ZETA_LINE_HEIGHT": "1.25rem",
12
12
  "FONT_STYLE_BODY_ZETA_FONT_WEIGHT": "400",
13
- "FONT_STYLE_BODY_ETA_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
13
+ "FONT_STYLE_BODY_ETA_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
14
14
  "FONT_STYLE_BODY_ETA_FONT_SIZE": "12px",
15
15
  "FONT_STYLE_BODY_ETA_LINE_HEIGHT": "1.125rem",
16
16
  "FONT_STYLE_BODY_ETA_FONT_WEIGHT": "400",
17
- "FONT_STYLE_HEADLINES_GIGA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
17
+ "FONT_STYLE_HEADLINES_GIGA_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
18
18
  "FONT_STYLE_HEADLINES_GIGA_FONT_SIZE": "51px",
19
19
  "FONT_STYLE_HEADLINES_GIGA_LINE_HEIGHT": "1.411765",
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",
20
+ "FONT_STYLE_HEADLINES_GIGA_FONT_WEIGHT": "600",
21
+ "FONT_STYLE_HEADLINES_ALPHA_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
22
22
  "FONT_STYLE_HEADLINES_ALPHA_FONT_SIZE": "38px",
23
23
  "FONT_STYLE_HEADLINES_ALPHA_LINE_HEIGHT": "1.263158",
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",
24
+ "FONT_STYLE_HEADLINES_ALPHA_FONT_WEIGHT": "600",
25
+ "FONT_STYLE_HEADLINES_BETA_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
26
26
  "FONT_STYLE_HEADLINES_BETA_FONT_SIZE": "28px",
27
27
  "FONT_STYLE_HEADLINES_BETA_LINE_HEIGHT": "1.714286",
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",
28
+ "FONT_STYLE_HEADLINES_BETA_FONT_WEIGHT": "600",
29
+ "FONT_STYLE_HEADLINES_GAMMA_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
30
30
  "FONT_STYLE_HEADLINES_GAMMA_FONT_SIZE": "21px",
31
31
  "FONT_STYLE_HEADLINES_GAMMA_LINE_HEIGHT": "1.52381",
32
- "FONT_STYLE_HEADLINES_GAMMA_FONT_WEIGHT": "400",
33
- "FONT_STYLE_HEADLINES_DELTA_FONT_FAMILY": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
32
+ "FONT_STYLE_HEADLINES_GAMMA_FONT_WEIGHT": "600",
33
+ "FONT_STYLE_HEADLINES_DELTA_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
34
34
  "FONT_STYLE_HEADLINES_DELTA_FONT_SIZE": "19px",
35
35
  "FONT_STYLE_HEADLINES_DELTA_LINE_HEIGHT": "1.263158",
36
- "FONT_STYLE_HEADLINES_DELTA_FONT_WEIGHT": "400",
37
- "FONT_STYLE_HEADLINES_EPSILON_FONT_FAMILY": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
36
+ "FONT_STYLE_HEADLINES_DELTA_FONT_WEIGHT": "600",
37
+ "FONT_STYLE_HEADLINES_EPSILON_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
38
38
  "FONT_STYLE_HEADLINES_EPSILON_FONT_SIZE": "16px",
39
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'",
40
+ "FONT_STYLE_HEADLINES_EPSILON_FONT_WEIGHT": "600",
41
+ "FONT_STYLE_HEADLINES_ZETA_FONT_FAMILY": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
42
42
  "FONT_STYLE_HEADLINES_ZETA_FONT_SIZE": "14px",
43
43
  "FONT_STYLE_HEADLINES_ZETA_LINE_HEIGHT": "1.714286",
44
- "FONT_STYLE_HEADLINES_ZETA_FONT_WEIGHT": "400",
44
+ "FONT_STYLE_HEADLINES_ZETA_FONT_WEIGHT": "600",
45
45
  "FONT_WEIGHT_NORMAL": "400",
46
46
  "FONT_WEIGHT_SEMIBOLD": "600",
47
47
  "SIZE_FONT_SCALE_RATIO": "1.3333",
package/dist/index.mjs CHANGED
@@ -1,31 +1,31 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Fri, 10 Apr 2026 13:13:04 GMT
3
+ * Generated on Mon, 20 Apr 2026 07:25:31 GMT
4
4
  */
5
5
 
6
6
  export default {
7
7
  "font": {
8
8
  "family": {
9
- "base": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
10
- "display": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
9
+ "base": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
10
+ "display": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
11
11
  "mono": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
12
12
  },
13
13
  "style": {
14
14
  "body": {
15
15
  "epsilon": {
16
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
16
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
17
17
  "fontSize": "16px",
18
18
  "lineHeight": "1.5rem",
19
19
  "fontWeight": "400"
20
20
  },
21
21
  "zeta": {
22
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
22
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
23
23
  "fontSize": "14px",
24
24
  "lineHeight": "1.25rem",
25
25
  "fontWeight": "400"
26
26
  },
27
27
  "eta": {
28
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
28
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
29
29
  "fontSize": "12px",
30
30
  "lineHeight": "1.125rem",
31
31
  "fontWeight": "400"
@@ -33,46 +33,46 @@ export default {
33
33
  },
34
34
  "headlines": {
35
35
  "giga": {
36
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
36
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
37
37
  "fontSize": "51px",
38
38
  "lineHeight": "1.411765",
39
- "fontWeight": "400"
39
+ "fontWeight": "600"
40
40
  },
41
41
  "alpha": {
42
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
42
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
43
43
  "fontSize": "38px",
44
44
  "lineHeight": "1.263158",
45
- "fontWeight": "400"
45
+ "fontWeight": "600"
46
46
  },
47
47
  "beta": {
48
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
48
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
49
49
  "fontSize": "28px",
50
50
  "lineHeight": "1.714286",
51
- "fontWeight": "400"
51
+ "fontWeight": "600"
52
52
  },
53
53
  "gamma": {
54
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
54
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
55
55
  "fontSize": "21px",
56
56
  "lineHeight": "1.52381",
57
- "fontWeight": "400"
57
+ "fontWeight": "600"
58
58
  },
59
59
  "delta": {
60
- "fontFamily": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif",
60
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
61
61
  "fontSize": "19px",
62
62
  "lineHeight": "1.263158",
63
- "fontWeight": "400"
63
+ "fontWeight": "600"
64
64
  },
65
65
  "epsilon": {
66
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
66
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
67
67
  "fontSize": "16px",
68
68
  "lineHeight": "1.5",
69
- "fontWeight": "400"
69
+ "fontWeight": "600"
70
70
  },
71
71
  "zeta": {
72
- "fontFamily": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'",
72
+ "fontFamily": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif",
73
73
  "fontSize": "14px",
74
74
  "lineHeight": "1.714286",
75
- "fontWeight": "400"
75
+ "fontWeight": "600"
76
76
  }
77
77
  }
78
78
  },
package/dist/index.scss CHANGED
@@ -1,50 +1,50 @@
1
1
 
2
2
  // Do not edit directly, this file was auto-generated.
3
- // Generated on Fri, 10 Apr 2026 13:13:04 GMT
3
+ // Generated on Mon, 20 Apr 2026 07:25:31 GMT
4
4
 
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;
5
+ $font-family-base: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
6
+ $font-family-display: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
7
7
  $font-family-mono: ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
8
- $font-style-body-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
8
+ $font-style-body-epsilon-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
9
9
  $font-style-body-epsilon-font-size: 16px;
10
10
  $font-style-body-epsilon-line-height: 1.5rem;
11
11
  $font-style-body-epsilon-font-weight: 400;
12
- $font-style-body-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
12
+ $font-style-body-zeta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
13
13
  $font-style-body-zeta-font-size: 14px;
14
14
  $font-style-body-zeta-line-height: 1.25rem;
15
15
  $font-style-body-zeta-font-weight: 400;
16
- $font-style-body-eta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
16
+ $font-style-body-eta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
17
17
  $font-style-body-eta-font-size: 12px;
18
18
  $font-style-body-eta-line-height: 1.125rem;
19
19
  $font-style-body-eta-font-weight: 400;
20
- $font-style-headlines-giga-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
20
+ $font-style-headlines-giga-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
21
21
  $font-style-headlines-giga-font-size: 51px;
22
22
  $font-style-headlines-giga-line-height: 1.411765;
23
- $font-style-headlines-giga-font-weight: 400;
24
- $font-style-headlines-alpha-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
23
+ $font-style-headlines-giga-font-weight: 600;
24
+ $font-style-headlines-alpha-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
25
25
  $font-style-headlines-alpha-font-size: 38px;
26
26
  $font-style-headlines-alpha-line-height: 1.263158;
27
- $font-style-headlines-alpha-font-weight: 400;
28
- $font-style-headlines-beta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
27
+ $font-style-headlines-alpha-font-weight: 600;
28
+ $font-style-headlines-beta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
29
29
  $font-style-headlines-beta-font-size: 28px;
30
30
  $font-style-headlines-beta-line-height: 1.714286;
31
- $font-style-headlines-beta-font-weight: 400;
32
- $font-style-headlines-gamma-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
31
+ $font-style-headlines-beta-font-weight: 600;
32
+ $font-style-headlines-gamma-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
33
33
  $font-style-headlines-gamma-font-size: 21px;
34
34
  $font-style-headlines-gamma-line-height: 1.52381;
35
- $font-style-headlines-gamma-font-weight: 400;
36
- $font-style-headlines-delta-font-family: 'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
35
+ $font-style-headlines-gamma-font-weight: 600;
36
+ $font-style-headlines-delta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
37
37
  $font-style-headlines-delta-font-size: 19px;
38
38
  $font-style-headlines-delta-line-height: 1.263158;
39
- $font-style-headlines-delta-font-weight: 400;
40
- $font-style-headlines-epsilon-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
39
+ $font-style-headlines-delta-font-weight: 600;
40
+ $font-style-headlines-epsilon-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
41
41
  $font-style-headlines-epsilon-font-size: 16px;
42
42
  $font-style-headlines-epsilon-line-height: 1.5;
43
- $font-style-headlines-epsilon-font-weight: 400;
44
- $font-style-headlines-zeta-font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI';
43
+ $font-style-headlines-epsilon-font-weight: 600;
44
+ $font-style-headlines-zeta-font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif;
45
45
  $font-style-headlines-zeta-font-size: 14px;
46
46
  $font-style-headlines-zeta-line-height: 1.714286;
47
- $font-style-headlines-zeta-font-weight: 400;
47
+ $font-style-headlines-zeta-font-weight: 600;
48
48
  $font-weight-normal: 400;
49
49
  $font-weight-semibold: 600;
50
50
  $size-font-scale-ratio: 1.3333; // Modular scale ratio
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@volue/design-typography",
3
- "version": "0.3.16",
3
+ "version": "0.4.0-next.0",
4
4
  "type": "module",
5
5
  "description": "Typography primitives for Volue design primitives",
6
6
  "license": "UNLICENSED",
@@ -50,7 +50,7 @@
50
50
  "polished": "4.3.1",
51
51
  "postcss-calc-ast-parser": "0.1.4",
52
52
  "premove": "4.0.0",
53
- "prettier": "3.8.2",
53
+ "prettier": "3.8.3",
54
54
  "style-dictionary": "5.4.0",
55
55
  "typescript": "5.9.3"
56
56
  }
package/src/family.json CHANGED
@@ -2,10 +2,10 @@
2
2
  "font": {
3
3
  "family": {
4
4
  "base": {
5
- "value": "'Source Sans Pro', system-ui, -apple-system, 'Segoe UI'"
5
+ "value": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif"
6
6
  },
7
7
  "display": {
8
- "value": "'FK Display', 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', sans-serif"
8
+ "value": "'IBM Plex Sans', 'IBM Plex Sans Fallback: -apple-system', 'IBM Plex Sans Fallback: Segoe UI', 'IBM Plex Sans Fallback: Roboto', 'IBM Plex Sans Fallback: Arial', 'IBM Plex Sans Fallback: Noto Sans', -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans', sans-serif"
9
9
  },
10
10
  "mono": {
11
11
  "value": "ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
package/src/style.json CHANGED
@@ -57,7 +57,7 @@
57
57
  "value": "{size.lineHeight.giga}"
58
58
  },
59
59
  "fontWeight": {
60
- "value": "{font.weight.normal}"
60
+ "value": "{font.weight.semibold}"
61
61
  }
62
62
  },
63
63
  "alpha": {
@@ -71,7 +71,7 @@
71
71
  "value": "{size.lineHeight.alpha}"
72
72
  },
73
73
  "fontWeight": {
74
- "value": "{font.weight.normal}"
74
+ "value": "{font.weight.semibold}"
75
75
  }
76
76
  },
77
77
  "beta": {
@@ -85,7 +85,7 @@
85
85
  "value": "{size.lineHeight.beta}"
86
86
  },
87
87
  "fontWeight": {
88
- "value": "{font.weight.normal}"
88
+ "value": "{font.weight.semibold}"
89
89
  }
90
90
  },
91
91
  "gamma": {
@@ -99,7 +99,7 @@
99
99
  "value": "{size.lineHeight.gamma}"
100
100
  },
101
101
  "fontWeight": {
102
- "value": "{font.weight.normal}"
102
+ "value": "{font.weight.semibold}"
103
103
  }
104
104
  },
105
105
  "delta": {
@@ -113,7 +113,7 @@
113
113
  "value": "{size.lineHeight.delta}"
114
114
  },
115
115
  "fontWeight": {
116
- "value": "{font.weight.normal}"
116
+ "value": "{font.weight.semibold}"
117
117
  }
118
118
  },
119
119
  "epsilon": {
@@ -127,7 +127,7 @@
127
127
  "value": "{size.lineHeight.epsilon}"
128
128
  },
129
129
  "fontWeight": {
130
- "value": "{font.weight.normal}"
130
+ "value": "{font.weight.semibold}"
131
131
  }
132
132
  },
133
133
  "zeta": {
@@ -141,7 +141,7 @@
141
141
  "value": "{size.lineHeight.zeta}"
142
142
  },
143
143
  "fontWeight": {
144
- "value": "{font.weight.normal}"
144
+ "value": "{font.weight.semibold}"
145
145
  }
146
146
  }
147
147
  }