@transferwise/neptune-tokens 8.2.0 → 8.2.2

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 (17) hide show
  1. package/colors-base.css +1 -1
  2. package/colors-base.less +1 -1
  3. package/package.json +1 -1
  4. package/themes/dark/tokens.css +10 -2
  5. package/themes/dark/tokens.less +10 -2
  6. package/themes/light/tokens.css +10 -2
  7. package/themes/light/tokens.less +10 -2
  8. package/themes/navy/tokens.css +10 -2
  9. package/themes/navy/tokens.less +10 -2
  10. package/themes/personal/tokens.css +10 -2
  11. package/themes/personal/tokens.less +10 -2
  12. package/themes/personal--dark/tokens.css +10 -2
  13. package/themes/personal--dark/tokens.less +10 -2
  14. package/themes/personal--forest-green/tokens.css +10 -2
  15. package/themes/personal--forest-green/tokens.less +10 -2
  16. package/tokens.css +10 -2
  17. package/tokens.less +10 -2
package/colors-base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Dec 2022 11:35:58 GMT
3
+ * Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
  */
5
5
 
6
6
  :root {
package/colors-base.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 11:35:58 GMT
3
+ // Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
 
5
5
  @color-base-blue-light: #00b9ff;
6
6
  @color-base-blue-mid: #00a2dd;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "8.2.0",
3
+ "version": "8.2.2",
4
4
  "description": "Design tokens for the Neptune Design System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/themes/dark/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ * Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
@@ -57,12 +57,14 @@
57
57
  --size-8: 8px;
58
58
  --size-10: 10px;
59
59
  --size-12: 12px;
60
+ --size-14: 14px;
60
61
  --size-16: 16px;
61
62
  --size-24: 24px;
62
63
  --size-32: 32px;
63
64
  --size-40: 40px;
64
65
  --size-48: 48px;
65
66
  --size-56: 56px;
67
+ --size-60: 60px;
66
68
  --size-64: 64px;
67
69
  --size-72: 72px;
68
70
  --size-80: 80px;
@@ -72,6 +74,8 @@
72
74
  --size-112: 112px;
73
75
  --size-120: 120px;
74
76
  --size-128: 128px;
77
+ --size-146: 146px;
78
+ --size-154: 154px;
75
79
  --size-x-small: 24px;
76
80
  --size-small: 32px;
77
81
  --size-medium: 40px;
@@ -117,6 +121,9 @@
117
121
  --line-height-36: 2.25rem;
118
122
  --line-height-42: 2.625rem;
119
123
  --line-height-48: 3rem;
124
+ --line-height-display-tight: 0.053125rem;
125
+ --line-height-display-regular: 0.0625rem;
126
+ --line-height-display-loose: 0.075rem;
120
127
  --line-height-title: 1.2;
121
128
  --line-height-body: 1.5;
122
129
  --line-height-control: 1.2;
@@ -126,5 +133,6 @@
126
133
  --font-weight-semi-bold: 600;
127
134
  --font-weight-bold: 800;
128
135
  --font-weight-black: 900;
129
- --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
136
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
137
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
130
138
  }
package/themes/dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ // Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
@@ -55,12 +55,14 @@
55
55
  @size-8: 8px;
56
56
  @size-10: 10px;
57
57
  @size-12: 12px;
58
+ @size-14: 14px;
58
59
  @size-16: 16px;
59
60
  @size-24: 24px;
60
61
  @size-32: 32px;
61
62
  @size-40: 40px;
62
63
  @size-48: 48px;
63
64
  @size-56: 56px;
65
+ @size-60: 60px;
64
66
  @size-64: 64px;
65
67
  @size-72: 72px;
66
68
  @size-80: 80px;
@@ -70,6 +72,8 @@
70
72
  @size-112: 112px;
71
73
  @size-120: 120px;
72
74
  @size-128: 128px;
75
+ @size-146: 146px;
76
+ @size-154: 154px;
73
77
  @size-x-small: 24px;
74
78
  @size-small: 32px;
75
79
  @size-medium: 40px;
@@ -115,6 +119,9 @@
115
119
  @line-height-36: 2.25rem;
