@transferwise/components 46.162.1 → 46.163.0

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 (157) hide show
  1. package/build/Calendar/DateHeader/DateHeader.js +2 -6
  2. package/build/Calendar/DateHeader/DateHeader.js.map +1 -1
  3. package/build/Calendar/DateHeader/DateHeader.mjs +3 -7
  4. package/build/Calendar/DateHeader/DateHeader.mjs.map +1 -1
  5. package/build/Carousel/Carousel.js +2 -2
  6. package/build/Carousel/Carousel.js.map +1 -1
  7. package/build/Carousel/Carousel.mjs +3 -3
  8. package/build/Carousel/Carousel.mjs.map +1 -1
  9. package/build/Chips/Chip/Chip.js +11 -4
  10. package/build/Chips/Chip/Chip.js.map +1 -1
  11. package/build/Chips/Chip/Chip.mjs +11 -4
  12. package/build/Chips/Chip/Chip.mjs.map +1 -1
  13. package/build/Inputs/SelectInput/OptionContent/SelectInputOptionContent.js +4 -3
  14. package/build/Inputs/SelectInput/OptionContent/SelectInputOptionContent.js.map +1 -1
  15. package/build/Inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs +4 -3
  16. package/build/Inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs.map +1 -1
  17. package/build/ListItem/Navigation/ListItemNavigation.js +1 -1
  18. package/build/ListItem/Navigation/ListItemNavigation.js.map +1 -1
  19. package/build/ListItem/Navigation/ListItemNavigation.mjs +2 -2
  20. package/build/ListItem/Navigation/ListItemNavigation.mjs.map +1 -1
  21. package/build/PhoneNumberInput/PhoneNumberInput.js +2 -1
  22. package/build/PhoneNumberInput/PhoneNumberInput.js.map +1 -1
  23. package/build/PhoneNumberInput/PhoneNumberInput.mjs +2 -1
  24. package/build/PhoneNumberInput/PhoneNumberInput.mjs.map +1 -1
  25. package/build/PromoCard/Indicator/PromoCardIndicator.js +1 -1
  26. package/build/PromoCard/Indicator/PromoCardIndicator.js.map +1 -1
  27. package/build/PromoCard/Indicator/PromoCardIndicator.mjs +2 -2
  28. package/build/PromoCard/Indicator/PromoCardIndicator.mjs.map +1 -1
  29. package/build/Typeahead/Typeahead.js +17 -4
  30. package/build/Typeahead/Typeahead.js.map +1 -1
  31. package/build/Typeahead/Typeahead.mjs +17 -4
  32. package/build/Typeahead/Typeahead.mjs.map +1 -1
  33. package/build/Typeahead/TypeaheadInput/TypeaheadInput.js +2 -0
  34. package/build/Typeahead/TypeaheadInput/TypeaheadInput.js.map +1 -1
  35. package/build/Typeahead/TypeaheadInput/TypeaheadInput.mjs +2 -0
  36. package/build/Typeahead/TypeaheadInput/TypeaheadInput.mjs.map +1 -1
  37. package/build/i18n/es.json +1 -0
  38. package/build/i18n/es.json.js +1 -0
  39. package/build/i18n/es.json.js.map +1 -1
  40. package/build/i18n/es.json.mjs +1 -0
  41. package/build/i18n/es.json.mjs.map +1 -1
  42. package/build/i18n/hu.json +1 -0
  43. package/build/i18n/hu.json.js +1 -0
  44. package/build/i18n/hu.json.js.map +1 -1
  45. package/build/i18n/hu.json.mjs +1 -0
  46. package/build/i18n/hu.json.mjs.map +1 -1
  47. package/build/i18n/id.json +1 -0
  48. package/build/i18n/id.json.js +1 -0
  49. package/build/i18n/id.json.js.map +1 -1
  50. package/build/i18n/id.json.mjs +1 -0
  51. package/build/i18n/id.json.mjs.map +1 -1
  52. package/build/i18n/it.json +1 -0
  53. package/build/i18n/it.json.js +1 -0
  54. package/build/i18n/it.json.js.map +1 -1
  55. package/build/i18n/it.json.mjs +1 -0
  56. package/build/i18n/it.json.mjs.map +1 -1
  57. package/build/i18n/ja.json +1 -0
  58. package/build/i18n/ja.json.js +1 -0
  59. package/build/i18n/ja.json.js.map +1 -1
  60. package/build/i18n/ja.json.mjs +1 -0
  61. package/build/i18n/ja.json.mjs.map +1 -1
  62. package/build/i18n/nl.json +1 -0
  63. package/build/i18n/nl.json.js +1 -0
  64. package/build/i18n/nl.json.js.map +1 -1
  65. package/build/i18n/nl.json.mjs +1 -0
  66. package/build/i18n/nl.json.mjs.map +1 -1
  67. package/build/i18n/pl.json +1 -0
  68. package/build/i18n/pl.json.js +1 -0
  69. package/build/i18n/pl.json.js.map +1 -1
  70. package/build/i18n/pl.json.mjs +1 -0
  71. package/build/i18n/pl.json.mjs.map +1 -1
  72. package/build/i18n/ro.json +1 -0
  73. package/build/i18n/ro.json.js +1 -0
  74. package/build/i18n/ro.json.js.map +1 -1
  75. package/build/i18n/ro.json.mjs +1 -0
  76. package/build/i18n/ro.json.mjs.map +1 -1
  77. package/build/i18n/uk.json +1 -0
  78. package/build/i18n/uk.json.js +1 -0
  79. package/build/i18n/uk.json.js.map +1 -1
  80. package/build/i18n/uk.json.mjs +1 -0
  81. package/build/i18n/uk.json.mjs.map +1 -1
  82. package/build/i18n/zh-HK.json +1 -0
  83. package/build/i18n/zh-HK.json.js +1 -0
  84. package/build/i18n/zh-HK.json.js.map +1 -1
  85. package/build/i18n/zh-HK.json.mjs +1 -0
  86. package/build/i18n/zh-HK.json.mjs.map +1 -1
  87. package/build/main.css +20 -7
  88. package/build/styles/Button/Button.css +0 -3
  89. package/build/styles/DateInput/DateInput.css +13 -0
  90. package/build/styles/ListItem/ListItem.css +1 -1
  91. package/build/styles/PhoneNumberInput/PhoneNumberInput.css +3 -0
  92. package/build/styles/PromoCard/PromoCard.css +0 -3
  93. package/build/styles/Typeahead/Typeahead.css +3 -0
  94. package/build/styles/main.css +20 -7
  95. package/build/types/Body/Body.d.ts +2 -2
  96. package/build/types/Chips/Chip/Chip.d.ts +3 -1
  97. package/build/types/Chips/Chip/Chip.d.ts.map +1 -1
  98. package/build/types/IconButton/IconButton.d.ts +1 -1
  99. package/build/types/Inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts +2 -1
  100. package/build/types/Inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts.map +1 -1
  101. package/build/types/MoneyInput/MoneyInput.d.ts +1 -1
  102. package/build/types/MoneyInput/MoneyInput.d.ts.map +1 -1
  103. package/build/types/PhoneNumberInput/PhoneNumberInput.d.ts.map +1 -1
  104. package/build/types/Title/Title.d.ts +2 -2
  105. package/build/types/Typeahead/Typeahead.d.ts +2 -0
  106. package/build/types/Typeahead/Typeahead.d.ts.map +1 -1
  107. package/build/types/Typeahead/TypeaheadInput/TypeaheadInput.d.ts +1 -1
  108. package/build/types/Typeahead/TypeaheadInput/TypeaheadInput.d.ts.map +1 -1
  109. package/build/types/Upload/Steps/UploadImageStep/UploadImageStep.d.ts +1 -1
  110. package/build/types/UploadInput/UploadItem/UploadItemLink.d.ts +1 -1
  111. package/package.json +5 -5
  112. package/src/Button/Button.css +0 -3
  113. package/src/Button/Button.less +0 -16
  114. package/src/Button/_stories/Button.test.story.tsx +12 -12
  115. package/src/Calendar/DateHeader/DateHeader.tsx +3 -3
  116. package/src/Carousel/Carousel.tsx +3 -3
  117. package/src/Chips/Chip/Chip.test.tsx +34 -0
  118. package/src/Chips/Chip/Chip.tsx +11 -3
  119. package/src/DateInput/DateInput.css +13 -0
  120. package/src/DateInput/DateInput.less +10 -2
  121. package/src/DateInput/_stories/DateInput.rtl.test.story.tsx +36 -0
  122. package/src/DateInput/_stories/DateInput.test.story.tsx +0 -13
  123. package/src/ExpressiveMoneyInput/_stories/ExpressiveMoneyInput.rtl.test.story.tsx +1 -1
  124. package/src/InputWithDisplayFormat/_stories/InputWithDisplayFormat.test.story.tsx +52 -0
  125. package/src/Inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx +4 -1
  126. package/src/Inputs/SelectInput/SelectInput.test.tsx +74 -0
  127. package/src/ListItem/ListItem.css +1 -1
  128. package/src/ListItem/ListItem.grid.less +4 -4
  129. package/src/ListItem/ListItem.less +1 -1
  130. package/src/ListItem/Navigation/ListItemNavigation.tsx +2 -2
  131. package/src/PhoneNumberInput/PhoneNumberInput.css +3 -0
  132. package/src/PhoneNumberInput/PhoneNumberInput.less +10 -2
  133. package/src/PhoneNumberInput/PhoneNumberInput.tsx +1 -0
  134. package/src/PhoneNumberInput/_stories/PhoneNumberInput.rtl.test.story.tsx +1 -1
  135. package/src/PromoCard/Indicator/PromoCardIndicator.tsx +2 -2
  136. package/src/PromoCard/PromoCard.css +0 -3
  137. package/src/PromoCard/PromoCard.less +0 -5
  138. package/src/Prompt/CriticalBanner/_stories/CriticalBanner.test.story.tsx +1 -1
  139. package/src/Typeahead/Typeahead.css +3 -0
  140. package/src/Typeahead/Typeahead.less +4 -0
  141. package/src/Typeahead/Typeahead.test.tsx +73 -0
  142. package/src/Typeahead/Typeahead.tsx +18 -3
  143. package/src/Typeahead/TypeaheadInput/TypeaheadInput.tsx +6 -1
  144. package/src/Typeahead/_stories/Typeahead.story.tsx +1 -0
  145. package/src/Typeahead/_stories/Typeahead.test.story.tsx +41 -0
  146. package/src/i18n/en.json +1 -0
  147. package/src/i18n/es.json +1 -0
  148. package/src/i18n/hu.json +1 -0
  149. package/src/i18n/id.json +1 -0
  150. package/src/i18n/it.json +1 -0
  151. package/src/i18n/ja.json +1 -0
  152. package/src/i18n/nl.json +1 -0
  153. package/src/i18n/pl.json +1 -0
  154. package/src/i18n/ro.json +1 -0
  155. package/src/i18n/uk.json +1 -0
  156. package/src/i18n/zh-HK.json +1 -0
  157. package/src/main.css +20 -7
