@dxos/react-ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (364) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +68 -0
  3. package/dist/src/components/Alert/Alert.d.ts +10 -0
  4. package/dist/src/components/Alert/Alert.d.ts.map +1 -0
  5. package/dist/src/components/Alert/Alert.js +21 -0
  6. package/dist/src/components/Alert/Alert.js.map +1 -0
  7. package/dist/src/components/Alert/Alert.stories.d.ts +9 -0
  8. package/dist/src/components/Alert/Alert.stories.d.ts.map +1 -0
  9. package/dist/src/components/Alert/Alert.stories.js +30 -0
  10. package/dist/src/components/Alert/Alert.stories.js.map +1 -0
  11. package/dist/src/components/Alert/index.d.ts +2 -0
  12. package/dist/src/components/Alert/index.d.ts.map +1 -0
  13. package/dist/src/components/Alert/index.js +21 -0
  14. package/dist/src/components/Alert/index.js.map +1 -0
  15. package/dist/src/components/AlertDialog/AlertDialog.d.ts +17 -0
  16. package/dist/src/components/AlertDialog/AlertDialog.d.ts.map +1 -0
  17. package/dist/src/components/AlertDialog/AlertDialog.js +65 -0
  18. package/dist/src/components/AlertDialog/AlertDialog.js.map +1 -0
  19. package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts +9 -0
  20. package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts.map +1 -0
  21. package/dist/src/components/AlertDialog/AlertDialog.stories.js +37 -0
  22. package/dist/src/components/AlertDialog/AlertDialog.stories.js.map +1 -0
  23. package/dist/src/components/AlertDialog/index.d.ts +2 -0
  24. package/dist/src/components/AlertDialog/index.d.ts.map +1 -0
  25. package/dist/src/components/AlertDialog/index.js +21 -0
  26. package/dist/src/components/AlertDialog/index.js.map +1 -0
  27. package/dist/src/components/Avatar/Avatar.d.ts +13 -0
  28. package/dist/src/components/Avatar/Avatar.d.ts.map +1 -0
  29. package/dist/src/components/Avatar/Avatar.js +53 -0
  30. package/dist/src/components/Avatar/Avatar.js.map +1 -0
  31. package/dist/src/components/Avatar/Avatar.stories.d.ts +10 -0
  32. package/dist/src/components/Avatar/Avatar.stories.d.ts.map +1 -0
  33. package/dist/src/components/Avatar/Avatar.stories.js +30 -0
  34. package/dist/src/components/Avatar/Avatar.stories.js.map +1 -0
  35. package/dist/src/components/Avatar/index.d.ts +2 -0
  36. package/dist/src/components/Avatar/index.d.ts.map +1 -0
  37. package/dist/src/components/Avatar/index.js +21 -0
  38. package/dist/src/components/Avatar/index.js.map +1 -0
  39. package/dist/src/components/Button/Button.d.ts +4 -0
  40. package/dist/src/components/Button/Button.d.ts.map +1 -0
  41. package/dist/src/components/Button/Button.js +37 -0
  42. package/dist/src/components/Button/Button.js.map +1 -0
  43. package/dist/src/components/Button/Button.stories.d.ts +12 -0
  44. package/dist/src/components/Button/Button.stories.d.ts.map +1 -0
  45. package/dist/src/components/Button/Button.stories.js +31 -0
  46. package/dist/src/components/Button/Button.stories.js.map +1 -0
  47. package/dist/src/components/Button/ButtonProps.d.ts +8 -0
  48. package/dist/src/components/Button/ButtonProps.d.ts.map +1 -0
  49. package/dist/src/components/Button/ButtonProps.js +6 -0
  50. package/dist/src/components/Button/ButtonProps.js.map +1 -0
  51. package/dist/src/components/Button/buttonStyles.d.ts +5 -0
  52. package/dist/src/components/Button/buttonStyles.d.ts.map +1 -0
  53. package/dist/src/components/Button/buttonStyles.js +24 -0
  54. package/dist/src/components/Button/buttonStyles.js.map +1 -0
  55. package/dist/src/components/Button/index.d.ts +4 -0
  56. package/dist/src/components/Button/index.d.ts.map +1 -0
  57. package/dist/src/components/Button/index.js +23 -0
  58. package/dist/src/components/Button/index.js.map +1 -0
  59. package/dist/src/components/CompoundButton/CompoundButton.d.ts +10 -0
  60. package/dist/src/components/CompoundButton/CompoundButton.d.ts.map +1 -0
  61. package/dist/src/components/CompoundButton/CompoundButton.js +27 -0
  62. package/dist/src/components/CompoundButton/CompoundButton.js.map +1 -0
  63. package/dist/src/components/CompoundButton/CompoundButton.stories.d.ts +10 -0
  64. package/dist/src/components/CompoundButton/CompoundButton.stories.d.ts.map +1 -0
  65. package/dist/src/components/CompoundButton/CompoundButton.stories.js +40 -0
  66. package/dist/src/components/CompoundButton/CompoundButton.stories.js.map +1 -0
  67. package/dist/src/components/CompoundButton/index.d.ts +2 -0
  68. package/dist/src/components/CompoundButton/index.d.ts.map +1 -0
  69. package/dist/src/components/CompoundButton/index.js +21 -0
  70. package/dist/src/components/CompoundButton/index.js.map +1 -0
  71. package/dist/src/components/Dialog/Dialog.d.ts +14 -0
  72. package/dist/src/components/Dialog/Dialog.d.ts.map +1 -0
  73. package/dist/src/components/Dialog/Dialog.js +59 -0
  74. package/dist/src/components/Dialog/Dialog.js.map +1 -0
  75. package/dist/src/components/Dialog/Dialog.stories.d.ts +9 -0
  76. package/dist/src/components/Dialog/Dialog.stories.d.ts.map +1 -0
  77. package/dist/src/components/Dialog/Dialog.stories.js +37 -0
  78. package/dist/src/components/Dialog/Dialog.stories.js.map +1 -0
  79. package/dist/src/components/Dialog/index.d.ts +2 -0
  80. package/dist/src/components/Dialog/index.d.ts.map +1 -0
  81. package/dist/src/components/Dialog/index.js +21 -0
  82. package/dist/src/components/Dialog/index.js.map +1 -0
  83. package/dist/src/components/Group/Group.d.ts +10 -0
  84. package/dist/src/components/Group/Group.d.ts.map +1 -0
  85. package/dist/src/components/Group/Group.js +22 -0
  86. package/dist/src/components/Group/Group.js.map +1 -0
  87. package/dist/src/components/Group/Group.stories.d.ts +9 -0
  88. package/dist/src/components/Group/Group.stories.d.ts.map +1 -0
  89. package/dist/src/components/Group/Group.stories.js +27 -0
  90. package/dist/src/components/Group/Group.stories.js.map +1 -0
  91. package/dist/src/components/Group/index.d.ts +2 -0
  92. package/dist/src/components/Group/index.d.ts.map +1 -0
  93. package/dist/src/components/Group/index.js +21 -0
  94. package/dist/src/components/Group/index.js.map +1 -0
  95. package/dist/src/components/Heading/Heading.d.ts +266 -0
  96. package/dist/src/components/Heading/Heading.d.ts.map +1 -0
  97. package/dist/src/components/Heading/Heading.js +28 -0
  98. package/dist/src/components/Heading/Heading.js.map +1 -0
  99. package/dist/src/components/Heading/Heading.stories.d.ts +274 -0
  100. package/dist/src/components/Heading/Heading.stories.d.ts.map +1 -0
  101. package/dist/src/components/Heading/Heading.stories.js +34 -0
  102. package/dist/src/components/Heading/Heading.stories.js.map +1 -0
  103. package/dist/src/components/Heading/index.d.ts +2 -0
  104. package/dist/src/components/Heading/index.d.ts.map +1 -0
  105. package/dist/src/components/Heading/index.js +21 -0
  106. package/dist/src/components/Heading/index.js.map +1 -0
  107. package/dist/src/components/Input/Input.d.ts +17 -0
  108. package/dist/src/components/Input/Input.d.ts.map +1 -0
  109. package/dist/src/components/Input/Input.js +70 -0
  110. package/dist/src/components/Input/Input.js.map +1 -0
  111. package/dist/src/components/Input/Input.stories.d.ts +23 -0
  112. package/dist/src/components/Input/Input.stories.d.ts.map +1 -0
  113. package/dist/src/components/Input/Input.stories.js +73 -0
  114. package/dist/src/components/Input/Input.stories.js.map +1 -0
  115. package/dist/src/components/Input/index.d.ts +2 -0
  116. package/dist/src/components/Input/index.d.ts.map +1 -0
  117. package/dist/src/components/Input/index.js +21 -0
  118. package/dist/src/components/Input/index.js.map +1 -0
  119. package/dist/src/components/Loading/Loading.d.ts +12 -0
  120. package/dist/src/components/Loading/Loading.d.ts.map +1 -0
  121. package/dist/src/components/Loading/Loading.js +29 -0
  122. package/dist/src/components/Loading/Loading.js.map +1 -0
  123. package/dist/src/components/Loading/Loading.stories.d.ts +25 -0
  124. package/dist/src/components/Loading/Loading.stories.d.ts.map +1 -0
  125. package/dist/src/components/Loading/Loading.stories.js +39 -0
  126. package/dist/src/components/Loading/Loading.stories.js.map +1 -0
  127. package/dist/src/components/Loading/index.d.ts +2 -0
  128. package/dist/src/components/Loading/index.d.ts.map +1 -0
  129. package/dist/src/components/Loading/index.js +21 -0
  130. package/dist/src/components/Loading/index.js.map +1 -0
  131. package/dist/src/components/NavMenu/NavMenu.d.ts +31 -0
  132. package/dist/src/components/NavMenu/NavMenu.d.ts.map +1 -0
  133. package/dist/src/components/NavMenu/NavMenu.js +71 -0
  134. package/dist/src/components/NavMenu/NavMenu.js.map +1 -0
  135. package/dist/src/components/NavMenu/NavMenu.stories.d.ts +9 -0
  136. package/dist/src/components/NavMenu/NavMenu.stories.d.ts.map +1 -0
  137. package/dist/src/components/NavMenu/NavMenu.stories.js +50 -0
  138. package/dist/src/components/NavMenu/NavMenu.stories.js.map +1 -0
  139. package/dist/src/components/NavMenu/index.d.ts +2 -0
  140. package/dist/src/components/NavMenu/index.d.ts.map +1 -0
  141. package/dist/src/components/NavMenu/index.js +21 -0
  142. package/dist/src/components/NavMenu/index.js.map +1 -0
  143. package/dist/src/components/Popover/Popover.d.ts +11 -0
  144. package/dist/src/components/Popover/Popover.d.ts.map +1 -0
  145. package/dist/src/components/Popover/Popover.js +56 -0
  146. package/dist/src/components/Popover/Popover.js.map +1 -0
  147. package/dist/src/components/Popover/Popover.stories.d.ts +10 -0
  148. package/dist/src/components/Popover/Popover.stories.d.ts.map +1 -0
  149. package/dist/src/components/Popover/Popover.stories.js +39 -0
  150. package/dist/src/components/Popover/Popover.stories.js.map +1 -0
  151. package/dist/src/components/Popover/index.d.ts +2 -0
  152. package/dist/src/components/Popover/index.d.ts.map +1 -0
  153. package/dist/src/components/Popover/index.js +21 -0
  154. package/dist/src/components/Popover/index.js.map +1 -0
  155. package/dist/src/components/QrCode/QrCode.d.ts +11 -0
  156. package/dist/src/components/QrCode/QrCode.d.ts.map +1 -0
  157. package/dist/src/components/QrCode/QrCode.js +51 -0
  158. package/dist/src/components/QrCode/QrCode.js.map +1 -0
  159. package/dist/src/components/QrCode/QrCode.stories.d.ts +9 -0
  160. package/dist/src/components/QrCode/QrCode.stories.d.ts.map +1 -0
  161. package/dist/src/components/QrCode/QrCode.stories.js +29 -0
  162. package/dist/src/components/QrCode/QrCode.stories.js.map +1 -0
  163. package/dist/src/components/QrCode/index.d.ts +2 -0
  164. package/dist/src/components/QrCode/index.d.ts.map +1 -0
  165. package/dist/src/components/QrCode/index.js +21 -0
  166. package/dist/src/components/QrCode/index.js.map +1 -0
  167. package/dist/src/components/Tag/Tag.d.ts +8 -0
  168. package/dist/src/components/Tag/Tag.d.ts.map +1 -0
  169. package/dist/src/components/Tag/Tag.js +23 -0
  170. package/dist/src/components/Tag/Tag.js.map +1 -0
  171. package/dist/src/components/Tag/Tag.stories.d.ts +10 -0
  172. package/dist/src/components/Tag/Tag.stories.d.ts.map +1 -0
  173. package/dist/src/components/Tag/Tag.stories.js +24 -0
  174. package/dist/src/components/Tag/Tag.stories.js.map +1 -0
  175. package/dist/src/components/Tag/index.d.ts +2 -0
  176. package/dist/src/components/Tag/index.d.ts.map +1 -0
  177. package/dist/src/components/Tag/index.js +21 -0
  178. package/dist/src/components/Tag/index.js.map +1 -0
  179. package/dist/src/components/Toast/Toast.d.ts +16 -0
  180. package/dist/src/components/Toast/Toast.d.ts.map +1 -0
  181. package/dist/src/components/Toast/Toast.js +54 -0
  182. package/dist/src/components/Toast/Toast.js.map +1 -0
  183. package/dist/src/components/Toast/Toast.stories.d.ts +9 -0
  184. package/dist/src/components/Toast/Toast.stories.d.ts.map +1 -0
  185. package/dist/src/components/Toast/Toast.stories.js +32 -0
  186. package/dist/src/components/Toast/Toast.stories.js.map +1 -0
  187. package/dist/src/components/Toast/index.d.ts +2 -0
  188. package/dist/src/components/Toast/index.d.ts.map +1 -0
  189. package/dist/src/components/Toast/index.js +21 -0
  190. package/dist/src/components/Toast/index.js.map +1 -0
  191. package/dist/src/components/Tooltip/Tooltip.d.ts +10 -0
  192. package/dist/src/components/Tooltip/Tooltip.d.ts.map +1 -0
  193. package/dist/src/components/Tooltip/Tooltip.js +50 -0
  194. package/dist/src/components/Tooltip/Tooltip.js.map +1 -0
  195. package/dist/src/components/Tooltip/Tooltip.stories.d.ts +9 -0
  196. package/dist/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -0
  197. package/dist/src/components/Tooltip/Tooltip.stories.js +30 -0
  198. package/dist/src/components/Tooltip/Tooltip.stories.js.map +1 -0
  199. package/dist/src/components/Tooltip/index.d.ts +2 -0
  200. package/dist/src/components/Tooltip/index.d.ts.map +1 -0
  201. package/dist/src/components/Tooltip/index.js +21 -0
  202. package/dist/src/components/Tooltip/index.js.map +1 -0
  203. package/dist/src/components/UiProvider/UiProvider.d.ts +10 -0
  204. package/dist/src/components/UiProvider/UiProvider.d.ts.map +1 -0
  205. package/dist/src/components/UiProvider/UiProvider.js +21 -0
  206. package/dist/src/components/UiProvider/UiProvider.js.map +1 -0
  207. package/dist/src/components/UiProvider/index.d.ts +2 -0
  208. package/dist/src/components/UiProvider/index.d.ts.map +1 -0
  209. package/dist/src/components/UiProvider/index.js +21 -0
  210. package/dist/src/components/UiProvider/index.js.map +1 -0
  211. package/dist/src/components/index.d.ts +18 -0
  212. package/dist/src/components/index.d.ts.map +1 -0
  213. package/dist/src/components/index.js +37 -0
  214. package/dist/src/components/index.js.map +1 -0
  215. package/dist/src/hooks/index.d.ts +2 -0
  216. package/dist/src/hooks/index.d.ts.map +1 -0
  217. package/dist/src/hooks/index.js +21 -0
  218. package/dist/src/hooks/index.js.map +1 -0
  219. package/dist/src/hooks/useId.d.ts +2 -0
  220. package/dist/src/hooks/useId.d.ts.map +1 -0
  221. package/dist/src/hooks/useId.js +19 -0
  222. package/dist/src/hooks/useId.js.map +1 -0
  223. package/dist/src/index.d.ts +5 -0
  224. package/dist/src/index.d.ts.map +1 -0
  225. package/dist/src/index.js +24 -0
  226. package/dist/src/index.js.map +1 -0
  227. package/dist/src/plugin.d.ts +9 -0
  228. package/dist/src/plugin.d.ts.map +1 -0
  229. package/dist/src/plugin.js +268 -0
  230. package/dist/src/plugin.js.map +1 -0
  231. package/dist/src/props/Elevation.d.ts +2 -0
  232. package/dist/src/props/Elevation.d.ts.map +1 -0
  233. package/dist/src/props/Elevation.js +6 -0
  234. package/dist/src/props/Elevation.js.map +1 -0
  235. package/dist/src/props/MessageValence.d.ts +2 -0
  236. package/dist/src/props/MessageValence.d.ts.map +1 -0
  237. package/dist/src/props/MessageValence.js +6 -0
  238. package/dist/src/props/MessageValence.js.map +1 -0
  239. package/dist/src/props/Size.d.ts +2 -0
  240. package/dist/src/props/Size.d.ts.map +1 -0
  241. package/dist/src/props/Size.js +6 -0
  242. package/dist/src/props/Size.js.map +1 -0
  243. package/dist/src/props/index.d.ts +4 -0
  244. package/dist/src/props/index.d.ts.map +1 -0
  245. package/dist/src/props/index.js +23 -0
  246. package/dist/src/props/index.js.map +1 -0
  247. package/dist/src/styles/active.d.ts +2 -0
  248. package/dist/src/styles/active.d.ts.map +1 -0
  249. package/dist/src/styles/active.js +12 -0
  250. package/dist/src/styles/active.js.map +1 -0
  251. package/dist/src/styles/disabled.d.ts +2 -0
  252. package/dist/src/styles/disabled.d.ts.map +1 -0
  253. package/dist/src/styles/disabled.js +8 -0
  254. package/dist/src/styles/disabled.js.map +1 -0
  255. package/dist/src/styles/focus.d.ts +2 -0
  256. package/dist/src/styles/focus.d.ts.map +1 -0
  257. package/dist/src/styles/focus.js +8 -0
  258. package/dist/src/styles/focus.js.map +1 -0
  259. package/dist/src/styles/group.d.ts +5 -0
  260. package/dist/src/styles/group.d.ts.map +1 -0
  261. package/dist/src/styles/group.js +26 -0
  262. package/dist/src/styles/group.js.map +1 -0
  263. package/dist/src/styles/hover.d.ts +4 -0
  264. package/dist/src/styles/hover.d.ts.map +1 -0
  265. package/dist/src/styles/hover.js +12 -0
  266. package/dist/src/styles/hover.js.map +1 -0
  267. package/dist/src/styles/index.d.ts +10 -0
  268. package/dist/src/styles/index.d.ts.map +1 -0
  269. package/dist/src/styles/index.js +29 -0
  270. package/dist/src/styles/index.js.map +1 -0
  271. package/dist/src/styles/ornament.d.ts +3 -0
  272. package/dist/src/styles/ornament.d.ts.map +1 -0
  273. package/dist/src/styles/ornament.js +9 -0
  274. package/dist/src/styles/ornament.js.map +1 -0
  275. package/dist/src/styles/size.d.ts +7 -0
  276. package/dist/src/styles/size.d.ts.map +1 -0
  277. package/dist/src/styles/size.js +89 -0
  278. package/dist/src/styles/size.js.map +1 -0
  279. package/dist/src/styles/text.d.ts +5 -0
  280. package/dist/src/styles/text.d.ts.map +1 -0
  281. package/dist/src/styles/text.js +11 -0
  282. package/dist/src/styles/text.js.map +1 -0
  283. package/dist/src/styles/valence.d.ts +19 -0
  284. package/dist/src/styles/valence.d.ts.map +1 -0
  285. package/dist/src/styles/valence.js +66 -0
  286. package/dist/src/styles/valence.js.map +1 -0
  287. package/dist/src/testing/index.d.ts +2 -0
  288. package/dist/src/testing/index.d.ts.map +1 -0
  289. package/dist/src/testing/index.js +21 -0
  290. package/dist/src/testing/index.js.map +1 -0
  291. package/dist/src/testing/templateForComponent.d.ts +4 -0
  292. package/dist/src/testing/templateForComponent.d.ts.map +1 -0
  293. package/dist/src/testing/templateForComponent.js +18 -0
  294. package/dist/src/testing/templateForComponent.js.map +1 -0
  295. package/dist/src/theme.css +62 -0
  296. package/package.json +55 -0
  297. package/src/components/Alert/Alert.stories.tsx +31 -0
  298. package/src/components/Alert/Alert.tsx +34 -0
  299. package/src/components/Alert/index.ts +5 -0
  300. package/src/components/Avatar/Avatar.stories.tsx +29 -0
  301. package/src/components/Avatar/Avatar.tsx +82 -0
  302. package/src/components/Avatar/index.ts +5 -0
  303. package/src/components/Button/Button.stories.tsx +43 -0
  304. package/src/components/Button/Button.tsx +20 -0
  305. package/src/components/Button/ButtonProps.ts +10 -0
  306. package/src/components/Button/buttonStyles.ts +32 -0
  307. package/src/components/Button/index.ts +7 -0
  308. package/src/components/CompoundButton/CompoundButton.stories.tsx +46 -0
  309. package/src/components/CompoundButton/CompoundButton.tsx +53 -0
  310. package/src/components/CompoundButton/index.ts +5 -0
  311. package/src/components/Dialog/Dialog.stories.tsx +37 -0
  312. package/src/components/Dialog/Dialog.tsx +124 -0
  313. package/src/components/Dialog/index.ts +5 -0
  314. package/src/components/Group/Group.stories.tsx +25 -0
  315. package/src/components/Group/Group.tsx +48 -0
  316. package/src/components/Group/index.ts +5 -0
  317. package/src/components/Heading/Heading.stories.tsx +29 -0
  318. package/src/components/Heading/Heading.tsx +28 -0
  319. package/src/components/Heading/index.ts +5 -0
  320. package/src/components/Input/Input.stories.tsx +91 -0
  321. package/src/components/Input/Input.tsx +132 -0
  322. package/src/components/Input/index.ts +5 -0
  323. package/src/components/Loading/Loading.stories.tsx +34 -0
  324. package/src/components/Loading/Loading.tsx +59 -0
  325. package/src/components/Loading/index.ts +5 -0
  326. package/src/components/Main/Main.tsx +14 -0
  327. package/src/components/Main/index.ts +5 -0
  328. package/src/components/NavMenu/NavMenu.stories.tsx +54 -0
  329. package/src/components/NavMenu/NavMenu.tsx +180 -0
  330. package/src/components/NavMenu/index.ts +5 -0
  331. package/src/components/Popover/Popover.stories.tsx +45 -0
  332. package/src/components/Popover/Popover.tsx +76 -0
  333. package/src/components/Popover/index.ts +5 -0
  334. package/src/components/QrCode/QrCode.stories.tsx +27 -0
  335. package/src/components/QrCode/QrCode.tsx +42 -0
  336. package/src/components/QrCode/index.ts +5 -0
  337. package/src/components/Toast/Toast.stories.tsx +31 -0
  338. package/src/components/Toast/Toast.tsx +84 -0
  339. package/src/components/Toast/index.ts +5 -0
  340. package/src/components/Tooltip/Tooltip.stories.tsx +28 -0
  341. package/src/components/Tooltip/Tooltip.tsx +57 -0
  342. package/src/components/Tooltip/index.ts +5 -0
  343. package/src/components/UiProvider/UiProvider.tsx +44 -0
  344. package/src/components/UiProvider/index.ts +5 -0
  345. package/src/components/index.ts +20 -0
  346. package/src/hooks/index.ts +5 -0
  347. package/src/hooks/useId.ts +21 -0
  348. package/src/index.ts +8 -0
  349. package/src/plugin.ts +270 -0
  350. package/src/props/MessageValence.ts +5 -0
  351. package/src/props/Size.ts +40 -0
  352. package/src/props/index.ts +6 -0
  353. package/src/styles/active.ts +11 -0
  354. package/src/styles/disabled.ts +5 -0
  355. package/src/styles/focus.ts +6 -0
  356. package/src/styles/hover.ts +10 -0
  357. package/src/styles/index.ts +11 -0
  358. package/src/styles/size.ts +87 -0
  359. package/src/styles/text.ts +10 -0
  360. package/src/styles/valence.ts +71 -0
  361. package/src/testing/index.ts +5 -0
  362. package/src/testing/templateForComponent.tsx +16 -0
  363. package/src/theme.css +62 -0
  364. package/src/typings.d.ts +7 -0
