@transferwise/neptune-tokens 8.2.1 → 8.2.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 (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 +9 -2
  5. package/themes/dark/tokens.less +9 -2
  6. package/themes/light/tokens.css +9 -2
  7. package/themes/light/tokens.less +9 -2
  8. package/themes/navy/tokens.css +9 -2
  9. package/themes/navy/tokens.less +9 -2
  10. package/themes/personal/tokens.css +9 -2
  11. package/themes/personal/tokens.less +9 -2
  12. package/themes/personal--dark/tokens.css +9 -2
  13. package/themes/personal--dark/tokens.less +9 -2
  14. package/themes/personal--forest-green/tokens.css +9 -2
  15. package/themes/personal--forest-green/tokens.less +9 -2
  16. package/tokens.css +9 -2
  17. package/tokens.less +9 -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 14:48:26 GMT
3
+ * Generated on Thu, 29 Dec 2022 20:51:11 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 14:48:26 GMT
3
+ // Generated on Thu, 29 Dec 2022 20:51:11 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.1",
3
+ "version": "8.2.3",
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 14:48:26 GMT
3
+ * Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
  */
5
5
 
6
6
  .np-theme-dark {
@@ -64,6 +64,7 @@
64
64
  --size-40: 40px;
65
65
  --size-48: 48px;
66
66
  --size-56: 56px;
67
+ --size-60: 60px;
67
68
  --size-64: 64px;
68
69
  --size-72: 72px;
69
70
  --size-80: 80px;
@@ -73,6 +74,8 @@
73
74
  --size-112: 112px;
74
75
  --size-120: 120px;
75
76
  --size-128: 128px;
77
+ --size-146: 146px;
78
+ --size-154: 154px;
76
79
  --size-x-small: 24px;
77
80
  --size-small: 32px;
78
81
  --size-medium: 40px;
@@ -118,6 +121,9 @@
118
121
  --line-height-36: 2.25rem;
119
122
  --line-height-42: 2.625rem;
120
123
  --line-height-48: 3rem;
124
+ --line-height-display-tight: NaNrem;
125
+ --line-height-display-regular: NaNrem;
126
+ --line-height-display-loose: NaNrem;
121
127
  --line-height-title: 1.2;
122
128
  --line-height-body: 1.5;
123
129
  --line-height-control: 1.2;
@@ -127,5 +133,6 @@
127
133
  --font-weight-semi-bold: 600;
128
134
  --font-weight-bold: 800;
129
135
  --font-weight-black: 900;
130
- --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;
131
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 14:48:26 GMT
3
+ // Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
 
5
5
  @color-content-primary: #e2e6e8;
6
6
  @color-content-secondary: #c9cbce;
@@ -62,6 +62,7 @@
62
62
  @size-40: 40px;
63
63
  @size-48: 48px;
64
64
  @size-56: 56px;
65
+ @size-60: 60px;
65
66
  @size-64: 64px;
66
67
  @size-72: 72px;
67
68
  @size-80: 80px;
@@ -71,6 +72,8 @@
71
72
  @size-112: 112px;
72
73
  @size-120: 120px;
73
74
  @size-128: 128px;
75
+ @size-146: 146px;
76
+ @size-154: 154px;
74
77
  @size-x-small: 24px;
75
78
  @size-small: 32px;
76
79
  @size-medium: 40px;
@@ -116,6 +119,9 @@
116
119
  @line-height-36: 2.25rem;
117
120
  @line-height-42: 2.625rem;
118
121
  @line-height-48: 3rem;
122
+ @line-height-display-tight: NaNrem;
123
+ @line-height-display-regular: NaNrem;
124
+ @line-height-display-loose: NaNrem;
119
125
  @line-height-title: 1.2;
120
126
  @line-height-body: 1.5;
121
127
  @line-height-control: 1.2;
@@ -125,4 +131,5 @@
125
131
  @font-weight-semi-bold: 600;
126
132
  @font-weight-bold: 800;
127
133
  @font-weight-black: 900;
128
- @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 14:48:26 GMT
3
+ * Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
  */
5
5
 
6
6
  .np-theme-light {
@@ -64,6 +64,7 @@
64
64
  --size-40: 40px;
65
65
  --size-48: 48px;
66
66
  --size-56: 56px;
67
+ --size-60: 60px;
67
68
  --size-64: 64px;
68
69
  --size-72: 72px;
69
70
  --size-80: 80px;
@@ -73,6 +74,8 @@
73
74
  --size-112: 112px;
74
75
  --size-120: 120px;
75
76
  --size-128: 128px;
77
+ --size-146: 146px;
78
+ --size-154: 154px;
76
79
  --size-x-small: 24px;
77
80
  --size-small: 32px;
78
81
  --size-medium: 40px;
@@ -118,6 +121,9 @@
118
121
  --line-height-36: 2.25rem;
119
122
  --line-height-42: 2.625rem;
120
123
  --line-height-48: 3rem;
124
+ --line-height-display-tight: NaNrem;
125
+ --line-height-display-regular: NaNrem;
126
+ --line-height-display-loose: NaNrem;
121
127
  --line-height-title: 1.2;
122
128
  --line-height-body: 1.5;
123
129
  --line-height-control: 1.2;
@@ -127,5 +133,6 @@
127
133
  --font-weight-semi-bold: 600;
128
134
  --font-weight-bold: 800;
129
135
  --font-weight-black: 900;
130
- --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;
131
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 14:48:26 GMT
3
+ // Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
 
5
5
  @color-content-primary: #37517e;
6
6
  @color-content-secondary: #5d7079;
@@ -62,6 +62,7 @@
62
62
  @size-40: 40px;
63
63
  @size-48: 48px;
64
64
  @size-56: 56px;
65
+ @size-60: 60px;
65
66
  @size-64: 64px;
66
67
  @size-72: 72px;
67
68
  @size-80: 80px;
@@ -71,6 +72,8 @@
71
72
  @size-112: 112px;
72
73
  @size-120: 120px;
73
74
  @size-128: 128px;
75
+ @size-146: 146px;
76
+ @size-154: 154px;
74
77
  @size-x-small: 24px;
75
78
  @size-small: 32px;
76
79
  @size-medium: 40px;
@@ -116,6 +119,9 @@
116
119
  @line-height-36: 2.25rem;
117
120
  @line-height-42: 2.625rem;
118
121
  @line-height-48: 3rem;
122
+ @line-height-display-tight: NaNrem;
123
+ @line-height-display-regular: NaNrem;
124
+ @line-height-display-loose: NaNrem;
119
125
  @line-height-title: 1.2;
120
126
  @line-height-body: 1.5;
121
127
  @line-height-control: 1.2;
@@ -125,4 +131,5 @@
125
131
  @font-weight-semi-bold: 600;
126
132
  @font-weight-bold: 800;
127
133
  @font-weight-black: 900;
128
- @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 14:48:26 GMT
3
+ * Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
  */
5
5
 
6
6
  .np-theme-navy {
@@ -64,6 +64,7 @@
64
64
  --size-40: 40px;
65
65
  --size-48: 48px;
66
66
  --size-56: 56px;
67
+ --size-60: 60px;
67
68
  --size-64: 64px;
68
69
  --size-72: 72px;
69
70
  --size-80: 80px;
@@ -73,6 +74,8 @@
73
74
  --size-112: 112px;
74
75
  --size-120: 120px;
75
76
  --size-128: 128px;
77
+ --size-146: 146px;
78
+ --size-154: 154px;
76
79
  --size-x-small: 24px;
77
80
  --size-small: 32px;
78
81
  --size-medium: 40px;
@@ -118,6 +121,9 @@
118
121
  --line-height-36: 2.25rem;
119
122
  --line-height-42: 2.625rem;
120
123
  --line-height-48: 3rem;
124
+ --line-height-display-tight: NaNrem;
125
+ --line-height-display-regular: NaNrem;
126
+ --line-height-display-loose: NaNrem;
121
127
  --line-height-title: 1.2;
122
128
  --line-height-body: 1.5;
123
129
  --line-height-control: 1.2;
@@ -127,5 +133,6 @@
127
133
  --font-weight-semi-bold: 600;
128
134
  --font-weight-bold: 800;
129
135
  --font-weight-black: 900;
130
- --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;
131
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 14:48:26 GMT
3
+ // Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
 
5
5
  @color-content-primary: #ffffff;
6
6
  @color-content-secondary: #c9cbce;
@@ -62,6 +62,7 @@
62
62
  @size-40: 40px;
63
63
  @size-48: 48px;
64
64
  @size-56: 56px;
65
+ @size-60: 60px;
65
66
  @size-64: 64px;
66
67
  @size-72: 72px;
67
68
  @size-80: 80px;
@@ -71,6 +72,8 @@
71
72
  @size-112: 112px;
72
73
  @size-120: 120px;
73
74
  @size-128: 128px;
75
+ @size-146: 146px;
76
+ @size-154: 154px;
74
77
  @size-x-small: 24px;
75
78
  @size-small: 32px;
76
79
  @size-medium: 40px;
@@ -116,6 +119,9 @@
116
119
  @line-height-36: 2.25rem;
117
120
  @line-height-42: 2.625rem;
118
121
  @line-height-48: 3rem;
122
+ @line-height-display-tight: NaNrem;
123
+ @line-height-display-regular: NaNrem;
124
+ @line-height-display-loose: NaNrem;
119
125
  @line-height-title: 1.2;
120
126
  @line-height-body: 1.5;
121
127
  @line-height-control: 1.2;
@@ -125,4 +131,5 @@
125
131
  @font-weight-semi-bold: 600;
126
132
  @font-weight-bold: 800;
127
133
  @font-weight-black: 900;
128
- @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 14:48:26 GMT
3
+ * Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal {
@@ -71,6 +71,7 @@
71
71
  --size-40: 40px;
72
72
  --size-48: 48px;
73
73
  --size-56: 56px;
74
+ --size-60: 60px;
74
75
  --size-64: 64px;
75
76
  --size-72: 72px;
76
77
  --size-80: 80px;
@@ -80,6 +81,8 @@
80
81
  --size-112: 112px;
81
82
  --size-120: 120px;
82
83
  --size-128: 128px;
84
+ --size-146: 146px;
85
+ --size-154: 154px;
83
86
  --size-x-small: 24px;
84
87
  --size-small: 32px;
85
88
  --size-medium: 40px;
@@ -125,6 +128,9 @@
125
128
  --line-height-36: 2.25rem;
126
129
  --line-height-42: 2.625rem;
127
130
  --line-height-48: 3rem;
131
+ --line-height-display-tight: NaNrem;
132
+ --line-height-display-regular: NaNrem;
133
+ --line-height-display-loose: NaNrem;
128
134
  --line-height-title: 1.2;
129
135
  --line-height-body: 1.5;
130
136
  --line-height-control: 1.2;
@@ -134,5 +140,6 @@
134
140
  --font-weight-semi-bold: 600;
135
141
  --font-weight-bold: 800;
136
142
  --font-weight-black: 900;
137
- --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;
138
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 14:48:26 GMT
3
+ // Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -69,6 +69,7 @@
69
69
  @size-40: 40px;
70
70
  @size-48: 48px;
71
71
  @size-56: 56px;
72
+ @size-60: 60px;
72
73
  @size-64: 64px;
73
74
  @size-72: 72px;
74
75
  @size-80: 80px;
@@ -78,6 +79,8 @@
78
79
  @size-112: 112px;
79
80
  @size-120: 120px;
80
81
  @size-128: 128px;
82
+ @size-146: 146px;
83
+ @size-154: 154px;
81
84
  @size-x-small: 24px;
82
85
  @size-small: 32px;
83
86
  @size-medium: 40px;
@@ -123,6 +126,9 @@
123
126
  @line-height-36: 2.25rem;
124
127
  @line-height-42: 2.625rem;
125
128
  @line-height-48: 3rem;
129
+ @line-height-display-tight: NaNrem;
130
+ @line-height-display-regular: NaNrem;
131
+ @line-height-display-loose: NaNrem;
126
132
  @line-height-title: 1.2;
127
133
  @line-height-body: 1.5;
128
134
  @line-height-control: 1.2;
@@ -132,4 +138,5 @@
132
138
  @font-weight-semi-bold: 600;
133
139
  @font-weight-bold: 800;
134
140
  @font-weight-black: 900;
135
- @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 14:48:26 GMT
3
+ * Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--dark {
@@ -95,6 +95,7 @@
95
95
  --size-40: 40px;
96
96
  --size-48: 48px;
97
97
  --size-56: 56px;
98
+ --size-60: 60px;
98
99
  --size-64: 64px;
99
100
  --size-72: 72px;
100
101
  --size-80: 80px;
@@ -104,6 +105,8 @@
104
105
  --size-112: 112px;
105
106
  --size-120: 120px;
106
107
  --size-128: 128px;
108
+ --size-146: 146px;
109
+ --size-154: 154px;
107
110
  --size-x-small: 24px;
108
111
  --size-small: 32px;
109
112
  --size-medium: 40px;
@@ -149,6 +152,9 @@
149
152
  --line-height-36: 2.25rem;
150
153
  --line-height-42: 2.625rem;
151
154
  --line-height-48: 3rem;
155
+ --line-height-display-tight: NaNrem;
156
+ --line-height-display-regular: NaNrem;
157
+ --line-height-display-loose: NaNrem;
152
158
  --line-height-title: 1.2;
153
159
  --line-height-body: 1.5;
154
160
  --line-height-control: 1.2;
@@ -158,5 +164,6 @@
158
164
  --font-weight-semi-bold: 600;
159
165
  --font-weight-bold: 800;
160
166
  --font-weight-black: 900;
161
- --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;
162
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 14:48:26 GMT
3
+ // Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -93,6 +93,7 @@
93
93
  @size-40: 40px;
94
94
  @size-48: 48px;
95
95
  @size-56: 56px;
96
+ @size-60: 60px;
96
97
  @size-64: 64px;
97
98
  @size-72: 72px;
98
99
  @size-80: 80px;
@@ -102,6 +103,8 @@
102
103
  @size-112: 112px;
103
104
  @size-120: 120px;
104
105
  @size-128: 128px;
106
+ @size-146: 146px;
107
+ @size-154: 154px;
105
108
  @size-x-small: 24px;
106
109
  @size-small: 32px;
107
110
  @size-medium: 40px;
@@ -147,6 +150,9 @@
147
150
  @line-height-36: 2.25rem;
148
151
  @line-height-42: 2.625rem;
149
152
  @line-height-48: 3rem;
153
+ @line-height-display-tight: NaNrem;
154
+ @line-height-display-regular: NaNrem;
155
+ @line-height-display-loose: NaNrem;
150
156
  @line-height-title: 1.2;
151
157
  @line-height-body: 1.5;
152
158
  @line-height-control: 1.2;
@@ -156,4 +162,5 @@
156
162
  @font-weight-semi-bold: 600;
157
163
  @font-weight-bold: 800;
158
164
  @font-weight-black: 900;
159
- @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 14:48:26 GMT
3
+ * Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
  */
5
5
 
6
6
  .np-theme-personal--forest-green {
@@ -95,6 +95,7 @@
95
95
  --size-40: 40px;
96
96
  --size-48: 48px;
97
97
  --size-56: 56px;
98
+ --size-60: 60px;
98
99
  --size-64: 64px;
99
100
  --size-72: 72px;
100
101
  --size-80: 80px;
@@ -104,6 +105,8 @@
104
105
  --size-112: 112px;
105
106
  --size-120: 120px;
106
107
  --size-128: 128px;
108
+ --size-146: 146px;
109
+ --size-154: 154px;
107
110
  --size-x-small: 24px;
108
111
  --size-small: 32px;
109
112
  --size-medium: 40px;
@@ -149,6 +152,9 @@
149
152
  --line-height-36: 2.25rem;
150
153
  --line-height-42: 2.625rem;
151
154
  --line-height-48: 3rem;
155
+ --line-height-display-tight: NaNrem;
156
+ --line-height-display-regular: NaNrem;
157
+ --line-height-display-loose: NaNrem;
152
158
  --line-height-title: 1.2;
153
159
  --line-height-body: 1.5;
154
160
  --line-height-control: 1.2;
@@ -158,5 +164,6 @@
158
164
  --font-weight-semi-bold: 600;
159
165
  --font-weight-bold: 800;
160
166
  --font-weight-black: 900;
161
- --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;
162
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 14:48:26 GMT
3
+ // Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
 
5
5
  @color-bright-yellow: #ffeb69;
6
6
  @color-bright-orange: #ffc091;
@@ -93,6 +93,7 @@
93
93
  @size-40: 40px;
94
94
  @size-48: 48px;
95
95
  @size-56: 56px;
96
+ @size-60: 60px;
96
97
  @size-64: 64px;
97
98
  @size-72: 72px;
98
99
  @size-80: 80px;
@@ -102,6 +103,8 @@
102
103
  @size-112: 112px;
103
104
  @size-120: 120px;
104
105
  @size-128: 128px;
106
+ @size-146: 146px;
107
+ @size-154: 154px;
105
108
  @size-x-small: 24px;
106
109
  @size-small: 32px;
107
110
  @size-medium: 40px;
@@ -147,6 +150,9 @@
147
150
  @line-height-36: 2.25rem;
148
151
  @line-height-42: 2.625rem;
149
152
  @line-height-48: 3rem;
153
+ @line-height-display-tight: NaNrem;
154
+ @line-height-display-regular: NaNrem;
155
+ @line-height-display-loose: NaNrem;
150
156
  @line-height-title: 1.2;
151
157
  @line-height-body: 1.5;
152
158
  @line-height-control: 1.2;
@@ -156,4 +162,5 @@
156
162
  @font-weight-semi-bold: 600;
157
163
  @font-weight-bold: 800;
158
164
  @font-weight-black: 900;
159
- @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 14:48:26 GMT
3
+ * Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -64,6 +64,7 @@
64
64
  --size-40: 40px;
65
65
  --size-48: 48px;
66
66
  --size-56: 56px;
67
+ --size-60: 60px;
67
68
  --size-64: 64px;
68
69
  --size-72: 72px;
69
70
  --size-80: 80px;
@@ -73,6 +74,8 @@
73
74
  --size-112: 112px;
74
75
  --size-120: 120px;
75
76
  --size-128: 128px;
77
+ --size-146: 146px;
78
+ --size-154: 154px;
76
79
  --size-x-small: 24px;
77
80
  --size-small: 32px;
78
81
  --size-medium: 40px;
@@ -118,6 +121,9 @@
118
121
  --line-height-36: 2.25rem;
119
122
  --line-height-42: 2.625rem;
120
123
  --line-height-48: 3rem;
124
+ --line-height-display-tight: NaNrem;
125
+ --line-height-display-regular: NaNrem;
126
+ --line-height-display-loose: NaNrem;
121
127
  --line-height-title: 1.2;
122
128
  --line-height-body: 1.5;
123
129
  --line-height-control: 1.2;
@@ -127,5 +133,6 @@
127
133
  --font-weight-semi-bold: 600;
128
134
  --font-weight-bold: 800;
129
135
  --font-weight-black: 900;
130
- --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;
131
138
  }
package/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 29 Dec 2022 14:48:26 GMT
3
+ // Generated on Thu, 29 Dec 2022 20:51:11 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -144,6 +144,7 @@
144
144
  @size-40: 40px;
145
145
  @size-48: 48px;
146
146
  @size-56: 56px;
147
+ @size-60: 60px;
147
148
  @size-64: 64px;
148
149
  @size-72: 72px;
149
150
  @size-80: 80px;
@@ -153,6 +154,8 @@
153
154
  @size-112: 112px;
154
155
  @size-120: 120px;
155
156
  @size-128: 128px;
157
+ @size-146: 146px;
158
+ @size-154: 154px;
156
159
  @size-x-small: 24px;
157
160
  @size-small: 32px;
158
161
  @size-medium: 40px;
@@ -198,6 +201,9 @@
198
201
  @line-height-36: 2.25rem;
199
202
  @line-height-42: 2.625rem;
200
203
  @line-height-48: 3rem;
204
+ @line-height-display-tight: NaNrem;
205
+ @line-height-display-regular: NaNrem;
206
+ @line-height-display-loose: NaNrem;
201
207
  @line-height-title: 1.2;
202
208
  @line-height-body: 1.5;
203
209
  @line-height-control: 1.2;
@@ -207,4 +213,5 @@
207
213
  @font-weight-semi-bold: 600;
208
214
  @font-weight-bold: 800;
209
215
  @font-weight-black: 900;
210
- @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;