@wireapp/react-ui-kit 8.13.9 → 8.14.1

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 (355) hide show
  1. package/package.json +7 -6
  2. package/src/Form/Button.d.ts +1 -1
  3. package/src/Form/Button.js +125 -210
  4. package/src/Form/Button.js.map +1 -1
  5. package/src/Form/ButtonLink.d.ts +1 -1
  6. package/src/Form/ButtonLink.js +47 -60
  7. package/src/Form/ButtonLink.js.map +1 -1
  8. package/src/Form/Checkbox.js +84 -139
  9. package/src/Form/Checkbox.js.map +1 -1
  10. package/src/Form/CodeInput.js +98 -201
  11. package/src/Form/CodeInput.js.map +1 -1
  12. package/src/Form/DropFileInput.d.ts +2 -2
  13. package/src/Form/DropFileInput.js +116 -214
  14. package/src/Form/DropFileInput.js.map +1 -1
  15. package/src/Form/ErrorMessage.js +45 -78
  16. package/src/Form/ErrorMessage.js.map +1 -1
  17. package/src/Form/Form.d.ts +0 -1
  18. package/src/Form/Form.js +28 -31
  19. package/src/Form/Form.js.map +1 -1
  20. package/src/Form/Input.d.ts +3 -3
  21. package/src/Form/Input.js +101 -178
  22. package/src/Form/Input.js.map +1 -1
  23. package/src/Form/InputBlock.d.ts +1 -1
  24. package/src/Form/InputBlock.js +19 -45
  25. package/src/Form/InputBlock.js.map +1 -1
  26. package/src/Form/InputLabel.js +44 -46
  27. package/src/Form/InputLabel.js.map +1 -1
  28. package/src/Form/InputSubmitCombo.js +49 -53
  29. package/src/Form/InputSubmitCombo.js.map +1 -1
  30. package/src/Form/RangeInput.js +47 -71
  31. package/src/Form/RangeInput.js.map +1 -1
  32. package/src/Form/RangeInput.styles.js +39 -55
  33. package/src/Form/RangeInput.styles.js.map +1 -1
  34. package/src/Form/RoundIconButton.d.ts +1 -1
  35. package/src/Form/RoundIconButton.js +42 -62
  36. package/src/Form/RoundIconButton.js.map +1 -1
  37. package/src/Form/Select.js +55 -95
  38. package/src/Form/Select.js.map +1 -1
  39. package/src/Form/SelectComponents.js +101 -173
  40. package/src/Form/SelectComponents.js.map +1 -1
  41. package/src/Form/SelectStyles.d.ts +1 -899
  42. package/src/Form/SelectStyles.js +96 -156
  43. package/src/Form/SelectStyles.js.map +1 -1
  44. package/src/Form/ShakeBox.d.ts +1 -1
  45. package/src/Form/ShakeBox.js +33 -81
  46. package/src/Form/ShakeBox.js.map +1 -1
  47. package/src/Form/Switch.d.ts +1 -1
  48. package/src/Form/Switch.js +89 -124
  49. package/src/Form/Switch.js.map +1 -1
  50. package/src/Form/TextArea.d.ts +3 -3
  51. package/src/Form/TextArea.js +59 -80
  52. package/src/Form/TextArea.js.map +1 -1
  53. package/src/Form/Tooltip.js +66 -75
  54. package/src/Form/Tooltip.js.map +1 -1
  55. package/src/Form/index.js +52 -238
  56. package/src/Form/index.js.map +1 -1
  57. package/src/GlobalCssVariables.js +79 -96
  58. package/src/GlobalCssVariables.js.map +1 -1
  59. package/src/GlobalStyle.d.ts +2 -3
  60. package/src/GlobalStyle.js +40 -55
  61. package/src/GlobalStyle.js.map +1 -1
  62. package/src/Icon/AddPeopleIcon.js +19 -24
  63. package/src/Icon/AddPeopleIcon.js.map +1 -1
  64. package/src/Icon/ArchiveIcon.js +6 -24
  65. package/src/Icon/ArchiveIcon.js.map +1 -1
  66. package/src/Icon/ArrowDown.js +19 -23
  67. package/src/Icon/ArrowDown.js.map +1 -1
  68. package/src/Icon/ArrowIcon.js +42 -35
  69. package/src/Icon/ArrowIcon.js.map +1 -1
  70. package/src/Icon/AttachmentIcon.js +6 -24
  71. package/src/Icon/AttachmentIcon.js.map +1 -1
  72. package/src/Icon/AudioVideoIcon.js +6 -24
  73. package/src/Icon/AudioVideoIcon.js.map +1 -1
  74. package/src/Icon/BlockIcon.js +6 -24
  75. package/src/Icon/BlockIcon.js.map +1 -1
  76. package/src/Icon/Brand/AndroidIcon.js +6 -25
  77. package/src/Icon/Brand/AndroidIcon.js.map +1 -1
  78. package/src/Icon/Brand/AppleIcon.js +6 -25
  79. package/src/Icon/Brand/AppleIcon.js.map +1 -1
  80. package/src/Icon/Brand/ChromeIcon.js +6 -25
  81. package/src/Icon/Brand/ChromeIcon.js.map +1 -1
  82. package/src/Icon/Brand/FacebookIcon.js +6 -24
  83. package/src/Icon/Brand/FacebookIcon.js.map +1 -1
  84. package/src/Icon/Brand/GitHubIcon.js +6 -24
  85. package/src/Icon/Brand/GitHubIcon.js.map +1 -1
  86. package/src/Icon/Brand/LinkedInIcon.js +6 -24
  87. package/src/Icon/Brand/LinkedInIcon.js.map +1 -1
  88. package/src/Icon/Brand/LinuxIcon.js +6 -25
  89. package/src/Icon/Brand/LinuxIcon.js.map +1 -1
  90. package/src/Icon/Brand/MicrosoftIcon.js +6 -25
  91. package/src/Icon/Brand/MicrosoftIcon.js.map +1 -1
  92. package/src/Icon/Brand/TwitterIcon.js +6 -24
  93. package/src/Icon/Brand/TwitterIcon.js.map +1 -1
  94. package/src/Icon/CallIcon.js +6 -24
  95. package/src/Icon/CallIcon.js.map +1 -1
  96. package/src/Icon/CamIcon.js +6 -24
  97. package/src/Icon/CamIcon.js.map +1 -1
  98. package/src/Icon/CameraIcon.js +19 -24
  99. package/src/Icon/CameraIcon.js.map +1 -1
  100. package/src/Icon/CheckIcon.js +6 -24
  101. package/src/Icon/CheckIcon.js.map +1 -1
  102. package/src/Icon/CheckRoundIcon.js +6 -24
  103. package/src/Icon/CheckRoundIcon.js.map +1 -1
  104. package/src/Icon/ChevronIcon.js +38 -31
  105. package/src/Icon/ChevronIcon.js.map +1 -1
  106. package/src/Icon/CloseIcon.js +6 -24
  107. package/src/Icon/CloseIcon.js.map +1 -1
  108. package/src/Icon/CopyIcon.js +6 -24
  109. package/src/Icon/CopyIcon.js.map +1 -1
  110. package/src/Icon/DeviceIcon.js +6 -24
  111. package/src/Icon/DeviceIcon.js.map +1 -1
  112. package/src/Icon/DownloadIcon.js +6 -24
  113. package/src/Icon/DownloadIcon.js.map +1 -1
  114. package/src/Icon/EditDocumentIcon.js +19 -25
  115. package/src/Icon/EditDocumentIcon.js.map +1 -1
  116. package/src/Icon/EditIcon.js +6 -24
  117. package/src/Icon/EditIcon.js.map +1 -1
  118. package/src/Icon/EnterIcon.js +6 -24
  119. package/src/Icon/EnterIcon.js.map +1 -1
  120. package/src/Icon/ErrorIcon.js +9 -39
  121. package/src/Icon/ErrorIcon.js.map +1 -1
  122. package/src/Icon/FileIcon.js +6 -24
  123. package/src/Icon/FileIcon.js.map +1 -1
  124. package/src/Icon/GifIcon.js +6 -24
  125. package/src/Icon/GifIcon.js.map +1 -1
  126. package/src/Icon/GridIcon.js +19 -24
  127. package/src/Icon/GridIcon.js.map +1 -1
  128. package/src/Icon/GroupIcon.js +6 -24
  129. package/src/Icon/GroupIcon.js.map +1 -1
  130. package/src/Icon/HangupIcon.js +6 -24
  131. package/src/Icon/HangupIcon.js.map +1 -1
  132. package/src/Icon/HideIcon.js +6 -24
  133. package/src/Icon/HideIcon.js.map +1 -1
  134. package/src/Icon/ImageIcon.js +6 -24
  135. package/src/Icon/ImageIcon.js.map +1 -1
  136. package/src/Icon/InfoIcon.js +6 -24
  137. package/src/Icon/InfoIcon.js.map +1 -1
  138. package/src/Icon/InviteIcon.js +6 -24
  139. package/src/Icon/InviteIcon.js.map +1 -1
  140. package/src/Icon/LeaveIcon.js +6 -24
  141. package/src/Icon/LeaveIcon.js.map +1 -1
  142. package/src/Icon/LinkIcon.js +19 -24
  143. package/src/Icon/LinkIcon.js.map +1 -1
  144. package/src/Icon/ListIcon.js +6 -24
  145. package/src/Icon/ListIcon.js.map +1 -1
  146. package/src/Icon/LockIcon.js +6 -25
  147. package/src/Icon/LockIcon.js.map +1 -1
  148. package/src/Icon/MessageIcon.js +6 -24
  149. package/src/Icon/MessageIcon.js.map +1 -1
  150. package/src/Icon/MinusIcon.js +6 -24
  151. package/src/Icon/MinusIcon.js.map +1 -1
  152. package/src/Icon/MoreIcon.js +6 -24
  153. package/src/Icon/MoreIcon.js.map +1 -1
  154. package/src/Icon/MuteIcon.js +6 -24
  155. package/src/Icon/MuteIcon.js.map +1 -1
  156. package/src/Icon/NotificationIcon.js +6 -24
  157. package/src/Icon/NotificationIcon.js.map +1 -1
  158. package/src/Icon/NotificationOffIcon.js +6 -24
  159. package/src/Icon/NotificationOffIcon.js.map +1 -1
  160. package/src/Icon/OptionsIcon.js +6 -24
  161. package/src/Icon/OptionsIcon.js.map +1 -1
  162. package/src/Icon/PeopleIcon.js +19 -24
  163. package/src/Icon/PeopleIcon.js.map +1 -1
  164. package/src/Icon/PingIcon.js +6 -24
  165. package/src/Icon/PingIcon.js.map +1 -1
  166. package/src/Icon/PlaneIcon.js +6 -24
  167. package/src/Icon/PlaneIcon.js.map +1 -1
  168. package/src/Icon/PlusIcon.js +6 -24
  169. package/src/Icon/PlusIcon.js.map +1 -1
  170. package/src/Icon/ProfileIcon.js +6 -24
  171. package/src/Icon/ProfileIcon.js.map +1 -1
  172. package/src/Icon/RecordBoldIcon.js +43 -50
  173. package/src/Icon/RecordBoldIcon.js.map +1 -1
  174. package/src/Icon/RecordIcon.js +8 -34
  175. package/src/Icon/RecordIcon.js.map +1 -1
  176. package/src/Icon/RecordPendingIcon.js +8 -31
  177. package/src/Icon/RecordPendingIcon.js.map +1 -1
  178. package/src/Icon/ReloadIcon.js +6 -24
  179. package/src/Icon/ReloadIcon.js.map +1 -1
  180. package/src/Icon/SVGIcon.js +53 -78
  181. package/src/Icon/SVGIcon.js.map +1 -1
  182. package/src/Icon/ScreenshareIcon.js +6 -24
  183. package/src/Icon/ScreenshareIcon.js.map +1 -1
  184. package/src/Icon/SearchIcon.js +6 -25
  185. package/src/Icon/SearchIcon.js.map +1 -1
  186. package/src/Icon/ServicesIcon.js +6 -24
  187. package/src/Icon/ServicesIcon.js.map +1 -1
  188. package/src/Icon/SettingsIcon.js +6 -24
  189. package/src/Icon/SettingsIcon.js.map +1 -1
  190. package/src/Icon/ShowIcon.js +6 -24
  191. package/src/Icon/ShowIcon.js.map +1 -1
  192. package/src/Icon/SignIcon.js +6 -24
  193. package/src/Icon/SignIcon.js.map +1 -1
  194. package/src/Icon/SpeakerIcon.js +6 -24
  195. package/src/Icon/SpeakerIcon.js.map +1 -1
  196. package/src/Icon/SupportIcon.js +6 -24
  197. package/src/Icon/SupportIcon.js.map +1 -1
  198. package/src/Icon/TeamIcon.js +6 -24
  199. package/src/Icon/TeamIcon.js.map +1 -1
  200. package/src/Icon/TimedIcon.js +6 -24
  201. package/src/Icon/TimedIcon.js.map +1 -1
  202. package/src/Icon/TrashCrossIcon.js +6 -24
  203. package/src/Icon/TrashCrossIcon.js.map +1 -1
  204. package/src/Icon/TrashIcon.js +6 -24
  205. package/src/Icon/TrashIcon.js.map +1 -1
  206. package/src/Icon/TriangleIcon.d.ts +1 -1
  207. package/src/Icon/TriangleIcon.js +42 -35
  208. package/src/Icon/TriangleIcon.js.map +1 -1
  209. package/src/Icon/UploadIcon.js +6 -24
  210. package/src/Icon/UploadIcon.js.map +1 -1
  211. package/src/Icon/WireIcon.js +6 -24
  212. package/src/Icon/WireIcon.js.map +1 -1
  213. package/src/Icon/index.js +107 -953
  214. package/src/Icon/index.js.map +1 -1
  215. package/src/Identity/Animation.js +88 -211
  216. package/src/Identity/Animation.js.map +1 -1
  217. package/src/Identity/Avatar.js +66 -114
  218. package/src/Identity/Avatar.js.map +1 -1
  219. package/src/Identity/AvatarGrid.d.ts +1 -1
  220. package/src/Identity/AvatarGrid.js +66 -108
  221. package/src/Identity/AvatarGrid.js.map +1 -1
  222. package/src/Identity/Logo.js +45 -54
  223. package/src/Identity/Logo.js.map +1 -1
  224. package/src/Identity/colors-v2.js +163 -186
  225. package/src/Identity/colors-v2.js.map +1 -1
  226. package/src/Identity/colors.js +64 -80
  227. package/src/Identity/colors.js.map +1 -1
  228. package/src/Identity/index.js +38 -81
  229. package/src/Identity/index.js.map +1 -1
  230. package/src/Identity/motions.js +71 -35
  231. package/src/Identity/motions.js.map +1 -1
  232. package/src/Layout/Box.d.ts +1 -1
  233. package/src/Layout/Box.js +9 -31
  234. package/src/Layout/Box.js.map +1 -1
  235. package/src/Layout/Column.d.ts +1 -1
  236. package/src/Layout/Column.js +17 -57
  237. package/src/Layout/Column.js.map +1 -1
  238. package/src/Layout/Container.d.ts +5 -5
  239. package/src/Layout/Container.js +29 -102
  240. package/src/Layout/Container.js.map +1 -1
  241. package/src/Layout/Content.d.ts +1 -1
  242. package/src/Layout/Content.js +8 -31
  243. package/src/Layout/Content.js.map +1 -1
  244. package/src/Layout/FlexBox.d.ts +1 -1
  245. package/src/Layout/FlexBox.js +10 -45
  246. package/src/Layout/FlexBox.js.map +1 -1
  247. package/src/Layout/Footer.d.ts +1 -4
  248. package/src/Layout/Footer.js +4 -17
  249. package/src/Layout/Footer.js.map +1 -1
  250. package/src/Layout/Header.d.ts +1 -1
  251. package/src/Layout/Header.js +7 -28
  252. package/src/Layout/Header.js.map +1 -1
  253. package/src/Layout/MatchMedia.js +27 -112
  254. package/src/Layout/MatchMedia.js.map +1 -1
  255. package/src/Layout/Spacer.js +6 -26
  256. package/src/Layout/Spacer.js.map +1 -1
  257. package/src/Layout/StyledApp.js +45 -53
  258. package/src/Layout/StyledApp.js.map +1 -1
  259. package/src/Layout/Theme.js +217 -225
  260. package/src/Layout/Theme.js.map +1 -1
  261. package/src/Layout/headerMenu/HeaderMenu.js +54 -117
  262. package/src/Layout/headerMenu/HeaderMenu.js.map +1 -1
  263. package/src/Layout/headerMenu/HeaderSubMenu.d.ts +1 -1
  264. package/src/Layout/headerMenu/HeaderSubMenu.js +74 -131
  265. package/src/Layout/headerMenu/HeaderSubMenu.js.map +1 -1
  266. package/src/Layout/headerMenu/MenuContent.d.ts +1 -1
  267. package/src/Layout/headerMenu/MenuContent.js +26 -47
  268. package/src/Layout/headerMenu/MenuContent.js.map +1 -1
  269. package/src/Layout/headerMenu/MenuItems.d.ts +1 -1
  270. package/src/Layout/headerMenu/MenuItems.js +22 -52
  271. package/src/Layout/headerMenu/MenuItems.js.map +1 -1
  272. package/src/Layout/headerMenu/MenuLink.d.ts +1 -1
  273. package/src/Layout/headerMenu/MenuLink.js +65 -89
  274. package/src/Layout/headerMenu/MenuLink.js.map +1 -1
  275. package/src/Layout/headerMenu/MenuOpenButton.d.ts +1 -1
  276. package/src/Layout/headerMenu/MenuOpenButton.js +26 -54
  277. package/src/Layout/headerMenu/MenuOpenButton.js.map +1 -1
  278. package/src/Layout/headerMenu/MenuScrollableItems.js +13 -36
  279. package/src/Layout/headerMenu/MenuScrollableItems.js.map +1 -1
  280. package/src/Layout/headerMenu/MenuSubLink.d.ts +1 -1
  281. package/src/Layout/headerMenu/MenuSubLink.js +45 -64
  282. package/src/Layout/headerMenu/MenuSubLink.js.map +1 -1
  283. package/src/Layout/headerMenu/index.js +41 -108
  284. package/src/Layout/headerMenu/index.js.map +1 -1
  285. package/src/Layout/index.js +46 -173
  286. package/src/Layout/index.js.map +1 -1
  287. package/src/Layout/sizes.js +14 -21
  288. package/src/Layout/sizes.js.map +1 -1
  289. package/src/Menu/MenuModal.js +78 -123
  290. package/src/Menu/MenuModal.js.map +1 -1
  291. package/src/Menu/TabBar.d.ts +1 -1
  292. package/src/Menu/TabBar.js +50 -96
  293. package/src/Menu/TabBar.js.map +1 -1
  294. package/src/Menu/index.js +34 -29
  295. package/src/Menu/index.js.map +1 -1
  296. package/src/Misc/ButtonGroup.js +67 -97
  297. package/src/Misc/ButtonGroup.js.map +1 -1
  298. package/src/Misc/IconButton.d.ts +1 -1
  299. package/src/Misc/IconButton.js +72 -102
  300. package/src/Misc/IconButton.js.map +1 -1
  301. package/src/Misc/IsInViewport.js +57 -63
  302. package/src/Misc/IsInViewport.js.map +1 -1
  303. package/src/Misc/Loading.d.ts +1 -1
  304. package/src/Misc/Loading.js +58 -66
  305. package/src/Misc/Loading.js.map +1 -1
  306. package/src/Misc/Pagination.js +64 -149
  307. package/src/Misc/Pagination.js.map +1 -1
  308. package/src/Misc/Pill.d.ts +1 -1
  309. package/src/Misc/Pill.js +66 -80
  310. package/src/Misc/Pill.js.map +1 -1
  311. package/src/Misc/childrenWithDefaultProps.d.ts +1 -1
  312. package/src/Misc/childrenWithDefaultProps.js +28 -28
  313. package/src/Misc/childrenWithDefaultProps.js.map +1 -1
  314. package/src/Misc/index.js +42 -121
  315. package/src/Misc/index.js.map +1 -1
  316. package/src/Misc/useLongTouch.js +23 -38
  317. package/src/Misc/useLongTouch.js.map +1 -1
  318. package/src/Misc/useTimeout.js +24 -44
  319. package/src/Misc/useTimeout.js.map +1 -1
  320. package/src/Modal/Modal.js +95 -177
  321. package/src/Modal/Modal.js.map +1 -1
  322. package/src/Modal/Overlay.d.ts +2 -2
  323. package/src/Modal/Overlay.js +68 -92
  324. package/src/Modal/Overlay.js.map +1 -1
  325. package/src/Modal/index.js +36 -28
  326. package/src/Modal/index.js.map +1 -1
  327. package/src/Text/Heading.d.ts +1 -1
  328. package/src/Text/Heading.js +71 -188
  329. package/src/Text/Heading.js.map +1 -1
  330. package/src/Text/Label.js +45 -74
  331. package/src/Text/Label.js.map +1 -1
  332. package/src/Text/Line.js +11 -36
  333. package/src/Text/Line.js.map +1 -1
  334. package/src/Text/Link.js +60 -88
  335. package/src/Text/Link.js.map +1 -1
  336. package/src/Text/Paragraph.d.ts +1 -1
  337. package/src/Text/Paragraph.js +44 -75
  338. package/src/Text/Paragraph.js.map +1 -1
  339. package/src/Text/Text.d.ts +8 -8
  340. package/src/Text/Text.js +29 -107
  341. package/src/Text/Text.js.map +1 -1
  342. package/src/Text/TextLink.d.ts +1 -1
  343. package/src/Text/TextLink.js +38 -52
  344. package/src/Text/TextLink.js.map +1 -1
  345. package/src/Text/Title.js +38 -55
  346. package/src/Text/Title.js.map +1 -1
  347. package/src/Text/index.js +41 -108
  348. package/src/Text/index.js.map +1 -1
  349. package/src/index.js +42 -121
  350. package/src/index.js.map +1 -1
  351. package/src/mediaQueries.js +40 -41
  352. package/src/mediaQueries.js.map +1 -1
  353. package/src/util.js +8 -39
  354. package/src/util.js.map +1 -1
  355. package/CHANGELOG.md +0 -5471
