@transferwise/components 0.0.0-experimental-6f38fd8 → 0.0.0-experimental-37df6fe

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 (110) hide show
  1. package/build/flowNavigation/animatedLabel/AnimatedLabel.js +1 -1
  2. package/build/flowNavigation/animatedLabel/AnimatedLabel.js.map +1 -1
  3. package/build/flowNavigation/animatedLabel/AnimatedLabel.mjs +1 -1
  4. package/build/flowNavigation/animatedLabel/AnimatedLabel.mjs.map +1 -1
  5. package/build/index.js +4 -3
  6. package/build/index.js.map +1 -1
  7. package/build/index.mjs +3 -3
  8. package/build/listItem/List.js.map +1 -0
  9. package/build/listItem/List.mjs.map +1 -0
  10. package/build/{legacylistItem/LegacyListItem.js → listItem/ListItem.js} +3 -3
  11. package/build/listItem/ListItem.js.map +1 -0
  12. package/build/{legacylistItem/LegacyListItem.mjs → listItem/ListItem.mjs} +3 -3
  13. package/build/listItem/ListItem.mjs.map +1 -0
  14. package/build/main.css +185 -3
  15. package/build/phoneNumberInput/PhoneNumberInput.js +1 -1
  16. package/build/phoneNumberInput/PhoneNumberInput.js.map +1 -1
  17. package/build/phoneNumberInput/PhoneNumberInput.mjs +1 -1
  18. package/build/phoneNumberInput/PhoneNumberInput.mjs.map +1 -1
  19. package/build/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.js +2 -2
  20. package/build/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.js.map +1 -1
  21. package/build/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.mjs +2 -2
  22. package/build/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.mjs.map +1 -1
  23. package/build/styles/item/Item.css +185 -0
  24. package/build/styles/main.css +185 -3
  25. package/build/styles/switch/Switch.css +0 -3
  26. package/build/test-utils/assets/apple-pay-logo.svg +84 -0
  27. package/build/types/index.d.ts +4 -2
  28. package/build/types/index.d.ts.map +1 -1
  29. package/build/types/item/Item.d.ts +43 -0
  30. package/build/types/item/Item.d.ts.map +1 -0
  31. package/build/types/item/ItemAdditionalInfo.d.ts +9 -0
  32. package/build/types/item/ItemAdditionalInfo.d.ts.map +1 -0
  33. package/build/types/item/ItemButton.d.ts +4 -0
  34. package/build/types/item/ItemButton.d.ts.map +1 -0
  35. package/build/types/item/ItemCheckbox.d.ts +4 -0
  36. package/build/types/item/ItemCheckbox.d.ts.map +1 -0
  37. package/build/types/item/ItemIconButton.d.ts +7 -0
  38. package/build/types/item/ItemIconButton.d.ts.map +1 -0
  39. package/build/types/item/ItemMedia.d.ts +19 -0
  40. package/build/types/item/ItemMedia.d.ts.map +1 -0
  41. package/build/types/item/ItemNavigation.d.ts +4 -0
  42. package/build/types/item/ItemNavigation.d.ts.map +1 -0
  43. package/build/types/item/ItemSwitch.d.ts +3 -0
  44. package/build/types/item/ItemSwitch.d.ts.map +1 -0
  45. package/build/types/item/index.d.ts +6 -0
  46. package/build/types/item/index.d.ts.map +1 -0
  47. package/build/types/item/prompt/Prompt.d.ts +12 -0
  48. package/build/types/item/prompt/Prompt.d.ts.map +1 -0
  49. package/build/types/item/useItemControl.d.ts +5 -0
  50. package/build/types/item/useItemControl.d.ts.map +1 -0
  51. package/build/types/listItem/List.d.ts.map +1 -0
  52. package/build/types/{legacylistItem/LegacyListItem.d.ts → listItem/ListItem.d.ts} +4 -4
  53. package/build/types/listItem/ListItem.d.ts.map +1 -0
  54. package/build/types/listItem/index.d.ts +5 -0
  55. package/build/types/listItem/index.d.ts.map +1 -0
  56. package/build/types/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.d.ts +2 -2
  57. package/build/types/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.d.ts.map +1 -1
  58. package/build/types/test-utils/fake-data.d.ts +2 -0
  59. package/build/types/test-utils/fake-data.d.ts.map +1 -1
  60. package/package.json +3 -3
  61. package/src/flowNavigation/animatedLabel/AnimatedLabel.tsx +1 -1
  62. package/src/index.ts +4 -2
  63. package/src/item/Item.css +185 -0
  64. package/src/item/Item.less +178 -0
  65. package/src/item/Item.story.tsx +188 -0
  66. package/src/item/Item.tsx +174 -0
  67. package/src/item/ItemAdditionalInfo.tsx +31 -0
  68. package/src/item/ItemButton.spec.tsx +90 -0
  69. package/src/item/ItemButton.tsx +18 -0
  70. package/src/item/ItemCheckbox.tsx +11 -0
  71. package/src/item/ItemIconButton.tsx +13 -0
  72. package/src/item/ItemMedia.tsx +52 -0
  73. package/src/item/ItemNavigation.tsx +11 -0
  74. package/src/item/ItemSwitch.tsx +8 -0
  75. package/src/item/index.ts +6 -0
  76. package/src/item/prompt/Prompt.spec.tsx +77 -0
  77. package/src/item/prompt/Prompt.story.tsx +170 -0
  78. package/src/item/prompt/Prompt.tsx +44 -0
  79. package/src/item/useItemControl.tsx +12 -0
  80. package/src/{legacylistItem/LegacyListItem.tests.story.tsx → listItem/ListItem.tests.story.tsx} +2 -2
  81. package/src/{legacylistItem/LegacyListItem.tsx → listItem/ListItem.tsx} +3 -3
  82. package/src/listItem/index.ts +4 -0
  83. package/src/main.css +185 -3
  84. package/src/main.less +2 -1
  85. package/src/phoneNumberInput/PhoneNumberInput.spec.tsx +4 -4
  86. package/src/phoneNumberInput/PhoneNumberInput.story.tsx +0 -22
  87. package/src/phoneNumberInput/PhoneNumberInput.tsx +1 -1
  88. package/src/phoneNumberInput/utils/isValidPhoneNumber/isValidPhoneNumber.ts +3 -4
  89. package/src/switch/Switch.css +0 -3
  90. package/src/switch/Switch.less +0 -1
  91. package/src/test-utils/assets/apple-pay-logo.svg +84 -0
  92. package/src/test-utils/fake-data.ts +5 -0
  93. package/build/legacylistItem/LegacyListItem.js.map +0 -1
  94. package/build/legacylistItem/LegacyListItem.mjs.map +0 -1
  95. package/build/legacylistItem/List.js.map +0 -1
  96. package/build/legacylistItem/List.mjs.map +0 -1
  97. package/build/types/legacylistItem/LegacyListItem.d.ts.map +0 -1
  98. package/build/types/legacylistItem/List.d.ts.map +0 -1
  99. package/build/types/legacylistItem/index.d.ts +0 -5
  100. package/build/types/legacylistItem/index.d.ts.map +0 -1
  101. package/src/legacylistItem/index.ts +0 -4
  102. /package/build/{legacylistItem → listItem}/List.js +0 -0
  103. /package/build/{legacylistItem → listItem}/List.mjs +0 -0
  104. /package/build/styles/{legacylistItem/LegacyListItem.css → listItem/ListItem.css} +0 -0
  105. /package/build/types/{legacylistItem → listItem}/List.d.ts +0 -0
  106. /package/src/{legacylistItem → listItem}/List.tsx +0 -0
  107. /package/src/{legacylistItem/LegacyListItem.css → listItem/ListItem.css} +0 -0
  108. /package/src/{legacylistItem/LegacyListItem.less → listItem/ListItem.less} +0 -0
  109. /package/src/{legacylistItem/LegacyListItem.spec.tsx → listItem/ListItem.spec.tsx} +0 -0
  110. /package/src/{legacylistItem/LegacyListItem.story.tsx → listItem/ListItem.story.tsx} +0 -0
