@transferwise/components 46.160.6 → 46.160.8

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 (85) hide show
  1. package/build/Prompt/InfoPrompt/InfoPrompt.js +13 -6
  2. package/build/Prompt/InfoPrompt/InfoPrompt.js.map +1 -1
  3. package/build/Prompt/InfoPrompt/InfoPrompt.mjs +13 -6
  4. package/build/Prompt/InfoPrompt/InfoPrompt.mjs.map +1 -1
  5. package/build/Prompt/PrimitivePrompt/PrimitivePrompt.js +1 -0
  6. package/build/Prompt/PrimitivePrompt/PrimitivePrompt.js.map +1 -1
  7. package/build/Prompt/PrimitivePrompt/PrimitivePrompt.mjs +1 -0
  8. package/build/Prompt/PrimitivePrompt/PrimitivePrompt.mjs.map +1 -1
  9. package/build/main.css +859 -19
  10. package/build/styles/Inputs/Input/Input.css +88 -0
  11. package/build/styles/Inputs/TextArea/TextArea.css +88 -0
  12. package/build/styles/Popover/Popover.css +1 -0
  13. package/build/styles/Prompt/PrimitivePrompt/PrimitivePrompt.css +17 -0
  14. package/build/styles/_deprecated/Select/Select.css +29 -0
  15. package/build/styles/css/accordion.css +30 -0
  16. package/build/styles/css/button-groups.css +29 -0
  17. package/build/styles/css/buttons.css +29 -0
  18. package/build/styles/css/decision.css +30 -0
  19. package/build/styles/css/dropdowns.css +59 -0
  20. package/build/styles/css/droppable.css +29 -0
  21. package/build/styles/css/footer.css +63 -0
  22. package/build/styles/css/input-groups.css +189 -0
  23. package/build/styles/css/list-group.css +1 -0
  24. package/build/styles/css/navbar.css +59 -0
  25. package/build/styles/css/neptune-addons.css +3 -0
  26. package/build/styles/css/neptune-core.css +185 -0
  27. package/build/styles/css/neptune.css +705 -0
  28. package/build/styles/css/popovers.css +59 -0
  29. package/build/styles/css/tooltip.css +29 -0
  30. package/build/styles/main.css +859 -19
  31. package/build/styles/styles/less/accordion.css +30 -0
  32. package/build/styles/styles/less/button-groups.css +29 -0
  33. package/build/styles/styles/less/buttons.css +29 -0
  34. package/build/styles/styles/less/decision.css +30 -0
  35. package/build/styles/styles/less/dropdowns.css +59 -0
  36. package/build/styles/styles/less/droppable.css +29 -0
  37. package/build/styles/styles/less/footer.css +63 -0
  38. package/build/styles/styles/less/forms/bootstrap-forms.css +116 -0
  39. package/build/styles/styles/less/input-groups.css +189 -0
  40. package/build/styles/styles/less/list-group.css +1 -0
  41. package/build/styles/styles/less/navbar.css +59 -0
  42. package/build/styles/styles/less/neptune-addons.css +3 -0
  43. package/build/styles/styles/less/neptune-core.css +185 -0
  44. package/build/styles/styles/less/neptune.css +705 -0
  45. package/build/styles/styles/less/popovers.css +59 -0
  46. package/build/styles/styles/less/tooltip.css +29 -0
  47. package/build/types/Prompt/InfoPrompt/InfoPrompt.d.ts.map +1 -1
  48. package/build/types/Prompt/PrimitivePrompt/PrimitivePrompt.d.ts.map +1 -1
  49. package/package.json +3 -3
  50. package/src/Body/_stories/Body.test.story.tsx +81 -0
  51. package/src/Inputs/Input/Input.css +88 -0
  52. package/src/Inputs/TextArea/TextArea.css +88 -0
  53. package/src/Popover/Popover.css +1 -0
  54. package/src/Prompt/InfoPrompt/InfoPrompt.test.tsx +56 -2
  55. package/src/Prompt/InfoPrompt/InfoPrompt.tsx +14 -7
  56. package/src/Prompt/InfoPrompt/_stories/InfoPrompt.story.tsx +6 -1
  57. package/src/Prompt/PrimitivePrompt/PrimitivePrompt.css +17 -0
  58. package/src/Prompt/PrimitivePrompt/PrimitivePrompt.less +15 -0
  59. package/src/Prompt/PrimitivePrompt/PrimitivePrompt.tsx +1 -0
  60. package/src/_deprecated/Card/_stories/Card.test.story.tsx +1 -1
  61. package/src/_deprecated/CriticalBanner/_stories/CriticalCommsBanner.test.story.tsx +1 -1
  62. package/src/_deprecated/InlineAlert/_stories/InlineAlert.test.story.tsx +1 -1
  63. package/src/_deprecated/OverlayHeader/_stories/OverlayHeader.test.story.tsx +1 -1
  64. package/src/_deprecated/Select/Select.css +29 -0
  65. package/src/_deprecated/Select/_stories/Select.rtl.test.story.tsx +1 -1
  66. package/src/_deprecated/Select/_stories/Select.test.story.tsx +1 -1
  67. package/src/main.css +859 -19
  68. package/src/styles/less/accordion.css +30 -0
  69. package/src/styles/less/addons/_spacing-utilities.less +2 -0
  70. package/src/styles/less/button-groups.css +29 -0
  71. package/src/styles/less/buttons.css +29 -0
  72. package/src/styles/less/core/_typography.less +12 -0
  73. package/src/styles/less/decision.css +30 -0
  74. package/src/styles/less/dropdowns.css +59 -0
  75. package/src/styles/less/droppable.css +29 -0
  76. package/src/styles/less/footer.css +63 -0
  77. package/src/styles/less/forms/bootstrap-forms.css +116 -0
  78. package/src/styles/less/input-groups.css +189 -0
  79. package/src/styles/less/list-group.css +1 -0
  80. package/src/styles/less/navbar.css +59 -0
  81. package/src/styles/less/neptune-addons.css +3 -0
  82. package/src/styles/less/neptune-core.css +185 -0
  83. package/src/styles/less/neptune.css +705 -0
  84. package/src/styles/less/popovers.css +59 -0
  85. package/src/styles/less/tooltip.css +29 -0
