@remix-run/ui 0.2.0 → 0.4.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 (395) hide show
  1. package/README.md +50 -164
  2. package/dist/accordion/index.d.ts +46 -0
  3. package/dist/accordion/index.js +142 -0
  4. package/dist/accordion/index.js.map +1 -0
  5. package/dist/accordion/primitives.d.ts +104 -0
  6. package/dist/accordion/primitives.js +312 -0
  7. package/dist/accordion/primitives.js.map +1 -0
  8. package/dist/{components/anchor/anchor.d.ts → anchor/index.d.ts} +8 -1
  9. package/dist/{components/anchor/anchor.js → anchor/index.js} +31 -12
  10. package/dist/anchor/index.js.map +1 -0
  11. package/dist/animation/demos/aspect-ratio.d.ts +2 -0
  12. package/dist/animation/demos/aspect-ratio.js +69 -0
  13. package/dist/animation/demos/aspect-ratio.js.map +1 -0
  14. package/dist/animation/demos/bouncy-switch.d.ts +2 -0
  15. package/dist/animation/demos/bouncy-switch.js +36 -0
  16. package/dist/animation/demos/bouncy-switch.js.map +1 -0
  17. package/dist/animation/demos/color-interpolation.d.ts +1 -0
  18. package/dist/animation/demos/color-interpolation.js +53 -0
  19. package/dist/animation/demos/color-interpolation.js.map +1 -0
  20. package/dist/animation/demos/cube.d.ts +2 -0
  21. package/dist/animation/demos/cube.js +86 -0
  22. package/dist/animation/demos/cube.js.map +1 -0
  23. package/dist/animation/demos/default-animate.d.ts +2 -0
  24. package/dist/animation/demos/default-animate.js +89 -0
  25. package/dist/animation/demos/default-animate.js.map +1 -0
  26. package/dist/animation/demos/drag-release.d.ts +24 -0
  27. package/dist/animation/demos/drag-release.js +96 -0
  28. package/dist/animation/demos/drag-release.js.map +1 -0
  29. package/dist/animation/demos/enter.d.ts +1 -0
  30. package/dist/animation/demos/enter.js +19 -0
  31. package/dist/animation/demos/enter.js.map +1 -0
  32. package/dist/animation/demos/exit.d.ts +2 -0
  33. package/dist/animation/demos/exit.js +58 -0
  34. package/dist/animation/demos/exit.js.map +1 -0
  35. package/dist/animation/demos/flip-toggle.d.ts +2 -0
  36. package/dist/animation/demos/flip-toggle.js +37 -0
  37. package/dist/animation/demos/flip-toggle.js.map +1 -0
  38. package/dist/animation/demos/hold-to-confirm.d.ts +13 -0
  39. package/dist/animation/demos/hold-to-confirm.js +211 -0
  40. package/dist/animation/demos/hold-to-confirm.js.map +1 -0
  41. package/dist/animation/demos/html-content.d.ts +2 -0
  42. package/dist/animation/demos/html-content.js +30 -0
  43. package/dist/animation/demos/html-content.js.map +1 -0
  44. package/dist/animation/demos/interruptible-keyframes.d.ts +1 -0
  45. package/dist/animation/demos/interruptible-keyframes.js +48 -0
  46. package/dist/animation/demos/interruptible-keyframes.js.map +1 -0
  47. package/dist/animation/demos/keyframes.d.ts +1 -0
  48. package/dist/animation/demos/keyframes.js +24 -0
  49. package/dist/animation/demos/keyframes.js.map +1 -0
  50. package/dist/animation/demos/material-ripple.d.ts +2 -0
  51. package/dist/animation/demos/material-ripple.js +127 -0
  52. package/dist/animation/demos/material-ripple.js.map +1 -0
  53. package/dist/animation/demos/mixin-presence-list.d.ts +2 -0
  54. package/dist/animation/demos/mixin-presence-list.js +88 -0
  55. package/dist/animation/demos/mixin-presence-list.js.map +1 -0
  56. package/dist/animation/demos/mixin-reclaim.d.ts +2 -0
  57. package/dist/animation/demos/mixin-reclaim.js +90 -0
  58. package/dist/animation/demos/mixin-reclaim.js.map +1 -0
  59. package/dist/animation/demos/multi-state-badge.d.ts +2 -0
  60. package/dist/animation/demos/multi-state-badge.js +231 -0
  61. package/dist/animation/demos/multi-state-badge.js.map +1 -0
  62. package/dist/animation/demos/press.d.ts +2 -0
  63. package/dist/animation/demos/press.js +63 -0
  64. package/dist/animation/demos/press.js.map +1 -0
  65. package/dist/animation/demos/reordering.d.ts +2 -0
  66. package/dist/animation/demos/reordering.js +53 -0
  67. package/dist/animation/demos/reordering.js.map +1 -0
  68. package/dist/animation/demos/rolling-square.d.ts +2 -0
  69. package/dist/animation/demos/rolling-square.js +42 -0
  70. package/dist/animation/demos/rolling-square.js.map +1 -0
  71. package/dist/animation/demos/rotate.d.ts +1 -0
  72. package/dist/animation/demos/rotate.js +18 -0
  73. package/dist/animation/demos/rotate.js.map +1 -0
  74. package/dist/animation/demos/shared-layout.d.ts +2 -0
  75. package/dist/animation/demos/shared-layout.js +114 -0
  76. package/dist/animation/demos/shared-layout.js.map +1 -0
  77. package/dist/animation/demos/transition-options.d.ts +1 -0
  78. package/dist/animation/demos/transition-options.js +21 -0
  79. package/dist/animation/demos/transition-options.js.map +1 -0
  80. package/dist/animation/spring.d.ts +22 -0
  81. package/dist/animation/spring.js +22 -0
  82. package/dist/animation/spring.js.map +1 -1
  83. package/dist/{components/breadcrumbs/breadcrumbs.js → breadcrumbs/index.js} +19 -19
  84. package/dist/breadcrumbs/index.js.map +1 -0
  85. package/dist/button/index.d.ts +15 -0
  86. package/dist/button/index.js +128 -0
  87. package/dist/button/index.js.map +1 -0
  88. package/dist/checkbox/index.d.ts +14 -0
  89. package/dist/checkbox/index.js +125 -0
  90. package/dist/checkbox/index.js.map +1 -0
  91. package/dist/combobox/index.d.ts +21 -0
  92. package/dist/combobox/index.js +58 -0
  93. package/dist/combobox/index.js.map +1 -0
  94. package/dist/{components/combobox/combobox.d.ts → combobox/primitives.d.ts} +3 -7
  95. package/dist/{components/combobox/combobox.js → combobox/primitives.js} +8 -61
  96. package/dist/combobox/primitives.js.map +1 -0
  97. package/dist/input/index.d.ts +13 -0
  98. package/dist/input/index.js +121 -0
  99. package/dist/input/index.js.map +1 -0
  100. package/dist/listbox/flash-attribute.js.map +1 -0
  101. package/dist/{components/listbox/listbox.d.ts → listbox/index.d.ts} +2 -6
  102. package/dist/{components/listbox/listbox.js → listbox/index.js} +4 -82
  103. package/dist/listbox/index.js.map +1 -0
  104. package/dist/menu/hover-aim.js.map +1 -0
  105. package/dist/menu/index.d.ts +42 -0
  106. package/dist/menu/index.js +250 -0
  107. package/dist/menu/index.js.map +1 -0
  108. package/dist/{components/menu/menu.d.ts → menu/primitives.d.ts} +6 -32
  109. package/dist/{components/menu/menu.js → menu/primitives.js} +117 -279
  110. package/dist/menu/primitives.js.map +1 -0
  111. package/dist/{components/popover/popover.d.ts → popover/index.d.ts} +3 -5
  112. package/dist/{components/popover/popover.js → popover/index.js} +15 -51
  113. package/dist/popover/index.js.map +1 -0
  114. package/dist/{interactions/outside-click/outside-click-mixin.js → popover/outside-click.js} +1 -1
  115. package/dist/popover/outside-click.js.map +1 -0
  116. package/dist/popover/scroll-lock.d.ts +1 -0
  117. package/dist/{utils → popover}/scroll-lock.js +0 -18
  118. package/dist/popover/scroll-lock.js.map +1 -0
  119. package/dist/radio/index.d.ts +12 -0
  120. package/dist/radio/index.js +77 -0
  121. package/dist/radio/index.js.map +1 -0
  122. package/dist/runtime/client-entries.d.ts +1 -2
  123. package/dist/runtime/client-entries.js.map +1 -1
  124. package/dist/runtime/component.d.ts +2 -2
  125. package/dist/runtime/component.js +1 -1
  126. package/dist/runtime/component.js.map +1 -1
  127. package/dist/runtime/diff-dom.js +194 -21
  128. package/dist/runtime/diff-dom.js.map +1 -1
  129. package/dist/runtime/frame.d.ts +7 -0
  130. package/dist/runtime/frame.js +176 -41
  131. package/dist/runtime/frame.js.map +1 -1
  132. package/dist/runtime/jsx.d.ts +2 -3
  133. package/dist/runtime/jsx.js.map +1 -1
  134. package/dist/runtime/reconcile.js +11 -5
  135. package/dist/runtime/reconcile.js.map +1 -1
  136. package/dist/runtime/vdom.js +3 -0
  137. package/dist/runtime/vdom.js.map +1 -1
  138. package/dist/select/index.d.ts +19 -0
  139. package/dist/select/index.js +95 -0
  140. package/dist/select/index.js.map +1 -0
  141. package/dist/select/keydown.js.map +1 -0
  142. package/dist/{components/select/select.d.ts → select/primitives.d.ts} +4 -6
  143. package/dist/{components/select/select.js → select/primitives.js} +12 -64
  144. package/dist/select/primitives.js.map +1 -0
  145. package/dist/server/stream.js +5 -4
  146. package/dist/server/stream.js.map +1 -1
  147. package/dist/shared/focus-styles.d.ts +1 -0
  148. package/dist/shared/focus-styles.js +2 -0
  149. package/dist/shared/focus-styles.js.map +1 -0
  150. package/dist/shared/icons.d.ts +9 -0
  151. package/dist/shared/icons.js +42 -0
  152. package/dist/shared/icons.js.map +1 -0
  153. package/dist/shared/listbox-popover-styles.d.ts +6 -0
  154. package/dist/shared/listbox-popover-styles.js +137 -0
  155. package/dist/shared/listbox-popover-styles.js.map +1 -0
  156. package/dist/shared/style-values.d.ts +78 -0
  157. package/dist/{theme/presets/rmx-01/index.js → shared/style-values.js} +3 -34
  158. package/dist/shared/style-values.js.map +1 -0
  159. package/dist/{interactions/typeahead/typeahead-mixin.js → shared/typeahead.js} +1 -1
  160. package/dist/shared/typeahead.js.map +1 -0
  161. package/dist/shared/wait-for-css-transition.js.map +1 -0
  162. package/dist/shared/wait.js.map +1 -0
  163. package/dist/style/style.js +27 -10
  164. package/dist/style/style.js.map +1 -1
  165. package/dist/tabs/index.d.ts +32 -0
  166. package/dist/tabs/index.js +157 -0
  167. package/dist/tabs/index.js.map +1 -0
  168. package/dist/tabs/primitives.d.ts +57 -0
  169. package/dist/tabs/primitives.js +238 -0
  170. package/dist/tabs/primitives.js.map +1 -0
  171. package/dist/toggle/index.d.ts +9 -0
  172. package/dist/toggle/index.js +108 -0
  173. package/dist/toggle/index.js.map +1 -0
  174. package/dist/toggle/primitives.d.ts +29 -0
  175. package/dist/toggle/primitives.js +127 -0
  176. package/dist/toggle/primitives.js.map +1 -0
  177. package/package.json +74 -45
  178. package/src/{components/accordion → accordion}/README.md +50 -14
  179. package/src/accordion/index.tsx +285 -0
  180. package/src/accordion/primitives.tsx +512 -0
  181. package/src/{components/anchor → anchor}/README.md +48 -5
  182. package/src/{components/anchor/anchor.ts → anchor/index.ts} +53 -12
  183. package/src/animation/demos/aspect-ratio.tsx +120 -0
  184. package/src/animation/demos/bouncy-switch.tsx +47 -0
  185. package/src/animation/demos/color-interpolation.tsx +73 -0
  186. package/src/animation/demos/cube.tsx +116 -0
  187. package/src/animation/demos/default-animate.tsx +129 -0
  188. package/src/animation/demos/drag-release.ts +118 -0
  189. package/src/animation/demos/enter.tsx +22 -0
  190. package/src/animation/demos/exit.tsx +79 -0
  191. package/src/animation/demos/flip-toggle.tsx +46 -0
  192. package/src/animation/demos/hold-to-confirm.tsx +317 -0
  193. package/src/animation/demos/html-content.tsx +41 -0
  194. package/src/animation/demos/interruptible-keyframes.tsx +62 -0
  195. package/src/animation/demos/keyframes.tsx +29 -0
  196. package/src/animation/demos/material-ripple.tsx +158 -0
  197. package/src/animation/demos/mixin-presence-list.tsx +121 -0
  198. package/src/animation/demos/mixin-reclaim.tsx +125 -0
  199. package/src/animation/demos/multi-state-badge.tsx +426 -0
  200. package/src/animation/demos/press.tsx +67 -0
  201. package/src/animation/demos/reordering.tsx +68 -0
  202. package/src/animation/demos/rolling-square.tsx +57 -0
  203. package/src/animation/demos/rotate.tsx +21 -0
  204. package/src/animation/demos/shared-layout.tsx +211 -0
  205. package/src/animation/demos/transition-options.tsx +24 -0
  206. package/src/animation/spring.ts +22 -0
  207. package/src/{components/breadcrumbs → breadcrumbs}/README.md +4 -4
  208. package/src/{components/breadcrumbs/breadcrumbs.tsx → breadcrumbs/index.tsx} +18 -18
  209. package/src/button/README.md +44 -0
  210. package/src/button/index.ts +168 -0
  211. package/src/checkbox/README.md +59 -0
  212. package/src/checkbox/index.ts +162 -0
  213. package/src/{components/combobox → combobox}/README.md +58 -9
  214. package/src/combobox/index.tsx +112 -0
  215. package/src/{components/combobox/combobox.tsx → combobox/primitives.tsx} +5 -91
  216. package/src/input/README.md +52 -0
  217. package/src/input/index.ts +147 -0
  218. package/src/{components/listbox → listbox}/README.md +9 -41
  219. package/src/{components/listbox/listbox.ts → listbox/index.ts} +2 -87
  220. package/src/menu/README.md +161 -0
  221. package/src/menu/index.tsx +354 -0
  222. package/src/{components/menu/menu.tsx → menu/primitives.tsx} +117 -359
  223. package/src/{components/popover → popover}/README.md +20 -39
  224. package/src/{components/popover/popover.ts → popover/index.ts} +16 -61
  225. package/src/{utils → popover}/scroll-lock.ts +0 -28
  226. package/src/radio/README.md +53 -0
  227. package/src/radio/index.ts +100 -0
  228. package/src/runtime/client-entries.ts +1 -5
  229. package/src/runtime/component.ts +3 -3
  230. package/src/runtime/demos/readme.demo.tsx +704 -0
  231. package/src/runtime/diff-dom.ts +270 -20
  232. package/src/runtime/frame.ts +218 -41
  233. package/src/runtime/jsx.ts +6 -10
  234. package/src/runtime/reconcile.ts +11 -5
  235. package/src/runtime/vdom.ts +3 -0
  236. package/src/{components/select → select}/README.md +29 -19
  237. package/src/select/index.tsx +159 -0
  238. package/src/{components/select/select.tsx → select/primitives.tsx} +11 -99
  239. package/src/server/stream.ts +10 -5
  240. package/src/shared/focus-styles.ts +2 -0
  241. package/src/shared/icons.tsx +62 -0
  242. package/src/shared/listbox-popover-styles.ts +146 -0
  243. package/src/shared/style-values.ts +165 -0
  244. package/src/style/style.ts +29 -10
  245. package/src/tabs/README.md +141 -0
  246. package/src/tabs/index.tsx +244 -0
  247. package/src/tabs/primitives.ts +365 -0
  248. package/src/toggle/README.md +56 -0
  249. package/src/toggle/index.tsx +134 -0
  250. package/src/toggle/primitives.ts +192 -0
  251. package/dist/components/accordion/accordion.d.ts +0 -92
  252. package/dist/components/accordion/accordion.js +0 -335
  253. package/dist/components/accordion/accordion.js.map +0 -1
  254. package/dist/components/accordion/demos/card.demo.d.ts +0 -6
  255. package/dist/components/accordion/demos/card.demo.js +0 -58
  256. package/dist/components/accordion/demos/card.demo.js.map +0 -1
  257. package/dist/components/accordion/demos/multiple.demo.d.ts +0 -6
  258. package/dist/components/accordion/demos/multiple.demo.js +0 -19
  259. package/dist/components/accordion/demos/multiple.demo.js.map +0 -1
  260. package/dist/components/accordion/demos/overview.demo.d.ts +0 -6
  261. package/dist/components/accordion/demos/overview.demo.js +0 -19
  262. package/dist/components/accordion/demos/overview.demo.js.map +0 -1
  263. package/dist/components/anchor/anchor.js.map +0 -1
  264. package/dist/components/breadcrumbs/breadcrumbs.js.map +0 -1
  265. package/dist/components/breadcrumbs/demos/basic.demo.d.ts +0 -5
  266. package/dist/components/breadcrumbs/demos/basic.demo.js +0 -14
  267. package/dist/components/breadcrumbs/demos/basic.demo.js.map +0 -1
  268. package/dist/components/breadcrumbs/demos/separator.demo.d.ts +0 -5
  269. package/dist/components/breadcrumbs/demos/separator.demo.js +0 -14
  270. package/dist/components/breadcrumbs/demos/separator.demo.js.map +0 -1
  271. package/dist/components/button/button.d.ts +0 -105
  272. package/dist/components/button/button.js +0 -207
  273. package/dist/components/button/button.js.map +0 -1
  274. package/dist/components/button/demos/aliases.demo.d.ts +0 -6
  275. package/dist/components/button/demos/aliases.demo.js +0 -18
  276. package/dist/components/button/demos/aliases.demo.js.map +0 -1
  277. package/dist/components/button/demos/basic.demo.d.ts +0 -6
  278. package/dist/components/button/demos/basic.demo.js +0 -19
  279. package/dist/components/button/demos/basic.demo.js.map +0 -1
  280. package/dist/components/button/demos/states.demo.d.ts +0 -6
  281. package/dist/components/button/demos/states.demo.js +0 -29
  282. package/dist/components/button/demos/states.demo.js.map +0 -1
  283. package/dist/components/combobox/combobox.js.map +0 -1
  284. package/dist/components/combobox/demos/overview.demo.d.ts +0 -6
  285. package/dist/components/combobox/demos/overview.demo.js +0 -153
  286. package/dist/components/combobox/demos/overview.demo.js.map +0 -1
  287. package/dist/components/glyph/glyph.d.ts +0 -14
  288. package/dist/components/glyph/glyph.js +0 -65
  289. package/dist/components/glyph/glyph.js.map +0 -1
  290. package/dist/components/listbox/demos/overview.demo.d.ts +0 -6
  291. package/dist/components/listbox/demos/overview.demo.js +0 -64
  292. package/dist/components/listbox/demos/overview.demo.js.map +0 -1
  293. package/dist/components/listbox/listbox.js.map +0 -1
  294. package/dist/components/menu/demos/bubbling.demo.d.ts +0 -5
  295. package/dist/components/menu/demos/bubbling.demo.js +0 -15
  296. package/dist/components/menu/demos/bubbling.demo.js.map +0 -1
  297. package/dist/components/menu/demos/overview.demo.d.ts +0 -6
  298. package/dist/components/menu/demos/overview.demo.js +0 -32
  299. package/dist/components/menu/demos/overview.demo.js.map +0 -1
  300. package/dist/components/menu/hover-aim.js.map +0 -1
  301. package/dist/components/menu/menu.js.map +0 -1
  302. package/dist/components/popover/demos/overview.demo.d.ts +0 -6
  303. package/dist/components/popover/demos/overview.demo.js +0 -64
  304. package/dist/components/popover/demos/overview.demo.js.map +0 -1
  305. package/dist/components/popover/popover.js.map +0 -1
  306. package/dist/components/select/demos/deconstructed.demo.d.ts +0 -6
  307. package/dist/components/select/demos/deconstructed.demo.js +0 -53
  308. package/dist/components/select/demos/deconstructed.demo.js.map +0 -1
  309. package/dist/components/select/demos/overview.demo.d.ts +0 -5
  310. package/dist/components/select/demos/overview.demo.js +0 -27
  311. package/dist/components/select/demos/overview.demo.js.map +0 -1
  312. package/dist/components/select/select.js.map +0 -1
  313. package/dist/components/separator/separator.d.ts +0 -2
  314. package/dist/components/separator/separator.js +0 -15
  315. package/dist/components/separator/separator.js.map +0 -1
  316. package/dist/components/tabs/tabs.d.ts +0 -78
  317. package/dist/components/tabs/tabs.js +0 -339
  318. package/dist/components/tabs/tabs.js.map +0 -1
  319. package/dist/interactions/keydown/keydown.js.map +0 -1
  320. package/dist/interactions/outside-click/outside-click-mixin.js.map +0 -1
  321. package/dist/interactions/typeahead/typeahead-mixin.js.map +0 -1
  322. package/dist/theme/contract.d.ts +0 -61
  323. package/dist/theme/contract.js +0 -131
  324. package/dist/theme/contract.js.map +0 -1
  325. package/dist/theme/glyph-contract.d.ts +0 -11
  326. package/dist/theme/glyph-contract.js +0 -34
  327. package/dist/theme/glyph-contract.js.map +0 -1
  328. package/dist/theme/presets/rmx-01/glyphs.d.ts +0 -2
  329. package/dist/theme/presets/rmx-01/glyphs.js +0 -252
  330. package/dist/theme/presets/rmx-01/glyphs.js.map +0 -1
  331. package/dist/theme/presets/rmx-01/index.d.ts +0 -4
  332. package/dist/theme/presets/rmx-01/index.js.map +0 -1
  333. package/dist/theme/runtime.d.ts +0 -2
  334. package/dist/theme/runtime.js +0 -84
  335. package/dist/theme/runtime.js.map +0 -1
  336. package/dist/theme/theme.d.ts +0 -6
  337. package/dist/theme/theme.js +0 -5
  338. package/dist/theme/theme.js.map +0 -1
  339. package/dist/utils/flash-attribute.js.map +0 -1
  340. package/dist/utils/scroll-lock.d.ts +0 -3
  341. package/dist/utils/scroll-lock.js.map +0 -1
  342. package/dist/utils/wait-for-css-transition.js.map +0 -1
  343. package/dist/utils/wait.js.map +0 -1
  344. package/src/components/accordion/accordion.tsx +0 -565
  345. package/src/components/accordion/demos/card.demo.tsx +0 -113
  346. package/src/components/accordion/demos/multiple.demo.tsx +0 -56
  347. package/src/components/accordion/demos/overview.demo.tsx +0 -56
  348. package/src/components/breadcrumbs/demos/basic.demo.tsx +0 -17
  349. package/src/components/breadcrumbs/demos/separator.demo.tsx +0 -18
  350. package/src/components/button/README.md +0 -44
  351. package/src/components/button/button.tsx +0 -286
  352. package/src/components/button/demos/aliases.demo.tsx +0 -27
  353. package/src/components/button/demos/basic.demo.tsx +0 -30
  354. package/src/components/button/demos/states.demo.tsx +0 -52
  355. package/src/components/combobox/demos/overview.demo.tsx +0 -199
  356. package/src/components/glyph/README.md +0 -72
  357. package/src/components/glyph/glyph.tsx +0 -110
  358. package/src/components/listbox/demos/overview.demo.tsx +0 -101
  359. package/src/components/menu/README.md +0 -96
  360. package/src/components/menu/demos/bubbling.demo.tsx +0 -34
  361. package/src/components/menu/demos/overview.demo.tsx +0 -76
  362. package/src/components/popover/demos/overview.demo.tsx +0 -143
  363. package/src/components/select/demos/deconstructed.demo.tsx +0 -95
  364. package/src/components/select/demos/overview.demo.tsx +0 -51
  365. package/src/components/separator/separator.ts +0 -19
  366. package/src/components/tabs/README.md +0 -105
  367. package/src/components/tabs/tabs.tsx +0 -504
  368. package/src/theme/README.md +0 -103
  369. package/src/theme/contract.ts +0 -215
  370. package/src/theme/glyph-contract.ts +0 -59
  371. package/src/theme/presets/rmx-01/glyphs.tsx +0 -308
  372. package/src/theme/presets/rmx-01/index.ts +0 -123
  373. package/src/theme/runtime.ts +0 -119
  374. package/src/theme/theme.ts +0 -15
  375. package/src/utils/scroll-lock/README.md +0 -33
  376. /package/dist/{components/breadcrumbs/breadcrumbs.d.ts → breadcrumbs/index.d.ts} +0 -0
  377. /package/dist/{utils → listbox}/flash-attribute.d.ts +0 -0
  378. /package/dist/{utils → listbox}/flash-attribute.js +0 -0
  379. /package/dist/{components/menu → menu}/hover-aim.d.ts +0 -0
  380. /package/dist/{components/menu → menu}/hover-aim.js +0 -0
  381. /package/dist/{interactions/outside-click/outside-click-mixin.d.ts → popover/outside-click.d.ts} +0 -0
  382. /package/dist/{interactions/keydown → select}/keydown.d.ts +0 -0
  383. /package/dist/{interactions/keydown → select}/keydown.js +0 -0
  384. /package/dist/{interactions/typeahead/typeahead-mixin.d.ts → shared/typeahead.d.ts} +0 -0
  385. /package/dist/{utils → shared}/wait-for-css-transition.d.ts +0 -0
  386. /package/dist/{utils → shared}/wait-for-css-transition.js +0 -0
  387. /package/dist/{utils → shared}/wait.d.ts +0 -0
  388. /package/dist/{utils → shared}/wait.js +0 -0
  389. /package/src/{utils → listbox}/flash-attribute.ts +0 -0
  390. /package/src/{components/menu → menu}/hover-aim.ts +0 -0
  391. /package/src/{interactions/outside-click/outside-click-mixin.ts → popover/outside-click.ts} +0 -0
  392. /package/src/{interactions/keydown → select}/keydown.ts +0 -0
  393. /package/src/{interactions/typeahead/typeahead-mixin.ts → shared/typeahead.ts} +0 -0
  394. /package/src/{utils → shared}/wait-for-css-transition.ts +0 -0
  395. /package/src/{utils → shared}/wait.ts +0 -0
