@transferwise/components 0.0.0-experimental-536d239 → 0.0.0-experimental-6e04f56

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 (95) hide show
  1. package/build/Snackbar/Snackbar.js +98 -101
  2. package/build/Snackbar/Snackbar.js.map +1 -1
  3. package/build/Snackbar/Snackbar.mjs +99 -102
  4. package/build/Snackbar/Snackbar.mjs.map +1 -1
  5. package/build/main.css +1530 -2883
  6. package/build/styles/Inputs/Input/Input.css +28 -62
  7. package/build/styles/Inputs/TextArea/TextArea.css +28 -62
  8. package/build/styles/Popover/Popover.css +9 -3
  9. package/build/styles/_deprecated/Select/Select.css +7 -27
  10. package/build/styles/css/accordion.css +52 -23
  11. package/build/styles/css/button-groups.css +8 -29
  12. package/build/styles/css/buttons.css +2 -26
  13. package/build/styles/css/decision.css +52 -23
  14. package/build/styles/css/dropdowns.css +62 -39
  15. package/build/styles/css/droppable.css +8 -28
  16. package/build/styles/css/footer.css +14 -41
  17. package/build/styles/css/input-groups.css +165 -172
  18. package/build/styles/css/list-group.css +45 -0
  19. package/build/styles/css/navbar.css +62 -39
  20. package/build/styles/css/neptune-addons.css +0 -15
  21. package/build/styles/css/neptune-core.css +526 -250
  22. package/build/styles/css/neptune.css +1486 -2823
  23. package/build/styles/css/popovers.css +60 -35
  24. package/build/styles/css/sequences.css +1 -6
  25. package/build/styles/css/tooltip.css +7 -27
  26. package/build/styles/less/neptune-tokens.less +48 -0
  27. package/build/styles/main.css +1530 -2883
  28. package/build/styles/props/neptune-tokens.css +1 -793
  29. package/build/styles/styles/less/accordion.css +52 -23
  30. package/build/styles/styles/less/button-groups.css +8 -29
  31. package/build/styles/styles/less/buttons.css +2 -26
  32. package/build/styles/styles/less/decision.css +52 -23
  33. package/build/styles/styles/less/dropdowns.css +62 -39
  34. package/build/styles/styles/less/droppable.css +8 -28
  35. package/build/styles/styles/less/footer.css +14 -41
  36. package/build/styles/styles/less/forms/bootstrap-forms.css +91 -137
  37. package/build/styles/styles/less/input-groups.css +165 -172
  38. package/build/styles/styles/less/list-group.css +45 -0
  39. package/build/styles/styles/less/navbar.css +62 -39
  40. package/build/styles/styles/less/neptune-addons.css +0 -15
  41. package/build/styles/styles/less/neptune-core.css +526 -250
  42. package/build/styles/styles/less/neptune.css +1486 -2823
  43. package/build/styles/styles/less/popovers.css +60 -35
  44. package/build/styles/styles/less/sequences.css +1 -6
  45. package/build/styles/styles/less/tooltip.css +7 -27
  46. package/build/types/Body/Body.d.ts +2 -2
  47. package/build/types/IconButton/IconButton.d.ts +1 -1
  48. package/build/types/MoneyInput/MoneyInput.d.ts +1 -1
  49. package/build/types/MoneyInput/MoneyInput.d.ts.map +1 -1
  50. package/build/types/Snackbar/Snackbar.d.ts +1 -15
  51. package/build/types/Snackbar/Snackbar.d.ts.map +1 -1
  52. package/build/types/Title/Title.d.ts +2 -2
  53. package/build/types/Upload/Steps/UploadImageStep/UploadImageStep.d.ts +1 -1
  54. package/build/types/UploadInput/UploadItem/UploadItemLink.d.ts +1 -1
  55. package/package.json +1 -1
  56. package/src/Inputs/Input/Input.css +28 -62
  57. package/src/Inputs/TextArea/TextArea.css +28 -62
  58. package/src/Popover/Popover.css +9 -3
  59. package/src/Snackbar/Snackbar.test.tsx +190 -0
  60. package/src/Snackbar/Snackbar.tsx +90 -88
  61. package/src/_deprecated/Select/Select.css +7 -27
  62. package/src/main.css +1530 -2883
  63. package/src/styles/less/accordion.css +52 -23
  64. package/src/styles/less/addons/_background-utilities.less +0 -5
  65. package/src/styles/less/button-groups.css +8 -29
  66. package/src/styles/less/button-groups.less +2 -3
  67. package/src/styles/less/buttons.css +2 -26
  68. package/src/styles/less/buttons.less +1 -1
  69. package/src/styles/less/core/_typography.less +221 -67
  70. package/src/styles/less/decision.css +52 -23
  71. package/src/styles/less/decision.less +2 -2
  72. package/src/styles/less/dropdowns.css +62 -39
  73. package/src/styles/less/dropdowns.less +5 -6
  74. package/src/styles/less/droppable.css +8 -28
  75. package/src/styles/less/droppable.less +4 -4
  76. package/src/styles/less/footer.css +14 -41
  77. package/src/styles/less/footer.less +3 -4
  78. package/src/styles/less/forms/bootstrap-forms.css +91 -137
  79. package/src/styles/less/forms/bootstrap-forms.less +57 -70
  80. package/src/styles/less/input-groups.css +165 -172
  81. package/src/styles/less/input-groups.less +5 -5
  82. package/src/styles/less/list-group.css +45 -0
  83. package/src/styles/less/list-group.less +4 -7
  84. package/src/styles/less/mixins/_text-emphasis.less +1 -7
  85. package/src/styles/less/navbar.css +62 -39
  86. package/src/styles/less/neptune-addons.css +0 -15
  87. package/src/styles/less/neptune-core.css +526 -250
  88. package/src/styles/less/neptune.bundle.less +0 -4
  89. package/src/styles/less/neptune.css +1486 -2823
  90. package/src/styles/less/popovers.css +60 -35
  91. package/src/styles/less/popovers.less +3 -3
  92. package/src/styles/less/sequences.css +1 -6
  93. package/src/styles/less/sequences.less +2 -7
  94. package/src/styles/less/tooltip.css +7 -27
  95. package/src/styles/less/tooltip.less +1 -1
package/build/styles/styles/less/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/build/styles/styles/less/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 {