package/src/styles/less/popovers.css CHANGED
@@ -72,6 +72,7 @@ button.close {
72
72
  letter-spacing: -0.006em;
73
73
  font-weight: 400;
74
74
  font-weight: var(--font-weight-regular);
75
+ word-wrap: break-word;
75
76
  background-color: #ffffff;
76
77
  background-color: var(--color-background-screen);
77
78
  background-clip: padding-box;
@@ -79,6 +80,34 @@ button.close {
79
80
  box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
80
81
  position: absolute;
81
82
  }
83
+ @supports (hyphenate-limit-chars: 1) {
84
+ .popover {
85
+ hyphens: auto;
86
+ hyphenate-limit-chars: 7 3;
87
+ }
88
+ @media (min-width: 840px) {
89
+ .popover {
90
+ hyphenate-limit-chars: 8 3;
91
+ }
92
+ }
93
+ @media (min-width: 1160px) {
94
+ .popover {
95
+ hyphenate-limit-chars: 10 4 3;
96
+ }
97
+ }
98
+ }
99
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
100
+ .popover {
101
+ hyphens: auto;
102
+ -webkit-hyphenate-limit-before: 3;
103
+ -webkit-hyphenate-limit-after: 3;
104
+ }
105
+ @media (min-width: 1160px) {
106
+ .popover {
107
+ -webkit-hyphenate-limit-before: 4;
108
+ }
109
+ }
110
+ }
82
111
  .np-theme-personal--forest-green .popover,
83
112
  .np-theme-personal--bright-green .popover,
84
113
  .np-theme-personal--dark .popover {
@@ -236,6 +265,7 @@ button.close {
236
265
  line-height: 1.2;
237
266
  line-height: var(--line-height-title);
238
267
  letter-spacing: 0;
268
+ word-wrap: break-word;
239
269
  font-size: 1.125rem;
240
270
  font-size: var(--font-size-18);
241
271
  font-weight: 600;
@@ -293,9 +323,38 @@ button.close {
293
323
  letter-spacing: -0.006em;
294
324
  font-weight: 400;
295
325
  font-weight: var(--font-weight-regular);
326
+ word-wrap: break-word;
296
327
  color: #5d7079;
297
328
  color: var(--color-content-secondary);
298
329
  }
330
+ @supports (hyphenate-limit-chars: 1) {
331
+ .popover-content {
332
+ hyphens: auto;
333
+ hyphenate-limit-chars: 7 3;
334
+ }
335
+ @media (min-width: 840px) {
336
+ .popover-content {
337
+ hyphenate-limit-chars: 8 3;
338
+ }
339
+ }
340
+ @media (min-width: 1160px) {
341
+ .popover-content {
342
+ hyphenate-limit-chars: 10 4 3;
343
+ }
344
+ }
345
+ }
346
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
347
+ .popover-content {
348
+ hyphens: auto;
349
+ -webkit-hyphenate-limit-before: 3;
350
+ -webkit-hyphenate-limit-after: 3;
351
+ }
352
+ @media (min-width: 1160px) {
353
+ .popover-content {
354
+ -webkit-hyphenate-limit-before: 4;
355
+ }
356
+ }
357
+ }
299
358
  .popover-content > :last-child {
300
359
  margin-block-end: 0;
301
360
  }
package/src/styles/less/tooltip.css CHANGED
@@ -51,6 +51,7 @@
51
51
  letter-spacing: -0.006em;
52
52
  font-weight: 400;
53
53
  font-weight: var(--font-weight-regular);
54
+ word-wrap: break-word;
54
55
  max-inline-size: 200px;
55
56
  min-inline-size: 120px;
56
57
  padding-block: 16px;
@@ -65,6 +66,34 @@
65
66
  border-radius: 3px;
66
67
  box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
67
68
  }
69
+ @supports (hyphenate-limit-chars: 1) {
70
+ .tooltip-inner {
71
+ hyphens: auto;
72
+ hyphenate-limit-chars: 7 3;
73
+ }
74
+ @media (min-width: 840px) {
75
+ .tooltip-inner {
76
+ hyphenate-limit-chars: 8 3;
77
+ }
78
+ }
79
+ @media (min-width: 1160px) {
80
+ .tooltip-inner {
81
+ hyphenate-limit-chars: 10 4 3;
82
+ }
83
+ }
84
+ }
85
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
86
+ .tooltip-inner {
87
+ hyphens: auto;
88
+ -webkit-hyphenate-limit-before: 3;
89
+ -webkit-hyphenate-limit-after: 3;
90
+ }
91
+ @media (min-width: 1160px) {
92
+ .tooltip-inner {
93
+ -webkit-hyphenate-limit-before: 4;
94
+ }
95
+ }
96
+ }
68
97
  .np-theme-personal--forest-green .tooltip-inner,
69
98
  .np-theme-personal--bright-green .tooltip-inner,
70
99
  .np-theme-personal--dark .tooltip-inner {