@transferwise/neptune-css 0.0.0-experimental-f144cf1 → 0.0.0-experimental-5a67c0d

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 (21) hide show
  1. package/dist/css/accordion.css +0 -12
  2. package/dist/css/button-groups.css +0 -6
  3. package/dist/css/buttons.css +0 -2
  4. package/dist/css/decision.css +0 -12
  5. package/dist/css/dropdowns.css +2 -18
  6. package/dist/css/droppable.css +0 -6
  7. package/dist/css/footer.css +0 -12
  8. package/dist/css/input-groups.css +2 -42
  9. package/dist/css/list-group.css +0 -6
  10. package/dist/css/navbar.css +2 -18
  11. package/dist/css/neptune-core.css +4 -512
  12. package/dist/css/neptune.css +1878 -1122
  13. package/dist/css/popovers.css +0 -18
  14. package/dist/css/tooltip.css +0 -6
  15. package/dist/less/neptune-tokens.less +11 -1
  16. package/dist/props/neptune-tokens.css +793 -1
  17. package/package.json +1 -1
  18. package/src/less/core/_typography.less +26 -194
  19. package/src/less/neptune.bundle.less +4 -0
  20. package/dist/less/legacy-variables.css +0 -0
  21. package/dist/less/neptune-tokens.css +0 -0
package/dist/css/accordion.css CHANGED
@@ -60,12 +60,6 @@
60
60
  line-height: var(--line-height-title);
61
61
  letter-spacing: 0;
62
62
  word-wrap: break-word;
63
- font-size: 1.125rem;
64
- font-size: var(--font-size-18);
65
- font-weight: 600;
66
- font-weight: var(--font-weight-semi-bold);
67
- letter-spacing: -0.014em;
68
- line-height: 135%;
69
63
  }
70
64
  @supports (hyphenate-limit-chars: 1) {
71
65
  .decision__title {
@@ -102,12 +96,6 @@
102
96
  margin-block-start: var(--size-8);
103
97
  }
104
98
  .decision__content {
105
- font-size: 0.875rem;
106
- font-size: var(--font-size-14);
107
- line-height: 155%;
108
- letter-spacing: -0.006em;
109
- font-weight: 400;
110
- font-weight: var(--font-weight-regular);
111
99
  word-wrap: break-word;
112
100
  margin-block-start: 4px;
113
101
  margin-block-start: var(--size-4);
package/dist/css/button-groups.css CHANGED
@@ -346,12 +346,6 @@
346
346
  }
347
347
  }
348
348
  .btn-group .secondary {
349
- font-size: 0.875rem;
350
- font-size: var(--font-size-14);
351
- line-height: 155%;
352
- letter-spacing: -0.006em;
353
- font-weight: 400;
354
- font-weight: var(--font-weight-regular);
355
349
  word-wrap: break-word;
356
350
  color: #5d7079;
357
351
  color: var(--color-content-secondary);
package/dist/css/buttons.css CHANGED
@@ -2,8 +2,6 @@
2
2
  block-size: 32px;
3
3
  }
4
4
  .btn {
5
- line-height: 150%;
6
- letter-spacing: -0.011em;
7
5
  word-wrap: break-word;
8
6
  display: inline-block;
9
7
  margin-block-end: 0;
package/dist/css/decision.css CHANGED
@@ -22,12 +22,6 @@
22
22
  line-height: var(--line-height-title);
23
23
  letter-spacing: 0;
24
24
  word-wrap: break-word;
25
- font-size: 1.125rem;
26
- font-size: var(--font-size-18);
27
- font-weight: 600;
28
- font-weight: var(--font-weight-semi-bold);
29
- letter-spacing: -0.014em;
30
- line-height: 135%;
31
25
  }
