@transferwise/components 45.0.1 → 45.1.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 (103) hide show
  1. package/LICENSE.md +4 -4
  2. package/README.md +3 -0
  3. package/build/es/no-polyfill/actionOption/ActionOption.story.js +1 -1
  4. package/build/es/no-polyfill/avatarWrapper/AvatarWrapper.js +1 -2
  5. package/build/es/no-polyfill/button/Button.js +1 -1
  6. package/build/es/no-polyfill/checkboxButton/CheckboxButton.story.js +1 -1
  7. package/build/es/no-polyfill/checkboxOption/CheckboxOption.story.js +1 -1
  8. package/build/es/no-polyfill/chips/Chips.story.js +1 -1
  9. package/build/es/no-polyfill/common/bottomSheet/BottomSheet.js +1 -21
  10. package/build/es/no-polyfill/common/hooks/useHasIntersected/useHasIntersected.js +1 -2
  11. package/build/es/no-polyfill/common/requirements.js +1 -19
  12. package/build/es/no-polyfill/dateInput/DateInput.js +3 -9
  13. package/build/es/no-polyfill/index.js +1 -1
  14. package/build/es/no-polyfill/inputs/Input.js +1 -0
  15. package/build/es/no-polyfill/inputs/TextArea.js +1 -0
  16. package/build/es/no-polyfill/inputs/_common.js +2 -0
  17. package/build/es/no-polyfill/modal/Modal.js +1 -2
  18. package/build/es/no-polyfill/moneyInput/MoneyInput.js +1 -1
  19. package/build/es/no-polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  20. package/build/es/no-polyfill/progressBar/ProgressBar.story.js +1 -1
  21. package/build/es/no-polyfill/provider/Provider.spec.js +1 -2
  22. package/build/es/no-polyfill/select/searchBox/SearchBox.js +1 -1
  23. package/build/es/no-polyfill/slidingPanel/SlidingPanel.js +1 -1
  24. package/build/es/no-polyfill/tabs/Tabs.js +1 -6
  25. package/build/es/no-polyfill/typeahead/typeaheadInput/TypeaheadInput.js +1 -1
  26. package/build/es/no-polyfill/uploadInput/UploadInput.story.js +1 -1
  27. package/build/es/no-polyfill/utils.js +0 -0
  28. package/build/es/no-polyfill/withDisplayFormat/WithDisplayFormat.js +1 -2
  29. package/build/es/polyfill/actionOption/ActionOption.story.js +1 -1
  30. package/build/es/polyfill/avatarWrapper/AvatarWrapper.js +1 -2
  31. package/build/es/polyfill/button/Button.js +1 -1
  32. package/build/es/polyfill/checkboxButton/CheckboxButton.story.js +1 -1
  33. package/build/es/polyfill/checkboxOption/CheckboxOption.story.js +1 -1
  34. package/build/es/polyfill/chips/Chips.story.js +1 -1
  35. package/build/es/polyfill/common/bottomSheet/BottomSheet.js +1 -21
  36. package/build/es/polyfill/common/hooks/useHasIntersected/useHasIntersected.js +1 -2
  37. package/build/es/polyfill/common/requirements.js +1 -19
  38. package/build/es/polyfill/dateInput/DateInput.js +3 -9
  39. package/build/es/polyfill/index.js +1 -1
  40. package/build/es/polyfill/inputs/Input.js +1 -0
  41. package/build/es/polyfill/inputs/TextArea.js +1 -0
  42. package/build/es/polyfill/inputs/_common.js +2 -0
  43. package/build/es/polyfill/modal/Modal.js +1 -2
  44. package/build/es/polyfill/moneyInput/MoneyInput.js +1 -1
  45. package/build/es/polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  46. package/build/es/polyfill/progressBar/ProgressBar.story.js +1 -1
  47. package/build/es/polyfill/provider/Provider.spec.js +1 -2
  48. package/build/es/polyfill/select/searchBox/SearchBox.js +1 -1
  49. package/build/es/polyfill/slidingPanel/SlidingPanel.js +1 -1
  50. package/build/es/polyfill/tabs/Tabs.js +1 -6
  51. package/build/es/polyfill/typeahead/typeaheadInput/TypeaheadInput.js +1 -1
  52. package/build/es/polyfill/uploadInput/UploadInput.story.js +1 -1
  53. package/build/es/polyfill/utils.js +0 -0
  54. package/build/es/polyfill/withDisplayFormat/WithDisplayFormat.js +1 -2
  55. package/build/main.css +1 -1
  56. package/build/styles/inputs/Input.css +1 -0
  57. package/build/styles/inputs/TextArea.css +1 -0
  58. package/build/styles/main.css +1 -1
  59. package/build/types/accordion/AccordionItem/AccordionItem.d.ts +8 -9
  60. package/build/types/actionButton/ActionButton.story.d.ts +7 -3
  61. package/build/types/actionOption/ActionOption.story.d.ts +4 -13
  62. package/build/types/alert/inlineMarkdown/InlineMarkdown.d.ts +2 -3
  63. package/build/types/alert/withArrow/withArrow.d.ts +1 -2
  64. package/build/types/checkboxButton/CheckboxButton.story.d.ts +4 -2
  65. package/build/types/checkboxOption/CheckboxOption.story.d.ts +4 -5
  66. package/build/types/chips/Chips.story.d.ts +9 -14
  67. package/build/types/common/RadioButton/RadioButton.d.ts +7 -8
  68. package/build/types/dateLookup/dateHeader/DateHeader.d.ts +4 -5
  69. package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts +8 -9
  70. package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts +6 -7
  71. package/build/types/dateLookup/tableLink/TableLink.d.ts +8 -9
  72. package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts +7 -8
  73. package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts +6 -7
  74. package/build/types/dynamicFieldDefinitionList/FormattedValue/FormattedValue.d.ts +2 -16
  75. package/build/types/flowNavigation/animatedLabel/AnimatedLabel.d.ts +3 -4
  76. package/build/types/flowNavigation/backButton/BackButton.d.ts +3 -4
  77. package/build/types/index.d.ts +4 -0
  78. package/build/types/inputs/Input.d.ts +13 -0
  79. package/build/types/inputs/TextArea.d.ts +10 -0
  80. package/build/types/inputs/_common.d.ts +5 -0
  81. package/build/types/modal/Modal.story.d.ts +3 -2
  82. package/build/types/progressBar/ProgressBar.story.d.ts +3 -3
  83. package/build/types/provider/Provider.story.d.ts +2 -6
  84. package/build/types/select/searchBox/SearchBox.d.ts +1 -1
  85. package/build/types/tabs/TabList.d.ts +1 -2
  86. package/build/types/tabs/TabPanel.d.ts +4 -7
  87. package/build/types/test-utils/GlobalsDecorator.d.ts +4 -5
  88. package/build/types/test-utils/index.d.ts +1 -1
  89. package/build/types/tile/Tile.d.ts +9 -10
  90. package/build/types/tooltip/Tooltip.story.d.ts +2 -1
  91. package/build/types/typeahead/typeaheadInput/TypeaheadInput.d.ts +15 -16
  92. package/build/types/typeahead/typeaheadOption/TypeaheadOption.d.ts +4 -9
  93. package/build/types/upload/steps/completeStep/completeStep.d.ts +9 -10
  94. package/build/types/upload/steps/mediaUploadStep/mediaUploadStep.d.ts +8 -9
  95. package/build/types/upload/steps/processingStep/processingStep.d.ts +8 -9
  96. package/build/types/upload/steps/uploadImageStep/uploadImageStep.d.ts +8 -9
  97. package/build/types/uploadInput/UploadInput.story.d.ts +20 -37
  98. package/build/types/utils.d.ts +1 -0
  99. package/build/types/withDisplayFormat/WithDisplayFormat.d.ts +18 -19
  100. package/build/umd/no-polyfill/main.js +1 -1
  101. package/build/umd/polyfill/main.js +1 -1
  102. package/package.json +65 -33
  103. package/upgrades/2021-04-v35-36-typescript-support.js +1 -0