116
120
  @line-height-42: 2.625rem;
117
121
  @line-height-48: 3rem;
122
+ @line-height-display-tight: 0.053125rem;
123
+ @line-height-display-regular: 0.0625rem;
124
+ @line-height-display-loose: 0.075rem;
118
125
  @line-height-title: 1.2;
119
126
  @line-height-body: 1.5;
120
127
  @line-height-control: 1.2;
@@ -124,4 +131,5 @@
124
131
  @font-weight-semi-bold: 600;
125
132
  @font-weight-bold: 800;
126
133
  @font-weight-black: 900;
127
- @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
134
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
135
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;
package/themes/light/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ * Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
@@ -57,12 +57,14 @@
57
57
  --size-8: 8px;
58
58
  --size-10: 10px;
59
59
  --size-12: 12px;
60
+ --size-14: 14px;
60
61
  --size-16: 16px;
61
62
  --size-24: 24px;
62
63
  --size-32: 32px;
63
64
  --size-40: 40px;
64
65
  --size-48: 48px;
65
66
  --size-56: 56px;
67
+ --size-60: 60px;
66
68
  --size-64: 64px;
67
69
  --size-72: 72px;
68
70
  --size-80: 80px;
@@ -72,6 +74,8 @@
72
74
  --size-112: 112px;
73
75
  --size-120: 120px;
74
76
  --size-128: 128px;
77
+ --size-146: 146px;
78
+ --size-154: 154px;
75
79
  --size-x-small: 24px;
76
80
  --size-small: 32px;
77
81
  --size-medium: 40px;
@@ -117,6 +121,9 @@
117
121
  --line-height-36: 2.25rem;
118
122
  --line-height-42: 2.625rem;
119
123
  --line-height-48: 3rem;
124
+ --line-height-display-tight: 0.053125rem;
125
+ --line-height-display-regular: 0.0625rem;
126
+ --line-height-display-loose: 0.075rem;
120
127
  --line-height-title: 1.2;
121
128
  --line-height-body: 1.5;
122
129
  --line-height-control: 1.2;
@@ -126,5 +133,6 @@
126
133
  --font-weight-semi-bold: 600;
127
134
  --font-weight-bold: 800;
128
135
  --font-weight-black: 900;
129
- --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
136
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
137
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
130
138
  }
package/themes/light/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ // Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
@@ -55,12 +55,14 @@
55
55
  @size-8: 8px;
56
56
  @size-10: 10px;
57
57
  @size-12: 12px;
58
+ @size-14: 14px;
58
59
  @size-16: 16px;
59
60
  @size-24: 24px;
60
61
  @size-32: 32px;
61
62
  @size-40: 40px;
62
63
  @size-48: 48px;
63
64
  @size-56: 56px;
65
+ @size-60: 60px;
64
66
  @size-64: 64px;
65
67
  @size-72: 72px;
66
68
  @size-80: 80px;
@@ -70,6 +72,8 @@
70
72
  @size-112: 112px;
71
73
  @size-120: 120px;
72
74
  @size-128: 128px;
75
+ @size-146: 146px;
76
+ @size-154: 154px;
73
77
  @size-x-small: 24px;
74
78
  @size-small: 32px;
75
79
  @size-medium: 40px;
@@ -115,6 +119,9 @@
115
119
  @line-height-36: 2.25rem;
116
120
  @line-height-42: 2.625rem;
117
121
  @line-height-48: 3rem;
122
+ @line-height-display-tight: 0.053125rem;
123
+ @line-height-display-regular: 0.0625rem;
124
+ @line-height-display-loose: 0.075rem;
118
125
  @line-height-title: 1.2;
119
126
  @line-height-body: 1.5;
120
127
  @line-height-control: 1.2;
@@ -124,4 +131,5 @@
124
131
  @font-weight-semi-bold: 600;
125
132
  @font-weight-bold: 800;
126
133
  @font-weight-black: 900;
127
- @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
134
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
135
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;
package/themes/navy/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ * Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
@@ -57,12 +57,14 @@
57
57
  --size-8: 8px;
58
58
  --size-10: 10px;
59
59
  --size-12: 12px;