@@ -1 +1 @@
1
- {"version":3,"sources":["Line.tsx"],"names":["lineStyle","color","COLOR","GRAY_LIGHTEN_72","border","borderBottom","marginBottom","GUTTER","marginTop","Line","props"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAWO,IAAMA,SAAgD,GAAG,SAAnDA,SAAmD;AAAA,wBAAEC,KAAF;AAAA,MAAEA,KAAF,2BAAUC,gBAAMC,eAAhB;AAAA,SAAsC;AACpGC,IAAAA,MAAM,EAAE,MAD4F;AAEpGC,IAAAA,YAAY,sBAAeJ,KAAf,CAFwF;AAGpGK,IAAAA,YAAY,YAAKC,aAAL,OAHwF;AAIpGC,IAAAA,SAAS,YAAKD,aAAL;AAJ2F,GAAtC;AAAA,CAAzD;;;;AAOA,IAAME,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD;AAAA,SAAsB;AAAI,IAAA,GAAG,EAAEV,SAAS,CAACU,KAAD;AAAlB,KAA+BA,KAA/B,EAAtB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {GUTTER} from '../Layout/sizes';\n\nexport interface LineProps<T = HTMLHRElement> extends React.HTMLProps<T> {\n color?: string;\n}\n\nexport const lineStyle: <T>(props: LineProps<T>) => CSSObject = ({color = COLOR.GRAY_LIGHTEN_72}) => ({\n border: 'none',\n borderBottom: `1px solid ${color}`,\n marginBottom: `${GUTTER}px`,\n marginTop: `${GUTTER}px`,\n});\n\nexport const Line = (props: LineProps) => <hr css={lineStyle(props)} {...props} />;\n"],"file":"Line.js"}
1
+ {"version":3,"file":"Line.js","sourceRoot":"","sources":["Line.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,0CAAkC;AAClC,2CAAuC;AAMhC,MAAM,SAAS,GAA0C,CAAC,EAAC,KAAK,GAAG,gBAAK,CAAC,eAAe,EAAC,EAAE,EAAE,CAAC,CAAC;IACpG,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,aAAa,KAAK,EAAE;IAClC,YAAY,EAAE,GAAG,cAAM,IAAI;IAC3B,SAAS,EAAE,GAAG,cAAM,IAAI;CACzB,CAAC,CAAC;AALU,QAAA,SAAS,aAKnB;AAEI,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,uCAAI,GAAG,EAAE,IAAA,iBAAS,EAAC,KAAK,CAAC,IAAM,KAAK,EAAI,CAAC;AAAtE,QAAA,IAAI,QAAkE"}
package/src/Text/Link.js CHANGED
@@ -1,98 +1,70 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
2
+ /*
3
+ * Wire
4
+ * Copyright (C) 2018 Wire Swiss GmbH
5
+ *
6
+ * This program is free software: you can redistribute it and/or modify
7
+ * it under the terms of the GNU General Public License as published by
8
+ * the Free Software Foundation, either version 3 of the License, or
9
+ * (at your option) any later version.
10
+ *
11
+ * This program is distributed in the hope that it will be useful,
12
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
13
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14
+ * GNU General Public License for more details.
15
+ *
16
+ * You should have received a copy of the GNU General Public License
17
+ * along with this program. If not, see http://www.gnu.org/licenses/.
18
+ *
19
+ */
20
+ var __rest = (this && this.__rest) || function (s, e) {
21
+ var t = {};
22
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
23
+ t[p] = s[p];
24
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
25
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
26
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
27
+ t[p[i]] = s[p[i]];
28
+ }
29
+ return t;
30
+ };
31
+ Object.defineProperty(exports, "__esModule", { value: true });
8
32
  exports.Link = exports.filterLinkProps = exports.linkStyle = exports.LinkVariant = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
- var _react = require("@emotion/react");
17
-
18
- var _motions = require("../Identity/motions");
19
-
20
- var _util = require("../util");
21
-
22
- var _Text = require("./Text");
23
-
24
- var _excluded = ["bold", "fontSize", "textTransform", "variant", "color"];
25
-
26
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
27
-
28
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
29
-
33
+ /** @jsx jsx */
34
+ const react_1 = require("@emotion/react");
35
+ const motions_1 = require("../Identity/motions");
36
+ const util_1 = require("../util");
37
+ const Text_1 = require("./Text");
30
38
  var LinkVariant;
31
- exports.LinkVariant = LinkVariant;
32
-
33
39
  (function (LinkVariant) {
34
- LinkVariant["PRIMARY"] = "primary";
35
- LinkVariant["SECONDARY"] = "secondary";
36
- })(LinkVariant || (exports.LinkVariant = LinkVariant = {}));
37
-
38
- var linkStyle = function linkStyle(theme, _ref) {
39
- var _ref$bold = _ref.bold,
40
- bold = _ref$bold === void 0 ? true : _ref$bold,
41
- _ref$fontSize = _ref.fontSize,
42
- fontSize = _ref$fontSize === void 0 ? '11px' : _ref$fontSize,
43
- _ref$textTransform = _ref.textTransform,
44
- textTransform = _ref$textTransform === void 0 ? 'uppercase' : _ref$textTransform,
45
- _ref$variant = _ref.variant,
46
- variant = _ref$variant === void 0 ? LinkVariant.SECONDARY : _ref$variant,
47
- _ref$color = _ref.color,
48
- color = _ref$color === void 0 ? theme.general.color : _ref$color,
49
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
50
- return _objectSpread(_objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
51
- bold: bold,
52
- color: color,
53
- fontSize: fontSize,
54
- textTransform: textTransform
55
- }, props))), {}, {
56
- color: color,
57
- cursor: 'pointer',
58
- textDecoration: 'none',
59
- '&:visited, &:link, &:active': {
60
- color: color
61
- }
62
- }, variant === LinkVariant.PRIMARY && {
63
- '&:hover, &:visited:hover, &:focus-visible': {
64
- color: theme.general.primaryColor
65
- },
66
- fontSize: '16px',
67
- fontWeight: 400,
68
- textTransform: 'none',
69
- textDecoration: 'underline',
70
- textUnderlineOffset: '2px'
71
- }), variant === LinkVariant.SECONDARY && {
72
- transition: _motions.defaultTransition,
73
- '&:hover': {
74
- filter: 'brightness(70%)'
75
- }
76
- });
40
+ LinkVariant["PRIMARY"] = "primary";
41
+ LinkVariant["SECONDARY"] = "secondary";
42
+ })(LinkVariant = exports.LinkVariant || (exports.LinkVariant = {}));
43
+ const linkStyle = (theme, _a) => {
44
+ var { bold = true, fontSize = '11px', textTransform = 'uppercase', variant = LinkVariant.SECONDARY, color = theme.general.color } = _a, props = __rest(_a, ["bold", "fontSize", "textTransform", "variant", "color"]);
45
+ return Object.assign(Object.assign(Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ bold, color, fontSize, textTransform }, props))), { color: color, cursor: 'pointer', textDecoration: 'none', '&:visited, &:link, &:active': {
46
+ color: color,
47
+ } }), (variant === LinkVariant.PRIMARY && {
48
+ '&:hover, &:visited:hover, &:focus-visible': {
49
+ color: theme.general.primaryColor,
50
+ },
51
+ fontSize: '16px',
52
+ fontWeight: 400,
53
+ textTransform: 'none',
54
+ textDecoration: 'underline',
55
+ textUnderlineOffset: '2px',
56
+ })), (variant === LinkVariant.SECONDARY && {
57
+ transition: motions_1.defaultTransition,
58
+ '&:hover': {
59
+ filter: 'brightness(70%)',
60
+ },
61
+ }));
77
62
  };
