@transferwise/neptune-tokens 0.0.0-experimental-e4d7b3c → 0.0.0-experimental-3e9145a

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 (29) hide show
  1. package/package.json +1 -1
  2. package/themes/business/tokens.css +0 -73
  3. package/themes/business/tokens.less +1 -72
  4. package/themes/business--bright-green/tokens.css +0 -73
  5. package/themes/business--bright-green/tokens.less +1 -72
  6. package/themes/business--dark/tokens.css +0 -73
  7. package/themes/business--dark/tokens.less +1 -72
  8. package/themes/business--forest-green/tokens.css +0 -73
  9. package/themes/business--forest-green/tokens.less +1 -72
  10. package/themes/dark/tokens.css +0 -73
  11. package/themes/dark/tokens.less +1 -72
  12. package/themes/light/tokens.css +0 -73
  13. package/themes/light/tokens.less +1 -72
  14. package/themes/navy/tokens.css +0 -73
  15. package/themes/navy/tokens.less +1 -72
  16. package/themes/personal/tokens.css +0 -73
  17. package/themes/personal/tokens.less +1 -72
  18. package/themes/personal--bright-green/tokens.css +0 -73
  19. package/themes/personal--bright-green/tokens.less +1 -72
  20. package/themes/personal--dark/tokens.css +0 -73
  21. package/themes/personal--dark/tokens.less +1 -72
  22. package/themes/personal--forest-green/tokens.css +0 -73
  23. package/themes/personal--forest-green/tokens.less +1 -72
  24. package/themes/platform/tokens.css +0 -73
  25. package/themes/platform/tokens.less +1 -72
  26. package/themes/platform--forest-green/tokens.css +0 -73
  27. package/themes/platform--forest-green/tokens.less +1 -72
  28. package/tokens.css +1 -14
  29. package/tokens.less +1 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-tokens",
3
- "version": "0.0.0-experimental-e4d7b3c",
3
+ "version": "0.0.0-experimental-3e9145a",
4
4
  "description": "Design tokens for the Neptune Design System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
package/themes/business/tokens.css CHANGED
@@ -132,77 +132,4 @@
132
132
  --space-medium: 32px;
133
133
  --space-large: 40px;
134
134
  --space-x-large: 56px;
135
- }
136
-
137
- /* Deprecated — do not use */
138
- .np-theme-business {
139
- --font-size-12: 0.75rem;
140
- --font-size-14: 0.875rem;
141
- --font-size-16: 1rem;
142
- --font-size-18: 1.125rem;
143
- --font-size-20: 1.25rem;
144
- --font-size-22: 1.375rem;
145
- --font-size-24: 1.5rem;
146
- --font-size-26: 1.625rem;
147
- --font-size-28: 1.75rem;
148
- --font-size-30: 1.875rem;
149
- --font-size-32: 2rem;
150
- --font-size-40: 2.5rem;
151
- --font-size-48: 3rem;
152
- --font-size-52: 3.25rem;
153
- --font-size-56: 3.5rem;
154
- --font-size-60: 3.75rem;
155
- --font-size-64: 4rem;
156
- --font-size-100: 6.25rem;
157
- --letter-spacing-xxs: 0.005em;
158
- --letter-spacing-xs: 0.01em;
159
- --letter-spacing-sm: 0.0125em;
160
- --letter-spacing-md: 0.015em;
161
- --letter-spacing-lg: 0.02em;
162
- --letter-spacing-xl: 0.025em;
163
- --letter-spacing-negative-xxs: -0.005em;
164
- --letter-spacing-negative-xs: -0.01em;
165
- --letter-spacing-negative-sm: -0.0125em;
166
- --letter-spacing-negative-md: -0.015em;
167
- --letter-spacing-negative-lg: -0.02em;
168
- --letter-spacing-negative-xl: -0.025em;
169
- --letter-spacing-negative-xxl: -0.03em;
170
- --letter-spacing-negative-xxxl: -0.04em;
171
- --letter-spacing-negative-xxxxl: -0.05em;
172
- --line-height-18: 1.125rem;
173
- --line-height-20: 1.25rem;
174
- --line-height-22: 1.375rem;
175
- --line-height-24: 1.5rem;
176
- --line-height-28: 1.75rem;
177
- --line-height-30: 1.875rem;
178
- --line-height-32: 2rem;
179
- --line-height-34: 2.125rem;
180
- --line-height-36: 2.25rem;
181
- --line-height-42: 2.625rem;
182
- --line-height-48: 3rem;
183
- --line-height-title: 1.2;
184
- --line-height-control: 1.2;
185
- --line-height-display-large: 0.85;
186
- --line-height-display-medium: 0.8115;
187
- --line-height-display-small: 0.85;
188
- --line-height-display-number-small: 1.1;
189
- --line-height-display-number-medium: 0.8462;
190
- --line-height-display-number-large: 0.85;
191
- --line-height-title-screen: 1.15;
192
- --line-height-title-section: 1.22;
193
- --line-height-title-subsection: 1.25;
194
- --line-height-title-body: 1.35;
195
- --line-height-title-group: 1.4;
196
- --line-height-body-large: 1.5;
197
- --line-height-body: 1.55;
198
- --line-height-nav: 1.5;
199
- --font-weight-light: 300;
200
- --font-weight-regular: 400;
201
- --font-weight-medium: 500;
202
- --font-weight-semi-bold: 600;
203
- --font-weight-bold: 700;
204
- --font-weight-heavy: 800;
205
- --font-weight-black: 900;
206
- --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
207
- --font-family-display: 'Wise Sans', 'Inter', sans-serif;
208
135
  }