package/src/test-utils/fake-data.ts CHANGED
@@ -1,6 +1,11 @@
1
+ export const lorem5 = 'Lorem ipsum dolor sit amet.';
2
+
1
3
  export const lorem10 =
2
4
  'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iste, architecto?';
3
5
 
6
+ export const lorem20 =
7
+ 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum non explicabo doloribus rerum saepe ut beatae adipisci rem vero optio.';
8
+
4
9
  export const lorem40 =
5
10
  'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo esse quod et iure deserunt facilis similique voluptatem reprehenderit mollitia inventore, ab voluptate dignissimos autem repellat accusamus perferendis sed pariatur tempore possimus ipsam praesentium ipsum? Nesciunt cumque repellendus impedit aliquam! Error?';
6
11
 
package/build/legacylistItem/LegacyListItem.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"LegacyListItem.js","sources":["../../src/legacylistItem/LegacyListItem.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ElementType, FC, ReactNode } from 'react';\n\nimport Body from '../body/Body';\n\nexport type LegacyListItemProps = {\n title: ReactNode;\n value: ReactNode;\n media?: ReactNode;\n action?: ReactNode;\n className?: string;\n isContainerAligned?: boolean;\n as?: ElementType;\n};\n\nconst LegacyListItem: FC<LegacyListItemProps> = ({\n media,\n action,\n className,\n title,\n value,\n isContainerAligned,\n as = 'li',\n ...rest\n}) => {\n const Element = as;\n\n return (\n <Element\n className={clsx('np-list-item d-flex align-items-center p-y-2', className, {\n 'p-x-2': !isContainerAligned,\n })}\n {...rest}\n >\n {media}\n\n <div className={clsx('d-flex flex-column', { 'p-l-2': !!media, 'p-r-2': !!action })}>\n <Body type=\"body-default\" className=\"text-secondary m-b-0\">\n {title}\n </Body>\n {value && (\n <Body type=\"body-large\" className=\"text-primary text-overflow-wrap m-b-0\">\n {value}\n </Body>\n )}\n </div>\n\n {action ? <div className=\"np-list-item__action m-l-auto\">{action}</div> : null}\n </Element>\n );\n};\n\nexport default LegacyListItem;\n"],"names":["LegacyListItem","media","action","className","title","value","isContainerAligned","as","rest","Element","_jsxs","clsx","children","_jsx","Body","type"],"mappings":";;;;;;;;AAeMA,MAAAA,cAAc,GAA4BA,CAAC;EAC/CC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC,kBAAkB;AAClBC,EAAAA,EAAE,GAAG,IAAI;EACT,GAAGC,IAAAA;AACJ,CAAA,KAAI;EACH,MAAMC,OAAO,GAAGF,EAAE,CAAA;EAElB,oBACEG,eAAA,CAACD,OAAO,EAAA;AACNN,IAAAA,SAAS,EAAEQ,SAAI,CAAC,8CAA8C,EAAER,SAAS,EAAE;AACzE,MAAA,OAAO,EAAE,CAACG,kBAAAA;AACX,KAAA,CAAE;AAAA,IAAA,GACCE,IAAI;IAAAI,QAAA,EAAA,CAEPX,KAAK,eAENS,eAAA,CAAA,KAAA,EAAA;AAAKP,MAAAA,SAAS,EAAEQ,SAAI,CAAC,oBAAoB,EAAE;QAAE,OAAO,EAAE,CAAC,CAACV,KAAK;QAAE,OAAO,EAAE,CAAC,CAACC,MAAAA;AAAM,OAAE,CAAE;MAAAU,QAAA,EAAA,cAClFC,cAAA,CAACC,YAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,cAAc;AAACZ,QAAAA,SAAS,EAAC,sBAAsB;AAAAS,QAAAA,QAAA,EACvDR,KAAAA;AAAK,OACF,CACN,EAACC,KAAK,iBACJQ,cAAA,CAACC,YAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,YAAY;AAACZ,QAAAA,SAAS,EAAC,uCAAuC;AAAAS,QAAAA,QAAA,EACtEP,KAAAA;AAAK,OACF,CACP,CAAA;AAAA,KACE,CAEL,EAACH,MAAM,gBAAGW,cAAA,CAAA,KAAA,EAAA;AAAKV,MAAAA,SAAS,EAAC,+BAA+B;AAAAS,MAAAA,QAAA,EAAEV,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GACvE,CAAC,CAAA;AAEd;;;;"}
package/build/legacylistItem/LegacyListItem.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"LegacyListItem.mjs","sources":["../../src/legacylistItem/LegacyListItem.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ElementType, FC, ReactNode } from 'react';\n\nimport Body from '../body/Body';\n\nexport type LegacyListItemProps = {\n title: ReactNode;\n value: ReactNode;\n media?: ReactNode;\n action?: ReactNode;\n className?: string;\n isContainerAligned?: boolean;\n as?: ElementType;\n};\n\nconst LegacyListItem: FC<LegacyListItemProps> = ({\n media,\n action,\n className,\n title,\n value,\n isContainerAligned,\n as = 'li',\n ...rest\n}) => {\n const Element = as;\n\n return (\n <Element\n className={clsx('np-list-item d-flex align-items-center p-y-2', className, {\n 'p-x-2': !isContainerAligned,\n })}\n {...rest}\n >\n {media}\n\n <div className={clsx('d-flex flex-column', { 'p-l-2': !!media, 'p-r-2': !!action })}>\n <Body type=\"body-default\" className=\"text-secondary m-b-0\">\n {title}\n </Body>\n {value && (\n <Body type=\"body-large\" className=\"text-primary text-overflow-wrap m-b-0\">\n {value}\n </Body>\n )}\n </div>\n\n {action ? <div className=\"np-list-item__action m-l-auto\">{action}</div> : null}\n </Element>\n );\n};\n\nexport default LegacyListItem;\n"],"names":["LegacyListItem","media","action","className","title","value","isContainerAligned","as","rest","Element","_jsxs","clsx","children","_jsx","Body","type"],"mappings":";;;;AAeMA,MAAAA,cAAc,GAA4BA,CAAC;EAC/CC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC,kBAAkB;AAClBC,EAAAA,EAAE,GAAG,IAAI;EACT,GAAGC,IAAAA;AACJ,CAAA,KAAI;EACH,MAAMC,OAAO,GAAGF,EAAE,CAAA;EAElB,oBACEG,IAAA,CAACD,OAAO,EAAA;AACNN,IAAAA,SAAS,EAAEQ,IAAI,CAAC,8CAA8C,EAAER,SAAS,EAAE;AACzE,MAAA,OAAO,EAAE,CAACG,kBAAAA;AACX,KAAA,CAAE;AAAA,IAAA,GACCE,IAAI;IAAAI,QAAA,EAAA,CAEPX,KAAK,eAENS,IAAA,CAAA,KAAA,EAAA;AAAKP,MAAAA,SAAS,EAAEQ,IAAI,CAAC,oBAAoB,EAAE;QAAE,OAAO,EAAE,CAAC,CAACV,KAAK;QAAE,OAAO,EAAE,CAAC,CAACC,MAAAA;AAAM,OAAE,CAAE;MAAAU,QAAA,EAAA,cAClFC,GAAA,CAACC,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,cAAc;AAACZ,QAAAA,SAAS,EAAC,sBAAsB;AAAAS,QAAAA,QAAA,EACvDR,KAAAA;AAAK,OACF,CACN,EAACC,KAAK,iBACJQ,GAAA,CAACC,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,YAAY;AAACZ,QAAAA,SAAS,EAAC,uCAAuC;AAAAS,QAAAA,QAAA,EACtEP,KAAAA;AAAK,OACF,CACP,CAAA;AAAA,KACE,CAEL,EAACH,MAAM,gBAAGW,GAAA,CAAA,KAAA,EAAA;AAAKV,MAAAA,SAAS,EAAC,+BAA+B;AAAAS,MAAAA,QAAA,EAAEV,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GACvE,CAAC,CAAA;AAEd;;;;"}
package/build/legacylistItem/List.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.js","sources":["../../src/legacylistItem/List.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nexport interface ListProps {\n className?: string;\n children?: React.ReactNode;\n}\n\nexport function List({ className, children }: ListProps) {\n return <ul className={clsx(className, 'list-unstyled')}>{children}</ul>;\n}\n"],"names":["List","className","children","_jsx","clsx"],"mappings":";;;;;SAOgBA,IAAIA,CAAC;EAAEC,SAAS;AAAEC,EAAAA,QAAAA;AAAqB,CAAA,EAAA;AACrD,EAAA,oBAAOC,cAAA,CAAA,IAAA,EAAA;AAAIF,IAAAA,SAAS,EAAEG,SAAI,CAACH,SAAS,EAAE,eAAe,CAAE;AAAAC,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAAK,CAAC,CAAA;AACzE;;;;"}
package/build/legacylistItem/List.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.mjs","sources":["../../src/legacylistItem/List.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nexport interface ListProps {\n className?: string;\n children?: React.ReactNode;\n}\n\nexport function List({ className, children }: ListProps) {\n return <ul className={clsx(className, 'list-unstyled')}>{children}</ul>;\n}\n"],"names":["List","className","children","_jsx","clsx"],"mappings":";;;SAOgBA,IAAIA,CAAC;EAAEC,SAAS;AAAEC,EAAAA,QAAAA;AAAqB,CAAA,EAAA;AACrD,EAAA,oBAAOC,GAAA,CAAA,IAAA,EAAA;AAAIF,IAAAA,SAAS,EAAEG,IAAI,CAACH,SAAS,EAAE,eAAe,CAAE;AAAAC,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAAK,CAAC,CAAA;AACzE;;;;"}
package/build/types/legacylistItem/LegacyListItem.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"LegacyListItem.d.ts","sourceRoot":"","sources":["../../../src/legacylistItem/LegacyListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAmC3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/build/types/legacylistItem/List.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/legacylistItem/List.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,SAAS,+BAEtD"}
package/build/types/legacylistItem/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export { List } from './List';
2
- export type { ListProps } from './List';
3
- export { default } from './LegacyListItem';
4
- export type { LegacyListItemProps } from './LegacyListItem';
5
- //# sourceMappingURL=index.d.ts.map
package/build/types/legacylistItem/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/legacylistItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
package/src/legacylistItem/index.ts DELETED
@@ -1,4 +0,0 @@
1
- export { List } from './List';
2
- export type { ListProps } from './List';
3
- export { default } from './LegacyListItem';
4
- export type { LegacyListItemProps } from './LegacyListItem';
/package/build/{legacylistItem → listItem}/List.js RENAMED
File without changes
/package/build/{legacylistItem → listItem}/List.mjs RENAMED
File without changes
/package/src/{legacylistItem → listItem}/List.tsx RENAMED
File without changes