78
-
79
63
  exports.linkStyle = linkStyle;
80
-
81
- var filterLinkProps = function filterLinkProps(props) {
82
- return (0, _util.filterProps)((0, _Text.filterTextProps)(props), []);
83
- };
84
-
64
+ const filterLinkProps = (props) => (0, util_1.filterProps)((0, Text_1.filterTextProps)(props), []);
85
65
  exports.filterLinkProps = filterLinkProps;
86
-
87
- var Link = function Link(props) {
88
- return (0, _react.jsx)("a", (0, _extends2["default"])({
89
- css: function css(theme) {
90
- return linkStyle(theme, props);
91
- },
92
- target: props.targetBlank && '_blank',
93
- rel: "noopener noreferrer"
94
- }, filterLinkProps(props)), props.children);
66
+ const Link = (props) => {
67
+ return ((0, react_1.jsx)("a", Object.assign({ css: (theme) => (0, exports.linkStyle)(theme, props), target: props.targetBlank && '_blank', rel: "noopener noreferrer" }, (0, exports.filterLinkProps)(props)), props.children));
95
68
  };
96
-
97
69
  exports.Link = Link;
98
70
  //# sourceMappingURL=Link.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["Link.tsx"],"names":["LinkVariant","linkStyle","theme","bold","fontSize","textTransform","variant","SECONDARY","color","general","props","cursor","textDecoration","PRIMARY","primaryColor","fontWeight","textUnderlineOffset","transition","defaultTransition","filter","filterLinkProps","Link","targetBlank","children"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;;;;;IAEYA,W;;;WAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,2BAAAA,W;;AAUL,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E,QAUzE;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,IAON;AAAA,2BANDC,QAMC;AAAA,MANDA,QAMC,8BANU,MAMV;AAAA,gCALDC,aAKC;AAAA,MALDA,aAKC,mCALe,WAKf;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJSN,WAAW,CAACO,SAIrB;AAAA,wBAHDC,KAGC;AAAA,MAHDA,KAGC,2BAHON,KAAK,CAACO,OAAN,CAAcD,KAGrB;AAAA,MAFEE,KAEF;AACH,uDACK,qBAAUR,KAAV;AAAkBC,IAAAA,IAAI,EAAJA,IAAlB;AAAwBK,IAAAA,KAAK,EAALA,KAAxB;AAA+BJ,IAAAA,QAAQ,EAARA,QAA/B;AAAyCC,IAAAA,aAAa,EAAbA;AAAzC,KAA2DK,KAA3D,EADL;AAEEF,IAAAA,KAAK,EAAEA,KAFT;AAGEG,IAAAA,MAAM,EAAE,SAHV;AAIEC,IAAAA,cAAc,EAAE,MAJlB;AAKE,mCAA+B;AAC7BJ,MAAAA,KAAK,EAAEA;AADsB;AALjC,KAQMF,OAAO,KAAKN,WAAW,CAACa,OAAxB,IAAmC;AACrC,iDAA6C;AAC3CL,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcK;AADsB,KADR;AAIrCV,IAAAA,QAAQ,EAAE,MAJ2B;AAKrCW,IAAAA,UAAU,EAAE,GALyB;AAMrCV,IAAAA,aAAa,EAAE,MANsB;AAOrCO,IAAAA,cAAc,EAAE,WAPqB;AAQrCI,IAAAA,mBAAmB,EAAE;AARgB,GARzC,GAkBMV,OAAO,KAAKN,WAAW,CAACO,SAAxB,IAAqC;AACvCU,IAAAA,UAAU,EAAEC,0BAD2B;AAEvC,eAAW;AACTC,MAAAA,MAAM,EAAE;AADC;AAF4B,GAlB3C;AAyBD,CApCM;;;;AAsCA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACV,KAAD;AAAA,SAAsB,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAiD,EAAjD,CAAtB;AAAA,CAAxB;;;;AAEA,IAAMW,IAAI,GAAG,SAAPA,IAAO,CAACX,KAAD,EAAsB;AACxC,SACE;AACE,IAAA,GAAG,EAAE,aAACR,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQQ,KAAR,CAA3B;AAAA,KADP;AAEE,IAAA,MAAM,EAAEA,KAAK,CAACY,WAAN,IAAqB,QAF/B;AAGE,IAAA,GAAG,EAAC;AAHN,KAIMF,eAAe,CAACV,KAAD,CAJrB,GAMGA,KAAK,CAACa,QANT,CADF;AAUD,CAXM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {filterProps} from '../util';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\nexport enum LinkVariant {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n}\n\nexport interface LinkProps<T = HTMLAnchorElement> extends TextProps<T> {\n variant?: LinkVariant;\n targetBlank?: Boolean;\n}\n\nexport const linkStyle: <T>(theme: Theme, props: LinkProps<T>) => CSSObject = (\n theme,\n {\n bold = true,\n fontSize = '11px',\n textTransform = 'uppercase',\n variant = LinkVariant.SECONDARY,\n color = theme.general.color,\n ...props\n },\n) => {\n return {\n ...textStyle(theme, {bold, color, fontSize, textTransform, ...props}),\n color: color,\n cursor: 'pointer',\n textDecoration: 'none',\n '&:visited, &:link, &:active': {\n color: color,\n },\n ...(variant === LinkVariant.PRIMARY && {\n '&:hover, &:visited:hover, &:focus-visible': {\n color: theme.general.primaryColor,\n },\n fontSize: '16px',\n fontWeight: 400,\n textTransform: 'none',\n textDecoration: 'underline',\n textUnderlineOffset: '2px',\n }),\n ...(variant === LinkVariant.SECONDARY && {\n transition: defaultTransition,\n '&:hover': {\n filter: 'brightness(70%)',\n },\n }),\n };\n};\n\nexport const filterLinkProps = (props: LinkProps) => filterProps(filterTextProps(props) as LinkProps, []);\n\nexport const Link = (props: LinkProps) => {\n return (\n <a\n css={(theme: Theme) => linkStyle(theme, props)}\n target={props.targetBlank && '_blank'}\n rel=\"noopener noreferrer\"\n {...filterLinkProps(props)}\n >\n {props.children}\n </a>\n );\n};\n"],"file":"Link.js"}
1
+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["Link.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAC9C,iDAAsD;AAEtD,kCAAoC;AACpC,iCAA6D;AAE7D,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,sCAAuB,CAAA;AACzB,CAAC,EAHW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAGtB;AAOM,MAAM,SAAS,GAAwD,CAC5E,KAAK,EACL,EAOC,EACD,EAAE;QARF,EACE,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,MAAM,EACjB,aAAa,GAAG,WAAW,EAC3B,OAAO,GAAG,WAAW,CAAC,SAAS,EAC/B,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,OAE5B,EADI,KAAK,cANV,yDAOC,CADS;IAGV,mEACK,IAAA,gBAAS,EAAC,KAAK,kBAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,IAAK,KAAK,EAAE,KACrE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,SAAS,EACjB,cAAc,EAAE,MAAM,EACtB,6BAA6B,EAAE;YAC7B,KAAK,EAAE,KAAK;SACb,KACE,CAAC,OAAO,KAAK,WAAW,CAAC,OAAO,IAAI;QACrC,2CAA2C,EAAE;YAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;SAClC;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,MAAM;QACrB,cAAc,EAAE,WAAW;QAC3B,mBAAmB,EAAE,KAAK;KAC3B,CAAC,GACC,CAAC,OAAO,KAAK,WAAW,CAAC,SAAS,IAAI;QACvC,UAAU,EAAE,2BAAiB;QAC7B,SAAS,EAAE;YACT,MAAM,EAAE,iBAAiB;SAC1B;KACF,CAAC,EACF;AACJ,CAAC,CAAC;AApCW,QAAA,SAAS,aAoCpB;AAEK,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,IAAA,sBAAe,EAAC,KAAK,CAAc,EAAE,EAAE,CAAC,CAAC;AAA7F,QAAA,eAAe,mBAA8E;AAEnG,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,OAAO,CACL,sCACE,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,KAAK,EAAE,KAAK,CAAC,EAC9C,MAAM,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,EACrC,GAAG,EAAC,qBAAqB,IACrB,IAAA,uBAAe,EAAC,KAAK,CAAC,GAEzB,KAAK,CAAC,QAAQ,CACb,CACL,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,IAAI,QAWf"}
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
2
  import { CSSObject, jsx } from '@emotion/react';
3
- import type { Theme } from '../Layout';
3
+ import { Theme } from '../Layout';
4
4
  import { TextProps } from './Text';
5
5
  export declare type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;
6
6
  export declare const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject;
@@ -1,84 +1,53 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
2
+ /*
3
+ * Wire
4
+ * Copyright (C) 2018 Wire Swiss GmbH
5
+ *
6
+ * This program is free software: you can redistribute it and/or modify
7
+ * it under the terms of the GNU General Public License as published by
8
+ * the Free Software Foundation, either version 3 of the License, or
9
+ * (at your option) any later version.
10
+ *
11
+ * This program is distributed in the hope that it will be useful,
12
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
13
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14
+ * GNU General Public License for more details.
15
+ *
16
+ * You should have received a copy of the GNU General Public License
17
+ * along with this program. If not, see http://www.gnu.org/licenses/.
18
+ *
19
+ */
20
+ var __rest = (this && this.__rest) || function (s, e) {
21
+ var t = {};
22
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
23
+ t[p] = s[p];
24
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
25
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
26
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
27
+ t[p[i]] = s[p[i]];
28
+ }
29
+ return t;
30
+ };
31
+ Object.defineProperty(exports, "__esModule", { value: true });
8
32
  exports.Lead = exports.leadStyle = exports.Paragraph = exports.paragraphStyle = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