package/themes/business/tokens.less CHANGED
@@ -129,75 +129,4 @@
129
129
  @space-small: 16px;
130
130
  @space-medium: 32px;
131
131
  @space-large: 40px;
132
- @space-x-large: 56px;
133
-
134
- // Deprecated — do not use
135
- @font-size-12: 0.75rem;
136
- @font-size-14: 0.875rem;
137
- @font-size-16: 1rem;
138
- @font-size-18: 1.125rem;
139
- @font-size-20: 1.25rem;
140
- @font-size-22: 1.375rem;
141
- @font-size-24: 1.5rem;
142
- @font-size-26: 1.625rem;
143
- @font-size-28: 1.75rem;
144
- @font-size-30: 1.875rem;
145
- @font-size-32: 2rem;
146
- @font-size-40: 2.5rem;
147
- @font-size-48: 3rem;
148
- @font-size-52: 3.25rem;
149
- @font-size-56: 3.5rem;
150
- @font-size-60: 3.75rem;
151
- @font-size-64: 4rem;
152
- @font-size-100: 6.25rem;
153
- @letter-spacing-xxs: 0.005em;
154
- @letter-spacing-xs: 0.01em;
155
- @letter-spacing-sm: 0.0125em;
156
- @letter-spacing-md: 0.015em;
157
- @letter-spacing-lg: 0.02em;
158
- @letter-spacing-xl: 0.025em;
159
- @letter-spacing-negative-xxs: -0.005em;
160
- @letter-spacing-negative-xs: -0.01em;
161
- @letter-spacing-negative-sm: -0.0125em;
162
- @letter-spacing-negative-md: -0.015em;
163
- @letter-spacing-negative-lg: -0.02em;
164
- @letter-spacing-negative-xl: -0.025em;
165
- @letter-spacing-negative-xxl: -0.03em;
166
- @letter-spacing-negative-xxxl: -0.04em;
167
- @letter-spacing-negative-xxxxl: -0.05em;
168
- @line-height-18: 1.125rem;
169
- @line-height-20: 1.25rem;
170
- @line-height-22: 1.375rem;
171
- @line-height-24: 1.5rem;
172
- @line-height-28: 1.75rem;
173
- @line-height-30: 1.875rem;
174
- @line-height-32: 2rem;
175
- @line-height-34: 2.125rem;
176
- @line-height-36: 2.25rem;
177
- @line-height-42: 2.625rem;
178
- @line-height-48: 3rem;
179
- @line-height-title: 1.2;
180
- @line-height-control: 1.2;
181
- @line-height-display-large: 0.85;
182
- @line-height-display-medium: 0.8115;
183
- @line-height-display-small: 0.85;
184
- @line-height-display-number-small: 1.1;
185
- @line-height-display-number-medium: 0.8462;
186
- @line-height-display-number-large: 0.85;
187
- @line-height-title-screen: 1.15;
188
- @line-height-title-section: 1.22;
189
- @line-height-title-subsection: 1.25;
190
- @line-height-title-body: 1.35;
191
- @line-height-title-group: 1.4;
192
- @line-height-body-large: 1.5;
193
- @line-height-body: 1.55;
194
- @line-height-nav: 1.5;
195
- @font-weight-light: 300;
196
- @font-weight-regular: 400;
197
- @font-weight-medium: 500;
198
- @font-weight-semi-bold: 600;
199
- @font-weight-bold: 700;
200
- @font-weight-heavy: 800;
201
- @font-weight-black: 900;
202
- @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
203
- @font-family-display: 'Wise Sans', 'Inter', sans-serif;
132
+ @space-x-large: 56px;
package/themes/business--bright-green/tokens.css CHANGED
@@ -132,77 +132,4 @@
132
132
  --space-medium: 32px;
