@remix-run/ui 0.3.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 (308) 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.js → anchor/index.js} +1 -1
  9. package/dist/anchor/index.js.map +1 -0
  10. package/dist/animation/demos/reordering.js +9 -6
  11. package/dist/animation/demos/reordering.js.map +1 -1
  12. package/dist/{components/breadcrumbs/breadcrumbs.js → breadcrumbs/index.js} +19 -19
  13. package/dist/breadcrumbs/index.js.map +1 -0
  14. package/dist/button/index.d.ts +15 -0
  15. package/dist/button/index.js +128 -0
  16. package/dist/button/index.js.map +1 -0
  17. package/dist/checkbox/index.d.ts +14 -0
  18. package/dist/checkbox/index.js +125 -0
  19. package/dist/checkbox/index.js.map +1 -0
  20. package/dist/combobox/index.d.ts +21 -0
  21. package/dist/combobox/index.js +58 -0
  22. package/dist/combobox/index.js.map +1 -0
  23. package/dist/{components/combobox/combobox.d.ts → combobox/primitives.d.ts} +3 -7
  24. package/dist/{components/combobox/combobox.js → combobox/primitives.js} +8 -61
  25. package/dist/combobox/primitives.js.map +1 -0
  26. package/dist/input/index.d.ts +13 -0
  27. package/dist/input/index.js +121 -0
  28. package/dist/input/index.js.map +1 -0
  29. package/dist/listbox/flash-attribute.js.map +1 -0
  30. package/dist/{components/listbox/listbox.d.ts → listbox/index.d.ts} +2 -6
  31. package/dist/{components/listbox/listbox.js → listbox/index.js} +4 -82
  32. package/dist/listbox/index.js.map +1 -0
  33. package/dist/menu/hover-aim.js.map +1 -0
  34. package/dist/menu/index.d.ts +42 -0
  35. package/dist/menu/index.js +250 -0
  36. package/dist/menu/index.js.map +1 -0
  37. package/dist/{components/menu/menu.d.ts → menu/primitives.d.ts} +3 -32
  38. package/dist/{components/menu/menu.js → menu/primitives.js} +97 -314
  39. package/dist/menu/primitives.js.map +1 -0
  40. package/dist/{components/popover/popover.d.ts → popover/index.d.ts} +2 -4
  41. package/dist/{components/popover/popover.js → popover/index.js} +5 -48
  42. package/dist/popover/index.js.map +1 -0
  43. package/dist/{interactions/outside-click/outside-click-mixin.js → popover/outside-click.js} +1 -1
  44. package/dist/popover/outside-click.js.map +1 -0
  45. package/dist/popover/scroll-lock.d.ts +1 -0
  46. package/dist/{utils → popover}/scroll-lock.js +0 -18
  47. package/dist/popover/scroll-lock.js.map +1 -0
  48. package/dist/radio/index.d.ts +12 -0
  49. package/dist/radio/index.js +77 -0
  50. package/dist/radio/index.js.map +1 -0
  51. package/dist/runtime/reconcile.js +11 -5
  52. package/dist/runtime/reconcile.js.map +1 -1
  53. package/dist/runtime/vdom.js +3 -0
  54. package/dist/runtime/vdom.js.map +1 -1
  55. package/dist/select/index.d.ts +19 -0
  56. package/dist/select/index.js +95 -0
  57. package/dist/select/index.js.map +1 -0
  58. package/dist/select/keydown.js.map +1 -0
  59. package/dist/{components/select/select.d.ts → select/primitives.d.ts} +4 -6
  60. package/dist/{components/select/select.js → select/primitives.js} +11 -63
  61. package/dist/select/primitives.js.map +1 -0
  62. package/dist/server/stream.js +2 -2
  63. package/dist/server/stream.js.map +1 -1
  64. package/dist/shared/focus-styles.d.ts +1 -0
  65. package/dist/shared/focus-styles.js +2 -0
  66. package/dist/shared/focus-styles.js.map +1 -0
  67. package/dist/shared/icons.d.ts +9 -0
  68. package/dist/shared/icons.js +42 -0
  69. package/dist/shared/icons.js.map +1 -0
  70. package/dist/shared/listbox-popover-styles.d.ts +6 -0
  71. package/dist/shared/listbox-popover-styles.js +137 -0
  72. package/dist/shared/listbox-popover-styles.js.map +1 -0
  73. package/dist/shared/style-values.d.ts +78 -0
  74. package/dist/{theme/presets/rmx-01/index.js → shared/style-values.js} +3 -34
  75. package/dist/shared/style-values.js.map +1 -0
  76. package/dist/{interactions/typeahead/typeahead-mixin.js → shared/typeahead.js} +1 -1
  77. package/dist/shared/typeahead.js.map +1 -0
  78. package/dist/shared/wait-for-css-transition.js.map +1 -0
  79. package/dist/shared/wait.js.map +1 -0
  80. package/dist/tabs/index.d.ts +32 -0
  81. package/dist/tabs/index.js +157 -0
  82. package/dist/tabs/index.js.map +1 -0
  83. package/dist/tabs/primitives.d.ts +57 -0
  84. package/dist/tabs/primitives.js +238 -0
  85. package/dist/tabs/primitives.js.map +1 -0
  86. package/dist/toggle/index.d.ts +9 -0
  87. package/dist/toggle/index.js +108 -0
  88. package/dist/toggle/index.js.map +1 -0
  89. package/dist/toggle/primitives.d.ts +29 -0
  90. package/dist/toggle/primitives.js +127 -0
  91. package/dist/toggle/primitives.js.map +1 -0
  92. package/package.json +73 -44
  93. package/src/{components/accordion → accordion}/README.md +50 -14
  94. package/src/accordion/index.tsx +285 -0
  95. package/src/accordion/primitives.tsx +512 -0
  96. package/src/{components/anchor → anchor}/README.md +37 -2
  97. package/src/animation/demos/reordering.tsx +9 -6
  98. package/src/{components/breadcrumbs → breadcrumbs}/README.md +4 -4
  99. package/src/{components/breadcrumbs/breadcrumbs.tsx → breadcrumbs/index.tsx} +18 -18
  100. package/src/button/README.md +44 -0
  101. package/src/button/index.ts +168 -0
  102. package/src/checkbox/README.md +59 -0
  103. package/src/checkbox/index.ts +162 -0
  104. package/src/{components/combobox → combobox}/README.md +58 -9
  105. package/src/combobox/index.tsx +112 -0
  106. package/src/{components/combobox/combobox.tsx → combobox/primitives.tsx} +5 -91
  107. package/src/input/README.md +52 -0
  108. package/src/input/index.ts +147 -0
  109. package/src/{components/listbox → listbox}/README.md +9 -41
  110. package/src/{components/listbox/listbox.ts → listbox/index.ts} +2 -87
  111. package/src/{components/menu → menu}/README.md +55 -14
  112. package/src/menu/index.tsx +354 -0
  113. package/src/{components/menu/menu.tsx → menu/primitives.tsx} +99 -413
  114. package/src/{components/popover → popover}/README.md +20 -39
  115. package/src/{components/popover/popover.ts → popover/index.ts} +3 -57
  116. package/src/{utils → popover}/scroll-lock.ts +0 -28
  117. package/src/radio/README.md +53 -0
  118. package/src/radio/index.ts +100 -0
  119. package/src/runtime/demos/readme.demo.tsx +16 -14
  120. package/src/runtime/reconcile.ts +11 -5
  121. package/src/runtime/vdom.ts +3 -0
  122. package/src/{components/select → select}/README.md +29 -19
  123. package/src/select/index.tsx +159 -0
  124. package/src/{components/select/select.tsx → select/primitives.tsx} +10 -98
  125. package/src/server/stream.ts +3 -3
  126. package/src/shared/focus-styles.ts +2 -0
  127. package/src/shared/icons.tsx +62 -0
  128. package/src/shared/listbox-popover-styles.ts +146 -0
  129. package/src/shared/style-values.ts +165 -0
  130. package/src/tabs/README.md +141 -0
  131. package/src/tabs/index.tsx +244 -0
  132. package/src/tabs/primitives.ts +365 -0
  133. package/src/toggle/README.md +56 -0
  134. package/src/toggle/index.tsx +134 -0
  135. package/src/toggle/primitives.ts +192 -0
  136. package/dist/animation/demos/animation.demo.d.ts +0 -5
  137. package/dist/animation/demos/animation.demo.js +0 -92
  138. package/dist/animation/demos/animation.demo.js.map +0 -1
  139. package/dist/animation/demos/spring.demo.d.ts +0 -6
  140. package/dist/animation/demos/spring.demo.js +0 -304
  141. package/dist/animation/demos/spring.demo.js.map +0 -1
  142. package/dist/components/accordion/accordion.d.ts +0 -92
  143. package/dist/components/accordion/accordion.js +0 -335
  144. package/dist/components/accordion/accordion.js.map +0 -1
  145. package/dist/components/accordion/demos/card.demo.d.ts +0 -7
  146. package/dist/components/accordion/demos/card.demo.js +0 -59
  147. package/dist/components/accordion/demos/card.demo.js.map +0 -1
  148. package/dist/components/accordion/demos/multiple.demo.d.ts +0 -7
  149. package/dist/components/accordion/demos/multiple.demo.js +0 -20
  150. package/dist/components/accordion/demos/multiple.demo.js.map +0 -1
  151. package/dist/components/accordion/demos/overview.demo.d.ts +0 -7
  152. package/dist/components/accordion/demos/overview.demo.js +0 -20
  153. package/dist/components/accordion/demos/overview.demo.js.map +0 -1
  154. package/dist/components/anchor/anchor.js.map +0 -1
  155. package/dist/components/breadcrumbs/basic.demo.d.ts +0 -6
  156. package/dist/components/breadcrumbs/basic.demo.js +0 -15
  157. package/dist/components/breadcrumbs/basic.demo.js.map +0 -1
  158. package/dist/components/breadcrumbs/breadcrumbs.js.map +0 -1
  159. package/dist/components/breadcrumbs/separator.demo.d.ts +0 -6
  160. package/dist/components/breadcrumbs/separator.demo.js +0 -15
  161. package/dist/components/breadcrumbs/separator.demo.js.map +0 -1
  162. package/dist/components/button/button.d.ts +0 -105
  163. package/dist/components/button/button.js +0 -207
  164. package/dist/components/button/button.js.map +0 -1
  165. package/dist/components/button/demos/aliases.demo.d.ts +0 -7
  166. package/dist/components/button/demos/aliases.demo.js +0 -19
  167. package/dist/components/button/demos/aliases.demo.js.map +0 -1
  168. package/dist/components/button/demos/basic.demo.d.ts +0 -7
  169. package/dist/components/button/demos/basic.demo.js +0 -20
  170. package/dist/components/button/demos/basic.demo.js.map +0 -1
  171. package/dist/components/button/demos/states.demo.d.ts +0 -7
  172. package/dist/components/button/demos/states.demo.js +0 -30
  173. package/dist/components/button/demos/states.demo.js.map +0 -1
  174. package/dist/components/combobox/combobox.js.map +0 -1
  175. package/dist/components/combobox/overview.demo.d.ts +0 -7
  176. package/dist/components/combobox/overview.demo.js +0 -154
  177. package/dist/components/combobox/overview.demo.js.map +0 -1
  178. package/dist/components/glyph/glyph.d.ts +0 -14
  179. package/dist/components/glyph/glyph.js +0 -65
  180. package/dist/components/glyph/glyph.js.map +0 -1
  181. package/dist/components/listbox/listbox.js.map +0 -1
  182. package/dist/components/listbox/overview.demo.d.ts +0 -7
  183. package/dist/components/listbox/overview.demo.js +0 -65
  184. package/dist/components/listbox/overview.demo.js.map +0 -1
  185. package/dist/components/menu/demos/bubbling.demo.d.ts +0 -6
  186. package/dist/components/menu/demos/bubbling.demo.js +0 -16
  187. package/dist/components/menu/demos/bubbling.demo.js.map +0 -1
  188. package/dist/components/menu/demos/context-trigger.demo.d.ts +0 -7
  189. package/dist/components/menu/demos/context-trigger.demo.js +0 -87
  190. package/dist/components/menu/demos/context-trigger.demo.js.map +0 -1
  191. package/dist/components/menu/demos/overview.demo.d.ts +0 -7
  192. package/dist/components/menu/demos/overview.demo.js +0 -33
  193. package/dist/components/menu/demos/overview.demo.js.map +0 -1
  194. package/dist/components/menu/hover-aim.js.map +0 -1
  195. package/dist/components/menu/menu.js.map +0 -1
  196. package/dist/components/popover/overview.demo.d.ts +0 -7
  197. package/dist/components/popover/overview.demo.js +0 -65
  198. package/dist/components/popover/overview.demo.js.map +0 -1
  199. package/dist/components/popover/popover.js.map +0 -1
  200. package/dist/components/select/deconstructed.demo.d.ts +0 -7
  201. package/dist/components/select/deconstructed.demo.js +0 -54
  202. package/dist/components/select/deconstructed.demo.js.map +0 -1
  203. package/dist/components/select/overview.demo.d.ts +0 -6
  204. package/dist/components/select/overview.demo.js +0 -28
  205. package/dist/components/select/overview.demo.js.map +0 -1
  206. package/dist/components/select/select.js.map +0 -1
  207. package/dist/components/separator/separator.d.ts +0 -2
  208. package/dist/components/separator/separator.js +0 -15
  209. package/dist/components/separator/separator.js.map +0 -1
  210. package/dist/components/tabs/tabs.d.ts +0 -78
  211. package/dist/components/tabs/tabs.js +0 -339
  212. package/dist/components/tabs/tabs.js.map +0 -1
  213. package/dist/interactions/keydown/keydown.js.map +0 -1
  214. package/dist/interactions/outside-click/outside-click-mixin.js.map +0 -1
  215. package/dist/interactions/typeahead/typeahead-mixin.js.map +0 -1
  216. package/dist/runtime/demos/basic.demo.d.ts +0 -6
  217. package/dist/runtime/demos/basic.demo.js +0 -16
  218. package/dist/runtime/demos/basic.demo.js.map +0 -1
  219. package/dist/runtime/demos/controlled-uncontrolled-values.demo.d.ts +0 -6
  220. package/dist/runtime/demos/controlled-uncontrolled-values.demo.js +0 -77
  221. package/dist/runtime/demos/controlled-uncontrolled-values.demo.js.map +0 -1
  222. package/dist/runtime/demos/keyed-list.demo.d.ts +0 -6
  223. package/dist/runtime/demos/keyed-list.demo.js +0 -62
  224. package/dist/runtime/demos/keyed-list.demo.js.map +0 -1
  225. package/dist/runtime/demos/readme.demo.d.ts +0 -5
  226. package/dist/runtime/demos/readme.demo.js +0 -396
  227. package/dist/runtime/demos/readme.demo.js.map +0 -1
  228. package/dist/theme/contract.d.ts +0 -61
  229. package/dist/theme/contract.js +0 -131
  230. package/dist/theme/contract.js.map +0 -1
  231. package/dist/theme/glyph-contract.d.ts +0 -11
  232. package/dist/theme/glyph-contract.js +0 -34
  233. package/dist/theme/glyph-contract.js.map +0 -1
  234. package/dist/theme/presets/rmx-01/glyphs.d.ts +0 -2
  235. package/dist/theme/presets/rmx-01/glyphs.js +0 -252
  236. package/dist/theme/presets/rmx-01/glyphs.js.map +0 -1
  237. package/dist/theme/presets/rmx-01/index.d.ts +0 -4
  238. package/dist/theme/presets/rmx-01/index.js.map +0 -1
  239. package/dist/theme/runtime.d.ts +0 -2
  240. package/dist/theme/runtime.js +0 -84
  241. package/dist/theme/runtime.js.map +0 -1
  242. package/dist/theme/theme.d.ts +0 -6
  243. package/dist/theme/theme.js +0 -5
  244. package/dist/theme/theme.js.map +0 -1
  245. package/dist/utils/flash-attribute.js.map +0 -1
  246. package/dist/utils/scroll-lock.d.ts +0 -3
  247. package/dist/utils/scroll-lock.js.map +0 -1
  248. package/dist/utils/wait-for-css-transition.js.map +0 -1
  249. package/dist/utils/wait.js.map +0 -1
  250. package/src/animation/demos/animation.demo.tsx +0 -194
  251. package/src/animation/demos/spring.demo.tsx +0 -385
  252. package/src/components/accordion/accordion.tsx +0 -565
  253. package/src/components/accordion/demos/card.demo.tsx +0 -114
  254. package/src/components/accordion/demos/multiple.demo.tsx +0 -57
  255. package/src/components/accordion/demos/overview.demo.tsx +0 -57
  256. package/src/components/breadcrumbs/basic.demo.tsx +0 -18
  257. package/src/components/breadcrumbs/separator.demo.tsx +0 -19
  258. package/src/components/button/README.md +0 -44
  259. package/src/components/button/button.tsx +0 -286
  260. package/src/components/button/demos/aliases.demo.tsx +0 -28
  261. package/src/components/button/demos/basic.demo.tsx +0 -31
  262. package/src/components/button/demos/states.demo.tsx +0 -53
  263. package/src/components/combobox/overview.demo.tsx +0 -200
  264. package/src/components/glyph/README.md +0 -72
  265. package/src/components/glyph/glyph.tsx +0 -110
  266. package/src/components/listbox/overview.demo.tsx +0 -102
  267. package/src/components/menu/demos/bubbling.demo.tsx +0 -35
  268. package/src/components/menu/demos/context-trigger.demo.tsx +0 -133
  269. package/src/components/menu/demos/overview.demo.tsx +0 -77
  270. package/src/components/popover/overview.demo.tsx +0 -144
  271. package/src/components/select/deconstructed.demo.tsx +0 -96
  272. package/src/components/select/overview.demo.tsx +0 -52
  273. package/src/components/separator/separator.ts +0 -19
  274. package/src/components/tabs/README.md +0 -105
  275. package/src/components/tabs/tabs.tsx +0 -504
  276. package/src/runtime/demos/basic.demo.tsx +0 -21
  277. package/src/runtime/demos/controlled-uncontrolled-values.demo.tsx +0 -177
  278. package/src/runtime/demos/keyed-list.demo.tsx +0 -94
  279. package/src/theme/README.md +0 -103
  280. package/src/theme/contract.ts +0 -215
  281. package/src/theme/glyph-contract.ts +0 -59
  282. package/src/theme/presets/rmx-01/glyphs.tsx +0 -308
  283. package/src/theme/presets/rmx-01/index.ts +0 -123
  284. package/src/theme/runtime.ts +0 -119
  285. package/src/theme/theme.ts +0 -15
  286. package/src/utils/scroll-lock/README.md +0 -33
  287. /package/dist/{components/anchor/anchor.d.ts → anchor/index.d.ts} +0 -0
  288. /package/dist/{components/breadcrumbs/breadcrumbs.d.ts → breadcrumbs/index.d.ts} +0 -0
  289. /package/dist/{utils → listbox}/flash-attribute.d.ts +0 -0
  290. /package/dist/{utils → listbox}/flash-attribute.js +0 -0
  291. /package/dist/{components/menu → menu}/hover-aim.d.ts +0 -0
  292. /package/dist/{components/menu → menu}/hover-aim.js +0 -0
  293. /package/dist/{interactions/outside-click/outside-click-mixin.d.ts → popover/outside-click.d.ts} +0 -0
  294. /package/dist/{interactions/keydown → select}/keydown.d.ts +0 -0
  295. /package/dist/{interactions/keydown → select}/keydown.js +0 -0
  296. /package/dist/{interactions/typeahead/typeahead-mixin.d.ts → shared/typeahead.d.ts} +0 -0
  297. /package/dist/{utils → shared}/wait-for-css-transition.d.ts +0 -0
  298. /package/dist/{utils → shared}/wait-for-css-transition.js +0 -0
  299. /package/dist/{utils → shared}/wait.d.ts +0 -0
  300. /package/dist/{utils → shared}/wait.js +0 -0
  301. /package/src/{components/anchor/anchor.ts → anchor/index.ts} +0 -0
  302. /package/src/{utils → listbox}/flash-attribute.ts +0 -0
  303. /package/src/{components/menu → menu}/hover-aim.ts +0 -0
  304. /package/src/{interactions/outside-click/outside-click-mixin.ts → popover/outside-click.ts} +0 -0
  305. /package/src/{interactions/keydown → select}/keydown.ts +0 -0
  306. /package/src/{interactions/typeahead/typeahead-mixin.ts → shared/typeahead.ts} +0 -0
  307. /package/src/{utils → shared}/wait-for-css-transition.ts +0 -0
  308. /package/src/{utils → shared}/wait.ts +0 -0