60
+ --size-14: 14px;
60
61
  --size-16: 16px;
61
62
  --size-24: 24px;
62
63
  --size-32: 32px;
63
64
  --size-40: 40px;
64
65
  --size-48: 48px;
65
66
  --size-56: 56px;
67
+ --size-60: 60px;
66
68
  --size-64: 64px;
67
69
  --size-72: 72px;
68
70
  --size-80: 80px;
@@ -72,6 +74,8 @@
72
74
  --size-112: 112px;
73
75
  --size-120: 120px;
74
76
  --size-128: 128px;
77
+ --size-146: 146px;
78
+ --size-154: 154px;
75
79
  --size-x-small: 24px;
76
80
  --size-small: 32px;
77
81
  --size-medium: 40px;
@@ -117,6 +121,9 @@
117
121
  --line-height-36: 2.25rem;
118
122
  --line-height-42: 2.625rem;
119
123
  --line-height-48: 3rem;
124
+ --line-height-display-tight: 0.053125rem;
125
+ --line-height-display-regular: 0.0625rem;
126
+ --line-height-display-loose: 0.075rem;
120
127
  --line-height-title: 1.2;
121
128
  --line-height-body: 1.5;
122
129
  --line-height-control: 1.2;
@@ -126,5 +133,6 @@
126
133
  --font-weight-semi-bold: 600;
127
134
  --font-weight-bold: 800;
128
135
  --font-weight-black: 900;
129
- --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
136
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
137
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
130
138
  }
package/themes/navy/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ // Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
@@ -55,12 +55,14 @@
55
55
  @size-8: 8px;
56
56
  @size-10: 10px;
57
57
  @size-12: 12px;
58
+ @size-14: 14px;
58
59
  @size-16: 16px;
59
60
  @size-24: 24px;
60
61
  @size-32: 32px;
61
62
  @size-40: 40px;
62
63
  @size-48: 48px;
63
64
  @size-56: 56px;
65
+ @size-60: 60px;
64
66
  @size-64: 64px;
65
67
  @size-72: 72px;
66
68
  @size-80: 80px;
@@ -70,6 +72,8 @@
70
72
  @size-112: 112px;
71
73
  @size-120: 120px;
72
74
  @size-128: 128px;
75
+ @size-146: 146px;
76
+ @size-154: 154px;
73
77
  @size-x-small: 24px;
74
78
  @size-small: 32px;
75
79
  @size-medium: 40px;
@@ -115,6 +119,9 @@
115
119
  @line-height-36: 2.25rem;
116
120
  @line-height-42: 2.625rem;
117
121
  @line-height-48: 3rem;
122
+ @line-height-display-tight: 0.053125rem;
123
+ @line-height-display-regular: 0.0625rem;
124
+ @line-height-display-loose: 0.075rem;
118
125
  @line-height-title: 1.2;
119
126
  @line-height-body: 1.5;
120
127
  @line-height-control: 1.2;
@@ -124,4 +131,5 @@
124
131
  @font-weight-semi-bold: 600;
125
132
  @font-weight-bold: 800;
126
133
  @font-weight-black: 900;
127
- @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
134
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
135
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;
package/themes/personal/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ * Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal {
@@ -64,12 +64,14 @@
64
64
  --size-8: 8px;
65
65
  --size-10: 10px;
66
66
  --size-12: 12px;
67
+ --size-14: 14px;
67
68
  --size-16: 16px;
68
69
  --size-24: 24px;
69
70
  --size-32: 32px;
70
71
  --size-40: 40px;
71
72
  --size-48: 48px;
72
73
  --size-56: 56px;
74
+ --size-60: 60px;
73
75
  --size-64: 64px;
74
76
  --size-72: 72px;
75
77
  --size-80: 80px;
@@ -79,6 +81,8 @@
79
81
  --size-112: 112px;
80
82
  --size-120: 120px;
81
83
  --size-128: 128px;
84
+ --size-146: 146px;
85
+ --size-154: 154px;
82
86
  --size-x-small: 24px;
83
87
  --size-small: 32px;
84
88
  --size-medium: 40px;
@@ -124,6 +128,9 @@
124
128
  --line-height-36: 2.25rem;
125
129
  --line-height-42: 2.625rem;
126
130
  --line-height-48: 3rem;
131
+ --line-height-display-tight: 0.053125rem;
132
+ --line-height-display-regular: 0.0625rem;
133
+ --line-height-display-loose: 0.075rem;
127
134
  --line-height-title: 1.2;
128
135
  --line-height-body: 1.5;
129
136
  --line-height-control: 1.2;
@@ -133,5 +140,6 @@
133
140
  --font-weight-semi-bold: 600;
134
141
  --font-weight-bold: 800;
135
142
  --font-weight-black: 900;
136
- --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
143
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
144
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
137
145
  }
