@atlaskit/media-card 73.6.0 → 74.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (384) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/cjs/files/cardImageView/cardImageViewWrapper.js +60 -0
  3. package/dist/cjs/files/cardImageView/cardOverlay/cardOverlayComponents.js +63 -0
  4. package/dist/cjs/files/cardImageView/cardOverlay/index.js +31 -19
  5. package/dist/cjs/files/cardImageView/cardOverlay/styles.js +75 -0
  6. package/dist/cjs/files/cardImageView/index.js +39 -28
  7. package/dist/cjs/files/cardImageView/styles.js +60 -0
  8. package/dist/cjs/index.js +2 -2
  9. package/dist/cjs/root/card/cardAnalytics.js +1 -25
  10. package/dist/cjs/root/card/getCardPreview/cache.js +9 -10
  11. package/dist/cjs/root/card/getCardPreview/index.js +36 -26
  12. package/dist/cjs/root/card/index.js +25 -20
  13. package/dist/cjs/root/cardView.js +49 -50
  14. package/dist/cjs/root/cardViewWrapper.js +35 -0
  15. package/dist/cjs/root/inlinePlayer.js +15 -15
  16. package/dist/cjs/root/inlinePlayerWrapper.js +32 -0
  17. package/dist/cjs/root/styles.js +57 -0
  18. package/dist/cjs/root/types.js +5 -0
  19. package/dist/cjs/root/ui/actionsBar/actionsBar.js +2 -2
  20. package/dist/cjs/root/ui/actionsBar/actionsBarWrapper.js +21 -0
  21. package/dist/cjs/root/ui/actionsBar/styles.js +28 -0
  22. package/dist/cjs/root/ui/actionsBar/types.js +5 -0
  23. package/dist/cjs/root/ui/blanket/blanket.js +21 -0
  24. package/dist/cjs/root/ui/blanket/styles.js +30 -0
  25. package/dist/cjs/root/ui/iconMessage/iconMessageWrapper.js +25 -0
  26. package/dist/cjs/root/ui/iconMessage/index.js +3 -5
  27. package/dist/cjs/root/ui/iconMessage/styles.js +32 -0
  28. package/dist/cjs/root/ui/iconMessage/types.js +5 -0
  29. package/dist/cjs/root/ui/iconWrapper/iconWrapper.js +25 -0
  30. package/dist/cjs/root/ui/iconWrapper/{styled.js → styles.js} +7 -7
  31. package/dist/cjs/root/ui/iconWrapper/types.js +5 -0
  32. package/dist/cjs/root/ui/loadingRateLimited/styles.js +36 -0
  33. package/dist/cjs/root/ui/newFileExperience/newFileExperienceWrapper.js +52 -0
  34. package/dist/cjs/root/ui/newFileExperience/styles.js +47 -0
  35. package/dist/cjs/root/ui/newFileExperience/types.js +5 -0
  36. package/dist/cjs/root/ui/playButton/playButton.js +4 -2
  37. package/dist/cjs/root/ui/playButton/playButtonBackground.js +20 -0
  38. package/dist/cjs/root/ui/playButton/playButtonWrapper.js +20 -0
  39. package/dist/cjs/root/ui/playButton/styles.js +29 -0
  40. package/dist/cjs/root/ui/progressBar/progressBar.js +10 -5
  41. package/dist/cjs/root/ui/progressBar/styledBar.js +29 -0
  42. package/dist/cjs/root/ui/progressBar/{styled.js → styles.js} +11 -7
  43. package/dist/cjs/root/ui/progressBar/types.js +5 -0
  44. package/dist/cjs/root/ui/{styled.js → styles.js} +23 -40
  45. package/dist/cjs/root/ui/tickBox/styles.js +36 -0
  46. package/dist/cjs/root/ui/tickBox/tickBox.js +3 -3
  47. package/dist/cjs/root/ui/tickBox/tickBoxWrapper.js +21 -0
  48. package/dist/cjs/root/ui/tickBox/types.js +5 -0
  49. package/dist/cjs/root/ui/titleBox/failedTitleBox.js +5 -7
  50. package/dist/cjs/root/ui/titleBox/styles.js +62 -0
  51. package/dist/cjs/root/ui/titleBox/titleBox.js +7 -7
  52. package/dist/cjs/root/ui/titleBox/titleBoxComponents.js +66 -0
  53. package/dist/cjs/root/ui/titleBox/types.js +5 -0
  54. package/dist/cjs/styles/animations.js +2 -2
  55. package/dist/cjs/styles/index.js +12 -7
  56. package/dist/cjs/types.js +0 -1
  57. package/dist/cjs/utils/analytics.js +15 -1
  58. package/dist/cjs/utils/cardActions/cardActionButton.js +24 -0
  59. package/dist/cjs/utils/cardActions/cardActionIconButton.js +2 -3
  60. package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +3 -3
  61. package/dist/cjs/utils/cardActions/cardActionsView.js +11 -13
  62. package/dist/cjs/utils/cardActions/index.js +2 -2
  63. package/dist/cjs/utils/cardActions/{styled.js → styles.js} +8 -8
  64. package/dist/cjs/utils/errorIcon/index.js +8 -10
  65. package/dist/cjs/utils/errorIcon/styles.js +17 -0
  66. package/dist/cjs/utils/fileIcon/index.js +9 -14
  67. package/dist/cjs/utils/fileIcon/styles.js +19 -0
  68. package/dist/cjs/utils/getMediaCardCursor.js +5 -2
  69. package/dist/cjs/utils/lightCards/cardError.js +2 -2
  70. package/dist/cjs/utils/lightCards/cardLoading.js +3 -3
  71. package/dist/cjs/utils/lightCards/lightCardWrappers.js +41 -0
  72. package/dist/cjs/utils/lightCards/styles.js +47 -0
  73. package/dist/cjs/utils/mediaTypeIcon/iconWrapper.js +20 -0
  74. package/dist/cjs/utils/mediaTypeIcon/index.js +2 -2
  75. package/dist/cjs/utils/mediaTypeIcon/{styled.js → styles.js} +9 -5
  76. package/dist/cjs/utils/mediaTypeIcon/types.js +5 -0
  77. package/dist/cjs/utils/progressBar/index.js +7 -9
  78. package/dist/cjs/utils/progressBar/styles.js +19 -0
  79. package/dist/cjs/utils/ufoExperiences.js +18 -18
  80. package/dist/cjs/version.json +1 -1
  81. package/dist/es2019/files/cardImageView/cardImageViewWrapper.js +43 -0
  82. package/dist/es2019/files/cardImageView/cardOverlay/cardOverlayComponents.js +41 -0
  83. package/dist/es2019/files/cardImageView/cardOverlay/index.js +29 -15
  84. package/dist/es2019/files/cardImageView/cardOverlay/{styled.js → styles.js} +34 -25
  85. package/dist/es2019/files/cardImageView/index.js +38 -26
  86. package/dist/es2019/files/cardImageView/{styled.js → styles.js} +15 -14
  87. package/dist/es2019/index.js +1 -1
  88. package/dist/es2019/root/card/cardAnalytics.js +0 -11
  89. package/dist/es2019/root/card/getCardPreview/cache.js +9 -10
  90. package/dist/es2019/root/card/getCardPreview/index.js +16 -8
  91. package/dist/es2019/root/card/index.js +22 -15
  92. package/dist/es2019/root/cardView.js +40 -39
  93. package/dist/es2019/root/cardViewWrapper.js +26 -0
  94. package/dist/es2019/root/inlinePlayer.js +9 -7
  95. package/dist/es2019/root/inlinePlayerWrapper.js +23 -0
  96. package/dist/es2019/root/{styled.js → styles.js} +18 -19
  97. package/dist/es2019/root/types.js +1 -0
  98. package/dist/es2019/root/ui/actionsBar/actionsBar.js +2 -2
  99. package/dist/es2019/root/ui/actionsBar/actionsBarWrapper.js +10 -0
  100. package/dist/es2019/root/ui/actionsBar/styles.js +15 -0
  101. package/dist/es2019/root/ui/actionsBar/types.js +1 -0
  102. package/dist/es2019/root/ui/blanket/blanket.js +12 -0
  103. package/dist/es2019/root/ui/blanket/styles.js +17 -0
  104. package/dist/es2019/root/ui/iconMessage/iconMessageWrapper.js +16 -0
  105. package/dist/es2019/root/ui/iconMessage/index.js +2 -3
  106. package/dist/es2019/root/ui/iconMessage/styles.js +32 -0
  107. package/dist/es2019/root/ui/iconMessage/types.js +1 -0
  108. package/dist/es2019/root/ui/iconWrapper/iconWrapper.js +16 -0
  109. package/dist/es2019/root/ui/iconWrapper/styles.js +25 -0
  110. package/dist/es2019/root/ui/iconWrapper/types.js +1 -0
  111. package/dist/es2019/root/ui/loadingRateLimited/styles.js +41 -0
  112. package/dist/es2019/root/ui/newFileExperience/newFileExperienceWrapper.js +42 -0
  113. package/dist/es2019/root/ui/newFileExperience/styles.js +50 -0
  114. package/dist/es2019/root/ui/newFileExperience/types.js +1 -0
  115. package/dist/es2019/root/ui/playButton/playButton.js +3 -2
  116. package/dist/es2019/root/ui/playButton/playButtonBackground.js +9 -0
  117. package/dist/es2019/root/ui/playButton/playButtonWrapper.js +9 -0
  118. package/dist/es2019/root/ui/playButton/{styled.js → styles.js} +5 -11
  119. package/dist/es2019/root/ui/progressBar/progressBar.js +5 -3
  120. package/dist/es2019/root/ui/progressBar/styledBar.js +20 -0
  121. package/dist/es2019/root/ui/progressBar/{styled.js → styles.js} +28 -24
  122. package/dist/es2019/root/ui/progressBar/types.js +1 -0
  123. package/dist/es2019/root/ui/styles.js +78 -0
  124. package/dist/es2019/root/ui/tickBox/styles.js +30 -0
  125. package/dist/es2019/root/ui/tickBox/tickBox.js +2 -2
  126. package/dist/es2019/root/ui/tickBox/tickBoxWrapper.js +10 -0
  127. package/dist/es2019/root/ui/tickBox/types.js +1 -0
  128. package/dist/es2019/root/ui/titleBox/failedTitleBox.js +3 -4
  129. package/dist/es2019/root/ui/titleBox/styles.js +68 -0
  130. package/dist/es2019/root/ui/titleBox/titleBox.js +2 -2
  131. package/dist/es2019/root/ui/titleBox/titleBoxComponents.js +49 -0
  132. package/dist/es2019/root/ui/titleBox/types.js +1 -0
  133. package/dist/es2019/styles/animations.js +1 -1
  134. package/dist/es2019/styles/index.js +4 -4
  135. package/dist/es2019/types.js +0 -1
  136. package/dist/es2019/utils/analytics.js +12 -1
  137. package/dist/es2019/utils/cardActions/cardActionButton.js +13 -0
  138. package/dist/es2019/utils/cardActions/cardActionIconButton.js +1 -2
  139. package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js +1 -1
  140. package/dist/es2019/utils/cardActions/cardActionsView.js +9 -6
  141. package/dist/es2019/utils/cardActions/index.js +1 -1
  142. package/dist/es2019/utils/cardActions/{styled.js → styles.js} +14 -12
  143. package/dist/es2019/utils/errorIcon/index.js +7 -3
  144. package/dist/es2019/utils/errorIcon/styles.js +5 -0
  145. package/dist/es2019/utils/fileIcon/index.js +7 -5
  146. package/dist/es2019/utils/fileIcon/{styled.js → styles.js} +2 -2
  147. package/dist/es2019/utils/getMediaCardCursor.js +6 -2
  148. package/dist/es2019/utils/lightCards/cardError.js +1 -1
  149. package/dist/es2019/utils/lightCards/cardLoading.js +1 -1
  150. package/dist/es2019/utils/lightCards/lightCardWrappers.js +24 -0
  151. package/dist/es2019/utils/lightCards/{styled.js → styles.js} +16 -9
  152. package/dist/es2019/utils/mediaTypeIcon/iconWrapper.js +9 -0
  153. package/dist/es2019/utils/mediaTypeIcon/index.js +1 -1
  154. package/dist/es2019/utils/mediaTypeIcon/{styled.js → styles.js} +10 -5
  155. package/dist/es2019/utils/mediaTypeIcon/types.js +1 -0
  156. package/dist/es2019/utils/progressBar/index.js +6 -3
  157. package/dist/es2019/utils/progressBar/{styled.js → styles.js} +2 -2
  158. package/dist/es2019/utils/ufoExperiences.js +15 -14
  159. package/dist/es2019/version.json +1 -1
  160. package/dist/esm/files/cardImageView/cardImageViewWrapper.js +41 -0
  161. package/dist/esm/files/cardImageView/cardOverlay/cardOverlayComponents.js +39 -0
  162. package/dist/esm/files/cardImageView/cardOverlay/index.js +28 -15
  163. package/dist/esm/files/cardImageView/cardOverlay/styles.js +46 -0
  164. package/dist/esm/files/cardImageView/index.js +37 -26
  165. package/dist/esm/files/cardImageView/styles.js +36 -0
  166. package/dist/esm/index.js +1 -1
  167. package/dist/esm/root/card/cardAnalytics.js +0 -15
  168. package/dist/esm/root/card/getCardPreview/cache.js +9 -10
  169. package/dist/esm/root/card/getCardPreview/helpers.js +1 -1
  170. package/dist/esm/root/card/getCardPreview/index.js +35 -27
  171. package/dist/esm/root/card/index.js +23 -18
  172. package/dist/esm/root/cardView.js +39 -39
  173. package/dist/esm/root/cardViewWrapper.js +24 -0
  174. package/dist/esm/root/inline/loader.js +1 -1
  175. package/dist/esm/root/inlinePlayer.js +10 -8
  176. package/dist/esm/root/inlinePlayerWrapper.js +21 -0
  177. package/dist/esm/root/styles.js +36 -0
  178. package/dist/esm/root/types.js +1 -0
  179. package/dist/esm/root/ui/actionsBar/actionsBar.js +2 -2
  180. package/dist/esm/root/ui/actionsBar/actionsBarWrapper.js +10 -0
  181. package/dist/esm/root/ui/actionsBar/styles.js +12 -0
  182. package/dist/esm/root/ui/actionsBar/types.js +1 -0
  183. package/dist/esm/root/ui/blanket/blanket.js +10 -0
  184. package/dist/esm/root/ui/blanket/styles.js +13 -0
  185. package/dist/esm/root/ui/iconMessage/iconMessageWrapper.js +14 -0
  186. package/dist/esm/root/ui/iconMessage/index.js +2 -3
  187. package/dist/esm/root/ui/iconMessage/styles.js +19 -0
  188. package/dist/esm/root/ui/iconMessage/types.js +1 -0
  189. package/dist/esm/root/ui/iconWrapper/iconWrapper.js +14 -0
  190. package/dist/esm/root/ui/iconWrapper/{styled.js → styles.js} +5 -5
  191. package/dist/esm/root/ui/iconWrapper/types.js +1 -0
  192. package/dist/esm/root/ui/loadingRateLimited/styles.js +17 -0
  193. package/dist/esm/root/ui/newFileExperience/newFileExperienceWrapper.js +40 -0
  194. package/dist/esm/root/ui/newFileExperience/styles.js +27 -0
  195. package/dist/esm/root/ui/newFileExperience/types.js +1 -0
  196. package/dist/esm/root/ui/playButton/playButton.js +3 -2
  197. package/dist/esm/root/ui/playButton/playButtonBackground.js +9 -0
  198. package/dist/esm/root/ui/playButton/playButtonWrapper.js +9 -0
  199. package/dist/esm/root/ui/playButton/styles.js +13 -0
  200. package/dist/esm/root/ui/progressBar/progressBar.js +5 -3
  201. package/dist/esm/root/ui/progressBar/styledBar.js +18 -0
  202. package/dist/esm/root/ui/progressBar/{styled.js → styles.js} +10 -5
  203. package/dist/esm/root/ui/progressBar/types.js +1 -0
  204. package/dist/esm/root/ui/styles.js +72 -0
  205. package/dist/esm/root/ui/tickBox/styles.js +16 -0
  206. package/dist/esm/root/ui/tickBox/tickBox.js +2 -2
  207. package/dist/esm/root/ui/tickBox/tickBoxWrapper.js +10 -0
  208. package/dist/esm/root/ui/tickBox/types.js +1 -0
  209. package/dist/esm/root/ui/titleBox/failedTitleBox.js +3 -4
  210. package/dist/esm/root/ui/titleBox/styles.js +39 -0
  211. package/dist/esm/root/ui/titleBox/titleBox.js +2 -2
  212. package/dist/esm/root/ui/titleBox/titleBoxComponents.js +43 -0
  213. package/dist/esm/root/ui/titleBox/types.js +1 -0
  214. package/dist/esm/styles/animations.js +1 -1
  215. package/dist/esm/styles/index.js +8 -4
  216. package/dist/esm/types.js +0 -1
  217. package/dist/esm/utils/analytics.js +12 -1
  218. package/dist/esm/utils/cardActions/cardActionButton.js +13 -0
  219. package/dist/esm/utils/cardActions/cardActionIconButton.js +1 -2
  220. package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +1 -1
  221. package/dist/esm/utils/cardActions/cardActionsView.js +9 -6
  222. package/dist/esm/utils/cardActions/index.js +1 -1
  223. package/dist/esm/utils/cardActions/{styled.js → styles.js} +6 -6
  224. package/dist/esm/utils/errorIcon/index.js +6 -3
  225. package/dist/esm/utils/errorIcon/styles.js +6 -0
  226. package/dist/esm/utils/fileIcon/index.js +7 -5
  227. package/dist/esm/utils/fileIcon/styles.js +7 -0
  228. package/dist/esm/utils/getMediaCardCursor.js +6 -2
  229. package/dist/esm/utils/lightCards/cardError.js +1 -1
  230. package/dist/esm/utils/lightCards/cardLoading.js +1 -1
  231. package/dist/esm/utils/lightCards/lightCardWrappers.js +24 -0
  232. package/dist/esm/utils/lightCards/styles.js +28 -0
  233. package/dist/esm/utils/mediaTypeIcon/iconWrapper.js +9 -0
  234. package/dist/esm/utils/mediaTypeIcon/index.js +1 -1
  235. package/dist/esm/utils/mediaTypeIcon/{styled.js → styles.js} +8 -3
  236. package/dist/esm/utils/mediaTypeIcon/types.js +1 -0
  237. package/dist/esm/utils/progressBar/index.js +6 -3
  238. package/dist/esm/utils/progressBar/styles.js +7 -0
  239. package/dist/esm/utils/ufoExperiences.js +15 -14
  240. package/dist/esm/utils/videoSnapshot.js +1 -1
  241. package/dist/esm/version.json +1 -1
  242. package/dist/types/files/cardImageView/cardImageViewWrapper.d.ts +6 -0
  243. package/dist/types/files/cardImageView/cardOverlay/cardOverlayComponents.d.ts +8 -0
  244. package/dist/types/files/cardImageView/cardOverlay/index.d.ts +6 -4
  245. package/dist/types/files/cardImageView/cardOverlay/styles.d.ts +26 -0
  246. package/dist/types/files/cardImageView/index.d.ts +3 -1
  247. package/dist/types/files/cardImageView/styles.d.ts +24 -0
  248. package/dist/types/index.d.ts +6 -1
  249. package/dist/types/root/card/cardAnalytics.d.ts +0 -10
  250. package/dist/types/root/card/getCardPreview/cache.d.ts +9 -8
  251. package/dist/types/root/card/getCardPreview/index.d.ts +7 -5
  252. package/dist/types/root/cardView.d.ts +5 -3
  253. package/dist/types/root/cardViewWrapper.d.ts +4 -0
  254. package/dist/types/root/inlinePlayer.d.ts +1 -1
  255. package/dist/types/root/inlinePlayerWrapper.d.ts +4 -0
  256. package/dist/types/root/styles.d.ts +10 -0
  257. package/dist/types/root/types.d.ts +24 -0
  258. package/dist/types/root/ui/actionsBar/actionsBar.d.ts +1 -5
  259. package/dist/types/root/ui/actionsBar/actionsBarWrapper.d.ts +4 -0
  260. package/dist/types/root/ui/actionsBar/styles.d.ts +6 -0
  261. package/dist/types/root/ui/actionsBar/types.d.ts +10 -0
  262. package/dist/types/root/ui/blanket/blanket.d.ts +6 -0
  263. package/dist/types/root/ui/blanket/styles.d.ts +6 -0
  264. package/dist/types/root/ui/iconMessage/iconMessageWrapper.d.ts +4 -0
  265. package/dist/types/root/ui/iconMessage/index.d.ts +1 -10
  266. package/dist/types/root/ui/iconMessage/styles.d.ts +5 -0
  267. package/dist/types/root/ui/iconMessage/types.d.ts +19 -0
  268. package/dist/types/root/ui/iconWrapper/iconWrapper.d.ts +4 -0
  269. package/dist/types/root/ui/iconWrapper/styles.d.ts +7 -0
  270. package/dist/types/root/ui/iconWrapper/types.d.ts +6 -0
  271. package/dist/types/root/ui/loadingRateLimited/styles.d.ts +13 -0
  272. package/dist/types/root/ui/newFileExperience/newFileExperienceWrapper.d.ts +4 -0
  273. package/dist/types/root/ui/newFileExperience/styles.d.ts +5 -0
  274. package/dist/types/root/ui/newFileExperience/types.d.ts +23 -0
  275. package/dist/types/root/ui/playButton/playButtonBackground.d.ts +3 -0
  276. package/dist/types/root/ui/playButton/playButtonWrapper.d.ts +3 -0
  277. package/dist/types/root/ui/playButton/styles.d.ts +5 -0
  278. package/dist/types/root/ui/progressBar/progressBar.d.ts +1 -0
  279. package/dist/types/root/ui/progressBar/styledBar.d.ts +4 -0
  280. package/dist/types/root/ui/progressBar/styles.d.ts +7 -0
  281. package/dist/types/root/ui/progressBar/types.d.ts +7 -0
  282. package/dist/types/root/ui/styles.d.ts +11 -0
  283. package/dist/types/root/ui/tickBox/styles.d.ts +7 -0
  284. package/dist/types/root/ui/tickBox/tickBox.d.ts +1 -3
  285. package/dist/types/root/ui/tickBox/tickBoxWrapper.d.ts +4 -0
  286. package/dist/types/root/ui/tickBox/types.d.ts +4 -0
  287. package/dist/types/root/ui/titleBox/failedTitleBox.d.ts +1 -7
  288. package/dist/types/root/ui/titleBox/styles.d.ts +15 -0
  289. package/dist/types/root/ui/titleBox/titleBox.d.ts +1 -13
  290. package/dist/types/root/ui/titleBox/titleBoxComponents.d.ts +8 -0
  291. package/dist/types/root/ui/titleBox/types.d.ts +32 -0
  292. package/dist/types/styles/animations.d.ts +1 -1
  293. package/dist/types/styles/index.d.ts +3 -4
  294. package/dist/types/styles/mixins.d.ts +2 -2
  295. package/dist/types/types.d.ts +2 -1
  296. package/dist/types/utils/analytics.d.ts +2 -0
  297. package/dist/types/utils/cardActions/cardActionButton.d.ts +4 -0
  298. package/dist/types/utils/cardActions/cardActionIconButton.d.ts +1 -1
  299. package/dist/types/utils/cardActions/cardActionsDropdownMenu.d.ts +1 -1
  300. package/dist/types/utils/cardActions/cardActionsView.d.ts +1 -1
  301. package/dist/types/utils/cardActions/index.d.ts +1 -1
  302. package/dist/types/utils/cardActions/styles.d.ts +18 -0
  303. package/dist/types/utils/errorIcon/index.d.ts +3 -1
  304. package/dist/types/utils/errorIcon/styles.d.ts +1 -0
  305. package/dist/types/utils/fileIcon/index.d.ts +3 -1
  306. package/dist/types/utils/fileIcon/styles.d.ts +1 -0
  307. package/dist/types/utils/getMediaCardCursor.d.ts +4 -1
  308. package/dist/types/utils/lightCards/lightCardWrappers.d.ts +5 -0
  309. package/dist/types/utils/lightCards/styles.d.ts +4 -0
  310. package/dist/types/utils/lightCards/types.d.ts +8 -0
  311. package/dist/types/utils/mediaTypeIcon/iconWrapper.d.ts +4 -0
  312. package/dist/types/utils/mediaTypeIcon/styles.d.ts +2 -0
  313. package/dist/types/utils/mediaTypeIcon/types.d.ts +6 -0
  314. package/dist/types/utils/progressBar/index.d.ts +3 -1
  315. package/dist/types/utils/progressBar/styles.d.ts +1 -0
  316. package/dist/types/utils/ufoExperiences.d.ts +2 -2
  317. package/example-helpers/cardViewWrapper.tsx +26 -0
  318. package/example-helpers/cards.tsx +417 -0
  319. package/example-helpers/index.tsx +20 -9
  320. package/example-helpers/styles.ts +115 -0
  321. package/package.json +11 -11
  322. package/report.api.md +269 -0
  323. package/dist/cjs/files/cardImageView/cardOverlay/styled.js +0 -86
  324. package/dist/cjs/files/cardImageView/styled.js +0 -73
  325. package/dist/cjs/root/styled.js +0 -58
  326. package/dist/cjs/root/ui/actionsBar/styled.js +0 -31
  327. package/dist/cjs/root/ui/blanket/styled.js +0 -33
  328. package/dist/cjs/root/ui/iconMessage/styled.js +0 -34
  329. package/dist/cjs/root/ui/loadingRateLimited/loadingRateLimited.js +0 -35
  330. package/dist/cjs/root/ui/loadingRateLimited/styled.js +0 -43
  331. package/dist/cjs/root/ui/playButton/styled.js +0 -38
  332. package/dist/cjs/root/ui/tickBox/styled.js +0 -37
  333. package/dist/cjs/root/ui/titleBox/styled.js +0 -67
  334. package/dist/cjs/utils/errorIcon/styled.js +0 -18
  335. package/dist/cjs/utils/fileIcon/styled.js +0 -20
  336. package/dist/cjs/utils/lightCards/styled.js +0 -43
  337. package/dist/cjs/utils/progressBar/styled.js +0 -20
  338. package/dist/es2019/root/ui/actionsBar/styled.js +0 -23
  339. package/dist/es2019/root/ui/blanket/styled.js +0 -25
  340. package/dist/es2019/root/ui/iconMessage/styled.js +0 -30
  341. package/dist/es2019/root/ui/iconWrapper/styled.js +0 -27
  342. package/dist/es2019/root/ui/loadingRateLimited/loadingRateLimited.js +0 -16
  343. package/dist/es2019/root/ui/loadingRateLimited/styled.js +0 -43
  344. package/dist/es2019/root/ui/styled.js +0 -134
  345. package/dist/es2019/root/ui/tickBox/styled.js +0 -41
  346. package/dist/es2019/root/ui/titleBox/styled.js +0 -79
  347. package/dist/es2019/utils/errorIcon/styled.js +0 -5
  348. package/dist/esm/files/cardImageView/cardOverlay/styled.js +0 -39
  349. package/dist/esm/files/cardImageView/styled.js +0 -34
  350. package/dist/esm/root/styled.js +0 -36
  351. package/dist/esm/root/ui/actionsBar/styled.js +0 -15
  352. package/dist/esm/root/ui/blanket/styled.js +0 -16
  353. package/dist/esm/root/ui/iconMessage/styled.js +0 -15
  354. package/dist/esm/root/ui/loadingRateLimited/loadingRateLimited.js +0 -17
  355. package/dist/esm/root/ui/loadingRateLimited/styled.js +0 -17
  356. package/dist/esm/root/ui/playButton/styled.js +0 -19
  357. package/dist/esm/root/ui/styled.js +0 -98
  358. package/dist/esm/root/ui/tickBox/styled.js +0 -21
  359. package/dist/esm/root/ui/titleBox/styled.js +0 -40
  360. package/dist/esm/utils/errorIcon/styled.js +0 -6
  361. package/dist/esm/utils/fileIcon/styled.js +0 -7
  362. package/dist/esm/utils/lightCards/styled.js +0 -19
  363. package/dist/esm/utils/progressBar/styled.js +0 -7
  364. package/dist/types/files/cardImageView/cardOverlay/styled.d.ts +0 -23
  365. package/dist/types/files/cardImageView/styled.d.ts +0 -276
  366. package/dist/types/root/styled.d.ts +0 -16
  367. package/dist/types/root/ui/actionsBar/styled.d.ts +0 -10
  368. package/dist/types/root/ui/blanket/styled.d.ts +0 -10
  369. package/dist/types/root/ui/iconMessage/styled.d.ts +0 -6
  370. package/dist/types/root/ui/iconWrapper/styled.d.ts +0 -8
  371. package/dist/types/root/ui/loadingRateLimited/loadingRateLimited.d.ts +0 -6
  372. package/dist/types/root/ui/loadingRateLimited/styled.d.ts +0 -11
  373. package/dist/types/root/ui/playButton/styled.d.ts +0 -9
  374. package/dist/types/root/ui/progressBar/styled.d.ts +0 -10
  375. package/dist/types/root/ui/styled.d.ts +0 -20
  376. package/dist/types/root/ui/tickBox/styled.d.ts +0 -10
  377. package/dist/types/root/ui/titleBox/styled.d.ts +0 -18
  378. package/dist/types/utils/cardActions/styled.d.ts +0 -12
  379. package/dist/types/utils/errorIcon/styled.d.ts +0 -2
  380. package/dist/types/utils/fileIcon/styled.d.ts +0 -2
  381. package/dist/types/utils/lightCards/styled.d.ts +0 -8
  382. package/dist/types/utils/mediaTypeIcon/styled.d.ts +0 -6
  383. package/dist/types/utils/progressBar/styled.d.ts +0 -2
  384. package/example-helpers/styled.ts +0 -137
