@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
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2022 DXOS.org
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,68 @@
1
+ # DXOS design system
2
+
3
+ The `react-ui` package is the single source of truth for DXOS’s design system.
4
+
5
+ ## How to use
6
+
7
+ Using the design system requires opting-in in a few places, but by design it
8
+ otherwise needs no configuration.
9
+
10
+ ### 1. Add the Vite plugin
11
+
12
+ Add `@dxos/react-ui` to the project’s dev dependencies, then extend the
13
+ project’s Vite config to use it, e.g.:
14
+
15
+ ```ts
16
+ // ...
17
+ import { themePlugin } from '@dxos/react-ui/plugin';
18
+ // ...
19
+ export default defineConfig({
20
+ // ...
21
+ plugins: [
22
+ // ...
23
+ themePlugin({content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}']}),
24
+ // ...
25
+ ]
26
+ // ...
27
+ });
28
+ // ...
29
+ ```
30
+
31
+ ### 2. Reference the basic stylesheet
32
+
33
+ In the file which calls React DOM’s `createRoot` or `render`, add:
34
+
35
+ ```ts
36
+ import '@dxosTheme';
37
+ ```
38
+
39
+ ### 3. Boostrap theming
40
+
41
+ In order to display the correct theme, you need to mark `<html>` with the correct class _from the `<head>` tag_, otherwise it will flash the wrong theme:
42
+
43
+ ```html
44
+ <head>
45
+ <script>
46
+ if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
47
+ document.documentElement.classList.add('dark')
48
+ } else {
49
+ document.documentElement.classList.remove('dark')
50
+ }
51
+ </script>
52
+ </head>
53
+ ```
54
+
55
+ If you want to keep up with `prevers-color-scheme`, add:
56
+ ```js
57
+ window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e){ if(e.matches){
58
+ document.documentElement.classList.add('dark')
59
+ } else {
60
+ document.documentElement.classList.remove('dark')
61
+ }})
62
+ ```
63
+
64
+ You can augment this predicate checking any preferences saved in `localStorage`, etc.
65
+
66
+ ### Done
67
+
68
+ Now you can use Tailwind CSS classnames in components.
package/dist/src/components/Alert/Alert.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { MessageValence } from '../../props';
3
+ export interface AlertProps extends Omit<ComponentProps<'div'>, 'title'> {
4
+ title: ReactNode;
5
+ assertive?: boolean;
6
+ valence?: MessageValence;
7
+ children?: ReactNode;
8
+ }
9
+ export declare const Alert: ({ title, children, assertive, valence, ...divProps }: AlertProps) => JSX.Element;
10
+ //# sourceMappingURL=Alert.d.ts.map
package/dist/src/components/Alert/Alert.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtE,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,yDAA0D,UAAU,gBAerF,CAAC"}
package/dist/src/components/Alert/Alert.js ADDED
@@ -0,0 +1,21 @@
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.Alert = void 0;
10
+ const classnames_1 = __importDefault(require("classnames"));
11
+ const react_1 = __importDefault(require("react"));
12
+ const hooks_1 = require("../../hooks");
13
+ const styles_1 = require("../../styles");
14
+ const Alert = ({ title, children, assertive, valence, ...divProps }) => {
15
+ const labelId = (0, hooks_1.useId)('alertLabel');
16
+ return (react_1.default.createElement("div", { role: assertive ? 'alert' : 'group', ...divProps, className: (0, classnames_1.default)('p-3 border rounded-md', (0, styles_1.valenceAlertColors)(valence), divProps.className), "aria-labelledby": labelId },
17
+ react_1.default.createElement("p", { id: labelId, className: 'font-medium mb-2' }, title),
18
+ children));
19
+ };
20
+ exports.Alert = Alert;
21
+ //# sourceMappingURL=Alert.js.map
package/dist/src/components/Alert/Alert.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAAyD;AAEzD,uCAAoC;AAEpC,yCAAkD;AAS3C,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAc,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CACL,uCACE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,KAC/B,QAAQ,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,uBAAuB,EAAE,IAAA,2BAAkB,EAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,qBACtE,OAAO;QAExB,qCAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,IACzC,KAAK,CACJ;QACH,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,KAAK,SAehB"}
package/dist/src/components/Alert/Alert.stories.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import '@dxosTheme';
2
+ import { AlertProps } from './Alert';
3
+ declare const _default: {
4
+ title: string;
5
+ component: ({ title, children, assertive, valence, ...divProps }: AlertProps) => JSX.Element;
6
+ };
7
+ export default _default;
8
+ export declare const Default: import("@storybook/react").Story<AlertProps>;
9
+ //# sourceMappingURL=Alert.stories.d.ts.map
package/dist/src/components/Alert/Alert.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;AAE5C,wBAGE;AAMF,eAAO,MAAM,OAAO,8CAAgD,CAAC"}
package/dist/src/components/Alert/Alert.stories.js ADDED
@@ -0,0 +1,30 @@
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.Default = void 0;
10
+ require("@dxosTheme");
11
+ const phosphor_react_1 = require("phosphor-react");
12
+ const react_1 = __importDefault(require("react"));
13
+ const testing_1 = require("../../testing");
14
+ const Alert_1 = require("./Alert");
15
+ exports.default = {
16
+ title: 'react-ui/Alert',
17
+ component: Alert_1.Alert
18
+ };
19
+ const Template = ({ children, ...props }) => {
20
+ return react_1.default.createElement(Alert_1.Alert, { ...props }, children);
21
+ };
22
+ exports.Default = (0, testing_1.templateForComponent)(Template)({ title: '' });
23
+ exports.Default.args = {
24
+ title: (react_1.default.createElement(react_1.default.Fragment, null,
25
+ react_1.default.createElement(phosphor_react_1.Info, { className: 'inline w-5 h-5 mb-1', weight: 'duotone' }),
26
+ ' Alert title')),
27
+ valence: 'error',
28
+ children: 'Alert content'
29
+ };
30
+ //# sourceMappingURL=Alert.stories.js.map
package/dist/src/components/Alert/Alert.stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,mDAAsC;AACtC,kDAA0B;AAE1B,2CAAqD;AACrD,mCAA4C;AAE5C,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,aAAK;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IACtD,OAAO,8BAAC,aAAK,OAAK,KAAK,IAAG,QAAQ,CAAS,CAAC;AAC9C,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,CACL;QACE,8BAAC,qBAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,MAAM,EAAC,SAAS,GAAG;QACxD,cAAc,CACd,CACJ;IACD,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,eAAe;CAC1B,CAAC"}
package/dist/src/components/Alert/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './Alert';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/src/components/Alert/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
package/dist/src/components/Alert/index.js ADDED
@@ -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("./Alert"), exports);
21
+ //# sourceMappingURL=index.js.map
package/dist/src/components/Alert/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Alert/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,0CAAwB"}
package/dist/src/components/AlertDialog/AlertDialog.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { ReactHTMLElement, ReactNode } from 'react';
2
+ import { InputProps } from '../Input';
3
+ export interface AlertDialogProps {
4
+ title: ReactNode;
5
+ openTrigger?: ReactNode;
6
+ cancelTrigger?: ReactNode;
7
+ confirmTrigger: Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
8
+ destructiveConfirmString?: string;
9
+ destructiveConfirmInputProps?: Omit<InputProps, 'onChange' | 'initialValue'>;
10
+ titleVisuallyHidden?: boolean;
11
+ description?: ReactNode;
12
+ children?: ReactNode;
13
+ initiallyOpen?: boolean;
14
+ mountAsSibling?: boolean;
15
+ }
16
+ export declare const AlertDialog: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }: AlertDialogProps) => JSX.Element;
17
+ //# sourceMappingURL=AlertDialog.d.ts.map
package/dist/src/components/AlertDialog/AlertDialog.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAOA,OAAc,EAA0B,gBAAgB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGxG,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,4BAA4B,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,6LAYrB,gBAAgB,gBAwFlB,CAAC"}
package/dist/src/components/AlertDialog/AlertDialog.js ADDED
@@ -0,0 +1,65 @@
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.AlertDialog = void 0;
33
+ const react_1 = require("@headlessui/react");
34
+ const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
35
+ const classnames_1 = __importDefault(require("classnames"));
36
+ const react_2 = __importStar(require("react"));
37
+ const styles_1 = require("../../styles");
38
+ const Input_1 = require("../Input");
39
+ const AlertDialog = ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }) => {
40
+ const [isOpen, setIsOpen] = (0, react_2.useState)(!!initiallyOpen);
41
+ const [confirmDisabled, setConfirmDisabled] = (0, react_2.useState)(!!destructiveConfirmString);
42
+ const [confirmStringValue, setConfirmStringValue] = (0, react_2.useState)('');
43
+ (0, react_2.useEffect)(() => {
44
+ if (destructiveConfirmString) {
45
+ setConfirmDisabled(confirmStringValue !== destructiveConfirmString);
46
+ }
47
+ }, [confirmStringValue]);
48
+ const dialogOverlayAndContent = (react_2.default.createElement(react_1.Transition.Root, { show: isOpen },
49
+ react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
50
+ react_2.default.createElement(AlertDialogPrimitive.Overlay, { forceMount: true, className: 'fixed inset-0 z-20 bg-black/50' })),
51
+ react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
52
+ react_2.default.createElement(AlertDialogPrimitive.Content, { forceMount: true, className: (0, classnames_1.default)('fixed z-50', 'w-[95vw] max-w-md rounded-xl p-4 md:w-full', 'top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]', 'shadow-2xl bg-white dark:bg-neutral-800 elevated-buttons', styles_1.defaultFocus) },
53
+ react_2.default.createElement(AlertDialogPrimitive.Title, { className: (0, classnames_1.default)('text-2xl font-display font-medium text-neutral-900 dark:text-neutral-100 rounded-md', titleVisuallyHidden && 'sr-only', styles_1.defaultFocus), tabIndex: 0 }, title),
54
+ description && (react_2.default.createElement(AlertDialogPrimitive.Description, { className: (0, classnames_1.default)('mt-2', styles_1.defaultDescription) }, description)),
55
+ children,
56
+ destructiveConfirmInputProps && react_2.default.createElement(Input_1.Input, { ...destructiveConfirmInputProps, onChange: setConfirmStringValue }),
57
+ react_2.default.createElement("div", { className: 'flex flex-wrap justify-end gap-4' },
58
+ cancelTrigger && (react_2.default.createElement(AlertDialogPrimitive.Cancel, { asChild: typeof cancelTrigger !== 'string' }, cancelTrigger)),
59
+ react_2.default.createElement(AlertDialogPrimitive.Action, { asChild: true }, (0, react_2.cloneElement)(confirmTrigger, { disabled: confirmDisabled })))))));
60
+ return (react_2.default.createElement(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen },
61
+ openTrigger && react_2.default.createElement(AlertDialogPrimitive.Trigger, { asChild: true }, openTrigger),
62
+ mountAsSibling ? (dialogOverlayAndContent) : (react_2.default.createElement(AlertDialogPrimitive.Portal, null, dialogOverlayAndContent))));
63
+ };
64
+ exports.AlertDialog = AlertDialog;
65
+ //# sourceMappingURL=AlertDialog.js.map
package/dist/src/components/AlertDialog/AlertDialog.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,6CAA+C;AAC/C,mFAAqE;AACrE,4DAA4B;AAC5B,+CAAwG;AAExG,yCAAgE;AAChE,oCAA6C;AAgBtC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,EACd,wBAAwB,EACxB,4BAA4B,EAC5B,QAAQ,EACR,aAAa,EACb,cAAc,EACG,EAAE,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC;IACnF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,wBAAwB,EAAE;YAC5B,kBAAkB,CAAC,kBAAkB,KAAK,wBAAwB,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,uBAAuB,GAAG,CAC9B,8BAAC,kBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM;QAC3B,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;YAEnB,8BAAC,oBAAoB,CAAC,OAAO,IAAC,UAAU,QAAC,SAAS,EAAC,gCAAgC,GAAG,CACrE;QACnB,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB;YAE5B,8BAAC,oBAAoB,CAAC,OAAO,IAC3B,UAAU,QACV,SAAS,EAAE,IAAA,oBAAE,EACX,YAAY,EACZ,4CAA4C,EAC5C,4DAA4D,EAC5D,0DAA0D,EAC1D,qBAAY,CACb;gBAED,8BAAC,oBAAoB,CAAC,KAAK,IACzB,SAAS,EAAE,IAAA,oBAAE,EACX,qFAAqF,EACrF,mBAAmB,IAAI,SAAS,EAChC,qBAAY,CACb,EACD,QAAQ,EAAE,CAAC,IAEV,KAAK,CACqB;gBAC5B,WAAW,IAAI,CACd,8BAAC,oBAAoB,CAAC,WAAW,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,EAAE,2BAAkB,CAAC,IACxE,WAAW,CACqB,CACpC;gBAEA,QAAQ;gBAER,4BAA4B,IAAI,8BAAC,aAAK,OAAK,4BAA4B,EAAE,QAAQ,EAAE,qBAAqB,GAAI;gBAE7G,uCAAK,SAAS,EAAC,kCAAkC;oBAC9C,aAAa,IAAI,CAChB,8BAAC,oBAAoB,CAAC,MAAM,IAAC,OAAO,EAAE,OAAO,aAAa,KAAK,QAAQ,IACpE,aAAa,CACc,CAC/B;oBACD,8BAAC,oBAAoB,CAAC,MAAM,IAAC,OAAO,UACjC,IAAA,oBAAY,EAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAChC,CAC1B,CACuB,CACd,CACH,CACnB,CAAC;IAEF,OAAO,CACL,8BAAC,oBAAoB,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS;QAC7D,WAAW,IAAI,8BAAC,oBAAoB,CAAC,OAAO,IAAC,OAAO,UAAE,WAAW,CAAgC;QACjG,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAuB,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAoB,CAAC,MAAM,QAAE,uBAAuB,CAA+B,CACrF,CACyB,CAC7B,CAAC;AACJ,CAAC,CAAC;AApGW,QAAA,WAAW,eAoGtB"}
package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import '@dxosTheme';
2
+ import { AlertDialogProps } from './AlertDialog';
3
+ declare const _default: {
4
+ title: string;
5
+ component: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }: AlertDialogProps) => JSX.Element;
6
+ };
7
+ export default _default;
8
+ export declare const Default: import("@storybook/react").Story<AlertDialogProps>;
9
+ //# sourceMappingURL=AlertDialog.stories.d.ts.map
package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;AAE9D,wBAGE;AAMF,eAAO,MAAM,OAAO,oDAIlB,CAAC"}
package/dist/src/components/AlertDialog/AlertDialog.stories.js ADDED
@@ -0,0 +1,37 @@
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.Default = void 0;
10
+ require("@dxosTheme");
11
+ const react_1 = __importDefault(require("react"));
12
+ const testing_1 = require("../../testing");
13
+ const Button_1 = require("../Button");
14
+ const AlertDialog_1 = require("./AlertDialog");
15
+ exports.default = {
16
+ title: 'react-ui/AlertDialog',
17
+ component: AlertDialog_1.AlertDialog
18
+ };
19
+ const Template = ({ children, ...props }) => {
20
+ return react_1.default.createElement(AlertDialog_1.AlertDialog, { ...props }, children);
21
+ };
22
+ exports.Default = (0, testing_1.templateForComponent)(Template)({
23
+ openTrigger: '',
24
+ title: '',
25
+ confirmTrigger: react_1.default.createElement("span", null)
26
+ });
27
+ exports.Default.args = {
28
+ openTrigger: react_1.default.createElement(Button_1.Button, null, "Reset device"),
29
+ cancelTrigger: react_1.default.createElement(Button_1.Button, null, "Cancel"),
30
+ confirmTrigger: react_1.default.createElement(Button_1.Button, { variant: 'primary' }, "GO"),
31
+ destructiveConfirmString: "I've definitely had my coffee",
32
+ destructiveConfirmInputProps: {
33
+ label: "Type “I've definitely had my coffee” to confirm"
34
+ },
35
+ title: 'Reset your device'
36
+ };
37
+ //# sourceMappingURL=AlertDialog.stories.js.map
package/dist/src/components/AlertDialog/AlertDialog.stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,sCAAmC;AACnC,+CAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,yBAAW;CACvB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAC5D,OAAO,8BAAC,yBAAW,OAAK,KAAK,IAAG,QAAQ,CAAe,CAAC;AAC1D,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC;IACpD,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,2CAAQ;CACzB,CAAC,CAAC;AACH,eAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,8BAAC,eAAM,uBAAsB;IAC1C,aAAa,EAAE,8BAAC,eAAM,iBAAgB;IACtC,cAAc,EAAE,8BAAC,eAAM,IAAC,OAAO,EAAC,SAAS,SAAY;IACrD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE;QAC5B,KAAK,EAAE,iDAAiD;KACzD;IACD,KAAK,EAAE,mBAAmB;CAC3B,CAAC"}
package/dist/src/components/AlertDialog/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './AlertDialog';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/src/components/AlertDialog/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}
package/dist/src/components/AlertDialog/index.js ADDED
@@ -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("./AlertDialog"), exports);
21
+ //# sourceMappingURL=index.js.map
package/dist/src/components/AlertDialog/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,gDAA8B"}
package/dist/src/components/Avatar/Avatar.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
2
+ import React, { ComponentProps, ReactHTMLElement, ReactNode } from 'react';
3
+ import { Size } from '../../props';
4
+ export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive.Root> {
5
+ fallbackValue: string;
6
+ label: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
7
+ size?: Size;
8
+ variant?: 'square' | 'circle';
9
+ mediaSrc?: string;
10
+ children?: ReactNode;
11
+ }
12
+ export declare const Avatar: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
13
+ //# sourceMappingURL=Avatar.d.ts.map
package/dist/src/components/Avatar/Avatar.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EAAE,EAEZ,cAAc,EAId,gBAAgB,EAChB,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGnC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9E,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD,eAAO,MAAM,MAAM,orJA6ClB,CAAC"}
package/dist/src/components/Avatar/Avatar.js ADDED
@@ -0,0 +1,53 @@
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.Avatar = void 0;
33
+ const AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
34
+ const classnames_1 = __importDefault(require("classnames"));
35
+ const jdenticon_1 = require("jdenticon");
36
+ const react_1 = __importStar(require("react"));
37
+ const hooks_1 = require("../../hooks");
38
+ const styles_1 = require("../../styles");
39
+ const shapeStyles = {
40
+ circle: 'rounded-full',
41
+ square: 'rounded'
42
+ };
43
+ exports.Avatar = (0, react_1.forwardRef)(({ mediaSrc, fallbackValue, label, variant = 'square', size = 10, ...rootProps }, ref) => {
44
+ const labelId = (0, hooks_1.useId)('avatarLabel');
45
+ const imgSrc = (0, react_1.useMemo)(() => `data:image/svg+xml;utf8,${encodeURIComponent((0, jdenticon_1.toSvg)(fallbackValue, size === 'px' ? 1 : size * 4))}`, [fallbackValue]);
46
+ return (react_1.default.createElement(react_1.default.Fragment, null,
47
+ react_1.default.createElement(AvatarPrimitive.Root, { ...rootProps, className: (0, classnames_1.default)('relative inline-flex', (0, styles_1.getSize)(size), rootProps.className), "aria-labelledby": labelId, ref: ref },
48
+ mediaSrc && (react_1.default.createElement(AvatarPrimitive.Image, { src: mediaSrc, alt: 'Avatar', className: (0, classnames_1.default)('h-full w-full object-cover overflow-hidden', shapeStyles[variant]) })),
49
+ react_1.default.createElement(AvatarPrimitive.Fallback, { className: (0, classnames_1.default)('shrink-0 flex h-full w-full items-center justify-center bg-white dark:bg-neutral-800 overflow-hidden', shapeStyles[variant]), delayMs: 0 },
50
+ react_1.default.createElement("img", { role: 'none', alt: fallbackValue, src: imgSrc, className: 'h-full w-full' }))),
51
+ typeof label === 'string' ? (react_1.default.createElement("span", { id: labelId, className: 'sr-only' }, label)) : ((0, react_1.cloneElement)(label, { id: labelId }))));
52
+ });
53
+ //# sourceMappingURL=Avatar.js.map
package/dist/src/components/Avatar/Avatar.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wEAA0D;AAC1D,4DAA4B;AAC5B,yCAAkC;AAClC,+CASe;AAEf,uCAAoC;AAEpC,yCAAuC;AAWvC,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAkC,EAC/G,GAAkC,EAClC,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,2BAA2B,kBAAkB,CAAC,IAAA,iBAAK,EAAC,aAAa,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,EACzG,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,OAAO,CACL;QACE,8BAAC,eAAe,CAAC,IAAI,OACf,SAAS,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,qBACxD,OAAO,EACxB,GAAG,EAAE,GAAG;YAEP,QAAQ,IAAI,CACX,8BAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,4CAA4C,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GACjF,CACH;YACD,8BAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,oBAAE,EACX,sGAAsG,EACtG,WAAW,CAAC,OAAO,CAAC,CACrB,EACD,OAAO,EAAE,CAAC;gBAEV,uCAAK,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,eAAe,GAAG,CACrD,CACN;QACtB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,wCAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,IACnC,KAAK,CACD,CACR,CAAC,CAAC,CAAC,CACF,IAAA,oBAAY,EAAC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CACrC,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
package/dist/src/components/Avatar/Avatar.stories.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import '@dxosTheme';
2
+ import React from 'react';
3
+ import { AvatarProps } from './Avatar';
4
+ declare const _default: {
5
+ title: string;
6
+ component: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
7
+ };
8
+ export default _default;
9
+ export declare const Default: import("@storybook/react").Story<AvatarProps>;
10
+ //# sourceMappingURL=Avatar.stories.d.ts.map
package/dist/src/components/Avatar/Avatar.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;AAE/C,wBAGE;AAWF,eAAO,MAAM,OAAO,+CAA+C,CAAC"}
package/dist/src/components/Avatar/Avatar.stories.js ADDED
@@ -0,0 +1,30 @@
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.Default = void 0;
10
+ require("@dxosTheme");
11
+ const react_1 = __importDefault(require("react"));
12
+ const testing_1 = require("../../testing");
13
+ const Avatar_1 = require("./Avatar");
14
+ exports.default = {
15
+ title: 'react-ui/Avatar',
16
+ component: Avatar_1.Avatar
17
+ };
18
+ const Template = ({ children, ...props }) => {
19
+ return react_1.default.createElement(Avatar_1.Avatar, { ...props });
20
+ };
21
+ const defaultProps = {
22
+ fallbackValue: '',
23
+ label: react_1.default.createElement("span", null)
24
+ };
25
+ exports.Default = (0, testing_1.templateForComponent)(Template)(defaultProps);
26
+ exports.Default.args = {
27
+ fallbackValue: '20970b563fc49b5bb194a6ffdff376031a3a11f9481360c071c3fed87874106b',
28
+ label: react_1.default.createElement("span", { className: 'sr-only' }, "Hello")
29
+ };
30
+ //# sourceMappingURL=Avatar.stories.js.map
package/dist/src/components/Avatar/Avatar.stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.stories.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,qCAA+C;AAE/C,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,eAAM;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACvD,OAAO,8BAAC,eAAM,OAAK,KAAK,GAAI,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,2CAAQ;CAChB,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;AACpE,eAAO,CAAC,IAAI,GAAG;IACb,aAAa,EAAE,kEAAkE;IACjF,KAAK,EAAE,wCAAM,SAAS,EAAC,SAAS,YAAa;CAC9C,CAAC"}
package/dist/src/components/Avatar/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './Avatar';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/src/components/Avatar/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}
package/dist/src/components/Avatar/index.js ADDED
@@ -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("./Avatar"), exports);
21
+ //# sourceMappingURL=index.js.map
package/dist/src/components/Avatar/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,2CAAyB"}