- var _react = require("@emotion/react");
17
-
18
- var _mediaQueries = require("../mediaQueries");
19
-
20
- var _Text = require("./Text");
21
-
22
- var _excluded = ["block"],
23
- _excluded2 = ["block", "center", "fontSize"];
24
-
25
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
26
-
27
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
28
-
29
- var paragraphStyle = function paragraphStyle(theme, _ref) {
30
- var _ref$block = _ref.block,
31
- block = _ref$block === void 0 ? true : _ref$block,
32
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
33
- return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
34
- block: block
35
- }, props))), {}, {
36
- marginBottom: '16px',
37
- marginTop: 0
38
- });
33
+ /** @jsx jsx */
34
+ const react_1 = require("@emotion/react");
35
+ const mediaQueries_1 = require("../mediaQueries");
36
+ const Text_1 = require("./Text");
37
+ const paragraphStyle = (theme, _a) => {
38
+ var { block = true } = _a, props = __rest(_a, ["block"]);
39
+ return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block }, props))), { marginBottom: '16px', marginTop: 0 }));
39
40
  };
40
-
41
41
  exports.paragraphStyle = paragraphStyle;
42
-
43
- var Paragraph = function Paragraph(props) {
44
- return (0, _react.jsx)("p", (0, _extends2["default"])({
45
- css: function css(theme) {
46
- return paragraphStyle(theme, props);
47
- }
48
- }, (0, _Text.filterTextProps)(props)));
49
- };
50
-
42
+ const Paragraph = (props) => ((0, react_1.jsx)("p", Object.assign({ css: (theme) => (0, exports.paragraphStyle)(theme, props) }, (0, Text_1.filterTextProps)(props))));
51
43
  exports.Paragraph = Paragraph;