133
133
  --space-large: 40px;
134
134
  --space-x-large: 56px;
135
- }
136
-
137
- /* Deprecated — do not use */
138
- .np-theme-business--bright-green {
139
- --font-size-12: 0.75rem;
140
- --font-size-14: 0.875rem;
141
- --font-size-16: 1rem;
142
- --font-size-18: 1.125rem;
143
- --font-size-20: 1.25rem;
144
- --font-size-22: 1.375rem;
145
- --font-size-24: 1.5rem;
146
- --font-size-26: 1.625rem;
147
- --font-size-28: 1.75rem;
148
- --font-size-30: 1.875rem;
149
- --font-size-32: 2rem;
150
- --font-size-40: 2.5rem;
151
- --font-size-48: 3rem;
152
- --font-size-52: 3.25rem;
153
- --font-size-56: 3.5rem;
154
- --font-size-60: 3.75rem;
155
- --font-size-64: 4rem;
156
- --font-size-100: 6.25rem;
157
- --letter-spacing-xxs: 0.005em;
158
- --letter-spacing-xs: 0.01em;
159
- --letter-spacing-sm: 0.0125em;
160
- --letter-spacing-md: 0.015em;
161
- --letter-spacing-lg: 0.02em;
162
- --letter-spacing-xl: 0.025em;
163
- --letter-spacing-negative-xxs: -0.005em;
164
- --letter-spacing-negative-xs: -0.01em;
165
- --letter-spacing-negative-sm: -0.0125em;
166
- --letter-spacing-negative-md: -0.015em;
167
- --letter-spacing-negative-lg: -0.02em;
168
- --letter-spacing-negative-xl: -0.025em;
169
- --letter-spacing-negative-xxl: -0.03em;
170
- --letter-spacing-negative-xxxl: -0.04em;
171
- --letter-spacing-negative-xxxxl: -0.05em;
172
- --line-height-18: 1.125rem;
173
- --line-height-20: 1.25rem;
174
- --line-height-22: 1.375rem;
175
- --line-height-24: 1.5rem;
176
- --line-height-28: 1.75rem;
177
- --line-height-30: 1.875rem;
178
- --line-height-32: 2rem;
179
- --line-height-34: 2.125rem;
180
- --line-height-36: 2.25rem;
181
- --line-height-42: 2.625rem;
182
- --line-height-48: 3rem;
183
- --line-height-title: 1.2;
184
- --line-height-control: 1.2;
185
- --line-height-display-large: 0.85;
186
- --line-height-display-medium: 0.8115;
187
- --line-height-display-small: 0.85;
188
- --line-height-display-number-small: 1.1;
189
- --line-height-display-number-medium: 0.8462;
190
- --line-height-display-number-large: 0.85;
191
- --line-height-title-screen: 1.15;
192
- --line-height-title-section: 1.22;
193
- --line-height-title-subsection: 1.25;
194
- --line-height-title-body: 1.35;
195
- --line-height-title-group: 1.4;
196
- --line-height-body-large: 1.5;
197
- --line-height-body: 1.55;
198
- --line-height-nav: 1.5;
199
- --font-weight-light: 300;
200
- --font-weight-regular: 400;
201
- --font-weight-medium: 500;
202
- --font-weight-semi-bold: 600;
203
- --font-weight-bold: 700;
204
- --font-weight-heavy: 800;
205
- --font-weight-black: 900;
206
- --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
207
- --font-family-display: 'Wise Sans', 'Inter', sans-serif;
208
135
  }
package/themes/business--bright-green/tokens.less CHANGED
@@ -129,75 +129,4 @@
129
129
  @space-small: 16px;
