@dxos/react-ui 0.1.20 → 0.1.22

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 (331) hide show
  1. package/README.md +13 -137
  2. package/dist/lib/browser/index.mjs +160 -2022
  3. package/dist/lib/browser/index.mjs.map +4 -4
  4. package/dist/lib/browser/meta.json +1 -1
  5. package/dist/types/src/components/IdentityListItem/IdentityListItem.d.ts +6 -0
  6. package/dist/types/src/components/IdentityListItem/IdentityListItem.d.ts.map +1 -0
  7. package/dist/types/src/components/IdentityListItem/IdentityListItem.stories.d.ts +20 -0
  8. package/dist/types/src/components/IdentityListItem/IdentityListItem.stories.d.ts.map +1 -0
  9. package/dist/types/src/composites/IdentityPopover/IdentityPopover.d.ts +9 -0
  10. package/dist/types/src/composites/IdentityPopover/IdentityPopover.d.ts.map +1 -0
  11. package/dist/types/src/composites/IdentityPopover/index.d.ts +2 -0
  12. package/dist/types/src/composites/IdentityPopover/index.d.ts.map +1 -0
  13. package/dist/types/src/composites/index.d.ts +2 -0
  14. package/dist/types/src/composites/index.d.ts.map +1 -0
  15. package/dist/types/src/index.d.ts +4 -4
  16. package/dist/types/src/index.d.ts.map +1 -1
  17. package/dist/types/src/layouts/PanelPopover/PanelPopover.d.ts +11 -0
  18. package/dist/types/src/layouts/PanelPopover/PanelPopover.d.ts.map +1 -0
  19. package/dist/types/src/layouts/PanelPopover/index.d.ts +2 -0
  20. package/dist/types/src/layouts/PanelPopover/index.d.ts.map +1 -0
  21. package/dist/types/src/layouts/PanelSidebar/PanelSidebar.d.ts +20 -0
  22. package/dist/types/src/layouts/PanelSidebar/PanelSidebar.d.ts.map +1 -0
  23. package/dist/types/src/layouts/PanelSidebar/index.d.ts +2 -0
  24. package/dist/types/src/layouts/PanelSidebar/index.d.ts.map +1 -0
  25. package/dist/types/src/layouts/index.d.ts +3 -0
  26. package/dist/types/src/layouts/index.d.ts.map +1 -0
  27. package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts +6 -0
  28. package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts.map +1 -0
  29. package/dist/types/src/panels/IdentityPanel/index.d.ts +2 -0
  30. package/dist/types/src/panels/IdentityPanel/index.d.ts.map +1 -0
  31. package/dist/types/src/panels/index.d.ts +2 -0
  32. package/dist/types/src/panels/index.d.ts.map +1 -0
  33. package/dist/types/src/styles/index.d.ts +1 -11
  34. package/dist/types/src/styles/index.d.ts.map +1 -1
  35. package/dist/types/src/styles/panelStyles.d.ts +3 -0
  36. package/dist/types/src/styles/panelStyles.d.ts.map +1 -0
  37. package/dist/types/src/testing/ClientProvider.d.ts +3 -0
  38. package/dist/types/src/testing/ClientProvider.d.ts.map +1 -0
  39. package/dist/types/src/testing/index.d.ts +1 -1
  40. package/dist/types/src/testing/index.d.ts.map +1 -1
  41. package/dist/types/src/translations/index.d.ts +5 -0
  42. package/dist/types/src/translations/index.d.ts.map +1 -0
  43. package/dist/types/src/translations/locales/en-US.d.ts +6 -0
  44. package/dist/types/src/translations/locales/en-US.d.ts.map +1 -0
  45. package/package.json +16 -32
  46. package/src/components/IdentityListItem/IdentityListItem.stories.tsx +23 -0
  47. package/src/components/IdentityListItem/IdentityListItem.tsx +32 -0
  48. package/src/composites/IdentityPopover/IdentityPopover.tsx +54 -0
  49. package/src/composites/IdentityPopover/index.ts +5 -0
  50. package/src/composites/index.ts +4 -0
  51. package/src/index.ts +4 -4
  52. package/src/layouts/PanelPopover/PanelPopover.tsx +40 -0
  53. package/src/layouts/PanelPopover/index.ts +5 -0
  54. package/src/layouts/PanelSidebar/PanelSidebar.tsx +126 -0
  55. package/src/layouts/PanelSidebar/index.ts +5 -0
  56. package/src/layouts/index.ts +6 -0
  57. package/src/panels/IdentityPanel/IdentityPanel.tsx +39 -0
  58. package/src/panels/IdentityPanel/index.ts +5 -0
  59. package/src/panels/index.ts +5 -0
  60. package/src/styles/index.ts +2 -12
  61. package/src/styles/panelStyles.ts +6 -0
  62. package/src/testing/ClientProvider.tsx +18 -0
  63. package/src/testing/index.ts +1 -1
  64. package/src/translations/index.ts +7 -0
  65. package/src/translations/locales/en-US.ts +9 -0
  66. package/dist/plugin/node/esbuild-plugin.cjs +0 -469
  67. package/dist/plugin/node/esbuild-plugin.cjs.map +0 -7
  68. package/dist/plugin/node/meta.json +0 -1
  69. package/dist/plugin/node/plugin.cjs +0 -460
  70. package/dist/plugin/node/plugin.cjs.map +0 -7
  71. package/dist/plugin/node/theme.css +0 -61
  72. package/dist/plugin/node/theme.css.map +0 -7
  73. package/dist/types/src/components/Alert/Alert.d.ts +0 -15
  74. package/dist/types/src/components/Alert/Alert.d.ts.map +0 -1
  75. package/dist/types/src/components/Alert/Alert.stories.d.ts +0 -9
  76. package/dist/types/src/components/Alert/Alert.stories.d.ts.map +0 -1
  77. package/dist/types/src/components/Alert/index.d.ts +0 -2
  78. package/dist/types/src/components/Alert/index.d.ts.map +0 -1
  79. package/dist/types/src/components/AlertDialog/AlertDialog.d.ts +0 -26
  80. package/dist/types/src/components/AlertDialog/AlertDialog.d.ts.map +0 -1
  81. package/dist/types/src/components/AlertDialog/AlertDialog.stories.d.ts +0 -9
  82. package/dist/types/src/components/AlertDialog/AlertDialog.stories.d.ts.map +0 -1
  83. package/dist/types/src/components/AlertDialog/index.d.ts +0 -2
  84. package/dist/types/src/components/AlertDialog/index.d.ts.map +0 -1
  85. package/dist/types/src/components/Avatar/Avatar.d.ts +0 -22
  86. package/dist/types/src/components/Avatar/Avatar.d.ts.map +0 -1
  87. package/dist/types/src/components/Avatar/Avatar.stories.d.ts +0 -12
  88. package/dist/types/src/components/Avatar/Avatar.stories.d.ts.map +0 -1
  89. package/dist/types/src/components/Avatar/index.d.ts +0 -2
  90. package/dist/types/src/components/Avatar/index.d.ts.map +0 -1
  91. package/dist/types/src/components/Button/Button.d.ts +0 -4
  92. package/dist/types/src/components/Button/Button.d.ts.map +0 -1
  93. package/dist/types/src/components/Button/Button.stories.d.ts +0 -13
  94. package/dist/types/src/components/Button/Button.stories.d.ts.map +0 -1
  95. package/dist/types/src/components/Button/ButtonGroup.d.ts +0 -6
  96. package/dist/types/src/components/Button/ButtonGroup.d.ts.map +0 -1
  97. package/dist/types/src/components/Button/ButtonProps.d.ts +0 -7
  98. package/dist/types/src/components/Button/ButtonProps.d.ts.map +0 -1
  99. package/dist/types/src/components/Button/buttonStyles.d.ts +0 -6
  100. package/dist/types/src/components/Button/buttonStyles.d.ts.map +0 -1
  101. package/dist/types/src/components/Button/index.d.ts +0 -5
  102. package/dist/types/src/components/Button/index.d.ts.map +0 -1
  103. package/dist/types/src/components/CompoundButton/CompoundButton.d.ts +0 -10
  104. package/dist/types/src/components/CompoundButton/CompoundButton.d.ts.map +0 -1
  105. package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts +0 -10
  106. package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts.map +0 -1
  107. package/dist/types/src/components/CompoundButton/index.d.ts +0 -2
  108. package/dist/types/src/components/CompoundButton/index.d.ts.map +0 -1
  109. package/dist/types/src/components/Dialog/Dialog.d.ts +0 -26
  110. package/dist/types/src/components/Dialog/Dialog.d.ts.map +0 -1
  111. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +0 -9
  112. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +0 -1
  113. package/dist/types/src/components/Dialog/index.d.ts +0 -2
  114. package/dist/types/src/components/Dialog/index.d.ts.map +0 -1
  115. package/dist/types/src/components/Group/Group.d.ts +0 -10
  116. package/dist/types/src/components/Group/Group.d.ts.map +0 -1
  117. package/dist/types/src/components/Group/Group.stories.d.ts +0 -9
  118. package/dist/types/src/components/Group/Group.stories.d.ts.map +0 -1
  119. package/dist/types/src/components/Group/index.d.ts +0 -2
  120. package/dist/types/src/components/Group/index.d.ts.map +0 -1
  121. package/dist/types/src/components/Heading/Heading.d.ts +0 -266
  122. package/dist/types/src/components/Heading/Heading.d.ts.map +0 -1
  123. package/dist/types/src/components/Heading/Heading.stories.d.ts +0 -274
  124. package/dist/types/src/components/Heading/Heading.stories.d.ts.map +0 -1
  125. package/dist/types/src/components/Heading/index.d.ts +0 -2
  126. package/dist/types/src/components/Heading/index.d.ts.map +0 -1
  127. package/dist/types/src/components/Input/BarePinInput.d.ts +0 -314
  128. package/dist/types/src/components/Input/BarePinInput.d.ts.map +0 -1
  129. package/dist/types/src/components/Input/BareTextInput.d.ts +0 -7
  130. package/dist/types/src/components/Input/BareTextInput.d.ts.map +0 -1
  131. package/dist/types/src/components/Input/BareTextareaInput.d.ts +0 -7
  132. package/dist/types/src/components/Input/BareTextareaInput.d.ts.map +0 -1
  133. package/dist/types/src/components/Input/Input.d.ts +0 -4
  134. package/dist/types/src/components/Input/Input.d.ts.map +0 -1
  135. package/dist/types/src/components/Input/Input.stories.d.ts +0 -27
  136. package/dist/types/src/components/Input/Input.stories.d.ts.map +0 -1
  137. package/dist/types/src/components/Input/InputProps.d.ts +0 -37
  138. package/dist/types/src/components/Input/InputProps.d.ts.map +0 -1
  139. package/dist/types/src/components/Input/index.d.ts +0 -2
  140. package/dist/types/src/components/Input/index.d.ts.map +0 -1
  141. package/dist/types/src/components/Loading/Loading.d.ts +0 -15
  142. package/dist/types/src/components/Loading/Loading.d.ts.map +0 -1
  143. package/dist/types/src/components/Loading/Loading.stories.d.ts +0 -23
  144. package/dist/types/src/components/Loading/Loading.stories.d.ts.map +0 -1
  145. package/dist/types/src/components/Loading/index.d.ts +0 -2
  146. package/dist/types/src/components/Loading/index.d.ts.map +0 -1
  147. package/dist/types/src/components/NavMenu/NavMenu.d.ts +0 -39
  148. package/dist/types/src/components/NavMenu/NavMenu.d.ts.map +0 -1
  149. package/dist/types/src/components/NavMenu/NavMenu.stories.d.ts +0 -9
  150. package/dist/types/src/components/NavMenu/NavMenu.stories.d.ts.map +0 -1
  151. package/dist/types/src/components/NavMenu/index.d.ts +0 -2
  152. package/dist/types/src/components/NavMenu/index.d.ts.map +0 -1
  153. package/dist/types/src/components/Popover/Popover.d.ts +0 -21
  154. package/dist/types/src/components/Popover/Popover.d.ts.map +0 -1
  155. package/dist/types/src/components/Popover/Popover.stories.d.ts +0 -10
  156. package/dist/types/src/components/Popover/Popover.stories.d.ts.map +0 -1
  157. package/dist/types/src/components/Popover/index.d.ts +0 -2
  158. package/dist/types/src/components/Popover/index.d.ts.map +0 -1
  159. package/dist/types/src/components/QrCode/QrCode.d.ts +0 -39
  160. package/dist/types/src/components/QrCode/QrCode.d.ts.map +0 -1
  161. package/dist/types/src/components/QrCode/QrCode.stories.d.ts +0 -10
  162. package/dist/types/src/components/QrCode/QrCode.stories.d.ts.map +0 -1
  163. package/dist/types/src/components/QrCode/index.d.ts +0 -2
  164. package/dist/types/src/components/QrCode/index.d.ts.map +0 -1
  165. package/dist/types/src/components/Tag/Tag.d.ts +0 -8
  166. package/dist/types/src/components/Tag/Tag.d.ts.map +0 -1
  167. package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -10
  168. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +0 -1
  169. package/dist/types/src/components/Tag/index.d.ts +0 -2
  170. package/dist/types/src/components/Tag/index.d.ts.map +0 -1
  171. package/dist/types/src/components/Toast/Toast.d.ts +0 -25
  172. package/dist/types/src/components/Toast/Toast.d.ts.map +0 -1
  173. package/dist/types/src/components/Toast/Toast.stories.d.ts +0 -9
  174. package/dist/types/src/components/Toast/Toast.stories.d.ts.map +0 -1
  175. package/dist/types/src/components/Toast/index.d.ts +0 -2
  176. package/dist/types/src/components/Toast/index.d.ts.map +0 -1
  177. package/dist/types/src/components/Tooltip/Tooltip.d.ts +0 -19
  178. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +0 -1
  179. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +0 -9
  180. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +0 -1
  181. package/dist/types/src/components/Tooltip/index.d.ts +0 -2
  182. package/dist/types/src/components/Tooltip/index.d.ts.map +0 -1
  183. package/dist/types/src/components/UiProvider/UiProvider.d.ts +0 -10
  184. package/dist/types/src/components/UiProvider/UiProvider.d.ts.map +0 -1
  185. package/dist/types/src/components/UiProvider/index.d.ts +0 -2
  186. package/dist/types/src/components/UiProvider/index.d.ts.map +0 -1
  187. package/dist/types/src/components/index.d.ts +0 -18
  188. package/dist/types/src/components/index.d.ts.map +0 -1
  189. package/dist/types/src/config/index.d.ts +0 -2
  190. package/dist/types/src/config/index.d.ts.map +0 -1
  191. package/dist/types/src/config/tailwind.d.ts +0 -7
  192. package/dist/types/src/config/tailwind.d.ts.map +0 -1
  193. package/dist/types/src/esbuild-plugin.d.ts +0 -6
  194. package/dist/types/src/esbuild-plugin.d.ts.map +0 -1
  195. package/dist/types/src/hooks/index.d.ts +0 -4
  196. package/dist/types/src/hooks/index.d.ts.map +0 -1
  197. package/dist/types/src/hooks/useForwardedRef.d.ts +0 -2
  198. package/dist/types/src/hooks/useForwardedRef.d.ts.map +0 -1
  199. package/dist/types/src/hooks/useId.d.ts +0 -3
  200. package/dist/types/src/hooks/useId.d.ts.map +0 -1
  201. package/dist/types/src/hooks/useIsFocused.d.ts +0 -3
  202. package/dist/types/src/hooks/useIsFocused.d.ts.map +0 -1
  203. package/dist/types/src/plugin.d.ts +0 -9
  204. package/dist/types/src/plugin.d.ts.map +0 -1
  205. package/dist/types/src/props/Elevation.d.ts +0 -2
  206. package/dist/types/src/props/Elevation.d.ts.map +0 -1
  207. package/dist/types/src/props/MessageValence.d.ts +0 -2
  208. package/dist/types/src/props/MessageValence.d.ts.map +0 -1
  209. package/dist/types/src/props/Size.d.ts +0 -2
  210. package/dist/types/src/props/Size.d.ts.map +0 -1
  211. package/dist/types/src/props/index.d.ts +0 -4
  212. package/dist/types/src/props/index.d.ts.map +0 -1
  213. package/dist/types/src/styles/active.d.ts +0 -2
  214. package/dist/types/src/styles/active.d.ts.map +0 -1
  215. package/dist/types/src/styles/disabled.d.ts +0 -2
  216. package/dist/types/src/styles/disabled.d.ts.map +0 -1
  217. package/dist/types/src/styles/focus.d.ts +0 -3
  218. package/dist/types/src/styles/focus.d.ts.map +0 -1
  219. package/dist/types/src/styles/group.d.ts +0 -7
  220. package/dist/types/src/styles/group.d.ts.map +0 -1
  221. package/dist/types/src/styles/hover.d.ts +0 -4
  222. package/dist/types/src/styles/hover.d.ts.map +0 -1
  223. package/dist/types/src/styles/input.d.ts +0 -11
  224. package/dist/types/src/styles/input.d.ts.map +0 -1
  225. package/dist/types/src/styles/ornament.d.ts +0 -3
  226. package/dist/types/src/styles/ornament.d.ts.map +0 -1
  227. package/dist/types/src/styles/shimmer.d.ts +0 -3
  228. package/dist/types/src/styles/shimmer.d.ts.map +0 -1
  229. package/dist/types/src/styles/size.d.ts +0 -7
  230. package/dist/types/src/styles/size.d.ts.map +0 -1
  231. package/dist/types/src/styles/text.d.ts +0 -5
  232. package/dist/types/src/styles/text.d.ts.map +0 -1
  233. package/dist/types/src/styles/valence.d.ts +0 -19
  234. package/dist/types/src/styles/valence.d.ts.map +0 -1
  235. package/dist/types/src/testing/templateForComponent.d.ts +0 -4
  236. package/dist/types/src/testing/templateForComponent.d.ts.map +0 -1
  237. package/dist/types/src/util/index.d.ts +0 -2
  238. package/dist/types/src/util/index.d.ts.map +0 -1
  239. package/dist/types/src/util/mx.d.ts +0 -2
  240. package/dist/types/src/util/mx.d.ts.map +0 -1
  241. package/dist/types/src/util/withLogical.d.ts +0 -3
  242. package/dist/types/src/util/withLogical.d.ts.map +0 -1
  243. package/plugin.d.ts +0 -5
  244. package/plugin.js +0 -8
  245. package/src/components/Alert/Alert.stories.tsx +0 -31
  246. package/src/components/Alert/Alert.tsx +0 -40
  247. package/src/components/Alert/index.ts +0 -5
  248. package/src/components/AlertDialog/AlertDialog.stories.tsx +0 -35
  249. package/src/components/AlertDialog/AlertDialog.tsx +0 -147
  250. package/src/components/AlertDialog/index.ts +0 -5
  251. package/src/components/Avatar/Avatar.stories.tsx +0 -29
  252. package/src/components/Avatar/Avatar.tsx +0 -104
  253. package/src/components/Avatar/index.ts +0 -5
  254. package/src/components/Button/Button.stories.tsx +0 -45
  255. package/src/components/Button/Button.tsx +0 -20
  256. package/src/components/Button/ButtonGroup.tsx +0 -23
  257. package/src/components/Button/ButtonProps.ts +0 -11
  258. package/src/components/Button/buttonStyles.ts +0 -35
  259. package/src/components/Button/index.ts +0 -8
  260. package/src/components/CompoundButton/CompoundButton.stories.tsx +0 -46
  261. package/src/components/CompoundButton/CompoundButton.tsx +0 -53
  262. package/src/components/CompoundButton/index.ts +0 -5
  263. package/src/components/Dialog/Dialog.stories.tsx +0 -37
  264. package/src/components/Dialog/Dialog.tsx +0 -157
  265. package/src/components/Dialog/index.ts +0 -5
  266. package/src/components/Group/Group.stories.tsx +0 -25
  267. package/src/components/Group/Group.tsx +0 -32
  268. package/src/components/Group/index.ts +0 -5
  269. package/src/components/Heading/Heading.stories.tsx +0 -29
  270. package/src/components/Heading/Heading.tsx +0 -29
  271. package/src/components/Heading/index.ts +0 -5
  272. package/src/components/Input/BarePinInput.tsx +0 -67
  273. package/src/components/Input/BareTextInput.tsx +0 -48
  274. package/src/components/Input/BareTextareaInput.tsx +0 -39
  275. package/src/components/Input/Input.stories.tsx +0 -108
  276. package/src/components/Input/Input.tsx +0 -115
  277. package/src/components/Input/InputProps.ts +0 -47
  278. package/src/components/Input/index.ts +0 -5
  279. package/src/components/Loading/Loading.stories.tsx +0 -34
  280. package/src/components/Loading/Loading.tsx +0 -69
  281. package/src/components/Loading/index.ts +0 -5
  282. package/src/components/NavMenu/NavMenu.stories.tsx +0 -54
  283. package/src/components/NavMenu/NavMenu.tsx +0 -203
  284. package/src/components/NavMenu/index.ts +0 -5
  285. package/src/components/Popover/Popover.stories.tsx +0 -49
  286. package/src/components/Popover/Popover.tsx +0 -110
  287. package/src/components/Popover/index.ts +0 -5
  288. package/src/components/QrCode/QrCode.stories.tsx +0 -42
  289. package/src/components/QrCode/QrCode.tsx +0 -165
  290. package/src/components/QrCode/index.ts +0 -5
  291. package/src/components/Tag/Tag.stories.tsx +0 -23
  292. package/src/components/Tag/Tag.tsx +0 -32
  293. package/src/components/Tag/index.ts +0 -5
  294. package/src/components/Toast/Toast.stories.tsx +0 -31
  295. package/src/components/Toast/Toast.tsx +0 -106
  296. package/src/components/Toast/index.ts +0 -5
  297. package/src/components/Tooltip/Tooltip.stories.tsx +0 -28
  298. package/src/components/Tooltip/Tooltip.tsx +0 -88
  299. package/src/components/Tooltip/index.ts +0 -5
  300. package/src/components/UiProvider/UiProvider.tsx +0 -44
  301. package/src/components/UiProvider/index.ts +0 -5
  302. package/src/components/index.ts +0 -21
  303. package/src/config/index.ts +0 -5
  304. package/src/config/tailwind.ts +0 -250
  305. package/src/esbuild-plugin.ts +0 -42
  306. package/src/hooks/index.ts +0 -7
  307. package/src/hooks/useForwardedRef.ts +0 -22
  308. package/src/hooks/useId.ts +0 -21
  309. package/src/hooks/useIsFocused.ts +0 -38
  310. package/src/plugin.ts +0 -44
  311. package/src/props/Elevation.ts +0 -5
  312. package/src/props/MessageValence.ts +0 -5
  313. package/src/props/Size.ts +0 -40
  314. package/src/props/index.ts +0 -7
  315. package/src/styles/active.ts +0 -11
  316. package/src/styles/disabled.ts +0 -5
  317. package/src/styles/focus.ts +0 -9
  318. package/src/styles/group.ts +0 -35
  319. package/src/styles/hover.ts +0 -10
  320. package/src/styles/input.ts +0 -46
  321. package/src/styles/ornament.ts +0 -6
  322. package/src/styles/shimmer.ts +0 -9
  323. package/src/styles/size.ts +0 -86
  324. package/src/styles/text.ts +0 -10
  325. package/src/styles/valence.ts +0 -71
  326. package/src/testing/templateForComponent.tsx +0 -16
  327. package/src/theme.css +0 -65
  328. package/src/typings.d.ts +0 -7
  329. package/src/util/index.ts +0 -5
  330. package/src/util/mx.ts +0 -28
  331. package/src/util/withLogical.ts +0 -103