52
-
53
- var leadStyle = function leadStyle(theme, _ref2) {
54
- var _ref2$block = _ref2.block,
55
- block = _ref2$block === void 0 ? true : _ref2$block,
56
- _ref2$center = _ref2.center,
57
- center = _ref2$center === void 0 ? true : _ref2$center,
58
- _ref2$fontSize = _ref2.fontSize,
59
- fontSize = _ref2$fontSize === void 0 ? '24px' : _ref2$fontSize,
60
- props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
61
- return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
62
- block: block,
63
- center: center,
64
- fontSize: fontSize
65
- }, props))), {}, (0, _defineProperty2["default"])({
66
- marginBottom: '56px',
67
- marginTop: 0
68
- }, _mediaQueries.media[_mediaQueries.QueryKeys.MOBILE], {
69
- fontSize: '20px'
70
- }));
44
+ const leadStyle = (theme, _a) => {
45
+ var { block = true, center = true, fontSize = '24px' } = _a, props = __rest(_a, ["block", "center", "fontSize"]);
46
+ return (Object.assign(Object.assign({}, (0, Text_1.textStyle)(theme, Object.assign({ block, center, fontSize }, props))), { marginBottom: '56px', marginTop: 0, [mediaQueries_1.media[mediaQueries_1.QueryKeys.MOBILE]]: {
47
+ fontSize: '20px',
48
+ } }));
71
49
  };