package/themes/personal/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ // Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -62,12 +62,14 @@
62
62
  @size-8: 8px;
63
63
  @size-10: 10px;
64
64
  @size-12: 12px;
65
+ @size-14: 14px;
65
66
  @size-16: 16px;
66
67
  @size-24: 24px;
67
68
  @size-32: 32px;
68
69
  @size-40: 40px;
69
70
  @size-48: 48px;
70
71
  @size-56: 56px;
72
+ @size-60: 60px;
71
73
  @size-64: 64px;
72
74
  @size-72: 72px;
73
75
  @size-80: 80px;
@@ -77,6 +79,8 @@
77
79
  @size-112: 112px;
78
80
  @size-120: 120px;
79
81
  @size-128: 128px;
82
+ @size-146: 146px;
83
+ @size-154: 154px;
80
84
  @size-x-small: 24px;
81
85
  @size-small: 32px;
82
86
  @size-medium: 40px;
@@ -122,6 +126,9 @@
122
126
  @line-height-36: 2.25rem;
123
127
  @line-height-42: 2.625rem;
124
128
  @line-height-48: 3rem;
129
+ @line-height-display-tight: 0.053125rem;
130
+ @line-height-display-regular: 0.0625rem;
131
+ @line-height-display-loose: 0.075rem;
125
132
  @line-height-title: 1.2;
126
133
  @line-height-body: 1.5;
127
134
  @line-height-control: 1.2;
@@ -131,4 +138,5 @@
131
138
  @font-weight-semi-bold: 600;
132
139
  @font-weight-bold: 800;
133
140
  @font-weight-black: 900;
134
- @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
141
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
142
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;
package/themes/personal--dark/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ * Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--dark {
@@ -88,12 +88,14 @@
88
88
  --size-8: 8px;
89
89
  --size-10: 10px;
90
90
  --size-12: 12px;
91
+ --size-14: 14px;
91
92
  --size-16: 16px;
92
93
  --size-24: 24px;
93
94
  --size-32: 32px;
94
95
  --size-40: 40px;
95
96
  --size-48: 48px;
96
97
  --size-56: 56px;
98
+ --size-60: 60px;
97
99
  --size-64: 64px;
98
100
  --size-72: 72px;
99
101
  --size-80: 80px;
@@ -103,6 +105,8 @@
103
105
  --size-112: 112px;
104
106
  --size-120: 120px;
105
107
  --size-128: 128px;
108
+ --size-146: 146px;
109
+ --size-154: 154px;
106
110
  --size-x-small: 24px;
107
111
  --size-small: 32px;
108
112
  --size-medium: 40px;
@@ -148,6 +152,9 @@
148
152
  --line-height-36: 2.25rem;
149
153
  --line-height-42: 2.625rem;
150
154
  --line-height-48: 3rem;
155
+ --line-height-display-tight: 0.053125rem;
156
+ --line-height-display-regular: 0.0625rem;
157
+ --line-height-display-loose: 0.075rem;
151
158
  --line-height-title: 1.2;
152
159
  --line-height-body: 1.5;
153
160
  --line-height-control: 1.2;
@@ -157,5 +164,6 @@
157
164
  --font-weight-semi-bold: 600;
158
165
  --font-weight-bold: 800;
159
166
  --font-weight-black: 900;
160
- --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
167
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
168
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
161
169
  }
package/themes/personal--dark/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ // Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -86,12 +86,14 @@
86
86
  @size-8: 8px;