130
130
  @space-medium: 32px;
131
131
  @space-large: 40px;
132
- @space-x-large: 56px;
133
-
134
- // Deprecated — do not use
135
- @font-size-12: 0.75rem;
136
- @font-size-14: 0.875rem;
137
- @font-size-16: 1rem;
138
- @font-size-18: 1.125rem;
139
- @font-size-20: 1.25rem;
140
- @font-size-22: 1.375rem;
141
- @font-size-24: 1.5rem;
142
- @font-size-26: 1.625rem;
143
- @font-size-28: 1.75rem;
144
- @font-size-30: 1.875rem;
145
- @font-size-32: 2rem;
146
- @font-size-40: 2.5rem;
147
- @font-size-48: 3rem;
148
- @font-size-52: 3.25rem;
149
- @font-size-56: 3.5rem;
150
- @font-size-60: 3.75rem;
151
- @font-size-64: 4rem;
152
- @font-size-100: 6.25rem;
153
- @letter-spacing-xxs: 0.005em;
154
- @letter-spacing-xs: 0.01em;
155
- @letter-spacing-sm: 0.0125em;
156
- @letter-spacing-md: 0.015em;
157
- @letter-spacing-lg: 0.02em;
158
- @letter-spacing-xl: 0.025em;
159
- @letter-spacing-negative-xxs: -0.005em;
160
- @letter-spacing-negative-xs: -0.01em;
161
- @letter-spacing-negative-sm: -0.0125em;
162
- @letter-spacing-negative-md: -0.015em;
163
- @letter-spacing-negative-lg: -0.02em;
164
- @letter-spacing-negative-xl: -0.025em;
165
- @letter-spacing-negative-xxl: -0.03em;
166
- @letter-spacing-negative-xxxl: -0.04em;
167
- @letter-spacing-negative-xxxxl: -0.05em;
168
- @line-height-18: 1.125rem;
169
- @line-height-20: 1.25rem;
170
- @line-height-22: 1.375rem;
171
- @line-height-24: 1.5rem;
172
- @line-height-28: 1.75rem;
173
- @line-height-30: 1.875rem;
174
- @line-height-32: 2rem;
175
- @line-height-34: 2.125rem;
176
- @line-height-36: 2.25rem;
177
- @line-height-42: 2.625rem;
178
- @line-height-48: 3rem;
179
- @line-height-title: 1.2;
180
- @line-height-control: 1.2;
181
- @line-height-display-large: 0.85;
182
- @line-height-display-medium: 0.8115;
183
- @line-height-display-small: 0.85;
184
- @line-height-display-number-small: 1.1;
185
- @line-height-display-number-medium: 0.8462;
186
- @line-height-display-number-large: 0.85;
187
- @line-height-title-screen: 1.15;
188
- @line-height-title-section: 1.22;
189
- @line-height-title-subsection: 1.25;
190
- @line-height-title-body: 1.35;
191
- @line-height-title-group: 1.4;
192
- @line-height-body-large: 1.5;
193
- @line-height-body: 1.55;
194
- @line-height-nav: 1.5;
195
- @font-weight-light: 300;
196
- @font-weight-regular: 400;
197
- @font-weight-medium: 500;
198
- @font-weight-semi-bold: 600;
199
- @font-weight-bold: 700;
200
- @font-weight-heavy: 800;
201
- @font-weight-black: 900;
202
- @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
203
- @font-family-display: 'Wise Sans', 'Inter', sans-serif;
132
+ @space-x-large: 56px;
package/themes/business--dark/tokens.css CHANGED
@@ -132,77 +132,4 @@
132
132
  --space-medium: 32px;
133
133
  --space-large: 40px;
134
134
  --space-x-large: 56px;