package/build/styles/inputs/Input.css ADDED
@@ -0,0 +1 @@
1
+ .np-form-control{--ring-width:1px;--ring-color:var(--color-interactive-secondary);background-color:transparent;border:none;box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color);color:#37517e;color:var(--color-content-primary);min-height:0;padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16);transition-duration:.3s;transition-property:color,opacity,box-shadow;transition-timing-function:ease-in-out}.np-form-control:focus-visible{outline:none}.np-form-control[aria-invalid=true]{--ring-width:2px;--ring-color:var(--color-sentiment-negative)!important}.np-form-control:hover:enabled{--ring-width:2px;--ring-color:var(--color-interactive-secondary-hover)}.np-form-control:focus:enabled{--ring-width:3px;--ring-color:var(--color-interactive-primary)}.np-form-control--size-auto{padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-form-control--size-lg,.np-form-control--size-md,.np-form-control--size-sm{padding-bottom:0!important;padding-top:0!important}.np-form-control--size-sm{height:32px!important;height:var(--size-32)!important}.np-form-control--size-md{height:48px!important;height:var(--size-48)!important}.np-form-control--size-lg{height:72px!important;height:var(--size-72)!important}.np-form-control--shape-rectangle{border-radius:10px;border-radius:var(--radius-small)}
package/build/styles/inputs/TextArea.css ADDED
@@ -0,0 +1 @@
1
+ .np-form-control{--ring-width:1px;--ring-color:var(--color-interactive-secondary);background-color:transparent;border:none;box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color);color:#37517e;color:var(--color-content-primary);min-height:0;padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16);transition-duration:.3s;transition-property:color,opacity,box-shadow;transition-timing-function:ease-in-out}.np-form-control:focus-visible{outline:none}.np-form-control[aria-invalid=true]{--ring-width:2px;--ring-color:var(--color-sentiment-negative)!important}.np-form-control:hover:enabled{--ring-width:2px;--ring-color:var(--color-interactive-secondary-hover)}.np-form-control:focus:enabled{--ring-width:3px;--ring-color:var(--color-interactive-primary)}.np-form-control--size-auto{padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-form-control--size-lg,.np-form-control--size-md,.np-form-control--size-sm{padding-bottom:0!important;padding-top:0!important}.np-form-control--size-sm{height:32px!important;height:var(--size-32)!important}.np-form-control--size-md{height:48px!important;height:var(--size-48)!important}.np-form-control--size-lg{height:72px!important;height:var(--size-72)!important}.np-form-control--shape-rectangle{border-radius:10px;border-radius:var(--radius-small)}.np-text-area{-ms-scroll-chaining:none;min-height:72px;min-height:var(--size-72);overscroll-behavior:none;scroll-padding-bottom:8px;scroll-padding-bottom:var(--size-8);scroll-padding-top:8px;scroll-padding-top:var(--size-8)}