@transferwise/components 0.0.0-experimental-fd70ead → 0.0.0-experimental-2384dbf

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 (71) hide show
  1. package/build/i18n/cs.json +3 -0
  2. package/build/i18n/de.json +3 -0
  3. package/build/i18n/es.json +3 -0
  4. package/build/i18n/fr.json +3 -0
  5. package/build/i18n/hu.json +3 -0
  6. package/build/i18n/id.json +3 -0
  7. package/build/i18n/it.json +3 -0
  8. package/build/i18n/ja.json +3 -0
  9. package/build/i18n/pl.json +3 -0
  10. package/build/i18n/pt.json +3 -0
  11. package/build/i18n/ro.json +3 -0
  12. package/build/i18n/ru.json +3 -0
  13. package/build/i18n/th.json +3 -0
  14. package/build/i18n/tr.json +3 -0
  15. package/build/i18n/uk.json +3 -0
  16. package/build/i18n/zh-CN.json +3 -0
  17. package/build/index.esm.js +166 -2
  18. package/build/index.esm.js.map +1 -1
  19. package/build/index.js +166 -1
  20. package/build/index.js.map +1 -1
  21. package/build/main.css +1 -1
  22. package/build/styles/inputs/InputGroup.css +1 -0
  23. package/build/styles/main.css +1 -1
  24. package/build/types/body/Body.d.ts +2 -2
  25. package/build/types/common/hooks/useEffectEvent.d.ts +2 -0
  26. package/build/types/common/hooks/useEffectEvent.d.ts.map +1 -0
  27. package/build/types/common/hooks/useResizeObserver.d.ts +3 -0
  28. package/build/types/common/hooks/useResizeObserver.d.ts.map +1 -0
  29. package/build/types/common/panel/Panel.d.ts +1 -1
  30. package/build/types/common/responsivePanel/ResponsivePanel.d.ts +1 -1
  31. package/build/types/dimmer/Dimmer.d.ts +1 -1
  32. package/build/types/index.d.ts +2 -0
  33. package/build/types/index.d.ts.map +1 -1
  34. package/build/types/inputs/Input.d.ts +1 -1
  35. package/build/types/inputs/Input.d.ts.map +1 -1
  36. package/build/types/inputs/InputGroup.d.ts +21 -0
  37. package/build/types/inputs/InputGroup.d.ts.map +1 -0
  38. package/build/types/inputs/TextArea.d.ts +1 -1
  39. package/build/types/select/searchBox/SearchBox.d.ts +1 -1
  40. package/build/types/utilities/cssValueWithUnit.d.ts +2 -0
  41. package/build/types/utilities/cssValueWithUnit.d.ts.map +1 -0
  42. package/package.json +4 -4
  43. package/src/common/hooks/useEffectEvent.ts +22 -0
  44. package/src/common/hooks/useResizeObserver.ts +22 -0
  45. package/src/i18n/cs.json +3 -0
  46. package/src/i18n/de.json +3 -0
  47. package/src/i18n/es.json +3 -0
  48. package/src/i18n/fr.json +3 -0
  49. package/src/i18n/hu.json +3 -0
  50. package/src/i18n/id.json +3 -0
  51. package/src/i18n/it.json +3 -0
  52. package/src/i18n/ja.json +3 -0
  53. package/src/i18n/pl.json +3 -0
  54. package/src/i18n/pt.json +3 -0
  55. package/src/i18n/ro.json +3 -0
  56. package/src/i18n/ru.json +3 -0
  57. package/src/i18n/th.json +3 -0
  58. package/src/i18n/tr.json +3 -0
  59. package/src/i18n/uk.json +3 -0
  60. package/src/i18n/zh-CN.json +3 -0
  61. package/src/index.ts +2 -0
  62. package/src/inputs/Input.tsx +5 -0
  63. package/src/inputs/InputGroup.css +1 -0
  64. package/src/inputs/InputGroup.less +61 -0
  65. package/src/inputs/InputGroup.story.tsx +73 -0
  66. package/src/inputs/InputGroup.tsx +142 -0
  67. package/src/main.css +1 -1
  68. package/src/main.less +1 -0
  69. package/src/utilities/cssValueWithUnit.ts +3 -0
  70. package/build/i18n/zh-HK.json +0 -41
  71. package/src/i18n/zh-HK.json +0 -41
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)}