@transferwise/neptune-css 0.0.0-experimental-42fdae1 → 0.0.0-experimental-512cf13

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 (47) hide show
  1. package/dist/css/accordion.css +23 -52
  2. package/dist/css/button-groups.css +29 -8
  3. package/dist/css/buttons.css +26 -2
  4. package/dist/css/decision.css +23 -52
  5. package/dist/css/dropdowns.css +39 -62
  6. package/dist/css/droppable.css +28 -8
  7. package/dist/css/footer.css +41 -14
  8. package/dist/css/input-groups.css +172 -165
  9. package/dist/css/list-group.css +0 -45
  10. package/dist/css/navbar.css +39 -62
  11. package/dist/css/neptune-addons.css +15 -0
  12. package/dist/css/neptune-core.css +5908 -552
  13. package/dist/css/neptune.css +8424 -1436
  14. package/dist/css/popovers.css +36 -61
  15. package/dist/css/sequences.css +6 -1
  16. package/dist/css/tooltip.css +28 -8
  17. package/dist/fonts/noto-sans-hebrew-normal.woff2 +0 -0
  18. package/dist/fonts/noto-sans-thai-normal.woff2 +0 -0
  19. package/dist/less/neptune-tokens.less +0 -48
  20. package/dist/props/neptune-tokens.css +804 -3
  21. package/package.json +1 -1
  22. package/src/less/addons/_background-utilities.less +5 -0
  23. package/src/less/button-groups.less +3 -2
  24. package/src/less/buttons.less +1 -1
  25. package/src/less/core/_typography.less +67 -221
  26. package/src/less/decision.less +2 -2
  27. package/src/less/dropdowns.less +6 -5
  28. package/src/less/droppable.less +4 -4
  29. package/src/less/footer.less +4 -3
  30. package/src/less/forms/bootstrap-forms.less +70 -57
  31. package/src/less/input-groups.less +5 -5
  32. package/src/less/list-group.less +7 -4
  33. package/src/less/mixins/_text-emphasis.less +7 -1
  34. package/src/less/neptune.bundle.less +4 -0
  35. package/src/less/popovers.less +3 -3
  36. package/src/less/sequences.less +7 -2
  37. package/src/less/tooltip.less +1 -1
  38. package/dist/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  39. package/dist/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  40. package/dist/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  41. package/dist/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  42. package/dist/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  43. package/dist/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  44. package/dist/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  45. package/dist/less/legacy-variables.css +0 -0
  46. package/dist/less/neptune-tokens.css +0 -0
  47. package/dist/less/zindex.css +0 -0
package/dist/css/navbar.css CHANGED
@@ -114,7 +114,39 @@
114
114
  .clickable {
115
115
  cursor: pointer !important;
116
116
  }
117
- .dropup,
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,
118
150
  .dropdown {
119
151
  position: relative;
120
152
  }
@@ -127,12 +159,6 @@
127
159
  padding: 8px;
128
160
  margin: 0;
129
161
  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
162
  word-wrap: break-word;
137
163
  text-align: start;
138
164
  background-color: #ffffff;
@@ -211,12 +237,6 @@
211
237
  padding: var(--dropdown-link-padding);
212
238
  clear: both;
213
239
  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
240
  word-wrap: break-word;
221
241
  color: #37517e;
222
242
  color: var(--color-content-primary);
@@ -315,10 +335,12 @@
315
335
  .dropdown-menu > .selected > a strong {
316
336
  color: inherit;
317
337
  }
318
- .dropdown-menu > .active > a .np-text-body-default,
319
- .dropdown-menu > .selected > a .np-text-body-default,
320
338
  .dropdown-menu > .active > a .small,
321
339
  .dropdown-menu > .selected > a .small,
340
+ .dropdown-menu > .active > a .np-text-body-default,
341
+ .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,
322
344
  .dropdown-menu > .active > a .secondary,
323
345
  .dropdown-menu > .selected > a .secondary {
324
346
  color: #c9cbce;
@@ -413,58 +435,13 @@
413
435
  display: block;
414
436
  padding-block: 8px;
415
437
  padding-inline: 16px;
438
+ font-size: 0.875rem;
439
+ font-size: var(--font-size-14);
416
440
  line-height: 1.5;
417
441
  line-height: var(--line-height-body);
418
442
  color: #5d7079;
419
443
  color: var(--color-content-secondary);
420
444
  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);
468
445
  }
469
446
  .dropdown-backdrop {
470
447
  position: fixed;
package/dist/css/neptune-addons.css CHANGED
@@ -106,6 +106,21 @@
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,
109
124
  .bg-primary strong,
110
125
  .bg-info strong,
111
126
  .bg-accent strong {