@wireapp/react-ui-kit 8.14.1 → 8.14.4

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 (336) hide show
  1. package/package.json +5 -4
  2. package/src/Form/Button.js +210 -125
  3. package/src/Form/Button.js.map +1 -1
  4. package/src/Form/ButtonLink.js +60 -47
  5. package/src/Form/ButtonLink.js.map +1 -1
  6. package/src/Form/Checkbox.js +139 -84
  7. package/src/Form/Checkbox.js.map +1 -1
  8. package/src/Form/CodeInput.js +201 -98
  9. package/src/Form/CodeInput.js.map +1 -1
  10. package/src/Form/DropFileInput.js +214 -116
  11. package/src/Form/DropFileInput.js.map +1 -1
  12. package/src/Form/ErrorMessage.js +78 -45
  13. package/src/Form/ErrorMessage.js.map +1 -1
  14. package/src/Form/Form.d.ts +1 -0
  15. package/src/Form/Form.js +31 -28
  16. package/src/Form/Form.js.map +1 -1
  17. package/src/Form/Input.js +178 -101
  18. package/src/Form/Input.js.map +1 -1
  19. package/src/Form/InputBlock.d.ts +1 -1
  20. package/src/Form/InputBlock.js +45 -19
  21. package/src/Form/InputBlock.js.map +1 -1
  22. package/src/Form/InputLabel.js +46 -44
  23. package/src/Form/InputLabel.js.map +1 -1
  24. package/src/Form/InputSubmitCombo.js +53 -49
  25. package/src/Form/InputSubmitCombo.js.map +1 -1
  26. package/src/Form/RangeInput.js +71 -47
  27. package/src/Form/RangeInput.js.map +1 -1
  28. package/src/Form/RangeInput.styles.js +55 -39
  29. package/src/Form/RangeInput.styles.js.map +1 -1
  30. package/src/Form/RoundIconButton.js +62 -42
  31. package/src/Form/RoundIconButton.js.map +1 -1
  32. package/src/Form/Select.js +95 -55
  33. package/src/Form/Select.js.map +1 -1
  34. package/src/Form/SelectComponents.js +173 -101
  35. package/src/Form/SelectComponents.js.map +1 -1
  36. package/src/Form/SelectStyles.d.ts +899 -1
  37. package/src/Form/SelectStyles.js +156 -96
  38. package/src/Form/SelectStyles.js.map +1 -1
  39. package/src/Form/ShakeBox.d.ts +1 -1
  40. package/src/Form/ShakeBox.js +81 -33
  41. package/src/Form/ShakeBox.js.map +1 -1
  42. package/src/Form/Switch.js +124 -89
  43. package/src/Form/Switch.js.map +1 -1
  44. package/src/Form/TextArea.js +80 -59
  45. package/src/Form/TextArea.js.map +1 -1
  46. package/src/Form/Tooltip.js +75 -66
  47. package/src/Form/Tooltip.js.map +1 -1
  48. package/src/Form/index.js +238 -52
  49. package/src/Form/index.js.map +1 -1
  50. package/src/GlobalCssVariables.js +96 -79
  51. package/src/GlobalCssVariables.js.map +1 -1
  52. package/src/GlobalStyle.d.js +2 -0
  53. package/src/GlobalStyle.d.js.map +1 -1
  54. package/src/GlobalStyle.d.ts +2 -1
  55. package/src/GlobalStyle.js +55 -40
  56. package/src/GlobalStyle.js.map +1 -1
  57. package/src/Icon/AddPeopleIcon.js +24 -19
  58. package/src/Icon/AddPeopleIcon.js.map +1 -1
  59. package/src/Icon/ArchiveIcon.js +24 -6
  60. package/src/Icon/ArchiveIcon.js.map +1 -1
  61. package/src/Icon/ArrowDown.js +23 -19
  62. package/src/Icon/ArrowDown.js.map +1 -1
  63. package/src/Icon/ArrowIcon.js +35 -42
  64. package/src/Icon/ArrowIcon.js.map +1 -1
  65. package/src/Icon/AttachmentIcon.js +24 -6
  66. package/src/Icon/AttachmentIcon.js.map +1 -1
  67. package/src/Icon/AudioVideoIcon.js +24 -6
  68. package/src/Icon/AudioVideoIcon.js.map +1 -1
  69. package/src/Icon/BlockIcon.js +24 -6
  70. package/src/Icon/BlockIcon.js.map +1 -1
  71. package/src/Icon/Brand/AndroidIcon.js +25 -6
  72. package/src/Icon/Brand/AndroidIcon.js.map +1 -1
  73. package/src/Icon/Brand/AppleIcon.js +25 -6
  74. package/src/Icon/Brand/AppleIcon.js.map +1 -1
  75. package/src/Icon/Brand/ChromeIcon.js +25 -6
  76. package/src/Icon/Brand/ChromeIcon.js.map +1 -1
  77. package/src/Icon/Brand/FacebookIcon.js +24 -6
  78. package/src/Icon/Brand/FacebookIcon.js.map +1 -1
  79. package/src/Icon/Brand/GitHubIcon.js +24 -6
  80. package/src/Icon/Brand/GitHubIcon.js.map +1 -1
  81. package/src/Icon/Brand/LinkedInIcon.js +24 -6
  82. package/src/Icon/Brand/LinkedInIcon.js.map +1 -1
  83. package/src/Icon/Brand/LinuxIcon.js +25 -6
  84. package/src/Icon/Brand/LinuxIcon.js.map +1 -1
  85. package/src/Icon/Brand/MicrosoftIcon.js +25 -6
  86. package/src/Icon/Brand/MicrosoftIcon.js.map +1 -1
  87. package/src/Icon/Brand/TwitterIcon.js +24 -6
  88. package/src/Icon/Brand/TwitterIcon.js.map +1 -1
  89. package/src/Icon/CallIcon.js +24 -6
  90. package/src/Icon/CallIcon.js.map +1 -1
  91. package/src/Icon/CamIcon.js +24 -6
  92. package/src/Icon/CamIcon.js.map +1 -1
  93. package/src/Icon/CameraIcon.js +24 -19
  94. package/src/Icon/CameraIcon.js.map +1 -1
  95. package/src/Icon/CheckIcon.js +24 -6
  96. package/src/Icon/CheckIcon.js.map +1 -1
  97. package/src/Icon/CheckRoundIcon.js +24 -6
  98. package/src/Icon/CheckRoundIcon.js.map +1 -1
  99. package/src/Icon/ChevronIcon.js +31 -38
  100. package/src/Icon/ChevronIcon.js.map +1 -1
  101. package/src/Icon/CloseIcon.js +24 -6
  102. package/src/Icon/CloseIcon.js.map +1 -1
  103. package/src/Icon/CopyIcon.js +24 -6
  104. package/src/Icon/CopyIcon.js.map +1 -1
  105. package/src/Icon/DeviceIcon.js +24 -6
  106. package/src/Icon/DeviceIcon.js.map +1 -1
  107. package/src/Icon/DownloadIcon.js +24 -6
  108. package/src/Icon/DownloadIcon.js.map +1 -1
  109. package/src/Icon/EditDocumentIcon.js +25 -19
  110. package/src/Icon/EditDocumentIcon.js.map +1 -1
  111. package/src/Icon/EditIcon.js +24 -6
  112. package/src/Icon/EditIcon.js.map +1 -1
  113. package/src/Icon/EnterIcon.js +24 -6
  114. package/src/Icon/EnterIcon.js.map +1 -1
  115. package/src/Icon/ErrorIcon.js +39 -9
  116. package/src/Icon/ErrorIcon.js.map +1 -1
  117. package/src/Icon/FileIcon.js +24 -6
  118. package/src/Icon/FileIcon.js.map +1 -1
  119. package/src/Icon/GifIcon.js +24 -6
  120. package/src/Icon/GifIcon.js.map +1 -1
  121. package/src/Icon/GridIcon.js +24 -19
  122. package/src/Icon/GridIcon.js.map +1 -1
  123. package/src/Icon/GroupIcon.js +24 -6
  124. package/src/Icon/GroupIcon.js.map +1 -1
  125. package/src/Icon/HangupIcon.js +24 -6
  126. package/src/Icon/HangupIcon.js.map +1 -1
  127. package/src/Icon/HideIcon.js +24 -6
  128. package/src/Icon/HideIcon.js.map +1 -1
  129. package/src/Icon/ImageIcon.js +24 -6
  130. package/src/Icon/ImageIcon.js.map +1 -1
  131. package/src/Icon/InfoIcon.js +24 -6
  132. package/src/Icon/InfoIcon.js.map +1 -1
  133. package/src/Icon/InviteIcon.js +24 -6
  134. package/src/Icon/InviteIcon.js.map +1 -1
  135. package/src/Icon/LeaveIcon.js +24 -6
  136. package/src/Icon/LeaveIcon.js.map +1 -1
  137. package/src/Icon/LinkIcon.js +24 -19
  138. package/src/Icon/LinkIcon.js.map +1 -1
  139. package/src/Icon/ListIcon.js +24 -6
  140. package/src/Icon/ListIcon.js.map +1 -1
  141. package/src/Icon/LockIcon.js +25 -6
  142. package/src/Icon/LockIcon.js.map +1 -1
  143. package/src/Icon/MessageIcon.js +24 -6
  144. package/src/Icon/MessageIcon.js.map +1 -1
  145. package/src/Icon/MinusIcon.js +24 -6
  146. package/src/Icon/MinusIcon.js.map +1 -1
  147. package/src/Icon/MoreIcon.js +24 -6
  148. package/src/Icon/MoreIcon.js.map +1 -1
  149. package/src/Icon/MuteIcon.js +24 -6
  150. package/src/Icon/MuteIcon.js.map +1 -1
  151. package/src/Icon/NotificationIcon.js +24 -6
  152. package/src/Icon/NotificationIcon.js.map +1 -1
  153. package/src/Icon/NotificationOffIcon.js +24 -6
  154. package/src/Icon/NotificationOffIcon.js.map +1 -1
  155. package/src/Icon/OptionsIcon.js +24 -6
  156. package/src/Icon/OptionsIcon.js.map +1 -1
  157. package/src/Icon/PeopleIcon.js +24 -19
  158. package/src/Icon/PeopleIcon.js.map +1 -1
  159. package/src/Icon/PingIcon.js +24 -6
  160. package/src/Icon/PingIcon.js.map +1 -1
  161. package/src/Icon/PlaneIcon.js +24 -6
  162. package/src/Icon/PlaneIcon.js.map +1 -1
  163. package/src/Icon/PlusIcon.js +24 -6
  164. package/src/Icon/PlusIcon.js.map +1 -1
  165. package/src/Icon/ProfileIcon.js +24 -6
  166. package/src/Icon/ProfileIcon.js.map +1 -1
  167. package/src/Icon/RecordBoldIcon.js +50 -43
  168. package/src/Icon/RecordBoldIcon.js.map +1 -1
  169. package/src/Icon/RecordIcon.js +34 -8
  170. package/src/Icon/RecordIcon.js.map +1 -1
  171. package/src/Icon/RecordPendingIcon.js +31 -8
  172. package/src/Icon/RecordPendingIcon.js.map +1 -1
  173. package/src/Icon/ReloadIcon.js +24 -6
  174. package/src/Icon/ReloadIcon.js.map +1 -1
  175. package/src/Icon/SVGIcon.js +78 -53
  176. package/src/Icon/SVGIcon.js.map +1 -1
  177. package/src/Icon/ScreenshareIcon.js +24 -6
  178. package/src/Icon/ScreenshareIcon.js.map +1 -1
  179. package/src/Icon/SearchIcon.js +25 -6
  180. package/src/Icon/SearchIcon.js.map +1 -1
  181. package/src/Icon/ServicesIcon.js +24 -6
  182. package/src/Icon/ServicesIcon.js.map +1 -1
  183. package/src/Icon/SettingsIcon.js +24 -6
  184. package/src/Icon/SettingsIcon.js.map +1 -1
  185. package/src/Icon/ShowIcon.js +24 -6
  186. package/src/Icon/ShowIcon.js.map +1 -1
  187. package/src/Icon/SignIcon.js +24 -6
  188. package/src/Icon/SignIcon.js.map +1 -1
  189. package/src/Icon/SpeakerIcon.js +24 -6
  190. package/src/Icon/SpeakerIcon.js.map +1 -1
  191. package/src/Icon/SupportIcon.js +24 -6
  192. package/src/Icon/SupportIcon.js.map +1 -1
  193. package/src/Icon/TeamIcon.js +24 -6
  194. package/src/Icon/TeamIcon.js.map +1 -1
  195. package/src/Icon/TimedIcon.js +24 -6
  196. package/src/Icon/TimedIcon.js.map +1 -1
  197. package/src/Icon/TrashCrossIcon.js +24 -6
  198. package/src/Icon/TrashCrossIcon.js.map +1 -1
  199. package/src/Icon/TrashIcon.js +24 -6
  200. package/src/Icon/TrashIcon.js.map +1 -1
  201. package/src/Icon/TriangleIcon.js +35 -42
  202. package/src/Icon/TriangleIcon.js.map +1 -1
  203. package/src/Icon/UploadIcon.js +24 -6
  204. package/src/Icon/UploadIcon.js.map +1 -1
  205. package/src/Icon/WireIcon.js +24 -6
  206. package/src/Icon/WireIcon.js.map +1 -1
  207. package/src/Icon/index.js +953 -107
  208. package/src/Icon/index.js.map +1 -1
  209. package/src/Identity/Animation.js +211 -88
  210. package/src/Identity/Animation.js.map +1 -1
  211. package/src/Identity/Avatar.js +114 -66
  212. package/src/Identity/Avatar.js.map +1 -1
  213. package/src/Identity/AvatarGrid.js +108 -66
  214. package/src/Identity/AvatarGrid.js.map +1 -1
  215. package/src/Identity/Logo.js +54 -45
  216. package/src/Identity/Logo.js.map +1 -1
  217. package/src/Identity/colors-v2.js +186 -163
  218. package/src/Identity/colors-v2.js.map +1 -1
  219. package/src/Identity/colors.js +80 -64
  220. package/src/Identity/colors.js.map +1 -1
  221. package/src/Identity/index.js +81 -38
  222. package/src/Identity/index.js.map +1 -1
  223. package/src/Identity/motions.js +35 -71
  224. package/src/Identity/motions.js.map +1 -1
  225. package/src/Layout/Box.d.ts +1 -1
  226. package/src/Layout/Box.js +31 -9
  227. package/src/Layout/Box.js.map +1 -1
  228. package/src/Layout/Column.d.ts +1 -1
  229. package/src/Layout/Column.js +57 -17
  230. package/src/Layout/Column.js.map +1 -1
  231. package/src/Layout/Container.d.ts +5 -5
  232. package/src/Layout/Container.js +102 -29
  233. package/src/Layout/Container.js.map +1 -1
  234. package/src/Layout/Content.d.ts +1 -1
  235. package/src/Layout/Content.js +31 -8
  236. package/src/Layout/Content.js.map +1 -1
  237. package/src/Layout/FlexBox.js +45 -10
  238. package/src/Layout/FlexBox.js.map +1 -1
  239. package/src/Layout/Footer.d.ts +4 -1
  240. package/src/Layout/Footer.js +17 -4
  241. package/src/Layout/Footer.js.map +1 -1
  242. package/src/Layout/Header.d.ts +1 -1
  243. package/src/Layout/Header.js +28 -7
  244. package/src/Layout/Header.js.map +1 -1
  245. package/src/Layout/MatchMedia.js +112 -27
  246. package/src/Layout/MatchMedia.js.map +1 -1
  247. package/src/Layout/Spacer.js +26 -6
  248. package/src/Layout/Spacer.js.map +1 -1
  249. package/src/Layout/StyledApp.js +53 -45
  250. package/src/Layout/StyledApp.js.map +1 -1
  251. package/src/Layout/Theme.js +225 -217
  252. package/src/Layout/Theme.js.map +1 -1
  253. package/src/Layout/headerMenu/HeaderMenu.js +117 -54
  254. package/src/Layout/headerMenu/HeaderMenu.js.map +1 -1
  255. package/src/Layout/headerMenu/HeaderSubMenu.d.ts +1 -1
  256. package/src/Layout/headerMenu/HeaderSubMenu.js +131 -74
  257. package/src/Layout/headerMenu/HeaderSubMenu.js.map +1 -1
  258. package/src/Layout/headerMenu/MenuContent.js +47 -26
  259. package/src/Layout/headerMenu/MenuContent.js.map +1 -1
  260. package/src/Layout/headerMenu/MenuItems.js +52 -22
  261. package/src/Layout/headerMenu/MenuItems.js.map +1 -1
  262. package/src/Layout/headerMenu/MenuLink.js +89 -65
  263. package/src/Layout/headerMenu/MenuLink.js.map +1 -1
  264. package/src/Layout/headerMenu/MenuOpenButton.js +54 -26
  265. package/src/Layout/headerMenu/MenuOpenButton.js.map +1 -1
  266. package/src/Layout/headerMenu/MenuScrollableItems.js +36 -13
  267. package/src/Layout/headerMenu/MenuScrollableItems.js.map +1 -1
  268. package/src/Layout/headerMenu/MenuSubLink.js +64 -45
  269. package/src/Layout/headerMenu/MenuSubLink.js.map +1 -1
  270. package/src/Layout/headerMenu/index.js +108 -41
  271. package/src/Layout/headerMenu/index.js.map +1 -1
  272. package/src/Layout/index.js +173 -46
  273. package/src/Layout/index.js.map +1 -1
  274. package/src/Layout/sizes.js +21 -14
  275. package/src/Layout/sizes.js.map +1 -1
  276. package/src/Menu/MenuModal.js +123 -78
  277. package/src/Menu/MenuModal.js.map +1 -1
  278. package/src/Menu/TabBar.d.ts +1 -1
  279. package/src/Menu/TabBar.js +96 -50
  280. package/src/Menu/TabBar.js.map +1 -1
  281. package/src/Menu/index.js +29 -34
  282. package/src/Menu/index.js.map +1 -1
  283. package/src/Misc/ButtonGroup.js +97 -67
  284. package/src/Misc/ButtonGroup.js.map +1 -1
  285. package/src/Misc/IconButton.js +102 -72
  286. package/src/Misc/IconButton.js.map +1 -1
  287. package/src/Misc/IsInViewport.js +63 -57
  288. package/src/Misc/IsInViewport.js.map +1 -1
  289. package/src/Misc/Loading.d.ts +1 -1
  290. package/src/Misc/Loading.js +66 -58
  291. package/src/Misc/Loading.js.map +1 -1
  292. package/src/Misc/Pagination.js +149 -64
  293. package/src/Misc/Pagination.js.map +1 -1
  294. package/src/Misc/Pill.js +80 -66
  295. package/src/Misc/Pill.js.map +1 -1
  296. package/src/Misc/childrenWithDefaultProps.d.ts +1 -1
  297. package/src/Misc/childrenWithDefaultProps.js +28 -28
  298. package/src/Misc/childrenWithDefaultProps.js.map +1 -1
  299. package/src/Misc/index.js +121 -42
  300. package/src/Misc/index.js.map +1 -1
  301. package/src/Misc/useLongTouch.js +38 -23
  302. package/src/Misc/useLongTouch.js.map +1 -1
  303. package/src/Misc/useTimeout.js +44 -24
  304. package/src/Misc/useTimeout.js.map +1 -1
  305. package/src/Modal/Modal.js +177 -95
  306. package/src/Modal/Modal.js.map +1 -1
  307. package/src/Modal/Overlay.d.ts +2 -2
  308. package/src/Modal/Overlay.js +92 -68
  309. package/src/Modal/Overlay.js.map +1 -1
  310. package/src/Modal/index.js +28 -36
  311. package/src/Modal/index.js.map +1 -1
  312. package/src/Text/Heading.js +188 -71
  313. package/src/Text/Heading.js.map +1 -1
  314. package/src/Text/Label.js +74 -45
  315. package/src/Text/Label.js.map +1 -1
  316. package/src/Text/Line.js +36 -11
  317. package/src/Text/Line.js.map +1 -1
  318. package/src/Text/Link.js +88 -60
  319. package/src/Text/Link.js.map +1 -1
  320. package/src/Text/Paragraph.js +75 -44
  321. package/src/Text/Paragraph.js.map +1 -1
  322. package/src/Text/Text.d.ts +6 -6
  323. package/src/Text/Text.js +107 -29
  324. package/src/Text/Text.js.map +1 -1
  325. package/src/Text/TextLink.js +52 -38
  326. package/src/Text/TextLink.js.map +1 -1
  327. package/src/Text/Title.js +55 -38
  328. package/src/Text/Title.js.map +1 -1
  329. package/src/Text/index.js +108 -41
  330. package/src/Text/index.js.map +1 -1
  331. package/src/index.js +121 -42
  332. package/src/index.js.map +1 -1
  333. package/src/mediaQueries.js +41 -40
  334. package/src/mediaQueries.js.map +1 -1
  335. package/src/util.js +39 -8
  336. package/src/util.js.map +1 -1