72
-
73
50
  exports.leadStyle = leadStyle;
74
-
75
- var Lead = function Lead(props) {
76
- return (0, _react.jsx)("p", (0, _extends2["default"])({
77
- css: function css(theme) {
78
- return leadStyle(theme, props);
79
- }
80
- }, (0, _Text.filterTextProps)(props)));
81
- };
82
-
51
+ const Lead = (props) => ((0, react_1.jsx)("p", Object.assign({ css: (theme) => (0, exports.leadStyle)(theme, props) }, (0, Text_1.filterTextProps)(props))));
83
52
  exports.Lead = Lead;
84
53
  //# sourceMappingURL=Paragraph.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["Paragraph.tsx"],"names":["paragraphStyle","theme","block","props","marginBottom","marginTop","Paragraph","leadStyle","center","fontSize","media","QueryKeys","MOBILE","Lead"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAGA;;AACA;;;;;;;;;AAIO,IAAMA,cAAwE,GAAG,SAA3EA,cAA2E,CACtFC,KADsF;AAAA,wBAErFC,KAFqF;AAAA,MAErFA,KAFqF,2BAE7E,IAF6E;AAAA,MAEpEC,KAFoE;AAAA,yCAInF,qBAAUF,KAAV;AAAkBC,IAAAA,KAAK,EAALA;AAAlB,KAA4BC,KAA5B,EAJmF;AAKtFC,IAAAA,YAAY,EAAE,MALwE;AAMtFC,IAAAA,SAAS,EAAE;AAN2E;AAAA,CAAjF;;;;AASA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACH,KAAD;AAAA,SACvB;AAAG,IAAA,GAAG,EAAE,aAACF,KAAD;AAAA,aAAkBD,cAAc,CAACC,KAAD,EAAQE,KAAR,CAAhC;AAAA;AAAR,KAA4D,2BAAgBA,KAAhB,CAA5D,EADuB;AAAA,CAAlB;;;;AAMA,IAAMI,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EN,KAD4E;AAAA,0BAE3EC,KAF2E;AAAA,MAE3EA,KAF2E,4BAEnE,IAFmE;AAAA,2BAE7DM,MAF6D;AAAA,MAE7DA,MAF6D,6BAEpD,IAFoD;AAAA,6BAE9CC,QAF8C;AAAA,MAE9CA,QAF8C,+BAEnC,MAFmC;AAAA,MAExBN,KAFwB;AAAA,yCAIzE,qBAAUF,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBM,IAAAA,MAAM,EAANA,MAAzB;AAAiCC,IAAAA,QAAQ,EAARA;AAAjC,KAA8CN,KAA9C,EAJyE;AAK5EC,IAAAA,YAAY,EAAE,MAL8D;AAM5EC,IAAAA,SAAS,EAAE;AANiE,KAO3EK,oBAAMC,wBAAUC,MAAhB,CAP2E,EAOjD;AACzBH,IAAAA,QAAQ,EAAE;AADe,GAPiD;AAAA,CAAvE;;;;AAYA,IAAMI,IAAI,GAAG,SAAPA,IAAO,CAACV,KAAD;AAAA,SAClB;AAAG,IAAA,GAAG,EAAE,aAACF,KAAD;AAAA,aAAkBM,SAAS,CAACN,KAAD,EAAQE,KAAR,CAA3B;AAAA;AAAR,KAAuD,2BAAgBA,KAAhB,CAAvD,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport type {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\nexport type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;\n\nexport const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject = (\n theme,\n {block = true, ...props},\n) => ({\n ...textStyle(theme, {block, ...props}),\n marginBottom: '16px',\n marginTop: 0,\n});\n\nexport const Paragraph = (props: ParagraphProps) => (\n <p css={(theme: Theme) => paragraphStyle(theme, props)} {...filterTextProps(props)} />\n);\n\nexport type LeadProps<T = HTMLParagraphElement> = TextProps<T>;\n\nexport const leadStyle: <T>(theme: Theme, props: LeadProps<T>) => CSSObject = (\n theme,\n {block = true, center = true, fontSize = '24px', ...props},\n) => ({\n ...textStyle(theme, {block, center, fontSize, ...props}),\n marginBottom: '56px',\n marginTop: 0,\n [media[QueryKeys.MOBILE]]: {\n fontSize: '20px',\n },\n});\n\nexport const Lead = (props: LeadProps) => (\n <p css={(theme: Theme) => leadStyle(theme, props)} {...filterTextProps(props)} />\n);\n"],"file":"Paragraph.js"}