32
26
  @supports (hyphenate-limit-chars: 1) {
33
27
  .decision__title {
@@ -64,12 +58,6 @@
64
58
  margin-block-start: var(--size-8);
65
59
  }
66
60
  .decision__content {
67
- font-size: 0.875rem;
68
- font-size: var(--font-size-14);
69
- line-height: 155%;
70
- letter-spacing: -0.006em;
71
- font-weight: 400;
72
- font-weight: var(--font-weight-regular);
73
61
  word-wrap: break-word;
74
62
  margin-block-start: 4px;
75
63
  margin-block-start: var(--size-4);
package/dist/css/dropdowns.css CHANGED
@@ -11,12 +11,6 @@
11
11
  padding: 8px;
12
12
  margin: 0;
13
13
  list-style: none;
14
- font-size: 0.875rem;
15
- font-size: var(--font-size-14);
16
- line-height: 155%;
17
- letter-spacing: -0.006em;
18
- font-weight: 400;
19
- font-weight: var(--font-weight-regular);
20
14
  word-wrap: break-word;
21
15
  text-align: start;
22
16
  background-color: #ffffff;
@@ -95,12 +89,6 @@
95
89
  padding: var(--dropdown-link-padding);
96
90
  clear: both;
97
91
  border-radius: 3px;
98
- font-size: 0.875rem;
99
- font-size: var(--font-size-14);
100
- line-height: 155%;
101
- letter-spacing: -0.006em;
102
- font-weight: 400;
103
- font-weight: var(--font-weight-regular);
104
92
  word-wrap: break-word;
105
93
  color: #37517e;
106
94
  color: var(--color-content-primary);
@@ -297,6 +285,8 @@
297
285
  display: block;
298
286
  padding-block: 8px;
299
287
  padding-inline: 16px;
288
+ font-size: 0.875rem;
289
+ font-size: var(--font-size-14);
300
290
  line-height: 1.5;
301
291
  line-height: var(--line-height-body);
302
292
  color: #5d7079;
@@ -309,12 +299,6 @@
309
299
  line-height: var(--line-height-title);
310
300
  letter-spacing: 0;
311
301
  word-wrap: break-word;
312
- font-weight: 500;
313
- font-weight: var(--font-weight-medium);
314
- font-size: 0.875rem;
315
- font-size: var(--font-size-14);
316
- letter-spacing: -0.006em;
317
- line-height: 140%;
318
302
  }
319
303
  @supports (hyphenate-limit-chars: 1) {
320
304
  .dropdown-header {
package/dist/css/droppable.css CHANGED
@@ -1,11 +1,5 @@
1
1
  .droppable {
2
2
  position: relative;
3
- font-weight: 400;
4
- font-weight: var(--font-weight-regular);
5
- font-size: 1rem;
6
- font-size: var(--font-size-16);
7
- line-height: 150%;
8
- letter-spacing: -0.011em;
9
3
  word-wrap: break-word;
10
4
  text-align: center;
11
5
  border: 1px solid #c9cbce;
package/dist/css/footer.css CHANGED
@@ -1,12 +1,6 @@
1
1
  .footer {
2
2
  background-color: rgba(134,167,189,0.10196);
3
3
  background-color: var(--color-background-neutral);
4
- font-size: 0.875rem;
5
- font-size: var(--font-size-14);
6
- line-height: 155%;
7
- letter-spacing: -0.006em;
8
- font-weight: 400;
9
- font-weight: var(--font-weight-regular);
10
4
  word-wrap: break-word;
11
5
  padding-block-start: calc(8px * 10);
12
6
  padding-block-start: calc(var(--size-8) * 10);
@@ -61,12 +55,6 @@
61
55
  .footer .link-icon {
62
56
  color: #5d7079;
63
57
  color: var(--color-content-secondary);
64
- font-size: 0.875rem;
65
- font-size: var(--font-size-14);
66
- line-height: 155%;
67
- letter-spacing: -0.006em;
68
- font-weight: 400;
69
- font-weight: var(--font-weight-regular);
70
58
  word-wrap: break-word;
71
59
  }
72
60
  @supports (hyphenate-limit-chars: 1) {
package/dist/css/input-groups.css CHANGED
@@ -88,15 +88,11 @@ output {
88
88
  border: 1px solid #c9cbce;
89
89
  border: 1px solid var(--color-interactive-secondary);
90
90
  transition: border-color ease-in-out 0.15s;
91
+ font-size: 1rem;
92
+ font-size: var(--font-size-16);
91
93
  min-block-size: var(--input-height-base);
92
94
  padding: var(--input-padding);
93
95
  border-radius: 3px;
94
- font-weight: 400;
95
- font-weight: var(--font-weight-regular);
96
- font-size: 1rem;
97
- font-size: var(--font-size-16);
98
- line-height: 150%;
99
- letter-spacing: -0.011em;
100
96
  word-wrap: break-word;
101
97
  background-clip: padding-box;
102
98
  }
@@ -310,12 +306,6 @@ fieldset[disabled] .checkbox label {
310
306
  border-radius: 3px;
311
307
  font-size: 14px;
312
308
  line-height: 24px;
313
- font-size: 0.875rem;
314
- font-size: var(--font-size-14);
315
- line-height: 155%;
316
- letter-spacing: -0.006em;
317
- font-weight: 400;
318
- font-weight: var(--font-weight-regular);
319
309
  word-wrap: break-word;
320
310
  }
321
311
  select.input-sm {
@@ -387,12 +377,6 @@ select[multiple].input-sm {
387
377
  min-block-size: var(--input-height-large);
388
378
  padding: var(--input-padding-large);
389
379
  border-radius: 3px;
390
- font-weight: 400;
391
- font-weight: var(--font-weight-regular);
392
- font-size: 1rem;
393
- font-size: var(--font-size-16);
394
- line-height: 150%;
395
- letter-spacing: -0.011em;
396
380
  word-wrap: break-word;
397
381
  }
398
382
  select.input-lg {
@@ -2019,12 +2003,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
2019
2003
  .form-control-placeholder {
2020
2004
  text-overflow: ellipsis;
2021
2005
  overflow: hidden;
2022
- font-weight: 400;
2023
- font-weight: var(--font-weight-regular);
2024
- font-size: 1rem;
2025
- font-size: var(--font-size-16);
2026
- line-height: 150%;
2027
- letter-spacing: -0.011em;
2028
2006
  word-wrap: break-word;
2029
2007
  display: block;
2030
2008
  inline-size: 100%;
@@ -2270,12 +2248,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
2270
2248
  min-block-size: var(--input-height-large);
2271
2249
  padding: var(--input-padding-large);
2272
2250
  border-radius: 3px;
2273
- font-weight: 400;
2274
- font-weight: var(--font-weight-regular);
2275
- font-size: 1rem;
2276
- font-size: var(--font-size-16);
2277
- line-height: 150%;
2278
- letter-spacing: -0.011em;
2279
2251
  margin: 0;
2280
2252
  color: #37517e;
2281
2253
  color: var(--color-content-primary);
@@ -2284,12 +2256,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
2284
2256
  letter-spacing: 0;
2285
2257
  word-wrap: break-word;
2286
2258
  margin-block-end: initial;
2287
- font-size: 1.375rem;
2288
- font-size: var(--font-size-22);
2289
- font-weight: 600;
2290
- font-weight: var(--font-weight-semi-bold);
2291
- letter-spacing: -0.018em;
2292
- line-height: 125%;
2293
2259
  margin-block-end: 0;
2294
2260
  }
2295
2261
  select.input-group-lg > .form-control,
@@ -2400,12 +2366,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
2400
2366
  border-radius: 3px;
2401
2367
  font-size: 14px;
2402
2368
  line-height: 24px;
2403
- font-size: 0.875rem;
2404
- font-size: var(--font-size-14);
2405
- line-height: 155%;
2406
- letter-spacing: -0.006em;
2407
- font-weight: 400;
2408
- font-weight: var(--font-weight-regular);
2409
2369
  word-wrap: break-word;
2410
2370
  }
2411
2371
  select.input-group-sm > .form-control,
package/dist/css/list-group.css CHANGED
@@ -43,12 +43,6 @@
43
43
  line-height: var(--line-height-title);
44
44
  letter-spacing: 0;
45
45
  word-wrap: break-word;
46
- font-weight: 500;
47
- font-weight: var(--font-weight-medium);
48
- font-size: 0.875rem;
49
- font-size: var(--font-size-14);
50
- letter-spacing: -0.006em;
51
- line-height: 140%;
52
46
  color: #37517e;
53
47
  color: var(--color-content-primary);
54
48
  }
package/dist/css/navbar.css CHANGED
@@ -127,12 +127,6 @@
127
127
  padding: 8px;
128
128
  margin: 0;
129
129
  list-style: none;
130
- font-size: 0.875rem;
131
- font-size: var(--font-size-14);
132
- line-height: 155%;
133
- letter-spacing: -0.006em;
134
- font-weight: 400;
135
- font-weight: var(--font-weight-regular);
136
130
  word-wrap: break-word;
137
131
  text-align: start;
138
132
  background-color: #ffffff;
@@ -211,12 +205,6 @@
211
205
  padding: var(--dropdown-link-padding);
212
206
  clear: both;
213
207
  border-radius: 3px;
214
- font-size: 0.875rem;
215
- font-size: var(--font-size-14);
216
- line-height: 155%;
217
- letter-spacing: -0.006em;
218
- font-weight: 400;
219
- font-weight: var(--font-weight-regular);
220
208
  word-wrap: break-word;
221
209
  color: #37517e;
222
210
  color: var(--color-content-primary);
@@ -413,6 +401,8 @@
413
401
  display: block;
414
402
  padding-block: 8px;
415
403
  padding-inline: 16px;
404
+ font-size: 0.875rem;
405
+ font-size: var(--font-size-14);
416
406
  line-height: 1.5;
417
407
  line-height: var(--line-height-body);
418
408
  color: #5d7079;
@@ -425,12 +415,6 @@
425
415
  line-height: var(--line-height-title);
426
416
  letter-spacing: 0;
427
417
  word-wrap: break-word;
428
- font-weight: 500;
429
- font-weight: var(--font-weight-medium);
430
- font-size: 0.875rem;
431
- font-size: var(--font-size-14);
432
- letter-spacing: -0.006em;
433
- line-height: 140%;
434
418
  }
435
419
  @supports (hyphenate-limit-chars: 1) {
436
420
  .dropdown-header {