@@ -1,276 +0,0 @@
1
- /// <reference types="react" />
2
- export interface WrapperProps {
3
- disableOverlay?: boolean;
4
- selectable?: boolean;
5
- selected?: boolean;
6
- hasOnClick?: boolean;
7
- mediaType?: string;
8
- }
9
- export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").HTMLAttributes<{}> & WrapperProps, any, {
10
- style?: import("react").CSSProperties | undefined;
11
- title?: string | undefined;
12
- defaultChecked?: boolean | undefined;
13
- defaultValue?: string | string[] | undefined;
14
- suppressContentEditableWarning?: boolean | undefined;
15
- suppressHydrationWarning?: boolean | undefined;
16
- accessKey?: string | undefined;
17
- className?: string | undefined;
18
- contentEditable?: boolean | undefined;
19
- contextMenu?: string | undefined;
20
- dir?: string | undefined;
21
- draggable?: boolean | undefined;
22
- hidden?: boolean | undefined;
23
- id?: string | undefined;
24
- lang?: string | undefined;
25
- placeholder?: string | undefined;
26
- slot?: string | undefined;
27
- spellCheck?: boolean | undefined;
28
- tabIndex?: number | undefined;
29
- inputMode?: string | undefined;
30
- is?: string | undefined;
31
- radioGroup?: string | undefined;
32
- role?: string | undefined;
33
- about?: string | undefined;
34
- datatype?: string | undefined;
35
- inlist?: any;
36
- prefix?: string | undefined;
37
- property?: string | undefined;
38
- resource?: string | undefined;
39
- typeof?: string | undefined;
40
- vocab?: string | undefined;
41
- autoCapitalize?: string | undefined;
42
- autoCorrect?: string | undefined;
43
- autoSave?: string | undefined;
44
- color?: string | undefined;
45
- itemProp?: string | undefined;
46
- itemScope?: boolean | undefined;
47
- itemType?: string | undefined;
48
- itemID?: string | undefined;
49
- itemRef?: string | undefined;
50
- results?: number | undefined;
51
- security?: string | undefined;
52
- unselectable?: "on" | "off" | undefined;
53
- 'aria-activedescendant'?: string | undefined;
54
- 'aria-atomic'?: boolean | "false" | "true" | undefined;
55
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
56
- 'aria-busy'?: boolean | "false" | "true" | undefined;
57
- 'aria-checked'?: boolean | "false" | "true" | "mixed" | undefined;
58
- 'aria-colcount'?: number | undefined;
59
- 'aria-colindex'?: number | undefined;
60
- 'aria-colspan'?: number | undefined;
61
- 'aria-controls'?: string | undefined;
62
- 'aria-current'?: boolean | "time" | "false" | "true" | "page" | "step" | "location" | "date" | undefined;
63
- 'aria-describedby'?: string | undefined;
64
- 'aria-details'?: string | undefined;
65
- 'aria-disabled'?: boolean | "false" | "true" | undefined;
66
- 'aria-dropeffect'?: "copy" | "link" | "move" | "none" | "execute" | "popup" | undefined;
67
- 'aria-errormessage'?: string | undefined;
68
- 'aria-expanded'?: boolean | "false" | "true" | undefined;
69
- 'aria-flowto'?: string | undefined;
70
- 'aria-grabbed'?: boolean | "false" | "true" | undefined;
71
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "false" | "true" | "listbox" | "tree" | "grid" | undefined;
72
- 'aria-hidden'?: boolean | "false" | "true" | undefined;
73
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
74
- 'aria-keyshortcuts'?: string | undefined;
75
- 'aria-label'?: string | undefined;
76
- 'aria-labelledby'?: string | undefined;
77
- 'aria-level'?: number | undefined;
78
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
79
- 'aria-modal'?: boolean | "false" | "true" | undefined;
80
- 'aria-multiline'?: boolean | "false" | "true" | undefined;
81
- 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
82
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
83
- 'aria-owns'?: string | undefined;
84
- 'aria-placeholder'?: string | undefined;
85
- 'aria-posinset'?: number | undefined;
86
- 'aria-pressed'?: boolean | "false" | "true" | "mixed" | undefined;
87
- 'aria-readonly'?: boolean | "false" | "true" | undefined;
88
- 'aria-relevant'?: "text" | "all" | "additions" | "additions text" | "removals" | undefined;
89
- 'aria-required'?: boolean | "false" | "true" | undefined;
90
- 'aria-roledescription'?: string | undefined;
91
- 'aria-rowcount'?: number | undefined;
92
- 'aria-rowindex'?: number | undefined;
93
- 'aria-rowspan'?: number | undefined;
94
- 'aria-selected'?: boolean | "false" | "true" | undefined;
95
- 'aria-setsize'?: number | undefined;
96
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
97
- 'aria-valuemax'?: number | undefined;
98
- 'aria-valuemin'?: number | undefined;
99
- 'aria-valuenow'?: number | undefined;
100
- 'aria-valuetext'?: string | undefined;
101
- children?: import("react").ReactNode;
102
- dangerouslySetInnerHTML?: {
103
- __html: string;
104
- } | undefined;
105
- onCopy?: import("react").ClipboardEventHandler<{}> | undefined;
106
- onCopyCapture?: import("react").ClipboardEventHandler<{}> | undefined;
107
- onCut?: import("react").ClipboardEventHandler<{}> | undefined;
108
- onCutCapture?: import("react").ClipboardEventHandler<{}> | undefined;
109
- onPaste?: import("react").ClipboardEventHandler<{}> | undefined;
110
- onPasteCapture?: import("react").ClipboardEventHandler<{}> | undefined;
111
- onCompositionEnd?: import("react").CompositionEventHandler<{}> | undefined;
112
- onCompositionEndCapture?: import("react").CompositionEventHandler<{}> | undefined;
113
- onCompositionStart?: import("react").CompositionEventHandler<{}> | undefined;
114
- onCompositionStartCapture?: import("react").CompositionEventHandler<{}> | undefined;
115
- onCompositionUpdate?: import("react").CompositionEventHandler<{}> | undefined;
116
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<{}> | undefined;
117
- onFocus?: import("react").FocusEventHandler<{}> | undefined;
118
- onFocusCapture?: import("react").FocusEventHandler<{}> | undefined;
119
- onBlur?: import("react").FocusEventHandler<{}> | undefined;
120
- onBlurCapture?: import("react").FocusEventHandler<{}> | undefined;
121
- onChange?: import("react").FormEventHandler<{}> | undefined;
122
- onChangeCapture?: import("react").FormEventHandler<{}> | undefined;
123
- onBeforeInput?: import("react").FormEventHandler<{}> | undefined;
124
- onBeforeInputCapture?: import("react").FormEventHandler<{}> | undefined;
125
- onInput?: import("react").FormEventHandler<{}> | undefined;
126
- onInputCapture?: import("react").FormEventHandler<{}> | undefined;
127
- onReset?: import("react").FormEventHandler<{}> | undefined;
128
- onResetCapture?: import("react").FormEventHandler<{}> | undefined;
129
- onSubmit?: import("react").FormEventHandler<{}> | undefined;
130
- onSubmitCapture?: import("react").FormEventHandler<{}> | undefined;
131
- onInvalid?: import("react").FormEventHandler<{}> | undefined;
132
- onInvalidCapture?: import("react").FormEventHandler<{}> | undefined;
133
- onLoad?: import("react").ReactEventHandler<{}> | undefined;
134
- onLoadCapture?: import("react").ReactEventHandler<{}> | undefined;
135
- onError?: import("react").ReactEventHandler<{}> | undefined;
136
- onErrorCapture?: import("react").ReactEventHandler<{}> | undefined;
137
- onKeyDown?: import("react").KeyboardEventHandler<{}> | undefined;
138
- onKeyDownCapture?: import("react").KeyboardEventHandler<{}> | undefined;
139
- onKeyPress?: import("react").KeyboardEventHandler<{}> | undefined;
140
- onKeyPressCapture?: import("react").KeyboardEventHandler<{}> | undefined;
141
- onKeyUp?: import("react").KeyboardEventHandler<{}> | undefined;
142
- onKeyUpCapture?: import("react").KeyboardEventHandler<{}> | undefined;
143
- onAbort?: import("react").ReactEventHandler<{}> | undefined;
144
- onAbortCapture?: import("react").ReactEventHandler<{}> | undefined;
145
- onCanPlay?: import("react").ReactEventHandler<{}> | undefined;
146
- onCanPlayCapture?: import("react").ReactEventHandler<{}> | undefined;
147
- onCanPlayThrough?: import("react").ReactEventHandler<{}> | undefined;
148
- onCanPlayThroughCapture?: import("react").ReactEventHandler<{}> | undefined;
149
- onDurationChange?: import("react").ReactEventHandler<{}> | undefined;
150
- onDurationChangeCapture?: import("react").ReactEventHandler<{}> | undefined;
151
- onEmptied?: import("react").ReactEventHandler<{}> | undefined;
152
- onEmptiedCapture?: import("react").ReactEventHandler<{}> | undefined;
153
- onEncrypted?: import("react").ReactEventHandler<{}> | undefined;
154
- onEncryptedCapture?: import("react").ReactEventHandler<{}> | undefined;
155
- onEnded?: import("react").ReactEventHandler<{}> | undefined;
156
- onEndedCapture?: import("react").ReactEventHandler<{}> | undefined;
157
- onLoadedData?: import("react").ReactEventHandler<{}> | undefined;
158
- onLoadedDataCapture?: import("react").ReactEventHandler<{}> | undefined;
159
- onLoadedMetadata?: import("react").ReactEventHandler<{}> | undefined;
160
- onLoadedMetadataCapture?: import("react").ReactEventHandler<{}> | undefined;
161
- onLoadStart?: import("react").ReactEventHandler<{}> | undefined;
162
- onLoadStartCapture?: import("react").ReactEventHandler<{}> | undefined;
163
- onPause?: import("react").ReactEventHandler<{}> | undefined;
164
- onPauseCapture?: import("react").ReactEventHandler<{}> | undefined;
165
- onPlay?: import("react").ReactEventHandler<{}> | undefined;
166
- onPlayCapture?: import("react").ReactEventHandler<{}> | undefined;
167
- onPlaying?: import("react").ReactEventHandler<{}> | undefined;
168
- onPlayingCapture?: import("react").ReactEventHandler<{}> | undefined;
169
- onProgress?: import("react").ReactEventHandler<{}> | undefined;
170
- onProgressCapture?: import("react").ReactEventHandler<{}> | undefined;
171
- onRateChange?: import("react").ReactEventHandler<{}> | undefined;
172
- onRateChangeCapture?: import("react").ReactEventHandler<{}> | undefined;
173
- onSeeked?: import("react").ReactEventHandler<{}> | undefined;
174
- onSeekedCapture?: import("react").ReactEventHandler<{}> | undefined;
175
- onSeeking?: import("react").ReactEventHandler<{}> | undefined;
176
- onSeekingCapture?: import("react").ReactEventHandler<{}> | undefined;
177
- onStalled?: import("react").ReactEventHandler<{}> | undefined;
178
- onStalledCapture?: import("react").ReactEventHandler<{}> | undefined;
179
- onSuspend?: import("react").ReactEventHandler<{}> | undefined;
180
- onSuspendCapture?: import("react").ReactEventHandler<{}> | undefined;
181
- onTimeUpdate?: import("react").ReactEventHandler<{}> | undefined;
182
- onTimeUpdateCapture?: import("react").ReactEventHandler<{}> | undefined;
183
- onVolumeChange?: import("react").ReactEventHandler<{}> | undefined;
184
- onVolumeChangeCapture?: import("react").ReactEventHandler<{}> | undefined;
185
- onWaiting?: import("react").ReactEventHandler<{}> | undefined;
186
- onWaitingCapture?: import("react").ReactEventHandler<{}> | undefined;
187
- onAuxClick?: import("react").MouseEventHandler<{}> | undefined;
188
- onAuxClickCapture?: import("react").MouseEventHandler<{}> | undefined;
189
- onClick?: import("react").MouseEventHandler<{}> | undefined;
190
- onClickCapture?: import("react").MouseEventHandler<{}> | undefined;
191
- onContextMenu?: import("react").MouseEventHandler<{}> | undefined;
192
- onContextMenuCapture?: import("react").MouseEventHandler<{}> | undefined;
193
- onDoubleClick?: import("react").MouseEventHandler<{}> | undefined;
194
- onDoubleClickCapture?: import("react").MouseEventHandler<{}> | undefined;
195
- onDrag?: import("react").DragEventHandler<{}> | undefined;
196
- onDragCapture?: import("react").DragEventHandler<{}> | undefined;
197
- onDragEnd?: import("react").DragEventHandler<{}> | undefined;
198
- onDragEndCapture?: import("react").DragEventHandler<{}> | undefined;
199
- onDragEnter?: import("react").DragEventHandler<{}> | undefined;
200
- onDragEnterCapture?: import("react").DragEventHandler<{}> | undefined;
201
- onDragExit?: import("react").DragEventHandler<{}> | undefined;
202
- onDragExitCapture?: import("react").DragEventHandler<{}> | undefined;
203
- onDragLeave?: import("react").DragEventHandler<{}> | undefined;
204
- onDragLeaveCapture?: import("react").DragEventHandler<{}> | undefined;
205
- onDragOver?: import("react").DragEventHandler<{}> | undefined;
206
- onDragOverCapture?: import("react").DragEventHandler<{}> | undefined;
207
- onDragStart?: import("react").DragEventHandler<{}> | undefined;
208
- onDragStartCapture?: import("react").DragEventHandler<{}> | undefined;
209
- onDrop?: import("react").DragEventHandler<{}> | undefined;
210
- onDropCapture?: import("react").DragEventHandler<{}> | undefined;
211
- onMouseDown?: import("react").MouseEventHandler<{}> | undefined;
212
- onMouseDownCapture?: import("react").MouseEventHandler<{}> | undefined;
213
- onMouseEnter?: import("react").MouseEventHandler<{}> | undefined;
214
- onMouseLeave?: import("react").MouseEventHandler<{}> | undefined;
215
- onMouseMove?: import("react").MouseEventHandler<{}> | undefined;
216
- onMouseMoveCapture?: import("react").MouseEventHandler<{}> | undefined;
217
- onMouseOut?: import("react").MouseEventHandler<{}> | undefined;
218
- onMouseOutCapture?: import("react").MouseEventHandler<{}> | undefined;
219
- onMouseOver?: import("react").MouseEventHandler<{}> | undefined;
220
- onMouseOverCapture?: import("react").MouseEventHandler<{}> | undefined;
221
- onMouseUp?: import("react").MouseEventHandler<{}> | undefined;
222
- onMouseUpCapture?: import("react").MouseEventHandler<{}> | undefined;
223
- onSelect?: import("react").ReactEventHandler<{}> | undefined;
224
- onSelectCapture?: import("react").ReactEventHandler<{}> | undefined;
225
- onTouchCancel?: import("react").TouchEventHandler<{}> | undefined;
226
- onTouchCancelCapture?: import("react").TouchEventHandler<{}> | undefined;
227
- onTouchEnd?: import("react").TouchEventHandler<{}> | undefined;
228
- onTouchEndCapture?: import("react").TouchEventHandler<{}> | undefined;
229
- onTouchMove?: import("react").TouchEventHandler<{}> | undefined;
230
- onTouchMoveCapture?: import("react").TouchEventHandler<{}> | undefined;
231
- onTouchStart?: import("react").TouchEventHandler<{}> | undefined;
232
- onTouchStartCapture?: import("react").TouchEventHandler<{}> | undefined;
233
- onPointerDown?: import("react").PointerEventHandler<{}> | undefined;
234
- onPointerDownCapture?: import("react").PointerEventHandler<{}> | undefined;
235
- onPointerMove?: import("react").PointerEventHandler<{}> | undefined;
236
- onPointerMoveCapture?: import("react").PointerEventHandler<{}> | undefined;
237
- onPointerUp?: import("react").PointerEventHandler<{}> | undefined;
238
- onPointerUpCapture?: import("react").PointerEventHandler<{}> | undefined;
239
- onPointerCancel?: import("react").PointerEventHandler<{}> | undefined;
240
- onPointerCancelCapture?: import("react").PointerEventHandler<{}> | undefined;
241
- onPointerEnter?: import("react").PointerEventHandler<{}> | undefined;
242
- onPointerEnterCapture?: import("react").PointerEventHandler<{}> | undefined;
243
- onPointerLeave?: import("react").PointerEventHandler<{}> | undefined;
244
- onPointerLeaveCapture?: import("react").PointerEventHandler<{}> | undefined;
245
- onPointerOver?: import("react").PointerEventHandler<{}> | undefined;
246
- onPointerOverCapture?: import("react").PointerEventHandler<{}> | undefined;
247
- onPointerOut?: import("react").PointerEventHandler<{}> | undefined;
248
- onPointerOutCapture?: import("react").PointerEventHandler<{}> | undefined;
249
- onGotPointerCapture?: import("react").PointerEventHandler<{}> | undefined;
250
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<{}> | undefined;
251
- onLostPointerCapture?: import("react").PointerEventHandler<{}> | undefined;
252
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<{}> | undefined;
253
- onScroll?: import("react").UIEventHandler<{}> | undefined;
254
- onScrollCapture?: import("react").UIEventHandler<{}> | undefined;
255
- onWheel?: import("react").WheelEventHandler<{}> | undefined;
256
- onWheelCapture?: import("react").WheelEventHandler<{}> | undefined;
257
- onAnimationStart?: import("react").AnimationEventHandler<{}> | undefined;
258
- onAnimationStartCapture?: import("react").AnimationEventHandler<{}> | undefined;
259
- onAnimationEnd?: import("react").AnimationEventHandler<{}> | undefined;
260
- onAnimationEndCapture?: import("react").AnimationEventHandler<{}> | undefined;
261
- onAnimationIteration?: import("react").AnimationEventHandler<{}> | undefined;
262
- onAnimationIterationCapture?: import("react").AnimationEventHandler<{}> | undefined;
263
- onTransitionEnd?: import("react").TransitionEventHandler<{}> | undefined;
264
- onTransitionEndCapture?: import("react").TransitionEventHandler<{}> | undefined;
265
- css?: import("@emotion/core").InterpolationWithTheme<any>;
266
- } & {
267
- theme?: any;
268
- } & WrapperProps>;
269
- export declare const PlayIconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
270
- export declare const PlayIconBackground: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
271
- export declare const ProgressBarWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
272
- export declare const Overlay: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
273
- export declare const Title: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
274
- export declare const Body: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
275
- export declare const ProgressWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
276
- export declare const CardActionsWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- import { CardDimensions } from '../';
3
- import { BreakpointSizeValue } from '../utils/breakpoint';
4
- export interface WrapperProps {
5
- shouldUsePointerCursor?: boolean;
6
- dimensions?: CardDimensions;
7
- breakpointSize?: BreakpointSizeValue;
8
- }
9
- export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WrapperProps>;
10
- declare type InlinePlayerWrapper = {
11
- dimensions?: CardDimensions;
12
- selected?: boolean;
13
- };
14
- export declare const InlinePlayerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & InlinePlayerWrapper, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & InlinePlayerWrapper>;
15
- export declare const FormattedMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
16
- export {};
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const actionsBarClassName = "media-card-actions-bar";
3
- export declare const fixedActionBarStyles = "\n opacity: 1;\n";
4
- export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
5
- className: "media-card-actions-bar";
6
- } & {
7
- isFixed?: boolean | undefined;
8
- }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
9
- isFixed?: boolean | undefined;
10
- }>;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const blanketClassName = "media-card-blanket";
3
- export declare const fixedBlanketStyles: string;
4
- export declare const Blanket: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
5
- className: "media-card-blanket";
6
- } & {
7
- isFixed?: boolean | undefined;
8
- }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
9
- isFixed?: boolean | undefined;
10
- }>;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export declare type StyledTextProps = {
3
- animated?: boolean;
4
- reducedFont?: boolean;
5
- };
6
- export declare const IconMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyledTextProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyledTextProps>;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { Breakpoint } from '../common';
3
- export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
4
- export declare type IconWrapperProps = {
5
- hasTitleBox: boolean;
6
- breakpoint: Breakpoint;
7
- };
8
- export declare const IconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IconWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IconWrapperProps>;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { Breakpoint } from '../common';
3
- export declare const LoadingRateLimited: ({ breakpoint, positionBottom, }: {
4
- breakpoint?: Breakpoint | undefined;
5
- positionBottom?: boolean | undefined;
6
- }) => JSX.Element;
@@ -1,11 +0,0 @@
1
- import { HTMLAttributes, ComponentClass } from 'react';
2
- import { Breakpoint } from '../common';
3
- export declare const LoadingRateLimitedContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
4
- export declare const WarningIconWrapper: ComponentClass<HTMLAttributes<{}>>;
5
- export declare type StyledTextProps = {
6
- breakpoint: Breakpoint;
7
- positionBottom: boolean;
8
- };
9
- export declare const LoadingRateLimitedTextWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & StyledTextProps, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & StyledTextProps>;
10
- export declare const CouldntLoadWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
11
- export declare const ErrorWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const playButtonClassName = "media-card-play-button";
3
- export declare const fixedPlayButtonStyles: string;
4
- export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
5
- className: "media-card-play-button";
6
- }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
7
- export declare const Background: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
8
- className: "play-icon-background";
9
- }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { Breakpoint } from '../common';
3
- export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, showOnTop: boolean, multiplier?: number): string;
4
- export declare type StyledBarProps = {
5
- progress: number;
6
- breakpoint: Breakpoint;
7
- positionBottom: boolean;
8
- showOnTop: boolean;
9
- };
10
- export declare const StyledBar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyledBarProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyledBarProps>;
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { CardDimensions, CardAppearance } from '../..';
3
- import { Breakpoint } from './common';
4
- import { MediaCardCursor } from '../../types';
5
- export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;
6
- export interface NewFileExperienceWrapperProps {
7
- breakpoint: Breakpoint;
8
- dimensions?: CardDimensions;
9
- appearance?: CardAppearance;
10
- mediaType?: string;
11
- disableOverlay: boolean;
12
- displayBackground: boolean;
13
- selected: boolean;
14
- isPlayButtonClickable: boolean;
15
- isTickBoxSelectable: boolean;
16
- shouldDisplayTooltip: boolean;
17
- mediaCardCursor: MediaCardCursor;
18
- }
19
- export declare const NewFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & NewFileExperienceWrapperProps>;
20
- export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const tickBoxClassName = "media-card-tickbox";
3
- export declare const tickboxFixedStyles: string;
4
- export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
5
- className: "media-card-tickbox";
6
- } & {
7
- selected?: boolean | undefined;
8
- }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
9
- selected?: boolean | undefined;
10
- }>;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { Breakpoint } from '../common';
3
- export declare type TitleBoxWrapperProps = {
4
- breakpoint: Breakpoint;
5
- titleBoxBgColor?: string;
6
- };
7
- declare type TitleBoxFooterProps = {
8
- hasIconOverlap: boolean;
9
- };
10
- declare type TitleBoxHeaderProps = {
11
- hasIconOverlap: boolean;
12
- };
13
- export declare const TitleBoxWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxWrapperProps>;
14
- export declare const TitleBoxHeader: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxHeaderProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxHeaderProps>;
15
- export declare const TitleBoxFooter: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxFooterProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & TitleBoxFooterProps>;
16
- export declare const TitleBoxIcon: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
17
- export declare const ErrorMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
18
- export {};
@@ -1,12 +0,0 @@
1
- import { HTMLAttributes, ComponentClass } from 'react';
2
- export declare const Wrapper: ComponentClass<HTMLAttributes<{}>>;
3
- export declare enum CardActionIconButtonVariant {
4
- default = "default",
5
- filled = "filled"
6
- }
7
- declare type CardActionButtonOwnProps = {
8
- variant?: CardActionIconButtonVariant;
9
- };
10
- export declare type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLDivElement>;
11
- export declare const CardActionButton: ComponentClass<CardActionButtonProps>;
12
- export {};
@@ -1,2 +0,0 @@
1
- import { HTMLAttributes, ComponentClass } from 'react';
2
- export declare const ErrorIconWrapper: ComponentClass<HTMLAttributes<{}>>;
@@ -1,2 +0,0 @@
1
- import { HTMLAttributes, ComponentClass } from 'react';
2
- export declare const FileTypeIcon: ComponentClass<HTMLAttributes<{}>>;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { CardDimensions } from '../..';
3
- export declare const blinkLoadingAnimation: string;
4
- export interface WrapperProps {
5
- dimensions: CardDimensions;
6
- }
7
- export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WrapperProps>;
8
- export declare const AnimatedWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & WrapperProps>;
@@ -1,6 +0,0 @@
1
- import { HTMLAttributes, ComponentClass } from 'react';
2
- import { MediaType } from '@atlaskit/media-client';
3
- export interface IconWrapperProps {
4
- type: MediaType;
5
- }
6
- export declare const IconWrapper: ComponentClass<HTMLAttributes<{}> & IconWrapperProps>;
@@ -1,2 +0,0 @@
1
- import { HTMLAttributes, ComponentClass } from 'react';
2
- export declare const ProgressWrapper: ComponentClass<HTMLAttributes<{}>>;
@@ -1,137 +0,0 @@
1
- import styled from 'styled-components';
2
-
3
- export const CardSwitcherWrapper = styled.div`
4
- display: flex;
5
- `;
6
-
7
- export const CardSwitcherBtn = styled.button`
8
- margin: 10px auto;
9
- display: block;
10
- `;
11
-
12
- export const CardSwitcherTitle = styled.div`
13
- border-bottom: 1px solid;
14
- text-align: center;
15
- `;
16
-
17
- export const CardSwitcherRow = styled.div`
18
- width: 300px;
19
- height: 400px;
20
- overflow: hidden;
21
- border: 1px solid;
22
- `;
23
-
24
- export const EditableCardOptions = styled.div`
25
- padding: 20px;
26
- border-bottom: 1px solid #ccc;
27
- max-width: 700px;
28
- `;
29
-
30
- export const SliderWrapper = styled.div`
31
- display: flex;
32
- width: 50%;
33
-
34
- > * {
35
- flex: 1;
36
- margin: 10px;
37
- }
38
- `;
39
-
40
- export const EditableCardContent = styled.div`
41
- /* Not making the wrapper fancier or center elements in order to have a more realistic scenario */
42
- padding: 20px;
43
- border: 2px dashed;
44
- margin: 0 10px 50px 10px;
45
- overflow: hidden;
46
- background: antiquewhite;
47
- box-sizing: border-box;
48
- `;
49
-
50
- export const OptionsWrapper = styled.div`
51
- display: flex;
52
-
53
- > * {
54
- flex: 1;
55
- margin: 10px;
56
- }
57
- `;
58
-
59
- export const CardDimensionsWrapper = styled.div`
60
- margin: 10px 10px 20px 10px;
61
- display: flex;
62
-
63
- > div {
64
- border: 1px solid;
65
- margin: 5px;
66
- padding: 5px;
67
- border-radius: 3px;
68
- }
69
- `;
70
-
71
- export const FlexWrapper = styled.div`
72
- display: flex;
73
- `;
74
- export const CardPreviewWrapper = styled.div`
75
- flex: 1;
76
- `;
77
-
78
- export const CardTitle = styled.div`
79
- text-decoration: underline;
80
- padding-bottom: 10px;
81
- `;
82
-
83
- export const CardWrapper = styled.div`
84
- border: 1px solid;
85
- padding: 10px;
86
- margin: 5px;
87
- flex-direction: column;
88
- width: 310px;
89
- height: 280px;
90
- overflow: auto;
91
- display: inline-block;
92
- `;
93
-
94
- export const CardFlowHeader = styled.div`
95
- margin: 20px auto;
96
- padding: 10px 0;
97
- `;
98
-
99
- export const CardsWrapper = styled.div``;
100
-
101
- export const CardState = styled.div`
102
- margin-top: 10px;
103
-
104
- pre {
105
- font-size: 11px;
106
- }
107
- `;
108
-
109
- export const ExternalIdentifierWrapper = styled.div`
110
- display: flex;
111
- justify-content: space-around;
112
- margin: 0 auto;
113
-
114
- h2 {
115
- margin-bottom: 10px;
116
- }
117
- `;
118
-
119
- export const InlineCardVideoWrapper = styled.div``;
120
- export const InlineCardVideoWrapperItem = styled.div`
121
- padding: 10px;
122
- border: 1px solid;
123
- margin: 10px;
124
- `;
125
-
126
- export const MediaViewerExampleColumn = styled.div`
127
- flex: 1;
128
-
129
- > div {
130
- width: initial;
131
- height: initial;
132
- }
133
- `;
134
-
135
- export const MediaViewerExampleWrapper = styled.div`
136
- display: flex;
137
- `;