@transferwise/components 0.0.0-experimental-e068634 → 0.0.0-experimental-ea9a101

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 (358) hide show
  1. package/build/button/Button.js +0 -1
  2. package/build/button/Button.js.map +1 -1
  3. package/build/button/Button.mjs +0 -1
  4. package/build/button/Button.mjs.map +1 -1
  5. package/build/common/RadioButton/RadioButton.js +2 -5
  6. package/build/common/RadioButton/RadioButton.js.map +1 -1
  7. package/build/common/RadioButton/RadioButton.mjs +2 -5
  8. package/build/common/RadioButton/RadioButton.mjs.map +1 -1
  9. package/build/common/initials.js +4 -1
  10. package/build/common/initials.js.map +1 -1
  11. package/build/common/initials.mjs +4 -1
  12. package/build/common/initials.mjs.map +1 -1
  13. package/build/flowNavigation/animatedLabel/AnimatedLabel.js +3 -2
  14. package/build/flowNavigation/animatedLabel/AnimatedLabel.js.map +1 -1
  15. package/build/flowNavigation/animatedLabel/AnimatedLabel.mjs +2 -1
  16. package/build/flowNavigation/animatedLabel/AnimatedLabel.mjs.map +1 -1
  17. package/build/i18n/de.json +2 -0
  18. package/build/i18n/de.json.js +2 -0
  19. package/build/i18n/de.json.js.map +1 -1
  20. package/build/i18n/de.json.mjs +2 -0
  21. package/build/i18n/de.json.mjs.map +1 -1
  22. package/build/i18n/fr.json +2 -0
  23. package/build/i18n/fr.json.js +2 -0
  24. package/build/i18n/fr.json.js.map +1 -1
  25. package/build/i18n/fr.json.mjs +2 -0
  26. package/build/i18n/fr.json.mjs.map +1 -1
  27. package/build/i18n/hu.json +2 -0
  28. package/build/i18n/hu.json.js +2 -0
  29. package/build/i18n/hu.json.js.map +1 -1
  30. package/build/i18n/hu.json.mjs +2 -0
  31. package/build/i18n/hu.json.mjs.map +1 -1
  32. package/build/i18n/it.json +2 -0
  33. package/build/i18n/it.json.js +2 -0
  34. package/build/i18n/it.json.js.map +1 -1
  35. package/build/i18n/it.json.mjs +2 -0
  36. package/build/i18n/it.json.mjs.map +1 -1
  37. package/build/i18n/ja.json +2 -0
  38. package/build/i18n/ja.json.js +2 -0
  39. package/build/i18n/ja.json.js.map +1 -1
  40. package/build/i18n/ja.json.mjs +2 -0
  41. package/build/i18n/ja.json.mjs.map +1 -1
  42. package/build/i18n/pl.json +2 -0
  43. package/build/i18n/pl.json.js +2 -0
  44. package/build/i18n/pl.json.js.map +1 -1
  45. package/build/i18n/pl.json.mjs +2 -0
  46. package/build/i18n/pl.json.mjs.map +1 -1
  47. package/build/i18n/pt.json +2 -0
  48. package/build/i18n/pt.json.js +2 -0
  49. package/build/i18n/pt.json.js.map +1 -1
  50. package/build/i18n/pt.json.mjs +2 -0
  51. package/build/i18n/pt.json.mjs.map +1 -1
  52. package/build/i18n/ro.json +2 -0
  53. package/build/i18n/ro.json.js +2 -0
  54. package/build/i18n/ro.json.js.map +1 -1
  55. package/build/i18n/ro.json.mjs +2 -0
  56. package/build/i18n/ro.json.mjs.map +1 -1
  57. package/build/i18n/ru.json +2 -0
  58. package/build/i18n/ru.json.js +2 -0
  59. package/build/i18n/ru.json.js.map +1 -1
  60. package/build/i18n/ru.json.mjs +2 -0
  61. package/build/i18n/ru.json.mjs.map +1 -1
  62. package/build/i18n/tr.json +2 -0
  63. package/build/i18n/tr.json.js +2 -0
  64. package/build/i18n/tr.json.js.map +1 -1
  65. package/build/i18n/tr.json.mjs +2 -0
  66. package/build/i18n/tr.json.mjs.map +1 -1
  67. package/build/i18n/zh-CN.json +2 -0
  68. package/build/i18n/zh-CN.json.js +2 -0
  69. package/build/i18n/zh-CN.json.js.map +1 -1
  70. package/build/i18n/zh-CN.json.mjs +2 -0
  71. package/build/i18n/zh-CN.json.mjs.map +1 -1
  72. package/build/i18n/zh-HK.json +2 -0
  73. package/build/i18n/zh-HK.json.js +2 -0
  74. package/build/i18n/zh-HK.json.js.map +1 -1
  75. package/build/i18n/zh-HK.json.mjs +2 -0
  76. package/build/i18n/zh-HK.json.mjs.map +1 -1
  77. package/build/iconButton/IconButton.js.map +1 -1
  78. package/build/iconButton/IconButton.mjs.map +1 -1
  79. package/build/image/Image.js.map +1 -1
  80. package/build/image/Image.mjs.map +1 -1
  81. package/build/index.js +2 -4
  82. package/build/index.js.map +1 -1
  83. package/build/index.mjs +1 -2
  84. package/build/index.mjs.map +1 -1
  85. package/build/legacylistItem/List.js +17 -0
  86. package/build/legacylistItem/List.js.map +1 -0
  87. package/build/legacylistItem/List.mjs +15 -0
  88. package/build/legacylistItem/List.mjs.map +1 -0
  89. package/build/main.css +2 -774
  90. package/build/styles/avatarView/AvatarView.css +1 -3
  91. package/build/styles/button/Button.css +1 -1
  92. package/build/styles/main.css +2 -774
  93. package/build/switch/Switch.js +1 -3
  94. package/build/switch/Switch.js.map +1 -1
  95. package/build/switch/Switch.mjs +1 -3
  96. package/build/switch/Switch.mjs.map +1 -1
  97. package/build/types/button/Button.d.ts.map +1 -1
  98. package/build/types/button/Button.types.d.ts +1 -1
  99. package/build/types/button/Button.types.d.ts.map +1 -1
  100. package/build/types/button/index.d.ts +1 -1
  101. package/build/types/button/index.d.ts.map +1 -1
  102. package/build/types/common/RadioButton/RadioButton.d.ts +1 -3
  103. package/build/types/common/RadioButton/RadioButton.d.ts.map +1 -1
  104. package/build/types/common/initials.d.ts.map +1 -1
  105. package/build/types/iconButton/IconButton.d.ts +2 -2
  106. package/build/types/iconButton/IconButton.d.ts.map +1 -1
  107. package/build/types/image/Image.d.ts +0 -3
  108. package/build/types/image/Image.d.ts.map +1 -1
  109. package/build/types/image/index.d.ts +0 -1
  110. package/build/types/image/index.d.ts.map +1 -1
  111. package/build/types/index.d.ts +2 -6
  112. package/build/types/index.d.ts.map +1 -1
  113. package/build/types/legacylistItem/List.d.ts +6 -0
  114. package/build/types/legacylistItem/List.d.ts.map +1 -0
  115. package/build/types/legacylistItem/index.d.ts +2 -0
  116. package/build/types/legacylistItem/index.d.ts.map +1 -1
  117. package/build/types/switch/Switch.d.ts +1 -3
  118. package/build/types/switch/Switch.d.ts.map +1 -1
  119. package/package.json +1 -1
  120. package/src/avatarView/AvatarView.css +1 -3
  121. package/src/avatarView/AvatarView.less +1 -2
  122. package/src/button/Button.css +1 -1
  123. package/src/button/Button.less +1 -1
  124. package/src/button/Button.spec.tsx +0 -18
  125. package/src/button/Button.story.tsx +69 -64
  126. package/src/button/Button.tsx +1 -5
  127. package/src/button/Button.types.ts +1 -1
  128. package/src/button/index.ts +1 -1
  129. package/src/checkboxButton/CheckboxButton.story.tsx +4 -4
  130. package/src/common/RadioButton/RadioButton.tsx +1 -6
  131. package/src/common/initials.spec.tsx +13 -0
  132. package/src/common/initials.ts +5 -0
  133. package/src/flowNavigation/animatedLabel/AnimatedLabel.tsx +1 -1
  134. package/src/i18n/de.json +2 -0
  135. package/src/i18n/fr.json +2 -0
  136. package/src/i18n/hu.json +2 -0
  137. package/src/i18n/it.json +2 -0
  138. package/src/i18n/ja.json +2 -0
  139. package/src/i18n/pl.json +2 -0
  140. package/src/i18n/pt.json +2 -0
  141. package/src/i18n/ro.json +2 -0
  142. package/src/i18n/ru.json +2 -0
  143. package/src/i18n/tr.json +2 -0
  144. package/src/i18n/zh-CN.json +2 -0
  145. package/src/i18n/zh-HK.json +2 -0
  146. package/src/iconButton/IconButton.story.tsx +1 -1
  147. package/src/iconButton/IconButton.tsx +1 -1
  148. package/src/image/Image.tsx +0 -3
  149. package/src/image/index.ts +0 -1
  150. package/src/index.ts +2 -6
  151. package/src/legacylistItem/LegacyListItem.story.tsx +2 -2
  152. package/src/legacylistItem/LegacyListItem.tests.story.tsx +1 -2
  153. package/src/legacylistItem/List.tsx +10 -0
  154. package/src/legacylistItem/index.ts +2 -0
  155. package/src/main.css +2 -774
  156. package/src/main.less +0 -1
  157. package/src/switch/Switch.tsx +2 -6
  158. package/src/test-utils/Parameters.d.ts +77 -0
  159. package/build/list/List.js +0 -21
  160. package/build/list/List.js.map +0 -1
  161. package/build/list/List.mjs +0 -17
  162. package/build/list/List.mjs.map +0 -1
  163. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.js +0 -56
  164. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.js.map +0 -1
  165. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.mjs +0 -54
  166. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.mjs.map +0 -1
  167. package/build/listItem/AvatarLayout/ListItemAvatarLayout.js +0 -23
  168. package/build/listItem/AvatarLayout/ListItemAvatarLayout.js.map +0 -1
  169. package/build/listItem/AvatarLayout/ListItemAvatarLayout.mjs +0 -21
  170. package/build/listItem/AvatarLayout/ListItemAvatarLayout.mjs.map +0 -1
  171. package/build/listItem/AvatarView/ListItemAvatarView.js +0 -23
  172. package/build/listItem/AvatarView/ListItemAvatarView.js.map +0 -1
  173. package/build/listItem/AvatarView/ListItemAvatarView.mjs +0 -21
  174. package/build/listItem/AvatarView/ListItemAvatarView.mjs.map +0 -1
  175. package/build/listItem/Button/ListItemButton.js +0 -43
  176. package/build/listItem/Button/ListItemButton.js.map +0 -1
  177. package/build/listItem/Button/ListItemButton.mjs +0 -41
  178. package/build/listItem/Button/ListItemButton.mjs.map +0 -1
  179. package/build/listItem/Checkbox/ListItemCheckbox.js +0 -30
  180. package/build/listItem/Checkbox/ListItemCheckbox.js.map +0 -1
  181. package/build/listItem/Checkbox/ListItemCheckbox.mjs +0 -28
  182. package/build/listItem/Checkbox/ListItemCheckbox.mjs.map +0 -1
  183. package/build/listItem/IconButton/ListItemIconButton.js +0 -56
  184. package/build/listItem/IconButton/ListItemIconButton.js.map +0 -1
  185. package/build/listItem/IconButton/ListItemIconButton.mjs +0 -54
  186. package/build/listItem/IconButton/ListItemIconButton.mjs.map +0 -1
  187. package/build/listItem/Image/ListItemImage.js +0 -31
  188. package/build/listItem/Image/ListItemImage.js.map +0 -1
  189. package/build/listItem/Image/ListItemImage.mjs +0 -29
  190. package/build/listItem/Image/ListItemImage.mjs.map +0 -1
  191. package/build/listItem/ListItem.js +0 -312
  192. package/build/listItem/ListItem.js.map +0 -1
  193. package/build/listItem/ListItem.mjs +0 -307
  194. package/build/listItem/ListItem.mjs.map +0 -1
  195. package/build/listItem/ListItemContext.js +0 -8
  196. package/build/listItem/ListItemContext.js.map +0 -1
  197. package/build/listItem/ListItemContext.mjs +0 -6
  198. package/build/listItem/ListItemContext.mjs.map +0 -1
  199. package/build/listItem/Navigation/ListItemNavigation.js +0 -45
  200. package/build/listItem/Navigation/ListItemNavigation.js.map +0 -1
  201. package/build/listItem/Navigation/ListItemNavigation.mjs +0 -43
  202. package/build/listItem/Navigation/ListItemNavigation.mjs.map +0 -1
  203. package/build/listItem/Prompt/ListItemPrompt.js +0 -59
  204. package/build/listItem/Prompt/ListItemPrompt.js.map +0 -1
  205. package/build/listItem/Prompt/ListItemPrompt.mjs +0 -54
  206. package/build/listItem/Prompt/ListItemPrompt.mjs.map +0 -1
  207. package/build/listItem/Radio/ListItemRadio.js +0 -30
  208. package/build/listItem/Radio/ListItemRadio.js.map +0 -1
  209. package/build/listItem/Radio/ListItemRadio.mjs +0 -28
  210. package/build/listItem/Radio/ListItemRadio.mjs.map +0 -1
  211. package/build/listItem/Switch/ListItemSwitch.js +0 -30
  212. package/build/listItem/Switch/ListItemSwitch.js.map +0 -1
  213. package/build/listItem/Switch/ListItemSwitch.mjs +0 -28
  214. package/build/listItem/Switch/ListItemSwitch.mjs.map +0 -1
  215. package/build/listItem/useListItemControl.js +0 -22
  216. package/build/listItem/useListItemControl.js.map +0 -1
  217. package/build/listItem/useListItemControl.mjs +0 -20
  218. package/build/listItem/useListItemControl.mjs.map +0 -1
  219. package/build/listItem/useListItemMedia.js +0 -21
  220. package/build/listItem/useListItemMedia.js.map +0 -1
  221. package/build/listItem/useListItemMedia.mjs +0 -19
  222. package/build/listItem/useListItemMedia.mjs.map +0 -1
  223. package/build/styles/listItem/ListItem.css +0 -770
  224. package/build/styles/listItem/ListItem.grid.css +0 -370
  225. package/build/test-utils/assets/placeholder-landscape.svg +0 -1
  226. package/build/test-utils/assets/placeholder-portrait.svg +0 -1
  227. package/build/types/list/List.d.ts +0 -10
  228. package/build/types/list/List.d.ts.map +0 -1
  229. package/build/types/list/index.d.ts +0 -3
  230. package/build/types/list/index.d.ts.map +0 -1
  231. package/build/types/listItem/AdditionalInfo/ListItemAdditionalInfo.d.ts +0 -15
  232. package/build/types/listItem/AdditionalInfo/ListItemAdditionalInfo.d.ts.map +0 -1
  233. package/build/types/listItem/AdditionalInfo/index.d.ts +0 -3
  234. package/build/types/listItem/AdditionalInfo/index.d.ts.map +0 -1
  235. package/build/types/listItem/AvatarLayout/ListItemAvatarLayout.d.ts +0 -18
  236. package/build/types/listItem/AvatarLayout/ListItemAvatarLayout.d.ts.map +0 -1
  237. package/build/types/listItem/AvatarLayout/index.d.ts +0 -3
  238. package/build/types/listItem/AvatarLayout/index.d.ts.map +0 -1
  239. package/build/types/listItem/AvatarView/ListItemAvatarView.d.ts +0 -16
  240. package/build/types/listItem/AvatarView/ListItemAvatarView.d.ts.map +0 -1
  241. package/build/types/listItem/AvatarView/index.d.ts +0 -3
  242. package/build/types/listItem/AvatarView/index.d.ts.map +0 -1
  243. package/build/types/listItem/Button/ListItemButton.d.ts +0 -20
  244. package/build/types/listItem/Button/ListItemButton.d.ts.map +0 -1
  245. package/build/types/listItem/Button/index.d.ts +0 -3
  246. package/build/types/listItem/Button/index.d.ts.map +0 -1
  247. package/build/types/listItem/Checkbox/ListItemCheckbox.d.ts +0 -14
  248. package/build/types/listItem/Checkbox/ListItemCheckbox.d.ts.map +0 -1
  249. package/build/types/listItem/Checkbox/index.d.ts +0 -3
  250. package/build/types/listItem/Checkbox/index.d.ts.map +0 -1
  251. package/build/types/listItem/IconButton/ListItemIconButton.d.ts +0 -18
  252. package/build/types/listItem/IconButton/ListItemIconButton.d.ts.map +0 -1
  253. package/build/types/listItem/IconButton/index.d.ts +0 -3
  254. package/build/types/listItem/IconButton/index.d.ts.map +0 -1
  255. package/build/types/listItem/Image/ListItemImage.d.ts +0 -25
  256. package/build/types/listItem/Image/ListItemImage.d.ts.map +0 -1
  257. package/build/types/listItem/Image/index.d.ts +0 -3
  258. package/build/types/listItem/Image/index.d.ts.map +0 -1
  259. package/build/types/listItem/ListItem.d.ts +0 -113
  260. package/build/types/listItem/ListItem.d.ts.map +0 -1
  261. package/build/types/listItem/ListItemContext.d.ts +0 -22
  262. package/build/types/listItem/ListItemContext.d.ts.map +0 -1
  263. package/build/types/listItem/Navigation/ListItemNavigation.d.ts +0 -15
  264. package/build/types/listItem/Navigation/ListItemNavigation.d.ts.map +0 -1
  265. package/build/types/listItem/Navigation/index.d.ts +0 -3
  266. package/build/types/listItem/Navigation/index.d.ts.map +0 -1
  267. package/build/types/listItem/Prompt/ListItemPrompt.d.ts +0 -16
  268. package/build/types/listItem/Prompt/ListItemPrompt.d.ts.map +0 -1
  269. package/build/types/listItem/Prompt/index.d.ts +0 -3
  270. package/build/types/listItem/Prompt/index.d.ts.map +0 -1
  271. package/build/types/listItem/Radio/ListItemRadio.d.ts +0 -14
  272. package/build/types/listItem/Radio/ListItemRadio.d.ts.map +0 -1
  273. package/build/types/listItem/Radio/index.d.ts +0 -3
  274. package/build/types/listItem/Radio/index.d.ts.map +0 -1
  275. package/build/types/listItem/Switch/ListItemSwitch.d.ts +0 -14
  276. package/build/types/listItem/Switch/ListItemSwitch.d.ts.map +0 -1
  277. package/build/types/listItem/Switch/index.d.ts +0 -3
  278. package/build/types/listItem/Switch/index.d.ts.map +0 -1
  279. package/build/types/listItem/_stories/helpers.d.ts +0 -27
  280. package/build/types/listItem/_stories/helpers.d.ts.map +0 -1
  281. package/build/types/listItem/_stories/subcomponents.d.ts +0 -18
  282. package/build/types/listItem/_stories/subcomponents.d.ts.map +0 -1
  283. package/build/types/listItem/index.d.ts +0 -14
  284. package/build/types/listItem/index.d.ts.map +0 -1
  285. package/build/types/listItem/test-utils.d.ts +0 -7
  286. package/build/types/listItem/test-utils.d.ts.map +0 -1
  287. package/build/types/listItem/useListItemControl.d.ts +0 -5
  288. package/build/types/listItem/useListItemControl.d.ts.map +0 -1
  289. package/build/types/listItem/useListItemMedia.d.ts +0 -6
  290. package/build/types/listItem/useListItemMedia.d.ts.map +0 -1
  291. package/src/list/List.spec.tsx +0 -52
  292. package/src/list/List.story.tsx +0 -30
  293. package/src/list/List.tsx +0 -14
  294. package/src/list/index.ts +0 -2
  295. package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.spec.tsx +0 -56
  296. package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.story.tsx +0 -198
  297. package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.tsx +0 -36
  298. package/src/listItem/AdditionalInfo/index.ts +0 -2
  299. package/src/listItem/AvatarLayout/ListItemAvatarLayout.spec.tsx +0 -59
  300. package/src/listItem/AvatarLayout/ListItemAvatarLayout.story.tsx +0 -124
  301. package/src/listItem/AvatarLayout/ListItemAvatarLayout.tsx +0 -27
  302. package/src/listItem/AvatarLayout/index.ts +0 -2
  303. package/src/listItem/AvatarView/ListItemAvatarView.spec.tsx +0 -75
  304. package/src/listItem/AvatarView/ListItemAvatarView.story.tsx +0 -339
  305. package/src/listItem/AvatarView/ListItemAvatarView.tsx +0 -27
  306. package/src/listItem/AvatarView/index.ts +0 -2
  307. package/src/listItem/Button/ListItemButton.spec.tsx +0 -68
  308. package/src/listItem/Button/ListItemButton.story.tsx +0 -473
  309. package/src/listItem/Button/ListItemButton.tsx +0 -56
  310. package/src/listItem/Button/index.ts +0 -2
  311. package/src/listItem/Checkbox/ListItemCheckbox.spec.tsx +0 -82
  312. package/src/listItem/Checkbox/ListItemCheckbox.story.tsx +0 -128
  313. package/src/listItem/Checkbox/ListItemCheckbox.tsx +0 -33
  314. package/src/listItem/Checkbox/index.ts +0 -2
  315. package/src/listItem/IconButton/ListItemIconButton.spec.tsx +0 -119
  316. package/src/listItem/IconButton/ListItemIconButton.story.tsx +0 -284
  317. package/src/listItem/IconButton/ListItemIconButton.tsx +0 -73
  318. package/src/listItem/IconButton/index.ts +0 -2
  319. package/src/listItem/Image/ListItemImage.spec.tsx +0 -30
  320. package/src/listItem/Image/ListItemImage.story.tsx +0 -80
  321. package/src/listItem/Image/ListItemImage.tsx +0 -46
  322. package/src/listItem/Image/index.ts +0 -2
  323. package/src/listItem/ListItem.css +0 -770
  324. package/src/listItem/ListItem.grid.css +0 -370
  325. package/src/listItem/ListItem.grid.less +0 -622
  326. package/src/listItem/ListItem.less +0 -421
  327. package/src/listItem/ListItem.spec.tsx +0 -1521
  328. package/src/listItem/ListItem.tsx +0 -447
  329. package/src/listItem/ListItemContext.tsx +0 -27
  330. package/src/listItem/Navigation/ListItemNavigation.spec.tsx +0 -59
  331. package/src/listItem/Navigation/ListItemNavigation.story.tsx +0 -112
  332. package/src/listItem/Navigation/ListItemNavigation.tsx +0 -40
  333. package/src/listItem/Navigation/index.ts +0 -2
  334. package/src/listItem/Prompt/ListItemPrompt.spec.tsx +0 -36
  335. package/src/listItem/Prompt/ListItemPrompt.story.tsx +0 -204
  336. package/src/listItem/Prompt/ListItemPrompt.tsx +0 -32
  337. package/src/listItem/Prompt/index.ts +0 -2
  338. package/src/listItem/Radio/ListItemRadio.spec.tsx +0 -66
  339. package/src/listItem/Radio/ListItemRadio.story.tsx +0 -111
  340. package/src/listItem/Radio/ListItemRadio.tsx +0 -33
  341. package/src/listItem/Radio/index.ts +0 -2
  342. package/src/listItem/Switch/ListItemSwitch.spec.tsx +0 -47
  343. package/src/listItem/Switch/ListItemSwitch.story.tsx +0 -79
  344. package/src/listItem/Switch/ListItemSwitch.tsx +0 -33
  345. package/src/listItem/Switch/index.ts +0 -2
  346. package/src/listItem/_stories/ListItem.focus.test.story.tsx +0 -265
  347. package/src/listItem/_stories/ListItem.layout.test.story.tsx +0 -354
  348. package/src/listItem/_stories/ListItem.scenarios.story.tsx +0 -228
  349. package/src/listItem/_stories/ListItem.story.tsx +0 -775
  350. package/src/listItem/_stories/ListItem.variants.test.story.tsx +0 -271
  351. package/src/listItem/_stories/helpers.tsx +0 -53
  352. package/src/listItem/_stories/subcomponents.tsx +0 -139
  353. package/src/listItem/index.ts +0 -14
  354. package/src/listItem/test-utils.tsx +0 -33
  355. package/src/listItem/useListItemControl.tsx +0 -18
  356. package/src/listItem/useListItemMedia.tsx +0 -13
  357. package/src/test-utils/assets/placeholder-landscape.svg +0 -1
  358. package/src/test-utils/assets/placeholder-portrait.svg +0 -1