135
- }
136
-
137
- /* Deprecated — do not use */
138
- .np-theme-business--dark {
139
- --font-size-12: 0.75rem;
140
- --font-size-14: 0.875rem;
141
- --font-size-16: 1rem;
142
- --font-size-18: 1.125rem;
143
- --font-size-20: 1.25rem;
144
- --font-size-22: 1.375rem;
145
- --font-size-24: 1.5rem;
146
- --font-size-26: 1.625rem;
147
- --font-size-28: 1.75rem;
148
- --font-size-30: 1.875rem;
149
- --font-size-32: 2rem;
150
- --font-size-40: 2.5rem;
151
- --font-size-48: 3rem;
152
- --font-size-52: 3.25rem;
153
- --font-size-56: 3.5rem;
154
- --font-size-60: 3.75rem;
155
- --font-size-64: 4rem;
156
- --font-size-100: 6.25rem;
157
- --letter-spacing-xxs: 0.005em;
158
- --letter-spacing-xs: 0.01em;
159
- --letter-spacing-sm: 0.0125em;
160
- --letter-spacing-md: 0.015em;
161
- --letter-spacing-lg: 0.02em;
162
- --letter-spacing-xl: 0.025em;
163
- --letter-spacing-negative-xxs: -0.005em;
164
- --letter-spacing-negative-xs: -0.01em;
165
- --letter-spacing-negative-sm: -0.0125em;
166
- --letter-spacing-negative-md: -0.015em;
167
- --letter-spacing-negative-lg: -0.02em;
168
- --letter-spacing-negative-xl: -0.025em;
169
- --letter-spacing-negative-xxl: -0.03em;
170
- --letter-spacing-negative-xxxl: -0.04em;
171
- --letter-spacing-negative-xxxxl: -0.05em;
172
- --line-height-18: 1.125rem;
173
- --line-height-20: 1.25rem;
174
- --line-height-22: 1.375rem;
175
- --line-height-24: 1.5rem;
176
- --line-height-28: 1.75rem;
177
- --line-height-30: 1.875rem;
178
- --line-height-32: 2rem;
179
- --line-height-34: 2.125rem;
180
- --line-height-36: 2.25rem;
181
- --line-height-42: 2.625rem;
182
- --line-height-48: 3rem;
183
- --line-height-title: 1.2;
184
- --line-height-control: 1.2;
185
- --line-height-display-large: 0.85;
186
- --line-height-display-medium: 0.8115;
187
- --line-height-display-small: 0.85;
188
- --line-height-display-number-small: 1.1;
189
- --line-height-display-number-medium: 0.8462;
190
- --line-height-display-number-large: 0.85;
191
- --line-height-title-screen: 1.15;
192
- --line-height-title-section: 1.22;
193
- --line-height-title-subsection: 1.25;
194
- --line-height-title-body: 1.35;
195
- --line-height-title-group: 1.4;
196
- --line-height-body-large: 1.5;
197
- --line-height-body: 1.55;
198
- --line-height-nav: 1.5;
199
- --font-weight-light: 300;
200
- --font-weight-regular: 400;
201
- --font-weight-medium: 500;
202
- --font-weight-semi-bold: 600;
203
- --font-weight-bold: 700;
204
- --font-weight-heavy: 800;
205
- --font-weight-black: 900;
206
- --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
207
- --font-family-display: 'Wise Sans', 'Inter', sans-serif;
208
135
  }
package/themes/business--dark/tokens.less CHANGED
@@ -129,75 +129,4 @@
129
129
  @space-small: 16px;
130
130
  @space-medium: 32px;
131
131
  @space-large: 40px;
