@transferwise/components 45.13.0 → 45.14.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 (85) hide show
  1. package/build/index.esm.js +152 -91
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +156 -94
  4. package/build/index.js.map +1 -1
  5. package/build/main.css +1 -1
  6. package/build/styles/inputs/InputGroup.css +1 -0
  7. package/build/styles/main.css +1 -1
  8. package/build/types/avatarWrapper/AvatarWrapper.d.ts +18 -28
  9. package/build/types/avatarWrapper/AvatarWrapper.d.ts.map +1 -1
  10. package/build/types/avatarWrapper/index.d.ts +1 -1
  11. package/build/types/avatarWrapper/index.d.ts.map +1 -1
  12. package/build/types/badge/Badge.d.ts +2 -2
  13. package/build/types/badge/Badge.d.ts.map +1 -1
  14. package/build/types/badge/index.d.ts +2 -1
  15. package/build/types/badge/index.d.ts.map +1 -1
  16. package/build/types/body/Body.d.ts +2 -2
  17. package/build/types/common/hooks/useEffectEvent.d.ts +2 -0
  18. package/build/types/common/hooks/useEffectEvent.d.ts.map +1 -0
  19. package/build/types/common/hooks/useResizeObserver.d.ts +3 -0
  20. package/build/types/common/hooks/useResizeObserver.d.ts.map +1 -0
  21. package/build/types/common/index.d.ts +1 -1
  22. package/build/types/common/panel/Panel.d.ts +1 -1
  23. package/build/types/common/propsValues/profileType.d.ts +2 -0
  24. package/build/types/common/propsValues/profileType.d.ts.map +1 -1
  25. package/build/types/common/propsValues/sentiment.d.ts +1 -0
  26. package/build/types/common/propsValues/sentiment.d.ts.map +1 -1
  27. package/build/types/common/responsivePanel/ResponsivePanel.d.ts +1 -1
  28. package/build/types/dimmer/Dimmer.d.ts +1 -1
  29. package/build/types/image/Image.d.ts +17 -21
  30. package/build/types/image/Image.d.ts.map +1 -1
  31. package/build/types/image/index.d.ts +1 -1
  32. package/build/types/image/index.d.ts.map +1 -1
  33. package/build/types/index.d.ts +2 -0
  34. package/build/types/index.d.ts.map +1 -1
  35. package/build/types/inlineAlert/InlineAlert.d.ts +12 -15
  36. package/build/types/inlineAlert/InlineAlert.d.ts.map +1 -1
  37. package/build/types/inlineAlert/index.d.ts +1 -1
  38. package/build/types/inlineAlert/index.d.ts.map +1 -1
  39. package/build/types/inputs/Input.d.ts +4 -8
  40. package/build/types/inputs/Input.d.ts.map +1 -1
  41. package/build/types/inputs/InputGroup.d.ts +21 -0
  42. package/build/types/inputs/InputGroup.d.ts.map +1 -0
  43. package/build/types/inputs/TextArea.d.ts +4 -7
  44. package/build/types/inputs/TextArea.d.ts.map +1 -1
  45. package/build/types/promoCard/PromoCard.d.ts.map +1 -1
  46. package/build/types/select/searchBox/SearchBox.d.ts +1 -1
  47. package/build/types/utilities/cssValueWithUnit.d.ts +2 -0
  48. package/build/types/utilities/cssValueWithUnit.d.ts.map +1 -0
  49. package/package.json +1 -1
  50. package/src/avatarWrapper/AvatarWrapper.spec.tsx +105 -0
  51. package/src/avatarWrapper/AvatarWrapper.story.tsx +1 -41
  52. package/src/avatarWrapper/{AvatarWrapper.js → AvatarWrapper.tsx} +25 -56
  53. package/src/avatarWrapper/__snapshots__/{AvatarWrapper.spec.js.snap → AvatarWrapper.spec.tsx.snap} +76 -76
  54. package/src/badge/Badge.tsx +2 -2
  55. package/src/badge/index.ts +2 -0
  56. package/src/common/hooks/useEffectEvent.ts +22 -0
  57. package/src/common/hooks/useResizeObserver.ts +22 -0
  58. package/src/common/index.js +1 -1
  59. package/src/common/propsValues/profileType.ts +3 -0
  60. package/src/common/propsValues/sentiment.ts +10 -0
  61. package/src/image/{Image.spec.js → Image.spec.tsx} +5 -5
  62. package/src/image/{Image.story.js → Image.story.tsx} +3 -3
  63. package/src/image/Image.tsx +65 -0
  64. package/src/index.ts +2 -0
  65. package/src/inlineAlert/{InlineAlert.story.js → InlineAlert.story.tsx} +3 -2
  66. package/src/inlineAlert/InlineAlert.tsx +59 -0
  67. package/src/inputs/Input.tsx +13 -7
  68. package/src/inputs/InputGroup.css +1 -0
  69. package/src/inputs/InputGroup.less +61 -0
  70. package/src/inputs/InputGroup.story.tsx +73 -0
  71. package/src/inputs/InputGroup.tsx +142 -0
  72. package/src/inputs/TextArea.tsx +7 -6
  73. package/src/main.css +1 -1
  74. package/src/main.less +1 -0
  75. package/src/promoCard/PromoCard.tsx +1 -6
  76. package/src/promoCard/__snapshots__/PromoCardGroup.spec.tsx.snap +2 -2
  77. package/src/utilities/cssValueWithUnit.ts +3 -0
  78. package/src/avatarWrapper/AvatarWrapper.spec.js +0 -81
  79. package/src/badge/index.js +0 -1
  80. package/src/image/Image.js +0 -78
  81. package/src/inlineAlert/InlineAlert.js +0 -62
  82. /package/src/avatarWrapper/{index.js → index.ts} +0 -0
  83. /package/src/image/{index.js → index.ts} +0 -0
  84. /package/src/inlineAlert/{InlineAlert.spec.js → InlineAlert.spec.tsx} +0 -0
  85. /package/src/inlineAlert/{index.js → index.ts} +0 -0
package/build/styles/inputs/InputGroup.css ADDED
@@ -0,0 +1 @@
1
+ .np-input-group{border-radius:50%;border-radius:var(--radius-full);display:inline-grid;grid-auto-columns:minmax(0,1fr)}.np-input-group>*{grid-column-start:1;grid-row-start:1}.np-input-addon{align-items:center;color:#c9cbce;color:var(--color-interactive-secondary);display:inline-flex;pointer-events:none;transition-duration:.15s;transition-property:color,opacity;transition-timing-function:ease-out;z-index:10}.np-input-group:has(>:is(input,button,select):focus-visible) .np-input-addon{color:var(--color-interactive-primary)}.np-input-group:has(>:is(input,button,select):hover) .np-input-addon{color:#b5b7ba;color:var(--color-interactive-secondary-hover)}.np-input-addon--placement-start{justify-self:start}.np-input-addon--placement-end{justify-self:end}.np-input-addon--interactive>*{pointer-events:auto}.np-input-addon--padding-sm{padding-left:8px;padding-left:var(--size-8);padding-right:8px;padding-right:var(--size-8)}.np-input-addon--padding-md{padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16)}.np-input-addon--padding-md.np-input-addon--placement-start{padding-inline-end:8px;padding-inline-end:var(--size-8)}.np-input-addon--padding-md.np-input-addon--placement-end{padding-inline-start:8px;padding-inline-start:var(--size-8)}