@transferwise/neptune-css 0.0.0-experimental-0cae6bf → 0.0.0-experimental-d0b3ee6

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 (45) hide show
  1. package/dist/css/accordion.css +52 -23
  2. package/dist/css/button-groups.css +8 -29
  3. package/dist/css/buttons.css +2 -26
  4. package/dist/css/decision.css +52 -23
  5. package/dist/css/dropdowns.css +62 -39
  6. package/dist/css/droppable.css +8 -28
  7. package/dist/css/footer.css +14 -41
  8. package/dist/css/input-groups.css +165 -172
  9. package/dist/css/list-group.css +45 -0
  10. package/dist/css/navbar.css +62 -39
  11. package/dist/css/neptune-addons.css +0 -15
  12. package/dist/css/neptune-core.css +547 -375
  13. package/dist/css/neptune.css +1451 -2910
  14. package/dist/css/popovers.css +60 -35
  15. package/dist/css/sequences.css +1 -6
  16. package/dist/css/tooltip.css +7 -27
  17. package/dist/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  18. package/dist/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  19. package/dist/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  20. package/dist/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  21. package/dist/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  22. package/dist/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  23. package/dist/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  24. package/dist/less/legacy-variables.css +0 -0
  25. package/dist/less/neptune-tokens.css +0 -0
  26. package/dist/less/neptune-tokens.less +48 -0
  27. package/dist/less/zindex.css +0 -0
  28. package/dist/props/neptune-tokens.css +1 -802
  29. package/package.json +1 -1
  30. package/src/less/addons/_background-utilities.less +0 -5
  31. package/src/less/button-groups.less +2 -3
  32. package/src/less/buttons.less +1 -1
  33. package/src/less/core/_typography.less +221 -67
  34. package/src/less/decision.less +2 -2
  35. package/src/less/dropdowns.less +5 -6
  36. package/src/less/droppable.less +4 -4
  37. package/src/less/footer.less +3 -4
  38. package/src/less/forms/bootstrap-forms.less +57 -70
  39. package/src/less/input-groups.less +5 -5
  40. package/src/less/list-group.less +4 -7
  41. package/src/less/mixins/_text-emphasis.less +1 -7
  42. package/src/less/neptune.bundle.less +0 -4
  43. package/src/less/popovers.less +3 -3
  44. package/src/less/sequences.less +2 -7
  45. package/src/less/tooltip.less +1 -1
package/dist/css/navbar.css CHANGED
@@ -114,39 +114,7 @@
114
114
  .clickable {
115
115
  cursor: pointer !important;
116
116
  }
117
- .dropdown-menu,
118
- .dropdown-menu > li > a {
119
- word-wrap: break-word;
120
- }
121
- @supports (hyphenate-limit-chars: 1) {
122
- .dropdown-menu,
123
- .dropdown-menu > li > a {
124
- hyphens: auto;hyphenate-limit-chars: 7 3;
125
- }
126
- @media (min-width: 840px) {
127
- .dropdown-menu,
128
- .dropdown-menu > li > a {
129
- hyphenate-limit-chars: 8 3;
130
- }
131
- }
132
- @media (min-width: 1160px) {
133
- .dropdown-menu,
134
- .dropdown-menu > li > a {
135
- hyphenate-limit-chars: 10 4 3;
136
- }
137
- }
138
- }@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
139
- .dropdown-menu,
140
- .dropdown-menu > li > a {
141
- hyphens: auto;-webkit-hyphenate-limit-before: 3;-webkit-hyphenate-limit-after: 3;
142
- }
143
- @media (min-width: 1160px) {
144
- .dropdown-menu,
145
- .dropdown-menu > li > a {
146
- -webkit-hyphenate-limit-before: 4;
147
- }
148
- }
149
- }.dropup,
117
+ .dropup,
150
118
  .dropdown {
151
119
  position: relative;
152
120
  }
@@ -159,6 +127,12 @@
159
127
  padding: 8px;
160
128
  margin: 0;
161
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);
162
136
  word-wrap: break-word;
163
137
  text-align: start;
164
138
  background-color: #ffffff;