package/src/listItem/ListItem.grid.css DELETED
@@ -1,370 +0,0 @@
1
- .wds-list-item-gridWrapper {
2
- display: grid;
3
- grid-gap: 4px 16px;
4
- grid-gap: var(--size-4) var(--size-16);
5
- gap: 4px 16px;
6
- gap: var(--size-4) var(--size-16);
7
- }
8
- @container (min-width: 375px) {
9
- .wds-list-item-gridWrapper .wds-list-item-media-image {
10
- -o-object-position: center;
11
- object-position: center;
12
- }
13
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
14
- grid-template-columns: auto 1fr auto;
15
- grid-template-rows: auto auto auto;
16
- grid-template-areas: "media body control" ". info ." ". prompt prompt";
17
- }
18
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
19
- grid-template-columns: auto 1fr auto;
20
- grid-template-rows: auto auto;
21
- grid-template-areas: "media body control" ". info .";
22
- }
23
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
24
- grid-template-columns: auto 1fr auto;
25
- grid-template-rows: auto auto;
26
- grid-template-areas: "media body control" ". prompt prompt";
27
- }
28
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
29
- grid-template-columns: auto 1fr auto;
30
- grid-template-rows: auto;
31
- grid-template-areas: "media body control";
32
- }
33
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
34
- grid-template-columns: auto 1fr;
35
- grid-template-rows: auto auto;
36
- grid-template-areas: "media body" ". info" ". prompt";
37
- }
38
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
39
- grid-template-columns: auto 1fr;
40
- grid-template-rows: auto auto auto;
41
- grid-template-areas: "media body" ". info";
42
- }
43
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt {
44
- grid-template-columns: auto 1fr;
45
- grid-template-rows: auto auto;
46
- grid-template-areas: "media body" ". prompt";
47
- }
48
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-noPrompt {
49
- grid-template-columns: auto 1fr;
50
- grid-template-rows: auto;
51
- grid-template-areas: "media body";
52
- }
53
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl .wds-list-item-prompt {
54
- grid-column: 1 / -1;
55
- }
56
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
57
- grid-template-columns: 1fr auto;
58
- grid-template-rows: auto auto auto;
59
- grid-template-areas: "body control" "info ." "prompt prompt";
60
- }
61
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
62
- grid-template-columns: 1fr auto;
63
- grid-template-rows: auto auto;
64
- grid-template-areas: "body control" "info .";
65
- }
66
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
67
- grid-template-columns: 1fr auto;
68
- grid-template-rows: auto auto;
69
- grid-template-areas: "body control" "prompt prompt";
70
- }
71
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt {
72
- grid-template-columns: 1fr auto;
73
- grid-template-rows: auto;
74
- grid-template-areas: "body control";
75
- }
76
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl .wds-list-item-prompt {
77
- grid-column: 1 / -1;
78
- }
79
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-hasPrompt {
80
- grid-template-columns: 1fr;
81
- grid-template-rows: auto auto auto;
82
- grid-template-areas: "body" "info" "prompt";
83
- }
84
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-noPrompt {
85
- grid-template-columns: 1fr;
86
- grid-template-rows: auto auto;
87
- grid-template-areas: "body" "info";
88
- }
89
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-hasPrompt {
90
- grid-template-columns: 1fr;
91
- grid-template-rows: auto auto;
92
- grid-template-areas: "body" "prompt";
93
- }
94
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-noPrompt {
95
- grid-template-columns: 1fr;
96
- grid-template-rows: auto;
97
- grid-template-areas: "body";
98
- }
99
- }
100
- @container (min-width: 297px) and (max-width: 375px) {
101
- .wds-list-item-gridWrapper .wds-list-item-media-image {
102
- -o-object-position: bottom left;
103
- object-position: bottom left;
104
- }
105
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl .wds-list-item-media {
106
- margin-bottom: 12px;
107
- margin-bottom: var(--size-12);
108
- }
109
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
110
- grid-template-columns: 1fr auto;
111
- grid-template-rows: auto auto auto auto;
112
- grid-template-areas: "media media" "body control" "info control" "prompt prompt";
113
- }
114
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
115
- grid-template-columns: 1fr;
116
- grid-template-areas: "media" "body" "info" "prompt" "control";
117
- }
118
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
119
- grid-template-columns: 1fr auto;
120
- grid-template-rows: auto auto auto;
121
- grid-template-areas: "media media" "body control" "info control";
122
- }
123
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
124
- grid-template-columns: 1fr;
125
- grid-template-areas: "media" "body" "info" "control";
126
- }
127
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
128
- grid-template-columns: 1fr auto;
129
- grid-template-rows: auto auto auto;
130
- grid-template-areas: "media media" "body control" "prompt prompt";
131
- }
132
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
133
- grid-template-columns: 1fr;
134
- grid-template-areas: "media" "body" "prompt" "control";
135
- }
136
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
137
- grid-template-columns: 1fr auto;
138
- grid-template-rows: auto auto;
139
- grid-template-areas: "media media" "body control";
140
- }
141
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
142
- grid-template-columns: 1fr;
143
- grid-template-areas: "media" "body" "control";
144
- }
145
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl .wds-list-item-media {
146
- margin-bottom: 12px;
147
- margin-bottom: var(--size-12);
148
- }
149
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
150
- grid-template-columns: auto auto;
151
- grid-template-rows: auto auto auto auto;
152
- grid-template-areas: "media media" "body body" "info info" "prompt prompt";
153
- }
154
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
155
- grid-template-columns: auto 1fr;
156
- grid-template-rows: auto auto auto;
157
- grid-template-areas: "media media" "body body" "info info";
158
- }
159
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt {
160
- grid-template-columns: auto 1fr;
161
- grid-template-rows: auto auto auto;
162
- grid-template-areas: "media media" "body body" "prompt prompt";
163
- }
164
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-noPrompt {
165
- grid-template-columns: 1fr;
166
- grid-template-rows: auto auto;
167
- grid-template-areas: "media" "body";
168
- }
169
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl .wds-list-item-prompt {
170
- grid-column: 1 / -1;
171
- }
172
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
173
- grid-template-columns: 1fr auto;
174
- grid-template-rows: auto auto auto;
175
- grid-template-areas: "body control" "info control" "prompt prompt";
176
- }
177
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
178
- grid-template-columns: 1fr;
179
- grid-template-areas: "body" "info" "prompt" "control";
180
- }
181
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
182
- grid-template-columns: 1fr auto;
183
- grid-template-rows: auto auto;
184
- grid-template-areas: "body control" "info control";
185
- }
186
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
187
- grid-template-columns: 1fr;
188
- grid-template-areas: "body" "info" "control";
189
- }
190
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
191
- grid-template-columns: 1fr auto;
192
- grid-template-rows: auto auto;
193
- grid-template-areas: "body control" "prompt prompt";
194
- }
195
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
196
- grid-template-columns: 1fr;
197
- grid-template-areas: "body" "prompt" "control";
198
- }
199
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt {
200
- grid-template-columns: 1fr auto;
201
- grid-template-rows: auto;
202
- grid-template-areas: "body control";
203
- }
204
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
205
- grid-template-columns: 1fr;
206
- grid-template-areas: "body" "control";
207
- }
208
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl .wds-list-item-prompt {
209
- grid-column: 1 / -1;
210
- }
211
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-hasPrompt {
212
- grid-template-columns: 1fr;
213
- grid-template-rows: auto auto auto;
214
- grid-template-areas: "body" "info" "prompt";
215
- }
216
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-noPrompt {
217
- grid-template-columns: 1fr;
218
- grid-template-rows: auto auto;
219
- grid-template-areas: "body" "info";
220
- }
221
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-hasPrompt {
222
- grid-template-columns: 1fr;
223
- grid-template-rows: auto auto;
224
- grid-template-areas: "body" "prompt";
225
- }
226
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-noPrompt {
227
- grid-template-columns: 1fr;
228
- grid-template-rows: auto;
229
- grid-template-areas: "body";
230
- }
231
- }
232
- @container (max-width: 297px) {
233
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
234
- grid-template-columns: auto 1fr;
235
- grid-template-rows: auto auto auto;
236
- grid-template-areas: "body control" "info control" "prompt prompt";
237
- }
238
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
239
- grid-template-columns: 1fr;
240
- grid-template-rows: auto;
241
- grid-template-areas: "body" "info" "prompt" "control";
242
- }
243
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
244
- grid-template-columns: auto 1fr;
245
- grid-template-rows: auto auto;
246
- grid-template-areas: "body control" "info control";
247
- }
248
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
249
- grid-template-columns: 1fr;
250
- grid-template-areas: "body" "info" "control";
251
- }
252
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
253
- grid-template-columns: auto 1fr;
254
- grid-template-rows: auto auto;
255
- grid-template-areas: "body control" "prompt prompt";
256
- }
257
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
258
- grid-template-columns: 1fr;
259
- grid-template-areas: "body" "prompt" "control";
260
- }
261
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
262
- grid-template-columns: auto 1fr;
263
- grid-template-rows: auto;
264
- grid-template-areas: "body control";
265
- }
266
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
267
- grid-template-columns: 1fr;
268
- grid-template-areas: "body" "control";
269
- }
270
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
271
- grid-template-columns: auto;
272
- grid-template-rows: auto auto;
273
- grid-template-areas: "body" "info" "prompt";
274
- }
275
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
276
- grid-template-columns: auto;
277
- grid-template-rows: auto auto auto;
278
- grid-template-areas: "body" "info";
279
- }
280
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt {
281
- grid-template-columns: auto;
282
- grid-template-rows: auto auto;
283
- grid-template-areas: "body" "prompt";
284
- }
285
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-noPrompt {
286
- grid-template-columns: 1fr;
287
- grid-template-rows: auto;
288
- grid-template-areas: "body";
289
- }
290
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl .wds-list-item-prompt {
291
- grid-column: 1 / -1;
292
- }
293
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
294
- grid-template-columns: 1fr auto;
295
- grid-template-rows: auto auto auto;
296
- grid-template-areas: "body control" "info control" "prompt prompt";
297
- }
298
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
299
- grid-template-columns: 1fr;
300
- grid-template-rows: auto;
301
- grid-template-areas: "body" "info" "prompt" "control";
302
- }
303
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
304
- grid-template-columns: 1fr auto;
305
- grid-template-rows: auto auto;
306
- grid-template-areas: "body control" "info control";
307
- }
308
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
309
- grid-template-columns: 1fr;
310
- grid-template-rows: auto;
311
- grid-template-areas: "body" "info" "control";
312
- }
313
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
314
- grid-template-columns: 1fr auto;
315
- grid-template-rows: auto auto;
316
- grid-template-areas: "body control" "prompt prompt";
317
- }
318
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
319
- grid-template-columns: 1fr;
320
- grid-template-rows: auto;
321
- grid-template-areas: "body" "prompt" "control";
322
- }
323
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt {
324
- grid-template-columns: 1fr auto;
325
- grid-template-rows: auto;
326
- grid-template-areas: "body control";
327
- }
328
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
329
- grid-template-columns: 1fr;
330
- grid-template-rows: auto;
331
- grid-template-areas: "body" "control";
332
- }
333
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl .wds-list-item-prompt {
334
- grid-column: 1 / -1;
335
- }
336
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-hasPrompt {
337
- grid-template-columns: 1fr;
338
- grid-template-rows: auto auto auto;
339
- grid-template-areas: "body" "info" "prompt";
340
- }
341
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-noPrompt {
342
- grid-template-columns: 1fr;
343
- grid-template-rows: auto auto;
344
- grid-template-areas: "body" "info";
345
- }
346
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-hasPrompt {
347
- grid-template-columns: 1fr;
348
- grid-template-rows: auto auto;
349
- grid-template-areas: "body" "prompt";
350
- }
351
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-noPrompt {
352
- grid-template-columns: 1fr;
353
- grid-template-rows: auto;
354
- grid-template-areas: "body";
355
- }
356
- .wds-list-item-gridWrapper .wds-list-item-media {
357
- display: none;
358
- }
359
- .wds-list-item-gridWrapper .wds-list-item-body {
360
- grid-area: body;
361
- display: grid;
362
- grid-template-columns: 1fr;
363
- justify-items: start;
364
- grid-gap: 0;
365
- gap: 0;
366
- }
367
- .wds-list-item-gridWrapper .wds-list-item-body .wds-list-item-value {
368
- text-align: left;
369
- }
370
- }