package/src/Text/Link.js CHANGED
@@ -1,70 +1,98 @@
1
1
  "use strict";
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 });
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
32
8
  exports.Link = exports.filterLinkProps = exports.linkStyle = exports.LinkVariant = void 0;
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");
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
+
38
30
  var LinkVariant;
31
+ exports.LinkVariant = LinkVariant;
32
+
39
33
  (function (LinkVariant) {
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
- }));
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
+ });
62
77
  };
78
+
63
79
  exports.linkStyle = linkStyle;
64
- const filterLinkProps = (props) => (0, util_1.filterProps)((0, Text_1.filterTextProps)(props), []);
80
+
81
+ var filterLinkProps = function filterLinkProps(props) {
82
+ return (0, _util.filterProps)((0, _Text.filterTextProps)(props), []);
83
+ };
84
+
65
85
  exports.filterLinkProps = filterLinkProps;
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));
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);
68
95
  };
96
+
69
97
  exports.Link = Link;
70
98
  //# sourceMappingURL=Link.js.map
@@ -1 +1 @@
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
+ {"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,53 +1,84 @@
1
1
  "use strict";
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 });
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
32
8
  exports.Lead = exports.leadStyle = exports.Paragraph = exports.paragraphStyle = void 0;
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 }));
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
+ });
40
39
  };
40
+
41
41
  exports.paragraphStyle = paragraphStyle;
42
- const Paragraph = (props) => ((0, react_1.jsx)("p", Object.assign({ css: (theme) => (0, exports.paragraphStyle)(theme, props) }, (0, Text_1.filterTextProps)(props))));
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
+
43
51
  exports.Paragraph = Paragraph;
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
- } }));
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
+ }));
49
71
  };
72
+
50
73
  exports.leadStyle = leadStyle;
51
- const Lead = (props) => ((0, react_1.jsx)("p", Object.assign({ css: (theme) => (0, exports.leadStyle)(theme, props) }, (0, Text_1.filterTextProps)(props))));
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
+
52
83
  exports.Lead = Lead;
53
84
  //# sourceMappingURL=Paragraph.js.map
@@ -1 +1 @@
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
+ {"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 {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"}
@@ -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: 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;
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" | "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" | "step" | "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" | "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" | "step" | "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" | "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" | "step" | "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" | "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" | "step" | "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" | "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" | "step" | "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" | "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" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "center" | "light" | "noWrap" | "truncate"> & React.RefAttributes<HTMLSpanElement>>;