132
- @space-x-large: 56px;
133
-
134
- // Deprecated — do not use
135
- @font-size-12: 0.75rem;
136
- @font-size-14: 0.875rem;
137
- @font-size-16: 1rem;
138
- @font-size-18: 1.125rem;
139
- @font-size-20: 1.25rem;
140
- @font-size-22: 1.375rem;
141
- @font-size-24: 1.5rem;
142
- @font-size-26: 1.625rem;
143
- @font-size-28: 1.75rem;
144
- @font-size-30: 1.875rem;
145
- @font-size-32: 2rem;
146
- @font-size-40: 2.5rem;
147
- @font-size-48: 3rem;
148
- @font-size-52: 3.25rem;
149
- @font-size-56: 3.5rem;
150
- @font-size-60: 3.75rem;
151
- @font-size-64: 4rem;
152
- @font-size-100: 6.25rem;
153
- @letter-spacing-xxs: 0.005em;
154
- @letter-spacing-xs: 0.01em;
155
- @letter-spacing-sm: 0.0125em;
156
- @letter-spacing-md: 0.015em;
157
- @letter-spacing-lg: 0.02em;
158
- @letter-spacing-xl: 0.025em;
159
- @letter-spacing-negative-xxs: -0.005em;
160
- @letter-spacing-negative-xs: -0.01em;
161
- @letter-spacing-negative-sm: -0.0125em;
162
- @letter-spacing-negative-md: -0.015em;
163
- @letter-spacing-negative-lg: -0.02em;
164
- @letter-spacing-negative-xl: -0.025em;
165
- @letter-spacing-negative-xxl: -0.03em;
166
- @letter-spacing-negative-xxxl: -0.04em;
167
- @letter-spacing-negative-xxxxl: -0.05em;
168
- @line-height-18: 1.125rem;
169
- @line-height-20: 1.25rem;
170
- @line-height-22: 1.375rem;
171
- @line-height-24: 1.5rem;
172
- @line-height-28: 1.75rem;
173
- @line-height-30: 1.875rem;
174
- @line-height-32: 2rem;
175
- @line-height-34: 2.125rem;
176
- @line-height-36: 2.25rem;
177
- @line-height-42: 2.625rem;
178
- @line-height-48: 3rem;
179
- @line-height-title: 1.2;
180
- @line-height-control: 1.2;
181
- @line-height-display-large: 0.85;
182
- @line-height-display-medium: 0.8115;
183
- @line-height-display-small: 0.85;
184
- @line-height-display-number-small: 1.1;
185
- @line-height-display-number-medium: 0.8462;
186
- @line-height-display-number-large: 0.85;
187
- @line-height-title-screen: 1.15;
188
- @line-height-title-section: 1.22;
189
- @line-height-title-subsection: 1.25;
190
- @line-height-title-body: 1.35;
191
- @line-height-title-group: 1.4;
192
- @line-height-body-large: 1.5;
193
- @line-height-body: 1.55;
194
- @line-height-nav: 1.5;
195
- @font-weight-light: 300;
196
- @font-weight-regular: 400;
197
- @font-weight-medium: 500;
198
- @font-weight-semi-bold: 600;
199
- @font-weight-bold: 700;
200
- @font-weight-heavy: 800;
201
- @font-weight-black: 900;
202
- @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
203
- @font-family-display: 'Wise Sans', 'Inter', sans-serif;
132
+ @space-x-large: 56px;
package/themes/business--forest-green/tokens.css CHANGED
@@ -132,77 +132,4 @@
132
132
  --space-medium: 32px;
133
133
  --space-large: 40px;
134
134
  --space-x-large: 56px;
135
- }
136
-
137
- /* Deprecated — do not use */
138
- .np-theme-business--forest-green {
139
- --font-size-12: 0.75rem;
140
- --font-size-14: 0.875rem;
141
- --font-size-16: 1rem;
142
- --font-size-18: 1.125rem;
143
- --font-size-20: 1.25rem;
144
- --font-size-22: 1.375rem;
145
- --font-size-24: 1.5rem;
146
- --font-size-26: 1.625rem;
147
- --font-size-28: 1.75rem;
148
- --font-size-30: 1.875rem;
149
- --font-size-32: 2rem;
150
- --font-size-40: 2.5rem;
151
- --font-size-48: 3rem;
152
- --font-size-52: 3.25rem;
153
- --font-size-56: 3.5rem;
154
- --font-size-60: 3.75rem;
155
- --font-size-64: 4rem;
156
- --font-size-100: 6.25rem;
157
- --letter-spacing-xxs: 0.005em;
158
- --letter-spacing-xs: 0.01em;
159
- --letter-spacing-sm: 0.0125em;
160
- --letter-spacing-md: 0.015em;
161
- --letter-spacing-lg: 0.02em;
162
- --letter-spacing-xl: 0.025em;
163
- --letter-spacing-negative-xxs: -0.005em;
164
- --letter-spacing-negative-xs: -0.01em;
165
- --letter-spacing-negative-sm: -0.0125em;
166
- --letter-spacing-negative-md: -0.015em;
167
- --letter-spacing-negative-lg: -0.02em;
168
- --letter-spacing-negative-xl: -0.025em;
169
- --letter-spacing-negative-xxl: -0.03em;
170
- --letter-spacing-negative-xxxl: -0.04em;
171
- --letter-spacing-negative-xxxxl: -0.05em;
172
- --line-height-18: 1.125rem;
173
- --line-height-20: 1.25rem;
174
- --line-height-22: 1.375rem;
175
- --line-height-24: 1.5rem;
176
- --line-height-28: 1.75rem;
177
- --line-height-30: 1.875rem;
178
- --line-height-32: 2rem;
179
- --line-height-34: 2.125rem;
180
- --line-height-36: 2.25rem;
181
- --line-height-42: 2.625rem;
182
- --line-height-48: 3rem;
183
- --line-height-title: 1.2;
184
- --line-height-control: 1.2;
185
- --line-height-display-large: 0.85;
186
- --line-height-display-medium: 0.8115;
187
- --line-height-display-small: 0.85;
188
- --line-height-display-number-small: 1.1;
189
- --line-height-display-number-medium: 0.8462;
190
- --line-height-display-number-large: 0.85;
191
- --line-height-title-screen: 1.15;
192
- --line-height-title-section: 1.22;
193
- --line-height-title-subsection: 1.25;
194
- --line-height-title-body: 1.35;
195
- --line-height-title-group: 1.4;
196
- --line-height-body-large: 1.5;
197
- --line-height-body: 1.55;
198
- --line-height-nav: 1.5;
199
- --font-weight-light: 300;
200
- --font-weight-regular: 400;
201
- --font-weight-medium: 500;
202
- --font-weight-semi-bold: 600;
203
- --font-weight-bold: 700;
204
- --font-weight-heavy: 800;
205
- --font-weight-black: 900;
206
- --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
207
- --font-family-display: 'Wise Sans', 'Inter', sans-serif;
208
135
  }
