@transferwise/components 45.0.1 → 45.1.1

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 (138) hide show
  1. package/LICENSE.md +4 -4
  2. package/README.md +3 -0
  3. package/build/es/no-polyfill/actionButton/ActionButton.story.js +1 -1
  4. package/build/es/no-polyfill/actionOption/ActionOption.story.js +1 -1
  5. package/build/es/no-polyfill/alert/Alert.story.js +1 -0
  6. package/build/es/no-polyfill/avatar/Avatar.story.js +1 -0
  7. package/build/es/no-polyfill/avatarWrapper/AvatarWrapper.js +1 -2
  8. package/build/es/no-polyfill/avatarWrapper/AvatarWrapper.story.js +1 -0
  9. package/build/es/no-polyfill/button/Button.js +1 -1
  10. package/build/es/no-polyfill/checkboxButton/CheckboxButton.story.js +1 -1
  11. package/build/es/no-polyfill/checkboxOption/CheckboxOption.story.js +1 -1
  12. package/build/es/no-polyfill/chevron/Chevron.story.js +1 -0
  13. package/build/es/no-polyfill/chips/Chips.story.js +1 -1
  14. package/build/es/no-polyfill/common/bottomSheet/BottomSheet.js +1 -21
  15. package/build/es/no-polyfill/common/hooks/useHasIntersected/useHasIntersected.js +1 -2
  16. package/build/es/no-polyfill/common/requirements.js +1 -19
  17. package/build/es/no-polyfill/dateInput/DateInput.js +3 -9
  18. package/build/es/no-polyfill/dimmer/Dimmer.story.js +2 -1
  19. package/build/es/no-polyfill/index.js +1 -1
  20. package/build/es/no-polyfill/inputs/Input.js +1 -0
  21. package/build/es/no-polyfill/inputs/TextArea.js +1 -0
  22. package/build/es/no-polyfill/inputs/_common.js +2 -0
  23. package/build/es/no-polyfill/loader/Loader.story.js +1 -0
  24. package/build/es/no-polyfill/logo/Logo.story.js +1 -0
  25. package/build/es/no-polyfill/modal/Modal.js +1 -2
  26. package/build/es/no-polyfill/money/Money.story.js +1 -0
  27. package/build/es/no-polyfill/moneyInput/MoneyInput.js +1 -1
  28. package/build/es/no-polyfill/moneyInput/MoneyInput.story.js +1 -0
  29. package/build/es/no-polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  30. package/build/es/no-polyfill/progress/Progress.story.js +1 -0
  31. package/build/es/no-polyfill/provider/Provider.spec.js +1 -2
  32. package/build/es/no-polyfill/provider/Provider.story.js +1 -1
  33. package/build/es/no-polyfill/select/searchBox/SearchBox.js +1 -1
  34. package/build/es/no-polyfill/slidingPanel/SlidingPanel.js +1 -1
  35. package/build/es/no-polyfill/statusIcon/StatusIcon.story.js +1 -0
  36. package/build/es/no-polyfill/tabs/Tabs.js +1 -6
  37. package/build/es/no-polyfill/typeahead/typeaheadInput/TypeaheadInput.js +1 -1
  38. package/build/es/no-polyfill/uploadInput/UploadInput.story.js +1 -1
  39. package/build/es/no-polyfill/utils.js +0 -0
  40. package/build/es/no-polyfill/withDisplayFormat/WithDisplayFormat.js +1 -2
  41. package/build/es/polyfill/actionButton/ActionButton.story.js +1 -1
  42. package/build/es/polyfill/actionOption/ActionOption.story.js +1 -1
  43. package/build/es/polyfill/alert/Alert.story.js +1 -0
  44. package/build/es/polyfill/avatar/Avatar.story.js +1 -0
  45. package/build/es/polyfill/avatarWrapper/AvatarWrapper.js +1 -2
  46. package/build/es/polyfill/avatarWrapper/AvatarWrapper.story.js +1 -0
  47. package/build/es/polyfill/button/Button.js +1 -1
  48. package/build/es/polyfill/checkboxButton/CheckboxButton.story.js +1 -1
  49. package/build/es/polyfill/checkboxOption/CheckboxOption.story.js +1 -1
  50. package/build/es/polyfill/chevron/Chevron.story.js +1 -0
  51. package/build/es/polyfill/chips/Chips.story.js +1 -1
  52. package/build/es/polyfill/common/bottomSheet/BottomSheet.js +1 -21
  53. package/build/es/polyfill/common/hooks/useHasIntersected/useHasIntersected.js +1 -2
  54. package/build/es/polyfill/common/requirements.js +1 -19
  55. package/build/es/polyfill/dateInput/DateInput.js +3 -9
  56. package/build/es/polyfill/dimmer/Dimmer.story.js +2 -1
  57. package/build/es/polyfill/index.js +1 -1
  58. package/build/es/polyfill/inputs/Input.js +1 -0
  59. package/build/es/polyfill/inputs/TextArea.js +1 -0
  60. package/build/es/polyfill/inputs/_common.js +2 -0
  61. package/build/es/polyfill/loader/Loader.story.js +1 -0
  62. package/build/es/polyfill/logo/Logo.story.js +1 -0
  63. package/build/es/polyfill/modal/Modal.js +1 -2
  64. package/build/es/polyfill/money/Money.story.js +1 -0
  65. package/build/es/polyfill/moneyInput/MoneyInput.js +1 -1
  66. package/build/es/polyfill/moneyInput/MoneyInput.story.js +1 -0
  67. package/build/es/polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  68. package/build/es/polyfill/progress/Progress.story.js +1 -0
  69. package/build/es/polyfill/provider/Provider.spec.js +1 -2
  70. package/build/es/polyfill/provider/Provider.story.js +1 -1
  71. package/build/es/polyfill/select/searchBox/SearchBox.js +1 -1
  72. package/build/es/polyfill/slidingPanel/SlidingPanel.js +1 -1
  73. package/build/es/polyfill/statusIcon/StatusIcon.story.js +1 -0
  74. package/build/es/polyfill/tabs/Tabs.js +1 -6
  75. package/build/es/polyfill/typeahead/typeaheadInput/TypeaheadInput.js +1 -1
  76. package/build/es/polyfill/uploadInput/UploadInput.story.js +1 -1
  77. package/build/es/polyfill/utils.js +0 -0
  78. package/build/es/polyfill/withDisplayFormat/WithDisplayFormat.js +1 -2
  79. package/build/main.css +1 -1
  80. package/build/styles/inputs/Input.css +1 -0
  81. package/build/styles/inputs/TextArea.css +1 -0
  82. package/build/styles/main.css +1 -1
  83. package/build/types/accordion/AccordionItem/AccordionItem.d.ts +8 -9
  84. package/build/types/actionButton/ActionButton.story.d.ts +13 -5
  85. package/build/types/actionOption/ActionOption.story.d.ts +28 -15
  86. package/build/types/alert/Alert.story.d.ts +56 -0
  87. package/build/types/alert/inlineMarkdown/InlineMarkdown.d.ts +2 -3
  88. package/build/types/alert/withArrow/withArrow.d.ts +1 -2
  89. package/build/types/avatar/Avatar.story.d.ts +42 -0
  90. package/build/types/avatarWrapper/AvatarWrapper.story.d.ts +59 -0
  91. package/build/types/checkboxButton/CheckboxButton.story.d.ts +4 -2
  92. package/build/types/checkboxOption/CheckboxOption.story.d.ts +4 -5
  93. package/build/types/chevron/Chevron.story.d.ts +44 -0
  94. package/build/types/chips/Chips.story.d.ts +9 -14
  95. package/build/types/common/RadioButton/RadioButton.d.ts +7 -8
  96. package/build/types/dateLookup/dateHeader/DateHeader.d.ts +4 -5
  97. package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts +8 -9
  98. package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts +6 -7
  99. package/build/types/dateLookup/tableLink/TableLink.d.ts +8 -9
  100. package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts +7 -8
  101. package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts +6 -7
  102. package/build/types/dimmer/Dimmer.story.d.ts +9 -1
  103. package/build/types/dynamicFieldDefinitionList/FormattedValue/FormattedValue.d.ts +2 -16
  104. package/build/types/flowNavigation/animatedLabel/AnimatedLabel.d.ts +3 -4
  105. package/build/types/flowNavigation/backButton/BackButton.d.ts +3 -4
  106. package/build/types/index.d.ts +4 -0
  107. package/build/types/inputs/Input.d.ts +13 -0
  108. package/build/types/inputs/TextArea.d.ts +10 -0
  109. package/build/types/inputs/_common.d.ts +5 -0
  110. package/build/types/loader/Loader.story.d.ts +28 -0
  111. package/build/types/logo/Logo.story.d.ts +32 -0
  112. package/build/types/modal/Modal.story.d.ts +3 -2
  113. package/build/types/money/Money.story.d.ts +19 -0
  114. package/build/types/moneyInput/MoneyInput.story.d.ts +35 -0
  115. package/build/types/progress/Progress.story.d.ts +17 -0
  116. package/build/types/progressBar/ProgressBar.story.d.ts +6 -1
  117. package/build/types/provider/Provider.story.d.ts +6 -7
  118. package/build/types/select/searchBox/SearchBox.d.ts +1 -1
  119. package/build/types/statusIcon/StatusIcon.story.d.ts +15 -0
  120. package/build/types/tabs/TabList.d.ts +1 -2
  121. package/build/types/tabs/TabPanel.d.ts +4 -7
  122. package/build/types/test-utils/GlobalsDecorator.d.ts +4 -5
  123. package/build/types/test-utils/index.d.ts +1 -1
  124. package/build/types/tile/Tile.d.ts +9 -10
  125. package/build/types/tooltip/Tooltip.story.d.ts +2 -1
  126. package/build/types/typeahead/typeaheadInput/TypeaheadInput.d.ts +15 -16
  127. package/build/types/typeahead/typeaheadOption/TypeaheadOption.d.ts +4 -9
  128. package/build/types/upload/steps/completeStep/completeStep.d.ts +9 -10
  129. package/build/types/upload/steps/mediaUploadStep/mediaUploadStep.d.ts +8 -9
  130. package/build/types/upload/steps/processingStep/processingStep.d.ts +8 -9
  131. package/build/types/upload/steps/uploadImageStep/uploadImageStep.d.ts +8 -9
  132. package/build/types/uploadInput/UploadInput.story.d.ts +20 -37
  133. package/build/types/utils.d.ts +1 -0
  134. package/build/types/withDisplayFormat/WithDisplayFormat.d.ts +18 -19
  135. package/build/umd/no-polyfill/main.js +1 -1
  136. package/build/umd/polyfill/main.js +1 -1
  137. package/package.json +65 -33
  138. 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)}