@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
@@ -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
- }
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 400 288"><rect width="394" height="282" x="3" y="3" fill="#9FE870" stroke="#163300" stroke-width="6" rx="29"/><path fill="#163300" stroke="#163300" stroke-width="2" d="m271 74-50 138h-26l41-115v-1h-57l1 2 12 20-18 21-2 2h31l-7 20h-67l38-45 1-2h-2l-22-40h127Z"/></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 288 400"><rect width="282" height="394" x="3" y="3" fill="#9FE870" stroke="#163300" stroke-width="6" rx="29"/><path fill="#163300" stroke="#163300" stroke-width="2" d="m216 131-49 137h-27l41-114 1-2h-57l1 2 12 20-19 21-1 2h31l-7 20H74l38-45 2-1h-2l-23-40h127Z"/></svg>
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface ListProps {
3
- as?: 'ul' | 'ol' | 'div';
4
- className?: string;
5
- style?: React.CSSProperties;
6
- children?: React.ReactNode;
7
- ['data-testid']?: string;
8
- }
9
- export default function List({ as: Element, className, ...props }: ListProps): React.JSX.Element;
10
- //# sourceMappingURL=List.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/list/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,EAAE,EAAE,OAAc,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAElF"}
@@ -1,3 +0,0 @@
1
- export type { ListProps } from './List';
2
- export { default } from './List';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}
@@ -1,15 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
- import { LinkProps } from '../../link';
3
- export type ListItemAdditionalInfoProps = PropsWithChildren<{
4
- /**
5
- * Props object to be passed to the [Link](https://storybook.wise.design/?path=/docs/typography-link--docs) component.
6
- */
7
- action?: {
8
- label: string;
9
- } & Pick<LinkProps, 'href' | 'onClick' | 'target'>;
10
- }>;
11
- export declare const AdditionalInfo: {
12
- ({ children, action }: ListItemAdditionalInfoProps): import("react").JSX.Element;
13
- displayName: string;
14
- };
15
- //# sourceMappingURL=ListItemAdditionalInfo.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemAdditionalInfo.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AdditionalInfo/ListItemAdditionalInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAGtD,OAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG7C,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,CAAC;IAC1D;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;CAC7E,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;2BAAmC,2BAA2B;;CAoBxF,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemAdditionalInfoProps } from './ListItemAdditionalInfo';
2
- export { AdditionalInfo } from './ListItemAdditionalInfo';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AdditionalInfo/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}
@@ -1,18 +0,0 @@
1
- import { type AvatarLayoutProps } from '../../avatarLayout';
2
- type SizeProp = {
3
- size?: 32 | 40 | 48 | 56 | 72;
4
- };
5
- export type ListItemAvatarLayoutProps = Omit<AvatarLayoutProps, 'size' | 'interactive'> & SizeProp;
6
- /**
7
- * This component allows for rendering 2 avatars. It's a thin wrapper around the
8
- * [AvatarLayout component](https://storybook.wise.design/?path=/docs/content-avatarlayout--docs), but offers only
9
- * a subset of its sizes, and disallows interactive mode, in line with the ListItem's constraints. <br />
10
- * <br />
11
- * Please refer to the [Design documentation](https://wise.design/components/list-item#avatar) for details.
12
- */
13
- export declare const AvatarLayout: {
14
- ({ className, size, ...props }: ListItemAvatarLayoutProps): import("react").JSX.Element;
15
- displayName: string;
16
- };
17
- export {};
18
- //# sourceMappingURL=ListItemAvatarLayout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemAvatarLayout.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AvatarLayout/ListItemAvatarLayout.tsx"],"names":[],"mappings":"AAAA,OAAyB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAI9E,KAAK,QAAQ,GAAG;IAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC;AAElD,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC;AAEnG;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;oCAAwC,yBAAyB;;CAUzF,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemAvatarLayoutProps } from './ListItemAvatarLayout';
2
- export { AvatarLayout } from './ListItemAvatarLayout';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AvatarLayout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}
@@ -1,16 +0,0 @@
1
- import { AvatarViewProps } from '../../avatarView';
2
- export type ListItemAvatarViewProps = Omit<AvatarViewProps, 'size' | 'interactive'> & {
3
- size?: 32 | 40 | 48 | 56 | 72;
4
- };
5
- /**
6
- * This component renders a single avatar. It's a thin wrapper around the
7
- * [AvatarView component](https://storybook.wise.design/?path=/docs/content-avatarview--docs), but offers only
8
- * a subset of its sizes, in line with the ListItem's constraints. <br />
9
- * <br />
10
- * Please refer to the [Design documentation](https://wise.design/components/list-item#avatar) for details.
11
- */
12
- export declare const AvatarView: {
13
- ({ className, size, ...props }: ListItemAvatarViewProps): import("react").JSX.Element;
14
- displayName: string;
15
- };
16
- //# sourceMappingURL=ListItemAvatarView.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemAvatarView.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AvatarView/ListItemAvatarView.tsx"],"names":[],"mappings":"AACA,OAAuB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG;IACpF,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAC/B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;oCAAwC,uBAAuB;;CAUrF,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemAvatarViewProps } from './ListItemAvatarView';
2
- export { AvatarView } from './ListItemAvatarView';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/AvatarView/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,20 +0,0 @@
1
- import { type ButtonAddonIcon, type NewButtonProps } from '../../button';
2
- export type ListItemButtonProps = Omit<NewButtonProps, 'v2' | 'size' | 'disabled' | 'block' | 'addonStart'> & {
3
- /**
4
- * Toggles the [interactivity strategy](https://storybook.wise.design/?path=/docs/content-listitem--docs#interactivity) for the whole ListItem.
5
- */
6
- partiallyInteractive?: boolean;
7
- addonStart?: ButtonAddonIcon;
8
- };
9
- /**
10
- * This component allows for rendering a Button control. It's a thin wrapper around the
11
- * [Button component](https://storybook.wise.design/?path=/docs/content-button--docs), but offers only
12
- * a subset of its features in line with the ListItem's constraints. <br />
13
- * <br />
14
- * Please refer to the [Design documentation](https://wise.design/components/list-item---button) for details.
15
- */
16
- export declare const Button: {
17
- ({ priority, partiallyInteractive, ...props }: ListItemButtonProps): import("react").JSX.Element;
18
- displayName: string;
19
- };
20
- //# sourceMappingURL=ListItemButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Button/ListItemButton.tsx"],"names":[],"mappings":"AAEA,OAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAIrF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,EACd,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CACpD,GAAG;IACF;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;mDAIhB,mBAAmB;;CAyBrB,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemButtonProps } from './ListItemButton';
2
- export { Button } from './ListItemButton';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,14 +0,0 @@
1
- import { type CheckboxButtonProps } from '../../checkboxButton/CheckboxButton';
2
- export type ListItemCheckboxProps = Pick<CheckboxButtonProps, 'checked' | 'indeterminate' | 'onChange' | 'onBlur' | 'onFocus' | 'value' | 'name'>;
3
- /**
4
- * This component allows for rendering a checkbox control within a fully interactive ListItem. <br />It's a thin wrapper around the
5
- * [CheckboxButton component](https://storybook.wise.design/?path=/docs/actions-checkboxbutton--docs),
6
- * but offers only a subset of its features in line with the ListItem's constraints. <br />
7
- *
8
- * Please refer to the [Design documentation](https://wise.design/components/list-item---checkbox) for details.
9
- */
10
- export declare const Checkbox: {
11
- (props: ListItemCheckboxProps): import("react").JSX.Element;
12
- displayName: string;
13
- };
14
- //# sourceMappingURL=ListItemCheckbox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Checkbox/ListItemCheckbox.tsx"],"names":[],"mappings":"AACA,OAAuB,EAAE,KAAK,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAI/F,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,mBAAmB,EACnB,SAAS,GAAG,eAAe,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CACnF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;YAAoB,qBAAqB;;CAa7D,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemCheckboxProps } from './ListItemCheckbox';
2
- export { Checkbox } from './ListItemCheckbox';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Checkbox/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC"}
@@ -1,18 +0,0 @@
1
- import { type ReactNode } from 'react';
2
- import { type IconButtonProps } from '../../iconButton';
3
- export type ListItemIconButtonProps = Pick<IconButtonProps, 'priority' | 'type' | 'onClick' | 'href' | 'target' | 'aria-label'> & {
4
- children: ReactNode;
5
- partiallyInteractive?: boolean;
6
- };
7
- /**
8
- * This component allows for rendering a IconButton control. It's a thin wrapper around the
9
- * [IconButton component](https://storybook.wise.design/?path=/docs/actions-iconbutton--docs), but offers only
10
- * a subset of its features in line with the ListItem's constraints. <br />
11
- * <br />
12
- * Please refer to the [Design documentation](https://wise.design/components/list-item---icon-button) for details.
13
- */
14
- export declare const IconButton: {
15
- ({ priority, "aria-label": ariaLabel, ...props }: ListItemIconButtonProps): import("react").JSX.Element;
16
- displayName: string;
17
- };
18
- //# sourceMappingURL=ListItemIconButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemIconButton.d.ts","sourceRoot":"","sources":["../../../../src/listItem/IconButton/ListItemIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAuB,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAIxE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,eAAe,EACf,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CACnE,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;sDAIpB,uBAAuB;;CA6CzB,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemIconButtonProps } from './ListItemIconButton';
2
- export { IconButton } from './ListItemIconButton';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/IconButton/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,25 +0,0 @@
1
- import { type ImageProps } from '../../image';
2
- export type ListItemImageProps = Omit<ImageProps, 'stretch' | 'shrink' | 'id' | 'alt' | 'role'> & {
3
- /**
4
- * The size of square container for the image, matching available avatar sizes.
5
- */
6
- size?: 32 | 40 | 48 | 56 | 72;
7
- /**
8
- * When unset, it will force `role="presentation"` on the image. Otherwise, the image will use its implicit img role.
9
- */
10
- alt?: string;
11
- };
12
- /**
13
- * This component should be used as a last resort, for rare cases when `<ListItem.AvatarView />`
14
- * or `<ListItem.AvatarLayout />` are insufficient.
15
- * It's a wrapper around the
16
- * [Image component](https://storybook.wise.design/?path=/docs/content-image--docs), but offers only
17
- * a subset of its props, in line with the ListItem's constraints.
18
- *
19
- * > **NB**: This component is [not intended for use with illustrations](https://wise.design/foundations/illustration#scale).
20
- */
21
- export declare const Image: {
22
- ({ alt, size, className, ...props }: ListItemImageProps): import("react").JSX.Element;
23
- displayName: string;
24
- };
25
- //# sourceMappingURL=ListItemImage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemImage.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Image/ListItemImage.tsx"],"names":[],"mappings":"AAAA,OAAkB,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG;IAChG;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK;yCAAkD,kBAAkB;;CAoBrF,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemImageProps } from './ListItemImage';
2
- export { Image } from './ListItemImage';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Image/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC"}