@@ -0,0 +1,274 @@
1
+ import '@dxosTheme';
2
+ import React from 'react';
3
+ import { HeadingProps } from './Heading';
4
+ declare const _default: {
5
+ title: string;
6
+ component: ({ level, ...props }: React.PropsWithChildren<HeadingProps>) => React.DetailedReactHTMLElement<{
7
+ className: string;
8
+ children?: React.ReactNode;
9
+ ref?: React.LegacyRef<HTMLHeadingElement> | undefined;
10
+ key?: React.Key | null | undefined;
11
+ defaultChecked?: boolean | undefined;
12
+ defaultValue?: string | number | readonly string[] | undefined;
13
+ suppressContentEditableWarning?: boolean | undefined;
14
+ suppressHydrationWarning?: boolean | undefined;
15
+ accessKey?: string | undefined;
16
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
17
+ contextMenu?: string | undefined;
18
+ dir?: string | undefined;
19
+ draggable?: (boolean | "true" | "false") | undefined;
20
+ hidden?: boolean | undefined;
21
+ id?: string | undefined;
22
+ lang?: string | undefined;
23
+ placeholder?: string | undefined;
24
+ slot?: string | undefined;
25
+ spellCheck?: (boolean | "true" | "false") | undefined;
26
+ style?: React.CSSProperties | undefined;
27
+ tabIndex?: number | undefined;
28
+ title?: string | undefined;
29
+ translate?: "yes" | "no" | undefined;
30
+ radioGroup?: string | undefined;
31
+ role?: React.AriaRole | undefined;
32
+ about?: string | undefined;
33
+ datatype?: string | undefined;
34
+ inlist?: any;
35
+ prefix?: string | undefined;
36
+ property?: string | undefined;
37
+ resource?: string | undefined;
38
+ typeof?: string | undefined;
39
+ vocab?: string | undefined;
40
+ autoCapitalize?: string | undefined;
41
+ autoCorrect?: string | undefined;
42
+ autoSave?: string | undefined;
43
+ color?: string | undefined;
44
+ itemProp?: string | undefined;
45
+ itemScope?: boolean | undefined;
46
+ itemType?: string | undefined;
47
+ itemID?: string | undefined;
48
+ itemRef?: string | undefined;
49
+ results?: number | undefined;
50
+ security?: string | undefined;
51
+ unselectable?: "on" | "off" | undefined;
52
+ inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
53
+ is?: string | undefined;
54
+ 'aria-activedescendant'?: string | undefined;
55
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
56
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
57
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
58
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
59
+ 'aria-colcount'?: number | undefined;
60
+ 'aria-colindex'?: number | undefined;
61
+ 'aria-colspan'?: number | undefined;
62
+ 'aria-controls'?: string | undefined;
63
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
64
+ 'aria-describedby'?: string | undefined;
65
+ 'aria-details'?: string | undefined;
66
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
67
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
68
+ 'aria-errormessage'?: string | undefined;
69
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
70
+ 'aria-flowto'?: string | undefined;
71
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
72
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
73
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
74
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
75
+ 'aria-keyshortcuts'?: string | undefined;
76
+ 'aria-label'?: string | undefined;
77
+ 'aria-labelledby'?: string | undefined;
78
+ 'aria-level'?: number | undefined;
79
+ 'aria-live'?: "assertive" | "off" | "polite" | undefined;
80
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
81
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
82
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
83
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
84
+ 'aria-owns'?: string | undefined;
85
+ 'aria-placeholder'?: string | undefined;
86
+ 'aria-posinset'?: number | undefined;
87
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
88
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
89
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
90
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
91
+ 'aria-roledescription'?: string | undefined;
92
+ 'aria-rowcount'?: number | undefined;
93
+ 'aria-rowindex'?: number | undefined;
94
+ 'aria-rowspan'?: number | undefined;
95
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
96
+ 'aria-setsize'?: number | undefined;
97
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
98
+ 'aria-valuemax'?: number | undefined;
99
+ 'aria-valuemin'?: number | undefined;
100
+ 'aria-valuenow'?: number | undefined;
101
+ 'aria-valuetext'?: string | undefined;
102
+ dangerouslySetInnerHTML?: {
103
+ __html: string;
104
+ } | undefined;
105
+ onCopy?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
106
+ onCopyCapture?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
107
+ onCut?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
108
+ onCutCapture?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
109
+ onPaste?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
110
+ onPasteCapture?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
111
+ onCompositionEnd?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
112
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
113
+ onCompositionStart?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
114
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
115
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
116
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
117
+ onFocus?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
118
+ onFocusCapture?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
119
+ onBlur?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
120
+ onBlurCapture?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
121
+ onChange?: React.FormEventHandler<HTMLHeadingElement> | undefined;
122
+ onChangeCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
123
+ onBeforeInput?: React.FormEventHandler<HTMLHeadingElement> | undefined;
124
+ onBeforeInputCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
125
+ onInput?: React.FormEventHandler<HTMLHeadingElement> | undefined;
126
+ onInputCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
127
+ onReset?: React.FormEventHandler<HTMLHeadingElement> | undefined;
128
+ onResetCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
129
+ onSubmit?: React.FormEventHandler<HTMLHeadingElement> | undefined;
130
+ onSubmitCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
131
+ onInvalid?: React.FormEventHandler<HTMLHeadingElement> | undefined;
132
+ onInvalidCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
133
+ onLoad?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
134
+ onLoadCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
135
+ onError?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
136
+ onErrorCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
137
+ onKeyDown?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
138
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
139
+ onKeyPress?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
140
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
141
+ onKeyUp?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
142
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
143
+ onAbort?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
144
+ onAbortCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
145
+ onCanPlay?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
146
+ onCanPlayCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
147
+ onCanPlayThrough?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
148
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
149
+ onDurationChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
150
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
151
+ onEmptied?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
152
+ onEmptiedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
153
+ onEncrypted?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
154
+ onEncryptedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
155
+ onEnded?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
156
+ onEndedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
157
+ onLoadedData?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
158
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
159
+ onLoadedMetadata?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
160
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
161
+ onLoadStart?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
162
+ onLoadStartCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
163
+ onPause?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
164
+ onPauseCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
165
+ onPlay?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
166
+ onPlayCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
167
+ onPlaying?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
168
+ onPlayingCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
169
+ onProgress?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
170
+ onProgressCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
171
+ onRateChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
172
+ onRateChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
173
+ onSeeked?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
174
+ onSeekedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
175
+ onSeeking?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
176
+ onSeekingCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
177
+ onStalled?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
178
+ onStalledCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
179
+ onSuspend?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
180
+ onSuspendCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
181
+ onTimeUpdate?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
182
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
183
+ onVolumeChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
184
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
185
+ onWaiting?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
186
+ onWaitingCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
187
+ onAuxClick?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
188
+ onAuxClickCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
189
+ onClick?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
190
+ onClickCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
191
+ onContextMenu?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
192
+ onContextMenuCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
193
+ onDoubleClick?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
194
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
195
+ onDrag?: React.DragEventHandler<HTMLHeadingElement> | undefined;
196
+ onDragCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
197
+ onDragEnd?: React.DragEventHandler<HTMLHeadingElement> | undefined;
198
+ onDragEndCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
199
+ onDragEnter?: React.DragEventHandler<HTMLHeadingElement> | undefined;
200
+ onDragEnterCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
201
+ onDragExit?: React.DragEventHandler<HTMLHeadingElement> | undefined;
202
+ onDragExitCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
203
+ onDragLeave?: React.DragEventHandler<HTMLHeadingElement> | undefined;
204
+ onDragLeaveCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
205
+ onDragOver?: React.DragEventHandler<HTMLHeadingElement> | undefined;
206
+ onDragOverCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
207
+ onDragStart?: React.DragEventHandler<HTMLHeadingElement> | undefined;
208
+ onDragStartCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
209
+ onDrop?: React.DragEventHandler<HTMLHeadingElement> | undefined;
210
+ onDropCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
211
+ onMouseDown?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
212
+ onMouseDownCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
213
+ onMouseEnter?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
214
+ onMouseLeave?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
215
+ onMouseMove?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
216
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
217
+ onMouseOut?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
218
+ onMouseOutCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
219
+ onMouseOver?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
220
+ onMouseOverCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
221
+ onMouseUp?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
222
+ onMouseUpCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
223
+ onSelect?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
224
+ onSelectCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
225
+ onTouchCancel?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
226
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
227
+ onTouchEnd?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
228
+ onTouchEndCapture?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
229
+ onTouchMove?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
230
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
231
+ onTouchStart?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
232
+ onTouchStartCapture?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
233
+ onPointerDown?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
234
+ onPointerDownCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
235
+ onPointerMove?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
236
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
237
+ onPointerUp?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
238
+ onPointerUpCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
239
+ onPointerCancel?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
240
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
241
+ onPointerEnter?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
242
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
243
+ onPointerLeave?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
244
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
245
+ onPointerOver?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
246
+ onPointerOverCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
247
+ onPointerOut?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
248
+ onPointerOutCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
249
+ onGotPointerCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
250
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
251
+ onLostPointerCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
252
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
253
+ onScroll?: React.UIEventHandler<HTMLHeadingElement> | undefined;
254
+ onScrollCapture?: React.UIEventHandler<HTMLHeadingElement> | undefined;
255
+ onWheel?: React.WheelEventHandler<HTMLHeadingElement> | undefined;
256
+ onWheelCapture?: React.WheelEventHandler<HTMLHeadingElement> | undefined;
257
+ onAnimationStart?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
258
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
259
+ onAnimationEnd?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
260
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
261
+ onAnimationIteration?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
262
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
263
+ onTransitionEnd?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
264
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
265
+ }, HTMLHeadingElement>;
266
+ };
267
+ export default _default;
268
+ export declare const Default: import("@storybook/react").Story<HeadingProps>;
269
+ export declare const Level2: () => JSX.Element;
270
+ export declare const Level3: () => JSX.Element;
271
+ export declare const Level4: () => JSX.Element;
272
+ export declare const Level5: () => JSX.Element;
273
+ export declare const Level6: () => JSX.Element;
274
+ //# sourceMappingURL=Heading.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElD,wBAGE;AAQF,eAAO,MAAM,OAAO,gDAA+C,CAAC;AAGpE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC"}
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ //
3
+ // Copyright 2022 DXOS.org
4
+ //
5
+ var __importDefault = (this && this.__importDefault) || function (mod) {
6
+ return (mod && mod.__esModule) ? mod : { "default": mod };
7
+ };
8
+ Object.defineProperty(exports, "__esModule", { value: true });
9
+ exports.Level6 = exports.Level5 = exports.Level4 = exports.Level3 = exports.Level2 = exports.Default = void 0;
10
+ require("@dxosTheme");
11
+ const react_1 = __importDefault(require("react"));
12
+ const testing_1 = require("../../testing");
13
+ const Heading_1 = require("./Heading");
14
+ exports.default = {
15
+ title: 'react-ui/Heading',
16
+ component: Heading_1.Heading
17
+ };
18
+ const Template = ({ children, ...props }) => {
19
+ return react_1.default.createElement(Heading_1.Heading, { ...props }, children);
20
+ };
21
+ const defaultProps = { level: 1 };
22
+ exports.Default = (0, testing_1.templateForComponent)(Template)(defaultProps);
23
+ exports.Default.args = { level: 1, children: 'Hello' };
24
+ const Level2 = () => react_1.default.createElement(Template, { level: 2 }, "Hello");
25
+ exports.Level2 = Level2;
26
+ const Level3 = () => react_1.default.createElement(Template, { level: 3 }, "Hello");
27
+ exports.Level3 = Level3;
28
+ const Level4 = () => react_1.default.createElement(Template, { level: 4 }, "Hello");
29
+ exports.Level4 = Level4;
30
+ const Level5 = () => react_1.default.createElement(Template, { level: 5 }, "Hello");
31
+ exports.Level5 = Level5;
32
+ const Level6 = () => react_1.default.createElement(Template, { level: 6 }, "Hello");
33
+ exports.Level6 = Level6;
34
+ //# sourceMappingURL=Heading.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,uCAAkD;AAElD,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,iBAAO;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACxD,OAAO,8BAAC,iBAAO,OAAK,KAAK,IAAG,QAAQ,CAAW,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,CAAU,EAAE,CAAC;AAE9B,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;AACpE,eAAO,CAAC,IAAI,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AAExC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAAkB,CAAC;AAApD,QAAA,MAAM,UAA8C;AAC1D,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAAkB,CAAC;AAApD,QAAA,MAAM,UAA8C;AAC1D,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAAkB,CAAC;AAApD,QAAA,MAAM,UAA8C;AAC1D,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAAkB,CAAC;AAApD,QAAA,MAAM,UAA8C;AAC1D,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,8BAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAAkB,CAAC;AAApD,QAAA,MAAM,UAA8C"}
@@ -0,0 +1,2 @@
1
+ export * from './Heading';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ //
3
+ // Copyright 2022 DXOS.org
4
+ //
5
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ var desc = Object.getOwnPropertyDescriptor(m, k);
8
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
+ desc = { enumerable: true, get: function() { return m[k]; } };
10
+ }
11
+ Object.defineProperty(o, k2, desc);
12
+ }) : (function(o, m, k, k2) {
13
+ if (k2 === undefined) k2 = k;
14
+ o[k2] = m[k];
15
+ }));
16
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
17
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ __exportStar(require("./Heading"), exports);
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Heading/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,4CAA0B"}
@@ -0,0 +1,17 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { MessageValence } from '../../props';
3
+ export declare type InputSize = 'md' | 'lg';
4
+ export interface InputProps extends Omit<ComponentProps<'input'>, 'value' | 'onChange' | 'size'> {
5
+ label: ReactNode;
6
+ labelVisuallyHidden?: boolean;
7
+ description?: ReactNode;
8
+ descriptionVisuallyHidden?: boolean;
9
+ initialValue?: string;
10
+ onChange?: (value: string) => void;
11
+ disabled?: boolean;
12
+ size?: InputSize;
13
+ validationMessage?: ReactNode;
14
+ validationValence?: MessageValence;
15
+ }
16
+ export declare const Input: ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, validationMessage, validationValence, ...inputProps }: InputProps) => JSX.Element;
17
+ //# sourceMappingURL=Input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAe,cAAc,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAG5G,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAW7C,oBAAY,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IAC9F,KAAK,EAAE,SAAS,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAOD,eAAO,MAAM,KAAK,0MAef,UAAU,gBA6EZ,CAAC"}
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+ //
3
+ // Copyright 2022 DXOS.org
4
+ //
5
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ var desc = Object.getOwnPropertyDescriptor(m, k);
8
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
+ desc = { enumerable: true, get: function() { return m[k]; } };
10
+ }
11
+ Object.defineProperty(o, k2, desc);
12
+ }) : (function(o, m, k, k2) {
13
+ if (k2 === undefined) k2 = k;
14
+ o[k2] = m[k];
15
+ }));
16
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
17
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
18
+ }) : function(o, v) {
19
+ o["default"] = v;
20
+ });
21
+ var __importStar = (this && this.__importStar) || function (mod) {
22
+ if (mod && mod.__esModule) return mod;
23
+ var result = {};
24
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
25
+ __setModuleDefault(result, mod);
26
+ return result;
27
+ };
28
+ var __importDefault = (this && this.__importDefault) || function (mod) {
29
+ return (mod && mod.__esModule) ? mod : { "default": mod };
30
+ };
31
+ Object.defineProperty(exports, "__esModule", { value: true });
32
+ exports.Input = void 0;
33
+ const classnames_1 = __importDefault(require("classnames"));
34
+ const react_1 = __importStar(require("react"));
35
+ const hooks_1 = require("../../hooks");
36
+ const styles_1 = require("../../styles");
37
+ const sizeMap = new Map([
38
+ ['md', ''],
39
+ ['lg', 'text-base']
40
+ ]);
41
+ const Input = ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, validationMessage, validationValence, ...inputProps }) => {
42
+ const inputId = inputProps.id || (0, hooks_1.useId)('input');
43
+ const descriptionId = (0, hooks_1.useId)('input-description');
44
+ const validationId = (0, hooks_1.useId)('input-validation');
45
+ const [_isPending, startTransition] = (0, react_1.useTransition)();
46
+ const [internalValue, setInternalValue] = (0, react_1.useState)((initialValue === null || initialValue === void 0 ? void 0 : initialValue.toString()) || '');
47
+ const onInternalChange = (0, react_1.useCallback)((e) => {
48
+ var _a;
49
+ const nextValue = ((_a = e.target) === null || _a === void 0 ? void 0 : _a.value) || '';
50
+ setInternalValue(nextValue);
51
+ onChange &&
52
+ startTransition(() => {
53
+ onChange(nextValue);
54
+ });
55
+ }, [onChange]);
56
+ const isInvalid = !!validationMessage && validationValence === 'error';
57
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)('my-4', className), role: 'none' },
58
+ react_1.default.createElement("label", { htmlFor: inputId, className: (0, classnames_1.default)('block mb-1 text-sm font-medium text-neutral-900 dark:text-neutral-100', labelVisuallyHidden && 'sr-only') }, label),
59
+ react_1.default.createElement("input", { id: inputId, ...inputProps, className: (0, classnames_1.default)(styles_1.defaultFocus, styles_1.defaultPlaceholder, (0, styles_1.defaultHover)({ disabled }), sizeMap.get(size !== null && size !== void 0 ? size : 'md'), 'bg-white/50 border text-neutral-900 text-sm rounded-lg block w-full px-2.5 py-2 dark:bg-neutral-700/50 dark:text-white', (0, styles_1.valenceInputBorder)(validationMessage ? validationValence : undefined), disabled && styles_1.defaultDisabled), ...(required && { required: true }), ...(disabled && { disabled: true }), ...(placeholder && { placeholder }), ...(description && { 'aria-describedby': descriptionId }), ...(isInvalid && {
60
+ 'aria-invalid': 'true',
61
+ 'aria-errormessage': validationId
62
+ }), value: internalValue, onChange: onInternalChange }),
63
+ (description || validationMessage) && (react_1.default.createElement("p", { ...(!isInvalid && { id: descriptionId }), className: (0, classnames_1.default)(descriptionVisuallyHidden && !isInvalid && 'sr-only') },
64
+ validationMessage && (react_1.default.createElement("span", { id: validationId, className: (0, styles_1.valenceColorText)(validationValence) },
65
+ validationMessage,
66
+ ' ')),
67
+ react_1.default.createElement("span", { ...(isInvalid && { id: descriptionId }), className: (0, classnames_1.default)(styles_1.defaultDescription, descriptionVisuallyHidden && 'sr-only') }, description)))));
68
+ };
69
+ exports.Input = Input;
70
+ //# sourceMappingURL=Input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,4DAA4B;AAC5B,+CAA4G;AAE5G,uCAAoC;AAEpC,yCAQsB;AAiBtB,MAAM,OAAO,GAAG,IAAI,GAAG,CAAoB;IACzC,CAAC,IAAI,EAAE,EAAE,CAAC;IACV,CAAC,IAAI,EAAE,WAAW,CAAC;CACpB,CAAC,CAAC;AAEI,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,yBAAyB,EACzB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,iBAAiB,EACjB,iBAAiB,EACjB,GAAG,UAAU,EACF,EAAE,EAAE;IACf,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,IAAI,IAAA,aAAK,EAAC,OAAO,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,IAAA,aAAK,EAAC,kBAAkB,CAAC,CAAC;IAE/C,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,IAAA,qBAAa,GAAE,CAAC;IAEtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC,CAAC;IAE3F,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,CAAgC,EAAE,EAAE;;QACnC,MAAM,SAAS,GAAG,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,KAAI,EAAE,CAAC;QACxC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC5B,QAAQ;YACN,eAAe,CAAC,GAAG,EAAE;gBACnB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,iBAAiB,IAAI,iBAAiB,KAAK,OAAO,CAAC;IAEvE,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,MAAM;QAChD,yCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAE,EACX,uEAAuE,EACvE,mBAAmB,IAAI,SAAS,CACjC,IAEA,KAAK,CACA;QACR,yCACE,EAAE,EAAE,OAAO,KACP,UAAU,EACd,SAAS,EAAE,IAAA,oBAAE,EACX,qBAAY,EACZ,2BAAkB,EAClB,IAAA,qBAAY,EAAC,EAAE,QAAQ,EAAE,CAAC,EAC1B,OAAO,CAAC,GAAG,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,EACzB,wHAAwH,EACxH,IAAA,2BAAkB,EAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,EACrE,QAAQ,IAAI,wBAAe,CAC5B,KACG,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,KAChC,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,KAChC,CAAC,WAAW,IAAI,EAAE,WAAW,EAAE,CAAC,KAChC,CAAC,WAAW,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC,KACtD,CAAC,SAAS,IAAI;gBAChB,cAAc,EAAE,MAAM;gBACtB,mBAAmB,EAAE,YAAY;aAClC,CAAC,EACF,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,gBAAgB,GAC1B;QACD,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI,CACrC,wCACM,CAAC,CAAC,SAAS,IAAI,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EACzC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAyB,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC;YAElE,iBAAiB,IAAI,CACpB,wCAAM,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,IAAA,yBAAgB,EAAC,iBAAiB,CAAC;gBACnE,iBAAiB;gBAAE,GAAG,CAClB,CACR;YACD,2CACM,CAAC,SAAS,IAAI,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EACxC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAkB,EAAE,yBAAyB,IAAI,SAAS,CAAC,IAExE,WAAW,CACP,CACL,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA5FW,QAAA,KAAK,SA4FhB"}
@@ -0,0 +1,23 @@
1
+ import '@dxosTheme';
2
+ import { InputProps } from './Input';
3
+ declare const _default: {
4
+ title: string;
5
+ component: ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, validationMessage, validationValence, ...inputProps }: InputProps) => JSX.Element;
6
+ argTypes: {
7
+ description: {
8
+ control: string;
9
+ };
10
+ validationValence: {
11
+ control: string;
12
+ options: string[];
13
+ };
14
+ };
15
+ };
16
+ export default _default;
17
+ export declare const Default: import("@storybook/react").Story<InputProps>;
18
+ export declare const Disabled: () => JSX.Element;
19
+ export declare const LabelVisuallyHidden: () => JSX.Element;
20
+ export declare const InputWithDescription: () => JSX.Element;
21
+ export declare const InputWithErrorAndDescription: () => JSX.Element;
22
+ export declare const InputWithValidationAndDescription: () => JSX.Element;
23
+ //# sourceMappingURL=Input.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAIpB,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;AAE5C,wBAUE;AAMF,eAAO,MAAM,OAAO,8CAAgD,CAAC;AAYrE,eAAO,MAAM,QAAQ,mBAQpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAQhC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mBAUxC,CAAC;AAEF,eAAO,MAAM,iCAAiC,mBAU7C,CAAC"}
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+ //
3
+ // Copyright 2022 DXOS.org
4
+ //
5
+ var __importDefault = (this && this.__importDefault) || function (mod) {
6
+ return (mod && mod.__esModule) ? mod : { "default": mod };
7
+ };
8
+ Object.defineProperty(exports, "__esModule", { value: true });
9
+ exports.InputWithValidationAndDescription = exports.InputWithErrorAndDescription = exports.InputWithDescription = exports.LabelVisuallyHidden = exports.Disabled = exports.Default = void 0;
10
+ require("@dxosTheme");
11
+ const react_1 = __importDefault(require("react"));
12
+ const testing_1 = require("../../testing");
13
+ const Input_1 = require("./Input");
14
+ exports.default = {
15
+ title: 'react-ui/Input',
16
+ component: Input_1.Input,
17
+ argTypes: {
18
+ description: { control: 'text' },
19
+ validationValence: {
20
+ control: 'select',
21
+ options: ['success', 'info', 'warning', 'error']
22
+ }
23
+ }
24
+ };
25
+ const Template = (props) => {
26
+ return react_1.default.createElement(Input_1.Input, { ...props });
27
+ };
28
+ exports.Default = (0, testing_1.templateForComponent)(Template)({ label: '' });
29
+ exports.Default.args = {
30
+ label: 'Hello',
31
+ placeholder: 'This is an input',
32
+ disabled: false,
33
+ description: undefined,
34
+ labelVisuallyHidden: false,
35
+ descriptionVisuallyHidden: false,
36
+ validationMessage: '',
37
+ validationValence: undefined
38
+ };
39
+ const Disabled = () => (react_1.default.createElement(Template, { ...{
40
+ label: 'Disabled',
41
+ placeholder: 'This is a disabled input',
42
+ disabled: true
43
+ } }));
44
+ exports.Disabled = Disabled;
45
+ const LabelVisuallyHidden = () => (react_1.default.createElement(Template, { ...{
46
+ label: 'The label is for screen readers',
47
+ labelVisuallyHidden: true,
48
+ placeholder: 'The label for this input exists but is only read by screen readers'
49
+ } }));
50
+ exports.LabelVisuallyHidden = LabelVisuallyHidden;
51
+ const InputWithDescription = () => (react_1.default.createElement(Template, { ...{
52
+ label: 'Described input',
53
+ placeholder: 'This input has an accessible description',
54
+ description: 'This helper text is accessibly associated with the input.'
55
+ } }));
56
+ exports.InputWithDescription = InputWithDescription;
57
+ const InputWithErrorAndDescription = () => (react_1.default.createElement(Template, { ...{
58
+ label: 'Described invalid input',
59
+ placeholder: 'This input has both an accessible description and a validation error',
60
+ description: 'This description is identified separately in the accessibility tree.',
61
+ validationValence: 'error',
62
+ validationMessage: 'The input has an error.'
63
+ } }));
64
+ exports.InputWithErrorAndDescription = InputWithErrorAndDescription;
65
+ const InputWithValidationAndDescription = () => (react_1.default.createElement(Template, { ...{
66
+ label: 'Described input with validation message',
67
+ placeholder: 'This input is styled to express a validation valence',
68
+ description: 'This description is extra.',
69
+ validationValence: 'success',
70
+ validationMessage: 'This validation message is really part of the description.'
71
+ } }));
72
+ exports.InputWithValidationAndDescription = InputWithValidationAndDescription;
73
+ //# sourceMappingURL=Input.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,mCAA4C;AAE5C,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,aAAK;IAChB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,iBAAiB,EAAE;YACjB,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC;SACjD;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAE,EAAE;IACrC,OAAO,8BAAC,aAAK,OAAK,KAAK,GAAI,CAAC;AAC9B,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACrE,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,kBAAkB;IAC/B,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,SAAS;IACtB,mBAAmB,EAAE,KAAK;IAC1B,yBAAyB,EAAE,KAAK;IAChC,iBAAiB,EAAE,EAAE;IACrB,iBAAiB,EAAE,SAAS;CAC7B,CAAC;AAEK,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAC5B,8BAAC,QAAQ,OACH;QACF,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,0BAA0B;QACvC,QAAQ,EAAE,IAAI;KACf,GACD,CACH,CAAC;AARW,QAAA,QAAQ,YAQnB;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CACvC,8BAAC,QAAQ,OACH;QACF,KAAK,EAAE,iCAAiC;QACxC,mBAAmB,EAAE,IAAI;QACzB,WAAW,EAAE,oEAAoE;KAClF,GACD,CACH,CAAC;AARW,QAAA,mBAAmB,uBAQ9B;AAEK,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACxC,8BAAC,QAAQ,OACH;QACF,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,0CAA0C;QACvD,WAAW,EAAE,2DAA2D;KACzE,GACD,CACH,CAAC;AARW,QAAA,oBAAoB,wBAQ/B;AAEK,MAAM,4BAA4B,GAAG,GAAG,EAAE,CAAC,CAChD,8BAAC,QAAQ,OACH;QACF,KAAK,EAAE,yBAAyB;QAChC,WAAW,EAAE,sEAAsE;QACnF,WAAW,EAAE,sEAAsE;QACnF,iBAAiB,EAAE,OAAO;QAC1B,iBAAiB,EAAE,yBAAyB;KAC7C,GACD,CACH,CAAC;AAVW,QAAA,4BAA4B,gCAUvC;AAEK,MAAM,iCAAiC,GAAG,GAAG,EAAE,CAAC,CACrD,8BAAC,QAAQ,OACH;QACF,KAAK,EAAE,yCAAyC;QAChD,WAAW,EAAE,sDAAsD;QACnE,WAAW,EAAE,4BAA4B;QACzC,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,4DAA4D;KAChF,GACD,CACH,CAAC;AAVW,QAAA,iCAAiC,qCAU5C"}
@@ -0,0 +1,2 @@
1
+ export * from './Input';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ //
3
+ // Copyright 2022 DXOS.org
4
+ //
5
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ var desc = Object.getOwnPropertyDescriptor(m, k);
8
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
+ desc = { enumerable: true, get: function() { return m[k]; } };
10
+ }
11
+ Object.defineProperty(o, k2, desc);
12
+ }) : (function(o, m, k, k2) {
13
+ if (k2 === undefined) k2 = k;
14
+ o[k2] = m[k];
15
+ }));
16
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
17
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ __exportStar(require("./Input"), exports);
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,0CAAwB"}
@@ -0,0 +1,12 @@
1
+ export declare type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';
2
+ export declare type LoadingColor = 'primary' | 'neutral';
3
+ export interface LoadingProps {
4
+ label: string;
5
+ size?: LoadingSize;
6
+ color?: LoadingColor;
7
+ className?: string;
8
+ }
9
+ export declare const Loading: ({ size, color, className, label }: LoadingProps & {
10
+ label: string;
11
+ }) => JSX.Element;
12
+ //# sourceMappingURL=Loading.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/Loading.tsx"],"names":[],"mappings":"AASA,oBAAY,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,oBAAY,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,eAAO,MAAM,OAAO;WAA+D,MAAM;iBA+BxF,CAAC"}