@transferwise/components 46.162.1 → 46.162.2

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 (69) 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/Inputs/SelectInput/OptionContent/SelectInputOptionContent.js +4 -3
  10. package/build/Inputs/SelectInput/OptionContent/SelectInputOptionContent.js.map +1 -1
  11. package/build/Inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs +4 -3
  12. package/build/Inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs.map +1 -1
  13. package/build/ListItem/Navigation/ListItemNavigation.js +1 -1
  14. package/build/ListItem/Navigation/ListItemNavigation.js.map +1 -1
  15. package/build/ListItem/Navigation/ListItemNavigation.mjs +2 -2
  16. package/build/ListItem/Navigation/ListItemNavigation.mjs.map +1 -1
  17. package/build/PhoneNumberInput/PhoneNumberInput.js +2 -1
  18. package/build/PhoneNumberInput/PhoneNumberInput.js.map +1 -1
  19. package/build/PhoneNumberInput/PhoneNumberInput.mjs +2 -1
  20. package/build/PhoneNumberInput/PhoneNumberInput.mjs.map +1 -1
  21. package/build/PromoCard/Indicator/PromoCardIndicator.js +1 -1
  22. package/build/PromoCard/Indicator/PromoCardIndicator.js.map +1 -1
  23. package/build/PromoCard/Indicator/PromoCardIndicator.mjs +2 -2
  24. package/build/PromoCard/Indicator/PromoCardIndicator.mjs.map +1 -1
  25. package/build/main.css +17 -7
  26. package/build/styles/Button/Button.css +0 -3
  27. package/build/styles/DateInput/DateInput.css +13 -0
  28. package/build/styles/ListItem/ListItem.css +1 -1
  29. package/build/styles/PhoneNumberInput/PhoneNumberInput.css +3 -0
  30. package/build/styles/PromoCard/PromoCard.css +0 -3
  31. package/build/styles/main.css +17 -7
  32. package/build/types/Body/Body.d.ts +2 -2
  33. package/build/types/IconButton/IconButton.d.ts +1 -1
  34. package/build/types/Inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts +2 -1
  35. package/build/types/Inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts.map +1 -1
  36. package/build/types/MoneyInput/MoneyInput.d.ts +1 -1
  37. package/build/types/MoneyInput/MoneyInput.d.ts.map +1 -1
  38. package/build/types/PhoneNumberInput/PhoneNumberInput.d.ts.map +1 -1
  39. package/build/types/Title/Title.d.ts +2 -2
  40. package/build/types/Upload/Steps/UploadImageStep/UploadImageStep.d.ts +1 -1
  41. package/build/types/UploadInput/UploadItem/UploadItemLink.d.ts +1 -1
  42. package/package.json +2 -2
  43. package/src/Button/Button.css +0 -3
  44. package/src/Button/Button.less +0 -16
  45. package/src/Button/_stories/Button.test.story.tsx +12 -12
  46. package/src/Calendar/DateHeader/DateHeader.tsx +3 -3
  47. package/src/Carousel/Carousel.tsx +3 -3
  48. package/src/DateInput/DateInput.css +13 -0
  49. package/src/DateInput/DateInput.less +10 -2
  50. package/src/DateInput/_stories/DateInput.rtl.test.story.tsx +36 -0
  51. package/src/DateInput/_stories/DateInput.test.story.tsx +0 -13
  52. package/src/ExpressiveMoneyInput/_stories/ExpressiveMoneyInput.rtl.test.story.tsx +1 -1
  53. package/src/InputWithDisplayFormat/_stories/InputWithDisplayFormat.test.story.tsx +52 -0
  54. package/src/Inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx +4 -1
  55. package/src/Inputs/SelectInput/SelectInput.test.tsx +74 -0
  56. package/src/ListItem/ListItem.css +1 -1
  57. package/src/ListItem/ListItem.grid.less +4 -4
  58. package/src/ListItem/ListItem.less +1 -1
  59. package/src/ListItem/Navigation/ListItemNavigation.tsx +2 -2
  60. package/src/PhoneNumberInput/PhoneNumberInput.css +3 -0
  61. package/src/PhoneNumberInput/PhoneNumberInput.less +10 -2
  62. package/src/PhoneNumberInput/PhoneNumberInput.tsx +1 -0
  63. package/src/PhoneNumberInput/_stories/PhoneNumberInput.rtl.test.story.tsx +1 -1
  64. package/src/PromoCard/Indicator/PromoCardIndicator.tsx +2 -2
  65. package/src/PromoCard/PromoCard.css +0 -3
  66. package/src/PromoCard/PromoCard.less +0 -5
  67. package/src/Prompt/CriticalBanner/_stories/CriticalBanner.test.story.tsx +1 -1
  68. package/src/i18n/en.json +1 -0
  69. package/src/main.css +17 -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;