87
87
  @size-10: 10px;
88
88
  @size-12: 12px;
89
+ @size-14: 14px;
89
90
  @size-16: 16px;
90
91
  @size-24: 24px;
91
92
  @size-32: 32px;
92
93
  @size-40: 40px;
93
94
  @size-48: 48px;
94
95
  @size-56: 56px;
96
+ @size-60: 60px;
95
97
  @size-64: 64px;
96
98
  @size-72: 72px;
97
99
  @size-80: 80px;
@@ -101,6 +103,8 @@
101
103
  @size-112: 112px;
102
104
  @size-120: 120px;
103
105
  @size-128: 128px;
106
+ @size-146: 146px;
107
+ @size-154: 154px;
104
108
  @size-x-small: 24px;
105
109
  @size-small: 32px;
106
110
  @size-medium: 40px;
@@ -146,6 +150,9 @@
146
150
  @line-height-36: 2.25rem;
147
151
  @line-height-42: 2.625rem;
148
152
  @line-height-48: 3rem;
153
+ @line-height-display-tight: 0.053125rem;
154
+ @line-height-display-regular: 0.0625rem;
155
+ @line-height-display-loose: 0.075rem;
149
156
  @line-height-title: 1.2;
150
157
  @line-height-body: 1.5;
151
158
  @line-height-control: 1.2;
@@ -155,4 +162,5 @@
155
162
  @font-weight-semi-bold: 600;
156
163
  @font-weight-bold: 800;
157
164
  @font-weight-black: 900;
158
- @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
165
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
166
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;
package/themes/personal--forest-green/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ * Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--forest-green {
@@ -88,12 +88,14 @@
88
88
  --size-8: 8px;
89
89
  --size-10: 10px;
90
90
  --size-12: 12px;
91
+ --size-14: 14px;
91
92
  --size-16: 16px;
92
93
  --size-24: 24px;
93
94
  --size-32: 32px;
94
95
  --size-40: 40px;
95
96
  --size-48: 48px;
96
97
  --size-56: 56px;
98
+ --size-60: 60px;
97
99
  --size-64: 64px;
98
100
  --size-72: 72px;
99
101
  --size-80: 80px;
@@ -103,6 +105,8 @@
103
105
  --size-112: 112px;
104
106
  --size-120: 120px;
105
107
  --size-128: 128px;
108
+ --size-146: 146px;
109
+ --size-154: 154px;
106
110
  --size-x-small: 24px;
107
111
  --size-small: 32px;
108
112
  --size-medium: 40px;
@@ -148,6 +152,9 @@
148
152
  --line-height-36: 2.25rem;
149
153
  --line-height-42: 2.625rem;
150
154
  --line-height-48: 3rem;
155
+ --line-height-display-tight: 0.053125rem;
156
+ --line-height-display-regular: 0.0625rem;
157
+ --line-height-display-loose: 0.075rem;
151
158
  --line-height-title: 1.2;
152
159
  --line-height-body: 1.5;
153
160
  --line-height-control: 1.2;
@@ -157,5 +164,6 @@
157
164
  --font-weight-semi-bold: 600;
158
165
  --font-weight-bold: 800;
159
166
  --font-weight-black: 900;
160
- --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
167
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
168
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
161
169
  }
package/themes/personal--forest-green/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ // Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -86,12 +86,14 @@
86
86
  @size-8: 8px;
87
87
  @size-10: 10px;
88
88
  @size-12: 12px;
89
+ @size-14: 14px;
89
90
  @size-16: 16px;
90
91
  @size-24: 24px;
91
92
  @size-32: 32px;
92
93
  @size-40: 40px;
93
94
  @size-48: 48px;
94
95
  @size-56: 56px;
96
+ @size-60: 60px;
95
97
  @size-64: 64px;
96
98
  @size-72: 72px;
97
99
  @size-80: 80px;
@@ -101,6 +103,8 @@
101
103
  @size-112: 112px;
102
104
  @size-120: 120px;
103
105
  @size-128: 128px;
106
+ @size-146: 146px;
107
+ @size-154: 154px;
104
108
  @size-x-small: 24px;
105
109
  @size-small: 32px;