package/themes/business--forest-green/tokens.less CHANGED
@@ -129,75 +129,4 @@
129
129
  @space-small: 16px;
130
130
  @space-medium: 32px;
131
131
  @space-large: 40px;
132
- @space-x-large: 56px;
133
-
134
- // Deprecated — do not use
135
- @font-size-12: 0.75rem;
136
- @font-size-14: 0.875rem;
137
- @font-size-16: 1rem;
138
- @font-size-18: 1.125rem;
139
- @font-size-20: 1.25rem;
140
- @font-size-22: 1.375rem;
141
- @font-size-24: 1.5rem;
142
- @font-size-26: 1.625rem;
143
- @font-size-28: 1.75rem;
144
- @font-size-30: 1.875rem;
145
- @font-size-32: 2rem;
146
- @font-size-40: 2.5rem;
147
- @font-size-48: 3rem;
148
- @font-size-52: 3.25rem;
149
- @font-size-56: 3.5rem;
150
- @font-size-60: 3.75rem;
151
- @font-size-64: 4rem;
152
- @font-size-100: 6.25rem;
153
- @letter-spacing-xxs: 0.005em;
154
- @letter-spacing-xs: 0.01em;
155
- @letter-spacing-sm: 0.0125em;
156
- @letter-spacing-md: 0.015em;
157
- @letter-spacing-lg: 0.02em;
158
- @letter-spacing-xl: 0.025em;
159
- @letter-spacing-negative-xxs: -0.005em;
160
- @letter-spacing-negative-xs: -0.01em;
161
- @letter-spacing-negative-sm: -0.0125em;
162
- @letter-spacing-negative-md: -0.015em;
163
- @letter-spacing-negative-lg: -0.02em;
164
- @letter-spacing-negative-xl: -0.025em;
165
- @letter-spacing-negative-xxl: -0.03em;
166
- @letter-spacing-negative-xxxl: -0.04em;
167
- @letter-spacing-negative-xxxxl: -0.05em;
168
- @line-height-18: 1.125rem;
169
- @line-height-20: 1.25rem;
170
- @line-height-22: 1.375rem;
171
- @line-height-24: 1.5rem;
172
- @line-height-28: 1.75rem;
173
- @line-height-30: 1.875rem;
174
- @line-height-32: 2rem;
175
- @line-height-34: 2.125rem;
176
- @line-height-36: 2.25rem;
177
- @line-height-42: 2.625rem;
178
- @line-height-48: 3rem;
179
- @line-height-title: 1.2;
180
- @line-height-control: 1.2;
181
- @line-height-display-large: 0.85;
182
- @line-height-display-medium: 0.8115;
183
- @line-height-display-small: 0.85;
184
- @line-height-display-number-small: 1.1;
185
- @line-height-display-number-medium: 0.8462;
186
- @line-height-display-number-large: 0.85;
187
- @line-height-title-screen: 1.15;
188
- @line-height-title-section: 1.22;
189
- @line-height-title-subsection: 1.25;
190
- @line-height-title-body: 1.35;
191
- @line-height-title-group: 1.4;
192
- @line-height-body-large: 1.5;
193
- @line-height-body: 1.55;
194
- @line-height-nav: 1.5;
195
- @font-weight-light: 300;
196
- @font-weight-regular: 400;
197
- @font-weight-medium: 500;
198
- @font-weight-semi-bold: 600;
199
- @font-weight-bold: 700;
200
- @font-weight-heavy: 800;
201
- @font-weight-black: 900;
202
- @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
203
- @font-family-display: 'Wise Sans', 'Inter', sans-serif;
132
+ @space-x-large: 56px;
package/themes/dark/tokens.css CHANGED
@@ -91,77 +91,4 @@
91
91
  --space-medium: 32px;