@@ -237,6 +211,12 @@
237
211
  padding: var(--dropdown-link-padding);
238
212
  clear: both;
239
213
  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);
240
220
  word-wrap: break-word;
241
221
  color: #37517e;
242
222
  color: var(--color-content-primary);
@@ -335,12 +315,10 @@
335
315
  .dropdown-menu > .selected > a strong {
336
316
  color: inherit;
337
317
  }
338
- .dropdown-menu > .active > a .small,
339
- .dropdown-menu > .selected > a .small,
340
318
  .dropdown-menu > .active > a .np-text-body-default,
341
319
  .dropdown-menu > .selected > a .np-text-body-default,
342
- .dropdown-menu > .active > a .wds-text-body-default,
343
- .dropdown-menu > .selected > a .wds-text-body-default,
320
+ .dropdown-menu > .active > a .small,
321
+ .dropdown-menu > .selected > a .small,
344
322
  .dropdown-menu > .active > a .secondary,
345
323
  .dropdown-menu > .selected > a .secondary {
346
324
  color: #c9cbce;
@@ -435,13 +413,58 @@
435
413
  display: block;
436
414
  padding-block: 8px;
437
415
  padding-inline: 16px;
438
- font-size: 0.875rem;
439
- font-size: var(--font-size-14);
440
416
  line-height: 1.5;
441
417
  line-height: var(--line-height-body);
442
418
  color: #5d7079;
443
419
  color: var(--color-content-secondary);
444
420
  white-space: nowrap;
421
+ margin: 0;
422
+ color: #37517e;
423
+ color: var(--color-content-primary);
424
+ line-height: 1.2;
425
+ line-height: var(--line-height-title);
426
+ letter-spacing: 0;
427
+ 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
+ }
435
+ @supports (hyphenate-limit-chars: 1) {
436
+ .dropdown-header {
437
+ hyphens: auto;
438
+ hyphenate-limit-chars: 7 3;
439
+ }
440
+ @media (min-width: 840px) {
441
+ .dropdown-header {
442
+ hyphenate-limit-chars: 8 3;
443
+ }
444
+ }
445
+ @media (min-width: 1160px) {
446
+ .dropdown-header {
447
+ hyphenate-limit-chars: 10 4 3;
448
+ }
449
+ }
450
+ }
451
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
452
+ .dropdown-header {
453
+ hyphens: auto;
454
+ -webkit-hyphenate-limit-before: 3;
455
+ -webkit-hyphenate-limit-after: 3;
456
+ }
457
+ @media (min-width: 1160px) {
458
+ .dropdown-header {
459
+ -webkit-hyphenate-limit-before: 4;
460
+ }
461
+ }
462
+ }
463
+ .dropdown-header + p,
464
+ .dropdown-header + ul:not(.list-unstyled),
465
+ .dropdown-header + ol:not(.list-unstyled) {
466
+ margin-block-start: 8px;
467
+ margin-block-start: var(--size-8);
445
468
  }
446
469
  .dropdown-backdrop {
447
470
  position: fixed;
package/dist/css/neptune-addons.css CHANGED
@@ -106,21 +106,6 @@
106
106
  .bg-primary .np-text-title-group,
107
107
  .bg-info .np-text-title-group,
108
108
  .bg-accent .np-text-title-group,
109
- .bg-primary .wds-text-title-screen,
110
- .bg-info .wds-text-title-screen,
111
- .bg-accent .wds-text-title-screen,
112
- .bg-primary .wds-text-title-section,
113
- .bg-info .wds-text-title-section,
114
- .bg-accent .wds-text-title-section,
115
- .bg-primary .wds-text-title-subsection,
116
- .bg-info .wds-text-title-subsection,
117
- .bg-accent .wds-text-title-subsection,
118
- .bg-primary .wds-text-title-body,
119
- .bg-info .wds-text-title-body,
120
- .bg-accent .wds-text-title-body,
121
- .bg-primary .wds-text-title-group,
122
- .bg-info .wds-text-title-group,
123
- .bg-accent .wds-text-title-group,
124
109
  .bg-primary strong,
125
110
  .bg-info strong,
126
111
  .bg-accent strong {