106
110
  @size-medium: 40px;
@@ -146,6 +150,9 @@
146
150
  @line-height-36: 2.25rem;
147
151
  @line-height-42: 2.625rem;
148
152
  @line-height-48: 3rem;
153
+ @line-height-display-tight: 0.053125rem;
154
+ @line-height-display-regular: 0.0625rem;
155
+ @line-height-display-loose: 0.075rem;
149
156
  @line-height-title: 1.2;
150
157
  @line-height-body: 1.5;
151
158
  @line-height-control: 1.2;
@@ -155,4 +162,5 @@
155
162
  @font-weight-semi-bold: 600;
156
163
  @font-weight-bold: 800;
157
164
  @font-weight-black: 900;
158
- @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
165
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
166
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;
package/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ * Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -57,12 +57,14 @@
57
57
  --size-8: 8px;
58
58
  --size-10: 10px;
59
59
  --size-12: 12px;
60
+ --size-14: 14px;
60
61
  --size-16: 16px;
61
62
  --size-24: 24px;
62
63
  --size-32: 32px;
63
64
  --size-40: 40px;
64
65
  --size-48: 48px;
65
66
  --size-56: 56px;
67
+ --size-60: 60px;
66
68
  --size-64: 64px;
67
69
  --size-72: 72px;
68
70
  --size-80: 80px;
@@ -72,6 +74,8 @@
72
74
  --size-112: 112px;
73
75
  --size-120: 120px;
74
76
  --size-128: 128px;
77
+ --size-146: 146px;
78
+ --size-154: 154px;
75
79
  --size-x-small: 24px;
76
80
  --size-small: 32px;
77
81
  --size-medium: 40px;
@@ -117,6 +121,9 @@
117
121
  --line-height-36: 2.25rem;
118
122
  --line-height-42: 2.625rem;
119
123
  --line-height-48: 3rem;
124
+ --line-height-display-tight: 0.053125rem;
125
+ --line-height-display-regular: 0.0625rem;
126
+ --line-height-display-loose: 0.075rem;
120
127
  --line-height-title: 1.2;
121
128
  --line-height-body: 1.5;
122
129
  --line-height-control: 1.2;
@@ -126,5 +133,6 @@
126
133
  --font-weight-semi-bold: 600;
127
134
  --font-weight-bold: 800;
128
135
  --font-weight-black: 900;
129
- --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
136
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
137
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
130
138
  }
package/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 11:35:59 GMT
3
+ // Generated on Thu, 29 Dec 2022 19:49:27 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -137,12 +137,14 @@
137
137
  @size-8: 8px;
138
138
  @size-10: 10px;
139
139
  @size-12: 12px;
140
+ @size-14: 14px;
140
141
  @size-16: 16px;
141
142
  @size-24: 24px;
142
143
  @size-32: 32px;
143
144
  @size-40: 40px;
144
145
  @size-48: 48px;
145
146
  @size-56: 56px;
147
+ @size-60: 60px;
146
148
  @size-64: 64px;
147
149
  @size-72: 72px;
148
150
  @size-80: 80px;
@@ -152,6 +154,8 @@
152
154
  @size-112: 112px;
153
155
  @size-120: 120px;
154
156
  @size-128: 128px;
157
+ @size-146: 146px;
158
+ @size-154: 154px;
155
159
  @size-x-small: 24px;
156
160
  @size-small: 32px;
157
161
  @size-medium: 40px;
@@ -197,6 +201,9 @@
197
201
  @line-height-36: 2.25rem;
198
202
  @line-height-42: 2.625rem;
199
203
  @line-height-48: 3rem;
204
+ @line-height-display-tight: 0.053125rem;
205
+ @line-height-display-regular: 0.0625rem;
206
+ @line-height-display-loose: 0.075rem;
200
207
  @line-height-title: 1.2;
201
208
  @line-height-body: 1.5;
202
209
  @line-height-control: 1.2;
@@ -206,4 +213,5 @@
206
213
  @font-weight-semi-bold: 600;
207
214
  @font-weight-bold: 800;
208
215
  @font-weight-black: 900;
209
- @font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
216
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
217
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;