package/src/main.css CHANGED
@@ -21502,9 +21502,6 @@ a[data-toggle="tooltip"] {
21502
21502
  .np-theme-personal--bright-green .wds-Button--secondary-neutral .wds-Button-avatars .np-circle {
21503
21503
  --circle-border-color: color-mix(in srgb, var(--Button-color) 12%, transparent);
21504
21504
  }
21505
- [dir="rtl"] .wds-Button .tw-icon-chevron-right,[dir="rtl"] .wds-Button .tw-icon-arrow-right,[dir="rtl"] .wds-Button .tw-icon-chevron-left,[dir="rtl"] .wds-Button .tw-icon-arrow-left,[dir="rtl"] .wds-Button .tw-icon-arrow-diagonal-down,[dir="rtl"] .wds-Button .tw-icon-arrow-diagonal-up,[dir="rtl"] .wds-Button .tw-icon-list,[dir="rtl"] .wds-Button .tw-icon-activity {
21506
- scale: -1 1;
21507
- }
21508
21505
  .np-btn {
21509
21506
  position: relative;
21510
21507
  }
@@ -22660,6 +22657,19 @@ button.np-option {
22660
22657
  .tw-date .tw-date--day {
22661
22658
  margin-block-end: 0;
22662
22659
  }
22660
+ [dir="rtl"] .tw-date .np-input {
22661
+ text-align: end;
22662
+ }
22663
+ [dir="rtl"] .tw-date .np-input::-moz-placeholder {
22664
+ text-align: start;
22665
+ }
22666
+ [dir="rtl"] .tw-date .np-input:-moz-placeholder {
22667
+ text-align: start;
22668
+ }
22669
+ [dir="rtl"] .tw-date .np-input::placeholder,
22670
+ [dir="rtl"] .tw-date .np-input:placeholder-shown {
22671
+ text-align: start;
22672
+ }
22663
22673
  @media (min-width: 600px) {
22664
22674
  .np-theme-personal .tw-date label {
22665
22675
  margin-block-end: 0;
@@ -23970,7 +23980,7 @@ button.np-option {
23970
23980
  .wds-list-item-control-wrapper {
23971
23981
  grid-area: control;
23972
23982
  }
23973
- .wds-list-item-navigation .tw-icon-chevron-right {
23983
+ .wds-list-item-navigation .tw-icon-chevron-end {
23974
23984
  color: #c9cbce;
23975
23985
  color: var(--color-interactive-secondary);
23976
23986
  display: block;
@@ -25380,6 +25390,9 @@ button.np-link {
25380
25390
  .tw-telephone__number-input {
25381
25391
  flex: auto 1 1;
25382
25392
  }
25393
+ [dir="rtl"] .tw-telephone__prefix-option .np-select-input-option-content-title {
25394
+ direction: ltr;
25395
+ }
25383
25396
  .np-theme-personal .np-popover__container {
25384
25397
  border-radius: 16px;
25385
25398
  border-radius: var(--radius-medium);
@@ -25515,9 +25528,6 @@ button.np-link {
25515
25528
  .np-Card-indicatorIcon .tw-icon {
25516
25529
  color: var(--Card-indicator-icon-color);
25517
25530
  }
25518
- [dir="rtl"] .np-Card-indicatorIcon .tw-icon {
25519
- transform: scaleX(-1);
25520
- }
25521
25531
  .np-Card--checked,
25522
25532
  .np-Card--link {
25523
25533
  color: currentColor;
@@ -27568,6 +27578,9 @@ button.np-link {
27568
27578
  cursor: text;
27569
27579
  display: flex;
27570
27580
  }
27581
+ .typeahead--multiple .input-group.disabled .typeahead__input-container {
27582
+ cursor: not-allowed;
27583
+ }
27571
27584
  .typeahead--multiple .sizer {
27572
27585
  white-space: pre;
27573
27586
  position: absolute;