92
92
  --space-large: 40px;
93
93
  --space-x-large: 56px;
94
- }
95
-
96
- /* Deprecated — do not use */
97
- .np-theme-dark {
98
- --font-size-12: 0.75rem;
99
- --font-size-14: 0.875rem;
100
- --font-size-16: 1rem;
101
- --font-size-18: 1.125rem;
102
- --font-size-20: 1.25rem;
103
- --font-size-22: 1.375rem;
104
- --font-size-24: 1.5rem;
105
- --font-size-26: 1.625rem;
106
- --font-size-28: 1.75rem;
107
- --font-size-30: 1.875rem;
108
- --font-size-32: 2rem;
109
- --font-size-40: 2.5rem;
110
- --font-size-48: 3rem;
111
- --font-size-52: 3.25rem;
112
- --font-size-56: 3.5rem;
113
- --font-size-60: 3.75rem;
114
- --font-size-64: 4rem;
115
- --font-size-100: 6.25rem;
116
- --letter-spacing-xxs: 0.005em;
117
- --letter-spacing-xs: 0.01em;
118
- --letter-spacing-sm: 0.0125em;
119
- --letter-spacing-md: 0.015em;
120
- --letter-spacing-lg: 0.02em;
121
- --letter-spacing-xl: 0.025em;
122
- --letter-spacing-negative-xxs: -0.005em;
123
- --letter-spacing-negative-xs: -0.01em;
124
- --letter-spacing-negative-sm: -0.0125em;
125
- --letter-spacing-negative-md: -0.015em;
126
- --letter-spacing-negative-lg: -0.02em;
127
- --letter-spacing-negative-xl: -0.025em;
128
- --letter-spacing-negative-xxl: -0.03em;
129
- --letter-spacing-negative-xxxl: -0.04em;
130
- --letter-spacing-negative-xxxxl: -0.05em;
131
- --line-height-18: 1.125rem;
132
- --line-height-20: 1.25rem;
133
- --line-height-22: 1.375rem;
134
- --line-height-24: 1.5rem;
135
- --line-height-28: 1.75rem;
136
- --line-height-30: 1.875rem;
137
- --line-height-32: 2rem;
138
- --line-height-34: 2.125rem;
139
- --line-height-36: 2.25rem;
140
- --line-height-42: 2.625rem;
141
- --line-height-48: 3rem;
142
- --line-height-title: 1.2;
143
- --line-height-control: 1.2;
144
- --line-height-display-large: 0.85;
145
- --line-height-display-medium: 0.8115;
146
- --line-height-display-small: 0.85;
147
- --line-height-display-number-small: 1.1;
148
- --line-height-display-number-medium: 0.8462;
149
- --line-height-display-number-large: 0.85;
150
- --line-height-title-screen: 1.15;
151
- --line-height-title-section: 1.22;
152
- --line-height-title-subsection: 1.25;
153
- --line-height-title-body: 1.35;
154
- --line-height-title-group: 1.4;
155
- --line-height-body-large: 1.5;
156
- --line-height-body: 1.55;
157
- --line-height-nav: 1.5;
158
- --font-weight-light: 300;
159
- --font-weight-regular: 400;
160
- --font-weight-medium: 500;
161
- --font-weight-semi-bold: 600;
162
- --font-weight-bold: 700;
163
- --font-weight-heavy: 800;
164
- --font-weight-black: 900;
165
- --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
166
- --font-family-display: 'Wise Sans', 'Inter', sans-serif;
167
94
  }