@@ -1,339 +0,0 @@
1
- import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
2
- import { attrs, css, createElement, createMixin, on, } from '@remix-run/ui';
3
- import * as button from "../button/button.js";
4
- import { theme } from "../../theme/theme.js";
5
- const TABS_CHANGE_EVENT = 'rmx:tabs-change';
6
- const tabsListCss = css({
7
- display: 'inline-flex',
8
- alignItems: 'center',
9
- gap: theme.space.xs,
10
- minWidth: 0,
11
- padding: theme.space.xs,
12
- border: `1px solid ${theme.colors.border.subtle}`,
13
- borderRadius: theme.radius.xl,
14
- backgroundColor: theme.surface.lvl2,
15
- });
16
- const tabsTriggerCss = css({
17
- justifyContent: 'flex-start',
18
- minHeight: theme.control.height.md,
19
- paddingInline: theme.space.md,
20
- border: '1px solid transparent',
21
- borderRadius: theme.radius.md,
22
- backgroundColor: 'transparent',
23
- color: theme.colors.text.secondary,
24
- fontSize: theme.fontSize.md,
25
- '&:hover:not(:disabled):not([aria-disabled="true"])': {
26
- color: theme.colors.text.primary,
27
- },
28
- '&:focus-visible': {
29
- outline: `2px solid ${theme.colors.focus.ring}`,
30
- outlineOffset: '2px',
31
- color: theme.colors.text.primary,
32
- },
33
- '&[aria-selected="true"], &[aria-selected="true"]:hover, &[aria-selected="true"]:focus-visible': {
34
- backgroundColor: theme.surface.lvl0,
35
- borderColor: theme.colors.border.subtle,
36
- boxShadow: theme.shadow.xs,
37
- color: theme.colors.text.primary,
38
- },
39
- '&:disabled, &[aria-disabled="true"]': {
40
- opacity: 0.55,
41
- },
42
- });
43
- export const listStyle = tabsListCss;
44
- export const triggerStyle = tabsTriggerCss;
45
- const panelVisibilityUtility = css({
46
- '&[hidden]': {
47
- display: 'none',
48
- },
49
- });
50
- export class TabsChangeEvent extends Event {
51
- previousValue;
52
- value;
53
- constructor(value, previousValue) {
54
- super(TABS_CHANGE_EVENT, { bubbles: true });
55
- this.value = value;
56
- this.previousValue = previousValue;
57
- }
58
- }
59
- function getTabsContext(handle) {
60
- return handle.context.get(TabsProvider);
61
- }
62
- function toIdFragment(value) {
63
- let fragment = value.replace(/[^a-zA-Z0-9_-]+/g, '-').replace(/^-+|-+$/g, '');
64
- return fragment || 'tab';
65
- }
66
- function TabsProvider(handle) {
67
- let registeredTabs = [];
68
- let hasInitialized = false;
69
- let uncontrolledValue = null;
70
- function getValue() {
71
- return handle.props.value !== undefined ? handle.props.value : uncontrolledValue;
72
- }
73
- function getOrientation() {
74
- return handle.props.orientation ?? 'horizontal';
75
- }
76
- function isActiveTab(tab) {
77
- return !!tab && !tab.disabled && !!tab.getNode()?.isConnected;
78
- }
79
- function getTab(value) {
80
- if (value == null) {
81
- return undefined;
82
- }
83
- return registeredTabs.find((tab) => tab.value === value);
84
- }
85
- function getEnabledTabs() {
86
- return registeredTabs.filter(isActiveTab);
87
- }
88
- function getFocusableValue() {
89
- let currentValue = getValue();
90
- let currentTab = getTab(currentValue);
91
- if (isActiveTab(currentTab)) {
92
- return currentValue;
93
- }
94
- return getEnabledTabs()[0]?.value ?? null;
95
- }
96
- function getTargetTab(fromValue, direction) {
97
- let enabledTabs = getEnabledTabs();
98
- if (enabledTabs.length === 0) {
99
- return undefined;
100
- }
101
- let currentIndex = enabledTabs.findIndex((tab) => tab.value === fromValue);
102
- let targetIndex = 0;
103
- switch (direction) {
104
- case 'first':
105
- targetIndex = 0;
106
- break;
107
- case 'last':
108
- targetIndex = enabledTabs.length - 1;
109
- break;
110
- case 'next':
111
- targetIndex =
112
- currentIndex === -1 || currentIndex === enabledTabs.length - 1 ? 0 : currentIndex + 1;
113
- break;
114
- case 'previous':
115
- targetIndex = currentIndex <= 0 ? enabledTabs.length - 1 : currentIndex - 1;
116
- break;
117
- }
118
- return enabledTabs[targetIndex];
119
- }
120
- function dispatchChange(value, previousValue) {
121
- getTab(value)?.getNode()?.dispatchEvent(new TabsChangeEvent(value, previousValue));
122
- }
123
- function select(value) {
124
- let nextTab = getTab(value);
125
- if (!isActiveTab(nextTab)) {
126
- return;
127
- }
128
- let previousValue = getValue();
129
- if (previousValue === value) {
130
- return;
131
- }
132
- if (handle.props.value === undefined) {
133
- uncontrolledValue = value;
134
- void handle.update();
135
- }
136
- handle.props.onValueChange?.(value);
137
- dispatchChange(value, previousValue ?? null);
138
- }
139
- let tabsRef = {
140
- get selectedValue() {
141
- return getValue();
142
- },
143
- focus(value = getFocusableValue() ?? undefined) {
144
- getTab(value)?.getNode()?.focus();
145
- },
146
- focusFirst() {
147
- getTargetTab(getFocusableValue() ?? '', 'first')
148
- ?.getNode()
149
- ?.focus();
150
- },
151
- focusLast() {
152
- getTargetTab(getFocusableValue() ?? '', 'last')
153
- ?.getNode()
154
- ?.focus();
155
- },
156
- select,
157
- };
158
- handle.context.set({
159
- get focusableValue() {
160
- return getFocusableValue();
161
- },
162
- get orientation() {
163
- return getOrientation();
164
- },
165
- get value() {
166
- return getValue();
167
- },
168
- getPanelId(value) {
169
- return `${handle.id}-panel-${toIdFragment(value)}`;
170
- },
171
- getTriggerId(value) {
172
- return `${handle.id}-trigger-${toIdFragment(value)}`;
173
- },
174
- move(fromValue, direction) {
175
- let target = getTargetTab(fromValue, direction);
176
- if (!target) {
177
- return;
178
- }
179
- target.getNode()?.focus();
180
- select(target.value);
181
- },
182
- registerTab(tab) {
183
- registeredTabs.push(tab);
184
- },
185
- select,
186
- });
187
- return () => {
188
- registeredTabs = [];
189
- if (!hasInitialized) {
190
- uncontrolledValue = handle.props.defaultValue ?? null;
191
- hasInitialized = true;
192
- }
193
- handle.queueTask(() => {
194
- handle.props.ref?.(tabsRef);
195
- if (handle.props.value !== undefined) {
196
- return;
197
- }
198
- let nextValue = getFocusableValue();
199
- if (nextValue === uncontrolledValue) {
200
- return;
201
- }
202
- uncontrolledValue = nextValue;
203
- void handle.update();
204
- });
205
- return handle.props.children;
206
- };
207
- }
208
- const listMixin = createMixin((handle) => {
209
- let context = getTabsContext(handle);
210
- return () => attrs({
211
- role: 'tablist',
212
- 'aria-orientation': context.orientation === 'vertical' ? 'vertical' : undefined,
213
- 'data-orientation': context.orientation,
214
- });
215
- });
216
- const triggerMixin = createMixin((handle) => {
217
- let triggerRef = null;
218
- let context = getTabsContext(handle);
219
- handle.queueTask((node) => {
220
- triggerRef = node;
221
- });
222
- return (options, props) => {
223
- let disabled = options.disabled === true || props.disabled === true;
224
- context.registerTab({
225
- disabled,
226
- getNode() {
227
- return triggerRef;
228
- },
229
- value: options.value,
230
- });
231
- return [
232
- attrs({
233
- id: context.getTriggerId(options.value),
234
- role: 'tab',
235
- tabIndex: !disabled && context.focusableValue === options.value ? 0 : -1,
236
- 'aria-controls': context.getPanelId(options.value),
237
- 'aria-disabled': disabled ? 'true' : undefined,
238
- 'aria-selected': context.value === options.value ? 'true' : 'false',
239
- 'data-orientation': context.orientation,
240
- 'data-selected': context.value === options.value ? 'true' : 'false',
241
- }),
242
- !disabled && [
243
- on('click', () => {
244
- context.select(options.value);
245
- }),
246
- on('keydown', (event) => {
247
- switch (event.key) {
248
- case 'ArrowRight':
249
- if (context.orientation !== 'horizontal') {
250
- return;
251
- }
252
- event.preventDefault();
253
- context.move(options.value, 'next');
254
- break;
255
- case 'ArrowLeft':
256
- if (context.orientation !== 'horizontal') {
257
- return;
258
- }
259
- event.preventDefault();
260
- context.move(options.value, 'previous');
261
- break;
262
- case 'ArrowDown':
263
- if (context.orientation !== 'vertical') {
264
- return;
265
- }
266
- event.preventDefault();
267
- context.move(options.value, 'next');
268
- break;
269
- case 'ArrowUp':
270
- if (context.orientation !== 'vertical') {
271
- return;
272
- }
273
- event.preventDefault();
274
- context.move(options.value, 'previous');
275
- break;
276
- case 'Home':
277
- event.preventDefault();
278
- context.move(options.value, 'first');
279
- break;
280
- case 'End':
281
- event.preventDefault();
282
- context.move(options.value, 'last');
283
- break;
284
- }
285
- }),
286
- ],
287
- ];
288
- };
289
- });
290
- const panelMixin = createMixin((handle) => {
291
- let context = getTabsContext(handle);
292
- return (options) => {
293
- let isSelected = context.value === options.value;
294
- return [
295
- attrs({
296
- id: context.getPanelId(options.value),
297
- role: 'tabpanel',
298
- hidden: isSelected ? undefined : true,
299
- 'aria-labelledby': context.getTriggerId(options.value),
300
- 'data-orientation': context.orientation,
301
- 'data-selected': isSelected ? 'true' : 'false',
302
- }),
303
- panelVisibilityUtility,
304
- ];
305
- };
306
- });
307
- export const Context = TabsProvider;
308
- export const list = listMixin;
309
- export const panel = panelMixin;
310
- export const trigger = triggerMixin;
311
- const tabs = { Context, list, panel, trigger };
312
- export function onTabsChange(handler, captureBoolean) {
313
- return on(TABS_CHANGE_EVENT, handler, captureBoolean);
314
- }
315
- export function Tabs(handle) {
316
- return () => {
317
- let { children, ...contextProps } = handle.props;
318
- return _jsx(tabs.Context, { ...contextProps, children: children });
319
- };
320
- }
321
- export function TabsList(handle) {
322
- return () => {
323
- let { children, mix, ...divProps } = handle.props;
324
- return (_jsx("div", { ...divProps, mix: [listStyle, tabs.list(), mix], children: children }));
325
- };
326
- }
327
- export function Tab(handle) {
328
- return () => {
329
- let { children, disabled, mix, type, value, ...buttonProps } = handle.props;
330
- return (_jsx("button", { ...buttonProps, disabled: disabled ? true : undefined, mix: [button.baseStyle, triggerStyle, tabs.trigger({ disabled, value }), mix], type: type ?? 'button', children: children }));
331
- };
332
- }
333
- export function TabsPanel(handle) {
334
- return () => {
335
- let { children, mix, value, ...divProps } = handle.props;
336
- return (_jsx("div", { ...divProps, mix: [tabs.panel({ value }), mix], children: children }));
337
- };
338
- }
339
- //# sourceMappingURL=tabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"keydown.js","sourceRoot":"","sources":["../../../src/interactions/keydown/keydown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAIlC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CACrB,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;IACtB,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACtB,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC;AACH,CAAC,CAAC,CACL,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"outside-click-mixin.js","sourceRoot":"","sources":["../../../src/interactions/outside-click/outside-click-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,cAAc,GAAG,WAAW,CAQhC,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,IAAI,OAAO,GAAkC,GAAG,EAAE,GAAE,CAAC,CAAA;IACrD,IAAI,cAAc,GAAwB,GAAG,EAAE,CAAC,KAAK,CAAA;IACrD,IAAI,eAAe,GAAG,IAAI,CAAA;IAE1B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC1C,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QACrB,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,CAAA;QAE5B,GAAG,CAAC,gBAAgB,CAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE;YACR,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;YAE/D,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC7E,OAAM;YACR,CAAC;YAED,IAAI,eAAe,EAAE,CAAC;gBACpB,KAAK,CAAC,eAAe,EAAE,CAAA;YACzB,CAAC;YAED,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CACzC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,UAAU,EACV,WAAW,EACX,kBAAkB,GAAG,GAAG,EAAE,CAAC,KAAK,EAChC,mBAAmB,GAAG,IAAI,EAC1B,EAAE;QACF,MAAM,GAAG,UAAU,CAAA;QACnB,OAAO,GAAG,WAAW,CAAA;QACrB,cAAc,GAAG,kBAAkB,CAAA;QACnC,eAAe,GAAG,mBAAmB,CAAA;IACvC,CAAC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,cAAc,EAAE,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"typeahead-mixin.js","sourceRoot":"","sources":["../../../src/interactions/typeahead/typeahead-mixin.ts"],"names":[],"mappings":"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"}
@@ -1,61 +0,0 @@
1
- import type { css, Handle, MixinDescriptor, RemixElement } from '@remix-run/ui';
2
- export interface ThemeVariableTree {
3
- [key: string]: string | ThemeVariableTree;
4
- }
5
- type ThemeVariableGroup<key extends string> = Readonly<Record<key, string>>;
6
- type ThemeActionVariableGroup = ThemeVariableGroup<'background' | 'backgroundHover' | 'backgroundActive' | 'foreground' | 'border'>;
7
- type ThemeVariableNames = {
8
- readonly space: ThemeVariableGroup<'none' | 'px' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
9
- readonly radius: ThemeVariableGroup<'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'>;
10
- readonly fontFamily: ThemeVariableGroup<'sans' | 'mono'>;
11
- readonly fontSize: ThemeVariableGroup<'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
12
- readonly lineHeight: ThemeVariableGroup<'tight' | 'normal' | 'relaxed'>;
13
- readonly letterSpacing: ThemeVariableGroup<'tight' | 'normal' | 'meta' | 'wide'>;
14
- readonly fontWeight: ThemeVariableGroup<'normal' | 'medium' | 'semibold' | 'bold'>;
15
- readonly control: {
16
- readonly height: ThemeVariableGroup<'sm' | 'md' | 'lg'>;
17
- };
18
- readonly surface: ThemeVariableGroup<'lvl0' | 'lvl1' | 'lvl2' | 'lvl3' | 'lvl4'>;
19
- readonly shadow: ThemeVariableGroup<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
20
- readonly colors: {
21
- readonly text: ThemeVariableGroup<'primary' | 'secondary' | 'muted' | 'link'>;
22
- readonly border: ThemeVariableGroup<'subtle' | 'default' | 'strong'>;
23
- readonly focus: ThemeVariableGroup<'ring'>;
24
- readonly overlay: ThemeVariableGroup<'scrim'>;
25
- readonly action: {
26
- readonly primary: ThemeActionVariableGroup;
27
- readonly secondary: ThemeActionVariableGroup;
28
- readonly danger: ThemeActionVariableGroup;
29
- };
30
- };
31
- };
32
- export declare const themeVariableNames: ThemeVariableNames;
33
- type MapLeaves<source, leaf> = source extends string ? leaf : {
34
- [key in keyof source]: MapLeaves<source[key], leaf>;
35
- };
36
- export type ThemeValue = string | number;
37
- export type ThemeContract = MapLeaves<ThemeVariableNames, string>;
38
- export type ThemeValues = MapLeaves<typeof themeVariableNames, ThemeValue>;
39
- export type ThemeVars = Readonly<Record<string, string>>;
40
- export type CreateThemeOptions = {
41
- selector?: string;
42
- reset?: boolean;
43
- };
44
- export type ThemeStyleProps = {
45
- nonce?: string;
46
- };
47
- type ThemeRenderer = (handle: Handle<ThemeStyleProps>) => () => RemixElement;
48
- export type ThemeComponent = ThemeRenderer & {
49
- Style: ThemeRenderer;
50
- cssText: string;
51
- selector: string;
52
- values: ThemeValues;
53
- vars: ThemeVars;
54
- };
55
- export declare const theme: ThemeContract;
56
- export type ThemeUtility = ReturnType<typeof css>;
57
- type ThemeMixLeaf = MixinDescriptor<any, any, any>;
58
- type PreviousThemeMixDepth = [0, 0, 1, 2, 3, 4];
59
- type NestedThemeMix<value, depth extends number = 4> = depth extends 0 ? value | ReadonlyArray<value> : value | ReadonlyArray<NestedThemeMix<value, PreviousThemeMixDepth[depth]>>;
60
- export type ThemeMix = NestedThemeMix<ThemeMixLeaf>;
61
- export {};
@@ -1,131 +0,0 @@
1
- const themeVariableNamesSource = {
2
- space: {
3
- none: '--rmx-space-none',
4
- px: '--rmx-space-px',
5
- xs: '--rmx-space-xs',
6
- sm: '--rmx-space-sm',
7
- md: '--rmx-space-md',
8
- lg: '--rmx-space-lg',
9
- xl: '--rmx-space-xl',
10
- xxl: '--rmx-space-xxl',
11
- },
12
- radius: {
13
- none: '--rmx-radius-none',
14
- sm: '--rmx-radius-sm',
15
- md: '--rmx-radius-md',
16
- lg: '--rmx-radius-lg',
17
- xl: '--rmx-radius-xl',
18
- full: '--rmx-radius-full',
19
- },
20
- fontFamily: {
21
- sans: '--rmx-font-family-sans',
22
- mono: '--rmx-font-family-mono',
23
- },
24
- fontSize: {
25
- xxxs: '--rmx-font-size-xxxs',
26
- xxs: '--rmx-font-size-xxs',
27
- xs: '--rmx-font-size-xs',
28
- sm: '--rmx-font-size-sm',
29
- md: '--rmx-font-size-md',
30
- lg: '--rmx-font-size-lg',
31
- xl: '--rmx-font-size-xl',
32
- xxl: '--rmx-font-size-xxl',
33
- },
34
- lineHeight: {
35
- tight: '--rmx-line-height-tight',
36
- normal: '--rmx-line-height-normal',
37
- relaxed: '--rmx-line-height-relaxed',
38
- },
39
- letterSpacing: {
40
- tight: '--rmx-letter-spacing-tight',
41
- normal: '--rmx-letter-spacing-normal',
42
- meta: '--rmx-letter-spacing-meta',
43
- wide: '--rmx-letter-spacing-wide',
44
- },
45
- fontWeight: {
46
- normal: '--rmx-font-weight-normal',
47
- medium: '--rmx-font-weight-medium',
48
- semibold: '--rmx-font-weight-semibold',
49
- bold: '--rmx-font-weight-bold',
50
- },
51
- control: {
52
- height: {
53
- sm: '--rmx-control-height-sm',
54
- md: '--rmx-control-height-md',
55
- lg: '--rmx-control-height-lg',
56
- },
57
- },
58
- surface: {
59
- lvl0: '--rmx-surface-lvl0',
60
- lvl1: '--rmx-surface-lvl1',
61
- lvl2: '--rmx-surface-lvl2',
62
- lvl3: '--rmx-surface-lvl3',
63
- lvl4: '--rmx-surface-lvl4',
64
- },
65
- shadow: {
66
- xs: '--rmx-shadow-xs',
67
- sm: '--rmx-shadow-sm',
68
- md: '--rmx-shadow-md',
69
- lg: '--rmx-shadow-lg',
70
- xl: '--rmx-shadow-xl',
71
- },
72
- colors: {
73
- text: {
74
- primary: '--rmx-color-text-primary',
75
- secondary: '--rmx-color-text-secondary',
76
- muted: '--rmx-color-text-muted',
77
- link: '--rmx-color-text-link',
78
- },
79
- border: {
80
- subtle: '--rmx-color-border-subtle',
81
- default: '--rmx-color-border-default',
82
- strong: '--rmx-color-border-strong',
83
- },
84
- focus: {
85
- ring: '--rmx-color-focus-ring',
86
- },
87
- overlay: {
88
- scrim: '--rmx-color-overlay-scrim',
89
- },
90
- action: {
91
- primary: {
92
- background: '--rmx-color-action-primary-background',
93
- backgroundHover: '--rmx-color-action-primary-background-hover',
94
- backgroundActive: '--rmx-color-action-primary-background-active',
95
- foreground: '--rmx-color-action-primary-foreground',
96
- border: '--rmx-color-action-primary-border',
97
- },
98
- secondary: {
99
- background: '--rmx-color-action-secondary-background',
100
- backgroundHover: '--rmx-color-action-secondary-background-hover',
101
- backgroundActive: '--rmx-color-action-secondary-background-active',
102
- foreground: '--rmx-color-action-secondary-foreground',
103
- border: '--rmx-color-action-secondary-border',
104
- },
105
- danger: {
106
- background: '--rmx-color-action-danger-background',
107
- backgroundHover: '--rmx-color-action-danger-background-hover',
108
- backgroundActive: '--rmx-color-action-danger-background-active',
109
- foreground: '--rmx-color-action-danger-foreground',
110
- border: '--rmx-color-action-danger-border',
111
- },
112
- },
113
- },
114
- };
115
- export const themeVariableNames = themeVariableNamesSource;
116
- export const theme = createThemeContract(themeVariableNames);
117
- function createThemeContract(tree) {
118
- return mapTreeLeaves(tree, (variableName) => `var(${variableName})`);
119
- }
120
- function mapTreeLeaves(tree, mapLeaf) {
121
- let output = {};
122
- for (let [key, value] of Object.entries(tree)) {
123
- if (typeof value === 'string') {
124
- output[key] = mapLeaf(value);
125
- continue;
126
- }
127
- output[key] = mapTreeLeaves(value, mapLeaf);
128
- }
129
- return output;
130
- }
131
- //# sourceMappingURL=contract.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"contract.js","sourceRoot":"","sources":["../../src/theme/contract.ts"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import type { RemixElement } from '@remix-run/ui';
2
- export declare const glyphNames: readonly ["add", "alert", "check", "chevronDown", "chevronVertical", "chevronUp", "chevronRight", "close", "copy", "edit", "expand", "info", "menu", "open", "search", "spinner", "trash"];
3
- export type GlyphName = (typeof glyphNames)[number];
4
- export type GlyphSymbol = RemixElement;
5
- export type GlyphValues = {
6
- readonly [key in GlyphName]: GlyphSymbol;
7
- };
8
- export type GlyphContract = Readonly<Record<GlyphName, {
9
- id: string;
10
- }>>;
11
- export declare const glyphContract: GlyphContract;
@@ -1,34 +0,0 @@
1
- export const glyphNames = [
2
- 'add',
3
- 'alert',
4
- 'check',
5
- 'chevronDown',
6
- 'chevronVertical',
7
- 'chevronUp',
8
- 'chevronRight',
9
- 'close',
10
- 'copy',
11
- 'edit',
12
- 'expand',
13
- 'info',
14
- 'menu',
15
- 'open',
16
- 'search',
17
- 'spinner',
18
- 'trash',
19
- ];
20
- const DEFAULT_GLYPH_ID_PREFIX = 'rmx-glyph';
21
- export const glyphContract = Object.freeze(createGlyphContract(DEFAULT_GLYPH_ID_PREFIX));
22
- function createGlyphIds(idPrefix) {
23
- return Object.fromEntries(glyphNames.map((name) => [name, `${idPrefix}-${name}`]));
24
- }
25
- function createGlyphContract(idPrefix) {
26
- let ids = createGlyphIds(idPrefix);
27
- return Object.freeze(Object.fromEntries(glyphNames.map((name) => [
28
- name,
29
- {
30
- id: ids[name],
31
- },
32
- ])));
33
- }
34
- //# sourceMappingURL=glyph-contract.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"glyph-contract.js","sourceRoot":"","sources":["../../src/theme/glyph-contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK;IACL,OAAO;IACP,OAAO;IACP,aAAa;IACb,iBAAiB;IACjB,WAAW;IACX,cAAc;IACd,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;CACC,CAAA;AAYV,MAAM,uBAAuB,GAAG,WAAW,CAAA;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAkB,MAAM,CAAC,MAAM,CACvD,mBAAmB,CAAC,uBAAuB,CAAC,CAC7C,CAAA;AAED,SAAS,cAAc,CAAC,QAAgB;IACtC,OAAO,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC,CAAC,CAGhF,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAgB;IAC3C,IAAI,GAAG,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IAElC,OAAO,MAAM,CAAC,MAAM,CAClB,MAAM,CAAC,WAAW,CAChB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;QACvB,IAAI;QACJ;YACE,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC;SACd;KACF,CAAC,CACc,CACnB,CAAA;AACH,CAAC"}
@@ -1,2 +0,0 @@
1
- import type { GlyphValues } from '../../glyph-contract.ts';
2
- export declare const glyphValues: GlyphValues;