@@ -1,460 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
- mod
23
- ));
24
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
-
26
- // packages/common/react-ui/src/plugin.ts
27
- var plugin_exports = {};
28
- __export(plugin_exports, {
29
- ThemePlugin: () => ThemePlugin
30
- });
31
- module.exports = __toCommonJS(plugin_exports);
32
- var import_autoprefixer = __toESM(require("autoprefixer"));
33
- var import_node_path2 = require("node:path");
34
- var import_tailwindcss = __toESM(require("tailwindcss"));
35
-
36
- // packages/common/react-ui/src/config/tailwind.ts
37
- var import_forms = __toESM(require("@tailwindcss/forms"));
38
- var import_node_path = require("node:path");
39
- var import_tailwindcss_logical = __toESM(require("tailwindcss-logical"));
40
- var import_tailwindcss_radix = __toESM(require("tailwindcss-radix"));
41
- var import_colors = __toESM(require("tailwindcss/colors"));
42
- var import_defaultConfig_stub = __toESM(require("tailwindcss/stubs/defaultConfig.stub.js"));
43
- var tailwindConfig = ({ env = "production", root = "./", content = [] }) => ({
44
- darkMode: "class",
45
- theme: {
46
- fontFamily: {
47
- body: [
48
- "Roboto FlexVariable",
49
- ...import_defaultConfig_stub.default.theme.fontFamily.sans
50
- ],
51
- display: [
52
- "Space GroteskVariable",
53
- "Roboto FlexVariable",
54
- ...import_defaultConfig_stub.default.theme.fontFamily.sans
55
- ],
56
- mono: [
57
- "Fira CodeVariable",
58
- ...import_defaultConfig_stub.default.theme.fontFamily.mono
59
- ]
60
- },
61
- extend: {
62
- colors: {
63
- success: import_colors.default.emerald,
64
- warning: import_colors.default.amber,
65
- error: import_colors.default.rose,
66
- info: import_colors.default.cyan,
67
- neutral: {
68
- 950: "#101012",
69
- 900: "#1b1b1e",
70
- 850: "#252529",
71
- 800: "#303034",
72
- 750: "#3b3b3f",
73
- 700: "#46464b",
74
- 650: "#525257",
75
- 600: "#5e5e64",
76
- 550: "#6a6a70",
77
- 500: "#77767d",
78
- 450: "#838389",
79
- 400: "#909096",
80
- 350: "#9d9da4",
81
- 300: "#ababb1",
82
- 250: "#b8b8be",
83
- 200: "#c6c6cc",
84
- 150: "#d4d4d9",
85
- 100: "#e2e2e7",
86
- 50: "#f1f1f4"
87
- },
88
- primary: {
89
- 950: "#110c2a",
90
- 900: "#101940",
91
- 850: "#0b2453",
92
- 800: "#003164",
93
- 750: "#003e70",
94
- 700: "#004b7c",
95
- 650: "#005887",
96
- 600: "#006693",
97
- 550: "#00749e",
98
- 500: "#0082a9",
99
- 450: "#0091b3",
100
- 400: "#00a0be",
101
- 350: "#00afc7",
102
- 300: "#00bed0",
103
- 250: "#00ced8",
104
- 200: "#00dedf",
105
- 150: "#3cede4",
106
- 100: "#69fae8",
107
- 50: "#b9ffee"
108
- },
109
- transparent: "transparent",
110
- current: "currentColor",
111
- white: "#ffffff",
112
- black: "#000000"
113
- },
114
- fontSize: {
115
- xs: [
116
- "0.790rem",
117
- {
118
- lineHeight: "1rem"
119
- }
120
- ],
121
- sm: [
122
- "0.889rem",
123
- {
124
- lineHeight: "1.25rem"
125
- }
126
- ],
127
- base: [
128
- "1rem",
129
- {
130
- lineHeight: "1.5rem"
131
- }
132
- ],
133
- lg: [
134
- "1.125rem",
135
- {
136
- lineHeight: "1.75rem"
137
- }
138
- ],
139
- xl: [
140
- "1.266rem",
141
- {
142
- lineHeight: "1.75rem"
143
- }
144
- ],
145
- "2xl": [
146
- "1.424rem",
147
- {
148
- lineHeight: "2rem"
149
- }
150
- ],
151
- "3xl": [
152
- "1.602rem",
153
- {
154
- lineHeight: "2.25rem"
155
- }
156
- ],
157
- "4xl": [
158
- "1.802rem",
159
- {
160
- lineHeight: "2.5rem"
161
- }
162
- ],
163
- "5xl": [
164
- "2.027rem",
165
- {
166
- lineHeight: "2.5rem"
167
- }
168
- ],
169
- "6xl": [
170
- "2.281rem",
171
- {
172
- lineHeight: "2.5rem"
173
- }
174
- ],
175
- "7xl": [
176
- "2.566rem",
177
- {
178
- lineHeight: "2.75rem"
179
- }
180
- ],
181
- "8xl": [
182
- "2.887rem",
183
- {
184
- lineHeight: "3rem"
185
- }
186
- ],
187
- "9xl": [
188
- "3.247rem",
189
- {
190
- lineHeight: "3.25rem"
191
- }
192
- ]
193
- },
194
- outlineWidth: {
195
- 3: "3px"
196
- },
197
- boxShadow: {
198
- slider: "0 0 0 5px rgba(0, 0, 0, 0.3)"
199
- },
200
- keyframes: {
201
- "scale-in": {
202
- "0%": {
203
- opacity: "0",
204
- transform: "scale(0)"
205
- },
206
- "100%": {
207
- opacity: "1",
208
- transform: "scale(1)"
209
- }
210
- },
211
- "slide-down": {
212
- "0%": {
213
- opacity: "0",
214
- transform: "translateY(-10px)"
215
- },
216
- "100%": {
217
- opacity: "1",
218
- transform: "translateY(0)"
219
- }
220
- },
221
- "slide-up": {
222
- "0%": {
223
- opacity: "0",
224
- transform: "translateY(10px)"
225
- },
226
- "100%": {
227
- opacity: "1",
228
- transform: "translateY(0)"
229
- }
230
- },
231
- "slide-up-fade": {
232
- "0%": {
233
- opacity: "0",
234
- transform: "translateY(2px)"
235
- },
236
- "100%": {
237
- opacity: "1",
238
- transform: "translateY(0)"
239
- }
240
- },
241
- "slide-right-fade": {
242
- "0%": {
243
- opacity: "0",
244
- transform: "translateX(-2px)"
245
- },
246
- "100%": {
247
- opacity: "1",
248
- transform: "translateX(0)"
249
- }
250
- },
251
- "slide-down-fade": {
252
- "0%": {
253
- opacity: "0",
254
- transform: "translateY(-2px)"
255
- },
256
- "100%": {
257
- opacity: "1",
258
- transform: "translateY(0)"
259
- }
260
- },
261
- "slide-left-fade": {
262
- "0%": {
263
- opacity: "0",
264
- transform: "translateX(2px)"
265
- },
266
- "100%": {
267
- opacity: "1",
268
- transform: "translateX(0)"
269
- }
270
- },
271
- "enter-from-right": {
272
- "0%": {
273
- transform: "translateX(200px)",
274
- opacity: "0"
275
- },
276
- "100%": {
277
- transform: "translateX(0)",
278
- opacity: "1"
279
- }
280
- },
281
- "enter-from-left": {
282
- "0%": {
283
- transform: "translateX(-200px)",
284
- opacity: "0"
285
- },
286
- "100%": {
287
- transform: "translateX(0)",
288
- opacity: "1"
289
- }
290
- },
291
- "exit-to-right": {
292
- "0%": {
293
- transform: "translateX(0)",
294
- opacity: "1"
295
- },
296
- "100%": {
297
- transform: "translateX(200px)",
298
- opacity: "0"
299
- }
300
- },
301
- "exit-to-left": {
302
- "0%": {
303
- transform: "translateX(0)",
304
- opacity: "1"
305
- },
306
- "100%": {
307
- transform: "translateX(-200px)",
308
- opacity: "0"
309
- }
310
- },
311
- "scale-in-content": {
312
- "0%": {
313
- transform: "rotateX(-30deg) scale(0.9)",
314
- opacity: "0"
315
- },
316
- "100%": {
317
- transform: "rotateX(0deg) scale(1)",
318
- opacity: "1"
319
- }
320
- },
321
- "scale-out-content": {
322
- "0%": {
323
- transform: "rotateX(0deg) scale(1)",
324
- opacity: "1"
325
- },
326
- "100%": {
327
- transform: "rotateX(-10deg) scale(0.95)",
328
- opacity: "0"
329
- }
330
- },
331
- "fade-in": {
332
- "0%": {
333
- opacity: "0"
334
- },
335
- "100%": {
336
- opacity: "1"
337
- }
338
- },
339
- "fade-out": {
340
- "0%": {
341
- opacity: "1"
342
- },
343
- "100%": {
344
- opacity: "0"
345
- }
346
- },
347
- "toast-hide": {
348
- "0%": {
349
- opacity: "1"
350
- },
351
- "100%": {
352
- opacity: "0"
353
- }
354
- },
355
- "toast-slide-in-right": {
356
- "0%": {
357
- transform: "translateX(calc(100% + 1rem))"
358
- },
359
- "100%": {
360
- transform: "translateX(0)"
361
- }
362
- },
363
- "toast-slide-in-bottom": {
364
- "0%": {
365
- transform: "translateY(calc(100% + 1rem))"
366
- },
367
- "100%": {
368
- transform: "translateY(0)"
369
- }
370
- },
371
- "toast-swipe-out": {
372
- "0%": {
373
- transform: "translateX(var(--radix-toast-swipe-end-x))"
374
- },
375
- "100%": {
376
- transform: "translateX(calc(100% + 1rem))"
377
- }
378
- },
379
- "shimmer-loop": {
380
- "100%": {
381
- transform: "translateX(100%)"
382
- }
383
- }
384
- },
385
- animation: {
386
- "scale-in": "scale-in 0.2s ease-in-out",
387
- "slide-down": "slide-down 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
388
- "slide-up": "slide-up 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
389
- "slide-up-fade": "slide-up-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
390
- "slide-right-fade": "slide-right-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
391
- "slide-down-fade": "slide-down-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
392
- "slide-left-fade": "slide-left-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
393
- "enter-from-right": "enter-from-right 0.25s ease",
394
- "enter-from-left": "enter-from-left 0.25s ease",
395
- "exit-to-right": "exit-to-right 0.25s ease",
396
- "exit-to-left": "exit-to-left 0.25s ease",
397
- "scale-in-content": "scale-in-content 0.2s ease",
398
- "scale-out-content": "scale-out-content 0.2s ease",
399
- "fade-in": "fade-in 0.2s ease",
400
- "fade-out": "fade-out 0.2s ease",
401
- "toast-hide": "toast-hide 100ms ease-in forwards",
402
- "toast-slide-in-right": "toast-slide-in-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
403
- "toast-slide-in-bottom": "toast-slide-in-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)",
404
- "toast-swipe-out": "toast-swipe-out 100ms ease-out forwards",
405
- shimmer: "shimmer-loop 2s infinite"
406
- }
407
- }
408
- },
409
- plugins: [
410
- import_tailwindcss_logical.default,
411
- import_forms.default,
412
- (0, import_tailwindcss_radix.default)()
413
- ],
414
- ...env === "development" && {
415
- mode: "jit"
416
- },
417
- content: [
418
- (0, import_node_path.resolve)(root, "node_modules/@dxos/react-ui/dist/**/*.mjs"),
419
- ...content
420
- ]
421
- });
422
-
423
- // packages/common/react-ui/src/plugin.ts
424
- var ThemePlugin = (options) => {
425
- const config = {
426
- jit: true,
427
- cssPath: (0, import_node_path2.resolve)(__dirname, "./theme.css"),
428
- virtualFileId: "@dxosTheme",
429
- ...options
430
- };
431
- return {
432
- name: "vite-plugin-dxos-ui-theme",
433
- config: ({ root }, env) => {
434
- return {
435
- css: {
436
- postcss: {
437
- plugins: [
438
- (0, import_tailwindcss.default)(tailwindConfig({
439
- env: env.mode,
440
- root,
441
- content: options.content
442
- })),
443
- import_autoprefixer.default
444
- ]
445
- }
446
- }
447
- };
448
- },
449
- resolveId: (id) => {
450
- if (id === config.virtualFileId) {
451
- return config.cssPath;
452
- }
453
- }
454
- };
455
- };
456
- // Annotate the CommonJS export names for ESM import in node:
457
- 0 && (module.exports = {
458
- ThemePlugin
459
- });
460
- //# sourceMappingURL=plugin.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/plugin.ts", "../../../src/config/tailwind.ts"],
4
- "sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nimport autoprefixer from 'autoprefixer';\nimport { resolve } from 'node:path';\nimport tailwindcss from 'tailwindcss';\nimport { Plugin } from 'vite';\n\nimport { tailwindConfig } from './config';\n\nexport interface VitePluginTailwindOptions {\n jit?: boolean;\n cssPath?: string;\n virtualFileId?: string;\n content: string[];\n}\n\nexport const ThemePlugin = (options: Pick<VitePluginTailwindOptions, 'content'>) => {\n const config: VitePluginTailwindOptions = {\n jit: true,\n cssPath: resolve(__dirname, './theme.css'),\n virtualFileId: '@dxosTheme',\n ...options\n };\n\n return {\n name: 'vite-plugin-dxos-ui-theme',\n config: ({ root }, env) => {\n return {\n css: {\n postcss: {\n plugins: [tailwindcss(tailwindConfig({ env: env.mode, root, content: options.content })), autoprefixer]\n }\n }\n };\n },\n resolveId: (id) => {\n if (id === config.virtualFileId) {\n return config.cssPath;\n }\n }\n } as Plugin;\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nimport tailwindcssForms from '@tailwindcss/forms';\nimport { resolve } from 'node:path';\nimport type { Config } from 'tailwindcss';\nimport tailwindcssLogical from 'tailwindcss-logical';\nimport tailwindcssRadix from 'tailwindcss-radix';\nimport tailwindColors from 'tailwindcss/colors';\nimport defaultConfig from 'tailwindcss/stubs/defaultConfig.stub.js';\n\nexport const tailwindConfig = ({\n env = 'production',\n root = './',\n content = []\n}: {\n env?: string;\n root?: string;\n content?: string[];\n}): Config => ({\n darkMode: 'class',\n theme: {\n fontFamily: {\n body: ['Roboto FlexVariable', ...defaultConfig.theme.fontFamily.sans],\n display: ['Space GroteskVariable', 'Roboto FlexVariable', ...defaultConfig.theme.fontFamily.sans],\n mono: ['Fira CodeVariable', ...defaultConfig.theme.fontFamily.mono]\n },\n extend: {\n colors: {\n success: tailwindColors.emerald,\n warning: tailwindColors.amber,\n error: tailwindColors.rose,\n info: tailwindColors.cyan,\n neutral: {\n // Key color #707076\n // Hue torsion 0.0º\n // C*CP black 0.80, C*CP white 0.88\n 950: '#101012',\n 900: '#1b1b1e',\n 850: '#252529',\n 800: '#303034',\n 750: '#3b3b3f',\n 700: '#46464b',\n 650: '#525257',\n 600: '#5e5e64',\n 550: '#6a6a70',\n 500: '#77767d',\n 450: '#838389',\n 400: '#909096',\n 350: '#9d9da4',\n 300: '#ababb1',\n 250: '#b8b8be',\n 200: '#c6c6cc',\n 150: '#d4d4d9',\n 100: '#e2e2e7',\n 50: '#f1f1f4'\n },\n primary: {\n // Key color #00e0e0\n // Hue torsion -73.5º\n // C*CP black 1.0, C*CP white 1.0\n 950: '#110c2a',\n 900: '#101940',\n 850: '#0b2453',\n 800: '#003164',\n 750: '#003e70',\n 700: '#004b7c',\n 650: '#005887',\n 600: '#006693',\n 550: '#00749e',\n 500: '#0082a9',\n 450: '#0091b3',\n 400: '#00a0be',\n 350: '#00afc7',\n 300: '#00bed0',\n 250: '#00ced8',\n 200: '#00dedf',\n 150: '#3cede4',\n 100: '#69fae8',\n 50: '#b9ffee'\n },\n transparent: 'transparent',\n current: 'currentColor',\n white: '#ffffff',\n black: '#000000'\n },\n fontSize: {\n // Base size 16px\n // Scale 1.125\n xs: ['0.790rem', { lineHeight: '1rem' }],\n sm: ['0.889rem', { lineHeight: '1.25rem' }],\n base: ['1rem', { lineHeight: '1.5rem' }],\n lg: ['1.125rem', { lineHeight: '1.75rem' }],\n xl: ['1.266rem', { lineHeight: '1.75rem' }],\n '2xl': ['1.424rem', { lineHeight: '2rem' }],\n '3xl': ['1.602rem', { lineHeight: '2.25rem' }],\n '4xl': ['1.802rem', { lineHeight: '2.5rem' }],\n '5xl': ['2.027rem', { lineHeight: '2.5rem' }],\n '6xl': ['2.281rem', { lineHeight: '2.5rem' }],\n '7xl': ['2.566rem', { lineHeight: '2.75rem' }],\n '8xl': ['2.887rem', { lineHeight: '3rem' }],\n '9xl': ['3.247rem', { lineHeight: '3.25rem' }]\n },\n outlineWidth: {\n 3: '3px'\n },\n boxShadow: {\n slider: '0 0 0 5px rgba(0, 0, 0, 0.3)'\n },\n keyframes: {\n // Dropdown menu\n 'scale-in': {\n '0%': { opacity: '0', transform: 'scale(0)' },\n '100%': { opacity: '1', transform: 'scale(1)' }\n },\n 'slide-down': {\n '0%': { opacity: '0', transform: 'translateY(-10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' }\n },\n 'slide-up': {\n '0%': { opacity: '0', transform: 'translateY(10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' }\n },\n // Tooltip\n 'slide-up-fade': {\n '0%': { opacity: '0', transform: 'translateY(2px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' }\n },\n 'slide-right-fade': {\n '0%': { opacity: '0', transform: 'translateX(-2px)' },\n '100%': { opacity: '1', transform: 'translateX(0)' }\n },\n 'slide-down-fade': {\n '0%': { opacity: '0', transform: 'translateY(-2px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' }\n },\n 'slide-left-fade': {\n '0%': { opacity: '0', transform: 'translateX(2px)' },\n '100%': { opacity: '1', transform: 'translateX(0)' }\n },\n // Navigation menu\n 'enter-from-right': {\n '0%': { transform: 'translateX(200px)', opacity: '0' },\n '100%': { transform: 'translateX(0)', opacity: '1' }\n },\n 'enter-from-left': {\n '0%': { transform: 'translateX(-200px)', opacity: '0' },\n '100%': { transform: 'translateX(0)', opacity: '1' }\n },\n 'exit-to-right': {\n '0%': { transform: 'translateX(0)', opacity: '1' },\n '100%': { transform: 'translateX(200px)', opacity: '0' }\n },\n 'exit-to-left': {\n '0%': { transform: 'translateX(0)', opacity: '1' },\n '100%': {\n transform: 'translateX(-200px)',\n opacity: '0'\n }\n },\n 'scale-in-content': {\n '0%': {\n transform: 'rotateX(-30deg) scale(0.9)',\n opacity: '0'\n },\n '100%': {\n transform: 'rotateX(0deg) scale(1)',\n opacity: '1'\n }\n },\n 'scale-out-content': {\n '0%': {\n transform: 'rotateX(0deg) scale(1)',\n opacity: '1'\n },\n '100%': {\n transform: 'rotateX(-10deg) scale(0.95)',\n opacity: '0'\n }\n },\n 'fade-in': {\n '0%': { opacity: '0' },\n '100%': { opacity: '1' }\n },\n 'fade-out': {\n '0%': { opacity: '1' },\n '100%': { opacity: '0' }\n },\n // Toast\n 'toast-hide': {\n '0%': { opacity: '1' },\n '100%': { opacity: '0' }\n },\n 'toast-slide-in-right': {\n '0%': { transform: 'translateX(calc(100% + 1rem))' },\n '100%': { transform: 'translateX(0)' }\n },\n 'toast-slide-in-bottom': {\n '0%': { transform: 'translateY(calc(100% + 1rem))' },\n '100%': { transform: 'translateY(0)' }\n },\n 'toast-swipe-out': {\n '0%': {\n transform: 'translateX(var(--radix-toast-swipe-end-x))'\n },\n '100%': {\n transform: 'translateX(calc(100% + 1rem))'\n }\n },\n // Shimmer\n 'shimmer-loop': {\n '100%': {\n transform: 'translateX(100%)'\n }\n }\n },\n animation: {\n // Dropdown menu\n 'scale-in': 'scale-in 0.2s ease-in-out',\n 'slide-down': 'slide-down 0.6s cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-up': 'slide-up 0.6s cubic-bezier(0.16, 1, 0.3, 1)',\n // Tooltip\n 'slide-up-fade': 'slide-up-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-right-fade': 'slide-right-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-down-fade': 'slide-down-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-left-fade': 'slide-left-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n // Navigation menu\n 'enter-from-right': 'enter-from-right 0.25s ease',\n 'enter-from-left': 'enter-from-left 0.25s ease',\n 'exit-to-right': 'exit-to-right 0.25s ease',\n 'exit-to-left': 'exit-to-left 0.25s ease',\n 'scale-in-content': 'scale-in-content 0.2s ease',\n 'scale-out-content': 'scale-out-content 0.2s ease',\n 'fade-in': 'fade-in 0.2s ease',\n 'fade-out': 'fade-out 0.2s ease',\n // Toast\n 'toast-hide': 'toast-hide 100ms ease-in forwards',\n 'toast-slide-in-right': 'toast-slide-in-right 150ms cubic-bezier(0.16, 1, 0.3, 1)',\n 'toast-slide-in-bottom': 'toast-slide-in-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)',\n 'toast-swipe-out': 'toast-swipe-out 100ms ease-out forwards',\n // Shimmer\n shimmer: 'shimmer-loop 2s infinite'\n }\n }\n },\n plugins: [tailwindcssLogical, tailwindcssForms, tailwindcssRadix()],\n ...(env === 'development' && { mode: 'jit' }),\n content: [resolve(root, 'node_modules/@dxos/react-ui/dist/**/*.mjs'), ...content]\n});\n"],
5
- "mappings": "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",
6
- "names": ["import_node_path", "tailwindConfig", "env", "root", "content", "darkMode", "theme", "fontFamily", "body", "defaultConfig", "sans", "display", "mono", "extend", "colors", "success", "tailwindColors", "emerald", "warning", "amber", "error", "rose", "info", "cyan", "neutral", "primary", "transparent", "current", "white", "black", "fontSize", "xs", "lineHeight", "sm", "base", "lg", "xl", "outlineWidth", "boxShadow", "slider", "keyframes", "opacity", "transform", "animation", "shimmer", "plugins", "tailwindcssLogical", "tailwindcssForms", "tailwindcssRadix", "mode", "resolve", "ThemePlugin", "options", "config", "jit", "cssPath", "resolve", "__dirname", "virtualFileId", "name", "root", "env", "css", "postcss", "plugins", "tailwindcss", "tailwindConfig", "mode", "content", "autoprefixer", "resolveId", "id"]
7
- }
@@ -1,61 +0,0 @@
1
- @import "@fontsource/roboto-flex/variable-full.css";
2
- @import "@fontsource/fira-code/variable.css";
3
- @import "@fontsource/space-grotesk/variable-full.css";
4
-
5
- /* packages/common/react-ui/src/theme.css */
6
- @tailwind base;
7
- @tailwind utilities;
8
- @tailwind components;
9
- @layer utilities {
10
- .font-thin {
11
- font-variation-settings: "wght" 100;
12
- }
13
- .font-extralight {
14
- font-variation-settings: "wght" 200;
15
- }
16
- .font-light {
17
- font-variation-settings: "wght" 300;
18
- }
19
- .font-normal {
20
- font-variation-settings: "wght" 400;
21
- }
22
- .font-medium {
23
- font-variation-settings: "wght" 500;
24
- }
25
- .font-semibold {
26
- font-variation-settings: "wght" 600;
27
- }
28
- .font-bold {
29
- font-variation-settings: "wght" 700;
30
- }
31
- .font-extrabold {
32
- font-variation-settings: "wght" 800;
33
- }
34
- .font-black {
35
- font-variation-settings: "wght" 900;
36
- }
37
- .button-elevation {
38
- box-shadow: var(--button-elevation);
39
- }
40
- .elevated-buttons {
41
- --button-elevation: theme(boxShadow.sm);
42
- }
43
- .grouped-buttons {
44
- --button-elevation: theme(boxShadow.none);
45
- }
46
- }
47
- :root {
48
- --surface-bg: theme(colors.neutral.50);
49
- --surface-text: theme(colors.neutral.900);
50
- --button-elevation: theme(boxShadow.md);
51
- }
52
- .dark {
53
- --surface-bg: theme(colors.neutral.900);
54
- --surface-text: theme(colors.neutral.50);
55
- --button-elevation: theme(boxShadow.lg);
56
- }
57
- html {
58
- background-color: var(--surface-bg);
59
- color: var(--surface-text);
60
- }
61
- /*# sourceMappingURL=theme.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/theme.css"],
4
- "sourcesContent": ["@import '@fontsource/roboto-flex/variable-full.css';\n@import '@fontsource/fira-code/variable.css';\n@import '@fontsource/space-grotesk/variable-full.css';\n\n@tailwind base;\n@tailwind utilities;\n@tailwind components;\n\n@layer utilities {\n /* Font weights */\n .font-thin {\n font-variation-settings: 'wght' 100;\n }\n .font-extralight {\n font-variation-settings: 'wght' 200;\n }\n .font-light {\n font-variation-settings: 'wght' 300;\n }\n .font-normal {\n font-variation-settings: 'wght' 400;\n }\n .font-medium {\n font-variation-settings: 'wght' 500;\n }\n .font-semibold {\n font-variation-settings: 'wght' 600;\n }\n .font-bold {\n font-variation-settings: 'wght' 700;\n }\n .font-extrabold {\n font-variation-settings: 'wght' 800;\n }\n .font-black {\n font-variation-settings: 'wght' 900;\n }\n /* Elevations */\n .button-elevation {\n box-shadow: var(--button-elevation)\n }\n .elevated-buttons {\n --button-elevation: theme(boxShadow.sm);\n }\n .grouped-buttons {\n --button-elevation: theme(boxShadow.none);\n }\n}\n\n:root {\n --surface-bg: theme(colors.neutral.50);\n --surface-text: theme(colors.neutral.900);\n --button-elevation: theme(boxShadow.md);\n}\n\n.dark {\n --surface-bg: theme(colors.neutral.900);\n --surface-text: theme(colors.neutral.50);\n --button-elevation: theme(boxShadow.lg);\n}\n\nhtml {\n background-color: var(--surface-bg);\n color: var(--surface-text);\n}\n"],
5
- "mappings": ";;;;;AAIA;AACA;AACA;AAEA;AAEE;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAAA;AAIJ;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;",
6
- "names": []
7
- }
@@ -1,15 +0,0 @@
1
- import { ComponentProps, ReactNode } from 'react';
2
- import { MessageValence } from '../../props';
3
- export interface AlertSlots {
4
- root?: Omit<ComponentProps<'div'>, 'children'>;
5
- title?: Omit<ComponentProps<'p'>, 'children'>;
6
- }
7
- export interface AlertProps {
8
- title: ReactNode;
9
- assertive?: boolean;
10
- valence?: MessageValence;
11
- children?: ReactNode;
12
- slots?: AlertSlots;
13
- }
14
- export declare const Alert: ({ title, children, assertive, valence, slots }: AlertProps) => JSX.Element;
15
- //# sourceMappingURL=Alert.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7C,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,mDAAyD,UAAU,gBAepF,CAAC"}
@@ -1,9 +0,0 @@
1
- import '@dxosTheme';
2
- import { AlertProps } from './Alert';
3
- declare const _default: {
4
- title: string;
5
- component: ({ title, children, assertive, valence, slots }: 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
@@ -1 +0,0 @@
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"}
@@ -1,2 +0,0 @@
1
- export * from './Alert';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -1,26 +0,0 @@
1
- import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
2
- import { ComponentProps, ReactHTMLElement, ReactNode } from 'react';
3
- import { InputProps } from '../Input';
4
- export interface AlertDialogSlots {
5
- overlay?: Pick<ComponentProps<typeof AlertDialogPrimitive.Overlay>, 'className'>;
6
- content?: Omit<ComponentProps<typeof AlertDialogPrimitive.Content>, 'children'>;
7
- title?: Omit<ComponentProps<typeof AlertDialogPrimitive.Content>, 'children'>;
8
- description?: Omit<ComponentProps<typeof AlertDialogPrimitive.Description>, 'children'>;
9
- actions?: Omit<ComponentProps<'div'>, 'children'>;
10
- }
11
- export interface AlertDialogProps {
12
- title: ReactNode;
13
- openTrigger?: ReactNode;
14
- cancelTrigger?: ReactNode;
15
- confirmTrigger: Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
16
- destructiveConfirmString?: string;
17
- destructiveConfirmInputProps?: Omit<InputProps, 'onChange' | 'initialValue'>;
18
- titleVisuallyHidden?: boolean;
19
- description?: ReactNode;
20
- children?: ReactNode;
21
- initiallyOpen?: boolean;
22
- mountAsSibling?: boolean;
23
- slots?: AlertDialogSlots;
24
- }
25
- export declare const AlertDialog: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling, slots }: AlertDialogProps) => JSX.Element;
26
- //# sourceMappingURL=AlertDialog.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAc,EAAgB,cAAc,EAAY,gBAAgB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIxH,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC;IACjF,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;IAChF,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9E,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;IACxF,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;CACnD;AAED,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;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,oMAarB,gBAAgB,gBAkGlB,CAAC"}
@@ -1,9 +0,0 @@
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, slots }: 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
@@ -1 +0,0 @@
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"}
@@ -1,2 +0,0 @@
1
- export * from './AlertDialog';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}