@@ -1,105 +0,0 @@
1
- import type { CSSMixinDescriptor, ElementProps, Handle, MixinDescriptor, Props, RemixNode } from '@remix-run/ui';
2
- /**
3
- * Base button styling with the default `type="button"` behavior for `<button>`
4
- * hosts. Compose with a tone style (e.g. {@link primaryStyle}) when applying
5
- * button styling without using the {@link Button} component.
6
- *
7
- * @category mixin
8
- */
9
- export declare const baseStyle: readonly [MixinDescriptor<Element, [], ElementProps>, CSSMixinDescriptor];
10
- /**
11
- * Icon slot sizing and `aria-hidden` defaults for decorative icons rendered
12
- * inside a button.
13
- *
14
- * @category mixin
15
- */
16
- export declare const iconStyle: readonly [MixinDescriptor<Element, [Partial<ElementProps>], ElementProps>, CSSMixinDescriptor];
17
- /**
18
- * Inline label slot with the standard button label spacing.
19
- *
20
- * @category mixin
21
- */
22
- export declare const labelStyle: CSSMixinDescriptor;
23
- /**
24
- * Primary visual treatment for buttons. Combine with {@link baseStyle} when
25
- * styling a non-`Button` host element.
26
- *
27
- * @category mixin
28
- */
29
- export declare const primaryStyle: CSSMixinDescriptor;
30
- /**
31
- * Secondary visual treatment for buttons. Combine with {@link baseStyle} when
32
- * styling a non-`Button` host element.
33
- *
34
- * @category mixin
35
- */
36
- export declare const secondaryStyle: CSSMixinDescriptor;
37
- /**
38
- * Ghost visual treatment for buttons — transparent background with a hover
39
- * surface. Combine with {@link baseStyle} when styling a non-`Button` host
40
- * element.
41
- *
42
- * @category mixin
43
- */
44
- export declare const ghostStyle: CSSMixinDescriptor;
45
- /**
46
- * Danger visual treatment for destructive actions. Combine with
47
- * {@link baseStyle} when styling a non-`Button` host element.
48
- *
49
- * @category mixin
50
- */
51
- export declare const dangerStyle: CSSMixinDescriptor;
52
- declare const toneStyleByTone: {
53
- readonly primary: CSSMixinDescriptor;
54
- readonly secondary: CSSMixinDescriptor;
55
- readonly ghost: CSSMixinDescriptor;
56
- readonly danger: CSSMixinDescriptor;
57
- };
58
- /**
59
- * Visual treatment supported by {@link Button} — `'primary'`, `'secondary'`,
60
- * `'ghost'`, or `'danger'`.
61
- */
62
- export type ButtonTone = keyof typeof toneStyleByTone;
63
- /**
64
- * Props accepted by the {@link Button} component.
65
- *
66
- * Extends the native `<button>` element props with optional icon slots and a
67
- * tone variant
68
- */
69
- export type ButtonProps = Omit<Props<'button'>, 'children'> & {
70
- /**
71
- * Content rendered inside the button's label slot.
72
- */
73
- readonly children?: RemixNode;
74
- /**
75
- * Decorative icon rendered after the label, inside the icon slot.
76
- */
77
- readonly endIcon?: RemixNode;
78
- /**
79
- * Decorative icon rendered before the label, inside the icon slot.
80
- */
81
- readonly startIcon?: RemixNode;
82
- /**
83
- * Visual treatment to apply to the button (default `'secondary'`).
84
- */
85
- readonly tone?: ButtonTone;
86
- };
87
- /**
88
- * Renders a `<button>` with `baseStyle` and the resolved tone style, along with
89
- * optional start and end icons.
90
- *
91
- * @param handle Component handle providing the runtime API and the resolved {@link ButtonProps}.
92
- * @returns A render function for the button element.
93
- *
94
- * @example
95
- * ```tsx
96
- * import { Button } from '@remix-run/ui/button'
97
- * import { Glyph } from '@remix-run/ui/glyph'
98
- *
99
- * <Button startIcon={<Glyph name="add" />} tone="primary">
100
- * Create project
101
- * </Button>
102
- * ```
103
- */
104
- export declare function Button(handle: Handle<ButtonProps>): () => RemixNode;
105
- export {};
@@ -1,207 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import { attrs, createElement, createMixin, css } from '@remix-run/ui';
3
- import { theme } from "../../theme/theme.js";
4
- const ghostButtonToneCss = css({
5
- backgroundColor: 'transparent',
6
- backgroundImage: 'none',
7
- color: theme.colors.text.secondary,
8
- border: '0.5px solid transparent',
9
- boxShadow: 'none',
10
- '&:hover': {
11
- backgroundColor: theme.surface.lvl3,
12
- color: theme.colors.text.primary,
13
- },
14
- '&:active': {
15
- backgroundColor: `color-mix(in oklab, ${theme.surface.lvl3} 94%, black)`,
16
- color: `color-mix(in oklab, ${theme.colors.text.primary} 94%, black)`,
17
- },
18
- '&:focus-visible': {
19
- outline: `2px solid ${theme.colors.focus.ring}`,
20
- outlineOffset: '2px',
21
- backgroundColor: theme.surface.lvl3,
22
- color: theme.colors.text.primary,
23
- },
24
- '&:disabled': {
25
- opacity: 0.6,
26
- },
27
- });
28
- const buttonBaseStyleCss = css({
29
- '--rmx-button-label-padding-inline': theme.space.xs,
30
- all: 'unset',
31
- boxSizing: 'border-box',
32
- cursor: 'revert',
33
- position: 'relative',
34
- isolation: 'isolate',
35
- display: 'inline-flex',
36
- alignItems: 'center',
37
- justifyContent: 'center',
38
- overflow: 'hidden',
39
- borderRadius: theme.radius.full,
40
- fontFamily: theme.fontFamily.sans,
41
- minHeight: theme.control.height.sm,
42
- paddingInline: theme.space.md,
43
- fontSize: theme.fontSize.xs,
44
- lineHeight: '1',
45
- fontWeight: theme.fontWeight.medium,
46
- whiteSpace: 'nowrap',
47
- textDecoration: 'none',
48
- userSelect: 'none',
49
- WebkitUserSelect: 'none',
50
- verticalAlign: 'top',
51
- });
52
- const buttonLabelCss = css({
53
- display: 'inline-flex',
54
- alignItems: 'center',
55
- minWidth: 0,
56
- paddingInline: 'var(--rmx-button-label-padding-inline)',
57
- });
58
- const buttonIconCss = css({
59
- display: 'inline-flex',
60
- alignItems: 'center',
61
- justifyContent: 'center',
62
- width: '1em',
63
- height: '1em',
64
- flexShrink: 0,
65
- '& > svg': {
66
- display: 'block',
67
- width: '100%',
68
- height: '100%',
69
- },
70
- });
71
- const buttonIconAttrsCss = attrs({
72
- 'aria-hidden': true,
73
- });
74
- const buttonDefaultsMixin = createMixin((handle, hostType) => (props) => {
75
- if (hostType !== 'button' || props.type !== undefined) {
76
- return handle.element;
77
- }
78
- return createElement(handle.element, {
79
- ...props,
80
- type: 'button',
81
- });
82
- });
83
- const buttonDefaultsCss = buttonDefaultsMixin();
84
- /**
85
- * Base button styling with the default `type="button"` behavior for `<button>`
86
- * hosts. Compose with a tone style (e.g. {@link primaryStyle}) when applying
87
- * button styling without using the {@link Button} component.
88
- *
89
- * @category mixin
90
- */
91
- export const baseStyle = [buttonDefaultsCss, buttonBaseStyleCss];
92
- /**
93
- * Icon slot sizing and `aria-hidden` defaults for decorative icons rendered
94
- * inside a button.
95
- *
96
- * @category mixin
97
- */
98
- export const iconStyle = [buttonIconAttrsCss, buttonIconCss];
99
- /**
100
- * Inline label slot with the standard button label spacing.
101
- *
102
- * @category mixin
103
- */
104
- export const labelStyle = buttonLabelCss;
105
- /**
106
- * Primary visual treatment for buttons. Combine with {@link baseStyle} when
107
- * styling a non-`Button` host element.
108
- *
109
- * @category mixin
110
- */
111
- export const primaryStyle = createButtonCss(theme.colors.action.primary);
112
- /**
113
- * Secondary visual treatment for buttons. Combine with {@link baseStyle} when
114
- * styling a non-`Button` host element.
115
- *
116
- * @category mixin
117
- */
118
- export const secondaryStyle = createButtonCss(theme.colors.action.secondary);
119
- /**
120
- * Ghost visual treatment for buttons — transparent background with a hover
121
- * surface. Combine with {@link baseStyle} when styling a non-`Button` host
122
- * element.
123
- *
124
- * @category mixin
125
- */
126
- export const ghostStyle = ghostButtonToneCss;
127
- /**
128
- * Danger visual treatment for destructive actions. Combine with
129
- * {@link baseStyle} when styling a non-`Button` host element.
130
- *
131
- * @category mixin
132
- */
133
- export const dangerStyle = createButtonCss(theme.colors.action.danger);
134
- const toneStyleByTone = {
135
- primary: primaryStyle,
136
- secondary: secondaryStyle,
137
- ghost: ghostStyle,
138
- danger: dangerStyle,
139
- };
140
- /**
141
- * Renders a `<button>` with `baseStyle` and the resolved tone style, along with
142
- * optional start and end icons.
143
- *
144
- * @param handle Component handle providing the runtime API and the resolved {@link ButtonProps}.
145
- * @returns A render function for the button element.
146
- *
147
- * @example
148
- * ```tsx
149
- * import { Button } from '@remix-run/ui/button'
150
- * import { Glyph } from '@remix-run/ui/glyph'
151
- *
152
- * <Button startIcon={<Glyph name="add" />} tone="primary">
153
- * Create project
154
- * </Button>
155
- * ```
156
- */
157
- export function Button(handle) {
158
- return () => {
159
- let { children, endIcon, mix, startIcon, tone = 'secondary', ...buttonProps } = handle.props;
160
- return (_jsxs("button", { ...buttonProps, mix: [baseStyle, toneStyleByTone[tone], mix], children: [startIcon ? _jsx("span", { mix: iconStyle, children: startIcon }) : null, children !== undefined ? _jsx("span", { mix: labelStyle, children: children }) : null, endIcon ? _jsx("span", { mix: iconStyle, children: endIcon }) : null] }));
161
- };
162
- }
163
- function createButtonCss(buttonTheme) {
164
- let borderColor = createButtonBorderColor(buttonTheme.border);
165
- let hoverBorderColor = createButtonBorderColor(buttonTheme.backgroundHover);
166
- let activeBorderColor = createButtonBorderColor(buttonTheme.backgroundActive);
167
- return css({
168
- backgroundColor: buttonTheme.background,
169
- backgroundImage: createButtonBackgroundImage(buttonTheme.background),
170
- color: buttonTheme.foreground,
171
- border: `0.5px solid ${borderColor}`,
172
- boxShadow: `${createButtonHighlight(buttonTheme.background)}, ${theme.shadow.xs}, ${theme.shadow.sm}`,
173
- '&:hover': {
174
- backgroundColor: buttonTheme.backgroundHover,
175
- backgroundImage: createButtonBackgroundImage(buttonTheme.backgroundHover),
176
- borderColor: hoverBorderColor,
177
- },
178
- '&:active': {
179
- backgroundColor: buttonTheme.backgroundActive,
180
- backgroundImage: createButtonBackgroundImage(buttonTheme.backgroundActive),
181
- borderColor: activeBorderColor,
182
- boxShadow: `${createButtonHighlight(buttonTheme.backgroundActive, 0.12)}, ${theme.shadow.xs}`,
183
- },
184
- '&:focus-visible': {
185
- outline: `2px solid ${theme.colors.focus.ring}`,
186
- outlineOffset: '2px',
187
- },
188
- '&:disabled': {
189
- opacity: 0.6,
190
- cursor: 'not-allowed',
191
- },
192
- });
193
- }
194
- function createButtonBackgroundImage(background) {
195
- return `linear-gradient(to bottom, ${createButtonHighlightColor(background, 0.18)} 0%, ${background} 100%)`;
196
- }
197
- function createButtonBorderColor(color) {
198
- return `color-mix(in oklab, ${color} 74%, black)`;
199
- }
200
- function createButtonHighlight(background, amount = 0.16) {
201
- return `inset 0 1px 0 ${createButtonHighlightColor(background, amount)}`;
202
- }
203
- function createButtonHighlightColor(background, amount) {
204
- let alpha = Math.round(amount * 100);
205
- return `color-mix(in oklab, white ${alpha}%, ${background})`;
206
- }
207
- //# sourceMappingURL=button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- /**
2
- * @name Button Component
3
- * @description The Button component wraps the low-level style primitives and accepts a tone prop for quick theming.
4
- * @layout center
5
- * @order 2
6
- */
7
- export default function Example(): () => import("@remix-run/ui").RemixElement;
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import { Button } from '@remix-run/ui/button';
3
- import { css } from '@remix-run/ui';
4
- import { theme } from '@remix-run/ui/theme';
5
- /**
6
- * @name Button Component
7
- * @description The Button component wraps the low-level style primitives and accepts a tone prop for quick theming.
8
- * @layout center
9
- * @order 2
10
- */
11
- export default function Example() {
12
- return () => (_jsxs("div", { mix: buttonRowCss, children: [_jsx(Button, { tone: "primary", type: "submit", children: "Save" }), _jsx(Button, { tone: "secondary", children: "Secondary" }), _jsx(Button, { tone: "ghost", children: "Ghost" }), _jsx(Button, { tone: "danger", children: "Delete" })] }));
13
- }
14
- const buttonRowCss = css({
15
- display: 'flex',
16
- alignItems: 'center',
17
- gap: theme.space.sm,
18
- });
19
- //# sourceMappingURL=aliases.demo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"aliases.demo.js","sourceRoot":"","sources":["../../../../src/components/button/demos/aliases.demo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAE3C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,GAAG,EAAE,CAAC,CACX,eAAK,GAAG,EAAE,YAAY,aACpB,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,qBAE3B,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,0BAAmB,EAC3C,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,sBAAe,EACnC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,uBAAgB,IACjC,CACP,CAAA;AACH,CAAC;AAED,MAAM,YAAY,GAAG,GAAG,CAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;CACpB,CAAC,CAAA"}
@@ -1,7 +0,0 @@
1
- /**
2
- * @name Basic Button
3
- * @description The default button contract supports both ordinary actions and link-shaped navigation.
4
- * @layout center
5
- * @order 1
6
- */
7
- export default function Example(): () => import("@remix-run/ui").RemixElement;
@@ -1,20 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import { css } from '@remix-run/ui';
3
- import * as button from '@remix-run/ui/button';
4
- import { Glyph } from '@remix-run/ui/glyph';
5
- import { theme } from '@remix-run/ui/theme';
6
- /**
7
- * @name Basic Button
8
- * @description The default button contract supports both ordinary actions and link-shaped navigation.
9
- * @layout center
10
- * @order 1
11
- */
12
- export default function Example() {
13
- return () => (_jsxs("div", { mix: buttonRowCss, children: [_jsxs("button", { type: "submit", mix: [button.baseStyle, button.primaryStyle], children: [_jsx(Glyph, { mix: button.iconStyle, name: "add" }), _jsx("span", { mix: button.labelStyle, children: "Publish" })] }), _jsxs("a", { href: "/api/remix/ui/button/overview/", mix: [button.baseStyle, button.secondaryStyle], children: [_jsx("span", { mix: button.labelStyle, children: "View button docs" }), _jsx(Glyph, { mix: button.iconStyle, name: "chevronRight" })] })] }));
14
- }
15
- const buttonRowCss = css({
16
- display: 'flex',
17
- alignItems: 'center',
18
- gap: theme.space.sm,
19
- });
20
- //# sourceMappingURL=basic.demo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"basic.demo.js","sourceRoot":"","sources":["../../../../src/components/button/demos/basic.demo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAE3C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,GAAG,EAAE,CAAC,CACX,eAAK,GAAG,EAAE,YAAY,aACpB,kBAAQ,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,aAChE,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,KAAK,GAAG,EAC3C,eAAM,GAAG,EAAE,MAAM,CAAC,UAAU,wBAAgB,IACrC,EACT,aAAG,IAAI,EAAC,gCAAgC,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,aACrF,eAAM,GAAG,EAAE,MAAM,CAAC,UAAU,iCAAyB,EACrD,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,GAAG,IAClD,IACA,CACP,CAAA;AACH,CAAC;AAED,MAAM,YAAY,GAAG,GAAG,CAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;CACpB,CAAC,CAAA"}
@@ -1,7 +0,0 @@
1
- /**
2
- * @name Button States
3
- * @description Buttons support normal, disabled, and busy (loading) states using aria attributes.
4
- * @layout center
5
- * @order 3
6
- */
7
- export default function Example(): () => import("@remix-run/ui").RemixElement;
@@ -1,30 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import * as button from '@remix-run/ui/button';
3
- import { css } from '@remix-run/ui';
4
- import { Glyph } from '@remix-run/ui/glyph';
5
- import { theme } from '@remix-run/ui/theme';
6
- /**
7
- * @name Button States
8
- * @description Buttons support normal, disabled, and busy (loading) states using aria attributes.
9
- * @layout center
10
- * @order 3
11
- */
12
- export default function Example() {
13
- return () => (_jsxs("div", { mix: buttonRowCss, children: [_jsxs("button", { mix: [button.baseStyle, button.primaryStyle], children: [_jsx(Glyph, { mix: button.iconStyle, name: "add" }), _jsx("span", { mix: button.labelStyle, children: "New issue" })] }), _jsxs("button", { mix: [button.baseStyle, button.ghostStyle], children: [_jsx("span", { mix: button.labelStyle, children: "Open" }), _jsx(Glyph, { mix: button.iconStyle, name: "chevronRight" })] }), _jsx("button", { disabled: true, mix: [button.baseStyle, button.secondaryStyle], children: _jsx("span", { mix: button.labelStyle, children: "Disabled" }) }), _jsxs("button", { "aria-busy": "true", mix: [button.baseStyle, button.secondaryStyle], children: [_jsx(Glyph, { mix: [button.iconStyle, spinnerGlyphCss, spinCss], name: "spinner" }), _jsx("span", { mix: button.labelStyle, children: "Saving" })] })] }));
14
- }
15
- const buttonRowCss = css({
16
- display: 'flex',
17
- alignItems: 'center',
18
- gap: theme.space.sm,
19
- });
20
- const spinnerGlyphCss = css({
21
- opacity: 0.72,
22
- });
23
- const spinCss = css({
24
- '@keyframes demo-button-spin': {
25
- from: { transform: 'rotate(0deg)' },
26
- to: { transform: 'rotate(360deg)' },
27
- },
28
- animation: 'demo-button-spin 1s linear infinite',
29
- });
30
- //# sourceMappingURL=states.demo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"states.demo.js","sourceRoot":"","sources":["../../../../src/components/button/demos/states.demo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAE3C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,GAAG,EAAE,CAAC,CACX,eAAK,GAAG,EAAE,YAAY,aACpB,kBAAQ,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,aAClD,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,KAAK,GAAG,EAC3C,eAAM,GAAG,EAAE,MAAM,CAAC,UAAU,0BAAkB,IACvC,EAET,kBAAQ,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,aAChD,eAAM,GAAG,EAAE,MAAM,CAAC,UAAU,qBAAa,EACzC,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,GAAG,IAC7C,EAET,iBAAQ,QAAQ,QAAC,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,YAC7D,eAAM,GAAG,EAAE,MAAM,CAAC,UAAU,yBAAiB,GACtC,EAET,+BAAkB,MAAM,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,aACrE,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG,EAC3E,eAAM,GAAG,EAAE,MAAM,CAAC,UAAU,uBAAe,IACpC,IACL,CACP,CAAA;AACH,CAAC;AAED,MAAM,YAAY,GAAG,GAAG,CAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;CACpB,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,GAAG,CAAC;IAC1B,OAAO,EAAE,IAAI;CACd,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC;IAClB,6BAA6B,EAAE;QAC7B,IAAI,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE;QACnC,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;KACpC;IACD,SAAS,EAAE,qCAAqC;CACjD,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../../src/components/combobox/combobox.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import { type Handle } from '@remix-run/ui';
2
- /**
3
- * @name Combobox Overview
4
- * @description A searchable combobox with keyboard navigation. Try typing airport names or codes like ord, lax, or jfk.
5
- * @layout center
6
- */
7
- export default function Example(handle: Handle): () => import("@remix-run/ui").RemixElement;
@@ -1,154 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import { css } from '@remix-run/ui';
3
- import { Combobox, ComboboxOption, onComboboxChange } from '@remix-run/ui/combobox';
4
- import { theme } from '@remix-run/ui/theme';
5
- /**
6
- * @name Combobox Overview
7
- * @description A searchable combobox with keyboard navigation. Try typing airport names or codes like ord, lax, or jfk.
8
- * @layout center
9
- */
10
- export default function Example(handle) {
11
- let value = null;
12
- return () => (_jsxs("div", { mix: stackCss, children: [_jsxs("div", { mix: fieldCss, children: [_jsx("label", { for: "airport-combobox", mix: labelCss, children: "Airport" }), _jsx(Combobox, { inputId: "airport-combobox", mix: [
13
- comboboxCss,
14
- onComboboxChange((event) => {
15
- value = event.value;
16
- void handle.update();
17
- }),
18
- ], name: "airport", placeholder: "Search airports or codes", children: airportOptions.map((airport) => (_jsx(ComboboxOption, { disabled: airport.disabled, label: airport.label, searchValue: airport.searchValue, value: airport.value }, airport.value))) }), _jsx("div", { mix: helpCss, children: "Try typing `san`, `wash`, or airport codes like `ord`, `lax`, or `jfk`, then use ArrowDown and Enter." })] }), _jsx("p", { mix: valueCss, children: `value=${value ?? 'null'}` })] }));
19
- }
20
- const airportOptions = [
21
- {
22
- label: 'Hartsfield-Jackson Atlanta International',
23
- searchValue: ['atl', 'atlanta', 'hartsfield-jackson atlanta international'],
24
- value: 'ATL',
25
- },
26
- {
27
- label: 'Austin-Bergstrom International',
28
- searchValue: ['aus', 'austin', 'austin-bergstrom international'],
29
- value: 'AUS',
30
- },
31
- {
32
- label: 'Boston Logan International',
33
- searchValue: ['bos', 'boston', 'boston logan international'],
34
- value: 'BOS',
35
- },
36
- {
37
- label: 'Baltimore/Washington International',
38
- searchValue: ['bwi', 'baltimore', 'washington', 'baltimore/washington international'],
39
- value: 'BWI',
40
- },
41
- {
42
- label: 'Ronald Reagan Washington National',
43
- searchValue: ['dca', 'reagan', 'washington', 'ronald reagan washington national'],
44
- value: 'DCA',
45
- },
46
- {
47
- label: 'Denver International',
48
- searchValue: ['den', 'denver', 'denver international'],
49
- value: 'DEN',
50
- },
51
- {
52
- label: 'Dallas/Fort Worth International',
53
- searchValue: ['dfw', 'dallas', 'fort worth', 'dallas/fort worth international'],
54
- value: 'DFW',
55
- },
56
- {
57
- label: 'Newark Liberty International',
58
- searchValue: ['ewr', 'newark', 'newark liberty international'],
59
- value: 'EWR',
60
- },
61
- {
62
- label: 'Daniel K. Inouye International',
63
- searchValue: ['hnl', 'honolulu', 'daniel k. inouye international'],
64
- value: 'HNL',
65
- },
66
- {
67
- label: 'Washington Dulles International',
68
- searchValue: ['iad', 'dulles', 'washington', 'washington dulles international'],
69
- value: 'IAD',
70
- },
71
- {
72
- label: 'John F. Kennedy International',
73
- searchValue: ['jfk', 'kennedy', 'new york', 'john f. kennedy international'],
74
- value: 'JFK',
75
- },
76
- {
77
- label: 'Harry Reid International',
78
- searchValue: ['las', 'las vegas', 'harry reid international'],
79
- value: 'LAS',
80
- },
81
- {
82
- label: 'Los Angeles International',
83
- searchValue: ['lax', 'los angeles', 'los angeles international'],
84
- value: 'LAX',
85
- },
86
- {
87
- label: 'Orlando International',
88
- searchValue: ['mco', 'orlando', 'orlando international'],
89
- value: 'MCO',
90
- },
91
- {
92
- label: 'Miami International',
93
- searchValue: ['mia', 'miami', 'miami international'],
94
- value: 'MIA',
95
- },
96
- {
97
- label: "Chicago O'Hare International",
98
- searchValue: ['ord', 'ohare', 'chicago', "chicago o'hare international"],
99
- value: 'ORD',
100
- },
101
- {
102
- label: 'Portland International',
103
- searchValue: ['pdx', 'portland', 'portland international'],
104
- value: 'PDX',
105
- },
106
- {
107
- label: 'San Diego International',
108
- searchValue: ['san', 'san diego', 'san diego international'],
109
- value: 'SAN',
110
- },
111
- {
112
- label: 'San Francisco International',
113
- searchValue: ['sfo', 'san francisco', 'san francisco international'],
114
- value: 'SFO',
115
- },
116
- {
117
- disabled: true,
118
- label: 'San Jose Mineta International',
119
- searchValue: ['sjc', 'san jose', 'san jose mineta international'],
120
- value: 'SJC',
121
- },
122
- ];
123
- const comboboxCss = css({
124
- width: '16rem',
125
- });
126
- const stackCss = css({
127
- display: 'flex',
128
- flexDirection: 'column',
129
- gap: theme.space.sm,
130
- width: '100%',
131
- });
132
- const fieldCss = css({
133
- display: 'flex',
134
- flexDirection: 'column',
135
- gap: theme.space.xs,
136
- });
137
- const labelCss = css({
138
- margin: 0,
139
- fontSize: theme.fontSize.xs,
140
- fontWeight: theme.fontWeight.semibold,
141
- color: theme.colors.text.primary,
142
- });
143
- const helpCss = css({
144
- fontSize: theme.fontSize.xs,
145
- lineHeight: theme.lineHeight.relaxed,
146
- color: theme.colors.text.secondary,
147
- });
148
- const valueCss = css({
149
- margin: 0,
150
- fontFamily: theme.fontFamily.mono,
151
- fontSize: theme.fontSize.xs,
152
- color: theme.colors.text.secondary,
153
- });
154
- //# sourceMappingURL=overview.demo.js.map