1
+ {"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["Paragraph.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;AAEH,eAAe;AACf,0CAA8C;AAG9C,kDAAiD;AACjD,iCAA6D;AAItD,MAAM,cAAc,GAA6D,CACtF,KAAK,EACL,EAAwB,EACxB,EAAE;QADF,EAAC,KAAK,GAAG,IAAI,OAAW,EAAN,KAAK,cAAvB,SAAwB,CAAD;IACpB,OAAA,iCACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,KAAK,IAAK,KAAK,EAAE,KACtC,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,CAAC,IACZ,CAAA;CAAA,CAAC;AAPU,QAAA,cAAc,kBAOxB;AAEI,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,CAClD,sCAAG,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CACvF,CAAC;AAFW,QAAA,SAAS,aAEpB;AAIK,MAAM,SAAS,GAAwD,CAC5E,KAAK,EACL,EAA0D,EAC1D,EAAE;QADF,EAAC,KAAK,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,GAAG,MAAM,OAAW,EAAN,KAAK,cAAzD,+BAA0D,CAAD;IACtD,OAAA,iCACA,IAAA,gBAAS,EAAC,KAAK,kBAAG,KAAK,EAAE,MAAM,EAAE,QAAQ,IAAK,KAAK,EAAE,KACxD,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,CAAC,EACZ,CAAC,oBAAK,CAAC,wBAAS,CAAC,MAAM,CAAC,CAAC,EAAE;YACzB,QAAQ,EAAE,MAAM;SACjB,IACD,CAAA;CAAA,CAAC;AAVU,QAAA,SAAS,aAUnB;AAEI,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,CACxC,sCAAG,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,KAAK,EAAE,KAAK,CAAC,IAAM,IAAA,sBAAe,EAAC,KAAK,CAAC,EAAI,CAClF,CAAC;AAFW,QAAA,IAAI,QAEf"}
@@ -1,8 +1,8 @@
1
1
  /** @jsx jsx */
2
2
  import { CSSObject } from '@emotion/react';
3
3
  import React from 'react';
4
- import type { Property } from 'csstype';
5
- import type { Theme } from '../Layout';
4
+ import { Property } from 'csstype';
5
+ import { Theme } from '../Layout';
6
6
  export interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React.HTMLProps<T>> {
7
7
  block?: boolean;
8
8
  bold?: boolean;
@@ -17,9 +17,9 @@ export interface TextProps<T = HTMLSpanElement> extends React.PropsWithRef<React
17
17
  }
18
18
  export declare const filterTextProps: (props: TextProps) => Object;
19
19
  export declare const textStyle: <T>(theme: Theme, props: TextProps<T>) => CSSObject;
20
- export declare const Text: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
21
- export declare const Bold: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
22
- export declare const Small: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
23
- export declare const Muted: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
24
- export declare const Uppercase: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
25
- export declare const Large: React.ForwardRefExoticComponent<Pick<TextProps<HTMLSpanElement>, "children" | "bold" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "fontSize" | "height" | "textTransform" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "block" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;
20
+ export declare const Text: any;
21
+ export declare const Bold: any;
22
+ export declare const Small: any;
23
+ export declare const Muted: any;
24
+ export declare const Uppercase: any;
25
+ export declare const Large: any;