@transferwise/neptune-tokens 8.0.0-next.2 → 8.0.0-next.21

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/README.md +1 -1
  2. package/colors-base.css +1 -1
  3. package/colors-base.less +1 -1
  4. package/colors.json +2626 -0
  5. package/package.json +5 -5
  6. package/themes/dark/tokens.css +47 -26
  7. package/themes/dark/tokens.less +47 -26
  8. package/themes/light/tokens.css +47 -26
  9. package/themes/light/tokens.less +47 -26
  10. package/themes/navy/tokens.css +47 -26
  11. package/themes/navy/tokens.less +47 -26
  12. package/themes/personal/tokens.css +135 -0
  13. package/themes/personal/tokens.less +132 -0
  14. package/themes/personal--dark/tokens.css +159 -0
  15. package/themes/personal--dark/tokens.less +156 -0
  16. package/tokens.css +48 -27
  17. package/tokens.less +48 -27
package/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Jul 2022 14:37:44 GMT
3
+ // Generated on Wed, 30 Nov 2022 15:37:15 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -125,10 +125,17 @@
125
125
  @color-navy-border-neutral: #ffffff1a;
126
126
  @color-navy-border-overlay: #ffffff1a;
127
127
  @color-navy-core-contrast: #ffffff;
128
- @radius-small: 3px;
129
- @radius-medium: 10px;
128
+ @padding-x-small: 8px;
129
+ @padding-small: 16px;
130
+ @padding-medium: 24px;
131
+ @padding-large: 32px;
132
+ @radius-full: 50%;
133
+ @radius-small: 10px;
134
+ @radius-medium: 16px;
135
+ @radius-large: 24px;
130
136
  @size-4: 4px;
131
137
  @size-8: 8px;
138
+ @size-10: 10px;
132
139
  @size-12: 12px;
133
140
  @size-16: 16px;
134
141
  @size-24: 24px;
@@ -145,41 +152,55 @@
145
152
  @size-112: 112px;
146
153
  @size-120: 120px;
147
154
  @size-128: 128px;
155
+ @size-x-small: 24px;
156
+ @size-small: 32px;
157
+ @size-medium: 40px;
158
+ @size-large: 48px;
159
+ @size-x-large: 56px;
160
+ @size-2x-large: 72px;
148
161
  @space-content-horizontal: 16px;
162
+ @space-small: 16px;
163
+ @space-medium: 32px;
164
+ @space-large: 40px;
165
+ @space-x-large: 56px;
149
166
  @font-size-12: 0.75rem;
150
167
  @font-size-14: 0.875rem;
151
168
  @font-size-16: 1rem;
169
+ @font-size-18: 1.125rem;
152
170
  @font-size-20: 1.25rem;
153
171
  @font-size-22: 1.375rem;
172
+ @font-size-24: 1.5rem;
154
173
  @font-size-26: 1.625rem;
155
- @font-size-30: 1.75rem;
174
+ @font-size-28: 1.75rem;
175
+ @font-size-30: 1.875rem;
156
176
  @font-size-32: 2rem;
157
- @letter-spacing-size-1: 0.01;
158
- @letter-spacing-size-2: 0.02;
159
- @letter-spacing-size-0.5: 0.005;
160
- @letter-spacing-size-1.25: 0.0125;
161
- @letter-spacing-size-1.5: 0.015;
162
- @letter-spacing-size-2.5: 0.025;
163
- @letter-spacing-negative-size-1: -0.01;
164
- @letter-spacing-negative-size-2: -0.02;
165
- @letter-spacing-negative-size-0.5: -0.005;
166
- @letter-spacing-negative-size-1.25: -0.0125;
167
- @letter-spacing-negative-size-1.5: -0.015;
168
- @letter-spacing-negative-size-2.5: -0.025;
169
- @line-height-18: 1.125;
170
- @line-height-22: 1.25;
171
- @line-height-24: 1.5;
172
- @line-height-28: 1.75;
173
- @line-height-30: 1.375;
174
- @line-height-32: 2;
175
- @line-height-34: 2.125;
176
- @line-height-36: 1.5;
177
- @line-height-42: 1.625;
178
- @line-height-48: 1.75;
177
+ @letter-spacing-xxs: 0.005em;
178
+ @letter-spacing-xs: 0.01em;
179
+ @letter-spacing-sm: 0.0125em;
180
+ @letter-spacing-md: 0.015em;
181
+ @letter-spacing-lg: 0.02em;
182
+ @letter-spacing-xl: 0.025em;
183
+ @letter-spacing-negative-xxs: -0.005em;
184
+ @letter-spacing-negative-xs: -0.01em;
185
+ @letter-spacing-negative-sm: -0.0125em;
186
+ @letter-spacing-negative-md: -0.015em;
187
+ @letter-spacing-negative-lg: -0.02em;
188
+ @letter-spacing-negative-xl: -0.025em;
189
+ @line-height-18: 1.125rem;
190
+ @line-height-20: 1.25rem;
191
+ @line-height-22: 1.375rem;
192
+ @line-height-24: 1.5rem;
193
+ @line-height-28: 1.75rem;
194
+ @line-height-30: 1.875rem;
195
+ @line-height-32: 2rem;
196
+ @line-height-34: 2.125rem;
197
+ @line-height-36: 2.25rem;
198
+ @line-height-42: 2.625rem;
199
+ @line-height-48: 3rem;
179
200
  @line-height-title: 1.2;
180
201
  @line-height-body: 1.5;
181
202
  @line-height-control: 1.2;
182
- @font-weight: 300;
203
+ @font-weight-light: 300;
183
204
  @font-weight-regular: 400;
184
205
  @font-weight-medium: 500;
185
206
  @font-weight-semi-bold: 600;