@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.
- package/README.md +50 -164
- package/dist/accordion/index.d.ts +46 -0
- package/dist/accordion/index.js +142 -0
- package/dist/accordion/index.js.map +1 -0
- package/dist/accordion/primitives.d.ts +104 -0
- package/dist/accordion/primitives.js +312 -0
- package/dist/accordion/primitives.js.map +1 -0
- package/dist/{components/anchor/anchor.js → anchor/index.js} +1 -1
- package/dist/anchor/index.js.map +1 -0
- package/dist/animation/demos/reordering.js +9 -6
- package/dist/animation/demos/reordering.js.map +1 -1
- package/dist/{components/breadcrumbs/breadcrumbs.js → breadcrumbs/index.js} +19 -19
- package/dist/breadcrumbs/index.js.map +1 -0
- package/dist/button/index.d.ts +15 -0
- package/dist/button/index.js +128 -0
- package/dist/button/index.js.map +1 -0
- package/dist/checkbox/index.d.ts +14 -0
- package/dist/checkbox/index.js +125 -0
- package/dist/checkbox/index.js.map +1 -0
- package/dist/combobox/index.d.ts +21 -0
- package/dist/combobox/index.js +58 -0
- package/dist/combobox/index.js.map +1 -0
- package/dist/{components/combobox/combobox.d.ts → combobox/primitives.d.ts} +3 -7
- package/dist/{components/combobox/combobox.js → combobox/primitives.js} +8 -61
- package/dist/combobox/primitives.js.map +1 -0
- package/dist/input/index.d.ts +13 -0
- package/dist/input/index.js +121 -0
- package/dist/input/index.js.map +1 -0
- package/dist/listbox/flash-attribute.js.map +1 -0
- package/dist/{components/listbox/listbox.d.ts → listbox/index.d.ts} +2 -6
- package/dist/{components/listbox/listbox.js → listbox/index.js} +4 -82
- package/dist/listbox/index.js.map +1 -0
- package/dist/menu/hover-aim.js.map +1 -0
- package/dist/menu/index.d.ts +42 -0
- package/dist/menu/index.js +250 -0
- package/dist/menu/index.js.map +1 -0
- package/dist/{components/menu/menu.d.ts → menu/primitives.d.ts} +3 -32
- package/dist/{components/menu/menu.js → menu/primitives.js} +97 -314
- package/dist/menu/primitives.js.map +1 -0
- package/dist/{components/popover/popover.d.ts → popover/index.d.ts} +2 -4
- package/dist/{components/popover/popover.js → popover/index.js} +5 -48
- package/dist/popover/index.js.map +1 -0
- package/dist/{interactions/outside-click/outside-click-mixin.js → popover/outside-click.js} +1 -1
- package/dist/popover/outside-click.js.map +1 -0
- package/dist/popover/scroll-lock.d.ts +1 -0
- package/dist/{utils → popover}/scroll-lock.js +0 -18
- package/dist/popover/scroll-lock.js.map +1 -0
- package/dist/radio/index.d.ts +12 -0
- package/dist/radio/index.js +77 -0
- package/dist/radio/index.js.map +1 -0
- package/dist/runtime/reconcile.js +11 -5
- package/dist/runtime/reconcile.js.map +1 -1
- package/dist/runtime/vdom.js +3 -0
- package/dist/runtime/vdom.js.map +1 -1
- package/dist/select/index.d.ts +19 -0
- package/dist/select/index.js +95 -0
- package/dist/select/index.js.map +1 -0
- package/dist/select/keydown.js.map +1 -0
- package/dist/{components/select/select.d.ts → select/primitives.d.ts} +4 -6
- package/dist/{components/select/select.js → select/primitives.js} +11 -63
- package/dist/select/primitives.js.map +1 -0
- package/dist/server/stream.js +2 -2
- package/dist/server/stream.js.map +1 -1
- package/dist/shared/focus-styles.d.ts +1 -0
- package/dist/shared/focus-styles.js +2 -0
- package/dist/shared/focus-styles.js.map +1 -0
- package/dist/shared/icons.d.ts +9 -0
- package/dist/shared/icons.js +42 -0
- package/dist/shared/icons.js.map +1 -0
- package/dist/shared/listbox-popover-styles.d.ts +6 -0
- package/dist/shared/listbox-popover-styles.js +137 -0
- package/dist/shared/listbox-popover-styles.js.map +1 -0
- package/dist/shared/style-values.d.ts +78 -0
- package/dist/{theme/presets/rmx-01/index.js → shared/style-values.js} +3 -34
- package/dist/shared/style-values.js.map +1 -0
- package/dist/{interactions/typeahead/typeahead-mixin.js → shared/typeahead.js} +1 -1
- package/dist/shared/typeahead.js.map +1 -0
- package/dist/shared/wait-for-css-transition.js.map +1 -0
- package/dist/shared/wait.js.map +1 -0
- package/dist/tabs/index.d.ts +32 -0
- package/dist/tabs/index.js +157 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/tabs/primitives.d.ts +57 -0
- package/dist/tabs/primitives.js +238 -0
- package/dist/tabs/primitives.js.map +1 -0
- package/dist/toggle/index.d.ts +9 -0
- package/dist/toggle/index.js +108 -0
- package/dist/toggle/index.js.map +1 -0
- package/dist/toggle/primitives.d.ts +29 -0
- package/dist/toggle/primitives.js +127 -0
- package/dist/toggle/primitives.js.map +1 -0
- package/package.json +73 -44
- package/src/{components/accordion → accordion}/README.md +50 -14
- package/src/accordion/index.tsx +285 -0
- package/src/accordion/primitives.tsx +512 -0
- package/src/{components/anchor → anchor}/README.md +37 -2
- package/src/animation/demos/reordering.tsx +9 -6
- package/src/{components/breadcrumbs → breadcrumbs}/README.md +4 -4
- package/src/{components/breadcrumbs/breadcrumbs.tsx → breadcrumbs/index.tsx} +18 -18
- package/src/button/README.md +44 -0
- package/src/button/index.ts +168 -0
- package/src/checkbox/README.md +59 -0
- package/src/checkbox/index.ts +162 -0
- package/src/{components/combobox → combobox}/README.md +58 -9
- package/src/combobox/index.tsx +112 -0
- package/src/{components/combobox/combobox.tsx → combobox/primitives.tsx} +5 -91
- package/src/input/README.md +52 -0
- package/src/input/index.ts +147 -0
- package/src/{components/listbox → listbox}/README.md +9 -41
- package/src/{components/listbox/listbox.ts → listbox/index.ts} +2 -87
- package/src/{components/menu → menu}/README.md +55 -14
- package/src/menu/index.tsx +354 -0
- package/src/{components/menu/menu.tsx → menu/primitives.tsx} +99 -413
- package/src/{components/popover → popover}/README.md +20 -39
- package/src/{components/popover/popover.ts → popover/index.ts} +3 -57
- package/src/{utils → popover}/scroll-lock.ts +0 -28
- package/src/radio/README.md +53 -0
- package/src/radio/index.ts +100 -0
- package/src/runtime/demos/readme.demo.tsx +16 -14
- package/src/runtime/reconcile.ts +11 -5
- package/src/runtime/vdom.ts +3 -0
- package/src/{components/select → select}/README.md +29 -19
- package/src/select/index.tsx +159 -0
- package/src/{components/select/select.tsx → select/primitives.tsx} +10 -98
- package/src/server/stream.ts +3 -3
- package/src/shared/focus-styles.ts +2 -0
- package/src/shared/icons.tsx +62 -0
- package/src/shared/listbox-popover-styles.ts +146 -0
- package/src/shared/style-values.ts +165 -0
- package/src/tabs/README.md +141 -0
- package/src/tabs/index.tsx +244 -0
- package/src/tabs/primitives.ts +365 -0
- package/src/toggle/README.md +56 -0
- package/src/toggle/index.tsx +134 -0
- package/src/toggle/primitives.ts +192 -0
- package/dist/animation/demos/animation.demo.d.ts +0 -5
- package/dist/animation/demos/animation.demo.js +0 -92
- package/dist/animation/demos/animation.demo.js.map +0 -1
- package/dist/animation/demos/spring.demo.d.ts +0 -6
- package/dist/animation/demos/spring.demo.js +0 -304
- package/dist/animation/demos/spring.demo.js.map +0 -1
- package/dist/components/accordion/accordion.d.ts +0 -92
- package/dist/components/accordion/accordion.js +0 -335
- package/dist/components/accordion/accordion.js.map +0 -1
- package/dist/components/accordion/demos/card.demo.d.ts +0 -7
- package/dist/components/accordion/demos/card.demo.js +0 -59
- package/dist/components/accordion/demos/card.demo.js.map +0 -1
- package/dist/components/accordion/demos/multiple.demo.d.ts +0 -7
- package/dist/components/accordion/demos/multiple.demo.js +0 -20
- package/dist/components/accordion/demos/multiple.demo.js.map +0 -1
- package/dist/components/accordion/demos/overview.demo.d.ts +0 -7
- package/dist/components/accordion/demos/overview.demo.js +0 -20
- package/dist/components/accordion/demos/overview.demo.js.map +0 -1
- package/dist/components/anchor/anchor.js.map +0 -1
- package/dist/components/breadcrumbs/basic.demo.d.ts +0 -6
- package/dist/components/breadcrumbs/basic.demo.js +0 -15
- package/dist/components/breadcrumbs/basic.demo.js.map +0 -1
- package/dist/components/breadcrumbs/breadcrumbs.js.map +0 -1
- package/dist/components/breadcrumbs/separator.demo.d.ts +0 -6
- package/dist/components/breadcrumbs/separator.demo.js +0 -15
- package/dist/components/breadcrumbs/separator.demo.js.map +0 -1
- package/dist/components/button/button.d.ts +0 -105
- package/dist/components/button/button.js +0 -207
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/button/demos/aliases.demo.d.ts +0 -7
- package/dist/components/button/demos/aliases.demo.js +0 -19
- package/dist/components/button/demos/aliases.demo.js.map +0 -1
- package/dist/components/button/demos/basic.demo.d.ts +0 -7
- package/dist/components/button/demos/basic.demo.js +0 -20
- package/dist/components/button/demos/basic.demo.js.map +0 -1
- package/dist/components/button/demos/states.demo.d.ts +0 -7
- package/dist/components/button/demos/states.demo.js +0 -30
- package/dist/components/button/demos/states.demo.js.map +0 -1
- package/dist/components/combobox/combobox.js.map +0 -1
- package/dist/components/combobox/overview.demo.d.ts +0 -7
- package/dist/components/combobox/overview.demo.js +0 -154
- package/dist/components/combobox/overview.demo.js.map +0 -1
- package/dist/components/glyph/glyph.d.ts +0 -14
- package/dist/components/glyph/glyph.js +0 -65
- package/dist/components/glyph/glyph.js.map +0 -1
- package/dist/components/listbox/listbox.js.map +0 -1
- package/dist/components/listbox/overview.demo.d.ts +0 -7
- package/dist/components/listbox/overview.demo.js +0 -65
- package/dist/components/listbox/overview.demo.js.map +0 -1
- package/dist/components/menu/demos/bubbling.demo.d.ts +0 -6
- package/dist/components/menu/demos/bubbling.demo.js +0 -16
- package/dist/components/menu/demos/bubbling.demo.js.map +0 -1
- package/dist/components/menu/demos/context-trigger.demo.d.ts +0 -7
- package/dist/components/menu/demos/context-trigger.demo.js +0 -87
- package/dist/components/menu/demos/context-trigger.demo.js.map +0 -1
- package/dist/components/menu/demos/overview.demo.d.ts +0 -7
- package/dist/components/menu/demos/overview.demo.js +0 -33
- package/dist/components/menu/demos/overview.demo.js.map +0 -1
- package/dist/components/menu/hover-aim.js.map +0 -1
- package/dist/components/menu/menu.js.map +0 -1
- package/dist/components/popover/overview.demo.d.ts +0 -7
- package/dist/components/popover/overview.demo.js +0 -65
- package/dist/components/popover/overview.demo.js.map +0 -1
- package/dist/components/popover/popover.js.map +0 -1
- package/dist/components/select/deconstructed.demo.d.ts +0 -7
- package/dist/components/select/deconstructed.demo.js +0 -54
- package/dist/components/select/deconstructed.demo.js.map +0 -1
- package/dist/components/select/overview.demo.d.ts +0 -6
- package/dist/components/select/overview.demo.js +0 -28
- package/dist/components/select/overview.demo.js.map +0 -1
- package/dist/components/select/select.js.map +0 -1
- package/dist/components/separator/separator.d.ts +0 -2
- package/dist/components/separator/separator.js +0 -15
- package/dist/components/separator/separator.js.map +0 -1
- package/dist/components/tabs/tabs.d.ts +0 -78
- package/dist/components/tabs/tabs.js +0 -339
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/interactions/keydown/keydown.js.map +0 -1
- package/dist/interactions/outside-click/outside-click-mixin.js.map +0 -1
- package/dist/interactions/typeahead/typeahead-mixin.js.map +0 -1
- package/dist/runtime/demos/basic.demo.d.ts +0 -6
- package/dist/runtime/demos/basic.demo.js +0 -16
- package/dist/runtime/demos/basic.demo.js.map +0 -1
- package/dist/runtime/demos/controlled-uncontrolled-values.demo.d.ts +0 -6
- package/dist/runtime/demos/controlled-uncontrolled-values.demo.js +0 -77
- package/dist/runtime/demos/controlled-uncontrolled-values.demo.js.map +0 -1
- package/dist/runtime/demos/keyed-list.demo.d.ts +0 -6
- package/dist/runtime/demos/keyed-list.demo.js +0 -62
- package/dist/runtime/demos/keyed-list.demo.js.map +0 -1
- package/dist/runtime/demos/readme.demo.d.ts +0 -5
- package/dist/runtime/demos/readme.demo.js +0 -396
- package/dist/runtime/demos/readme.demo.js.map +0 -1
- package/dist/theme/contract.d.ts +0 -61
- package/dist/theme/contract.js +0 -131
- package/dist/theme/contract.js.map +0 -1
- package/dist/theme/glyph-contract.d.ts +0 -11
- package/dist/theme/glyph-contract.js +0 -34
- package/dist/theme/glyph-contract.js.map +0 -1
- package/dist/theme/presets/rmx-01/glyphs.d.ts +0 -2
- package/dist/theme/presets/rmx-01/glyphs.js +0 -252
- package/dist/theme/presets/rmx-01/glyphs.js.map +0 -1
- package/dist/theme/presets/rmx-01/index.d.ts +0 -4
- package/dist/theme/presets/rmx-01/index.js.map +0 -1
- package/dist/theme/runtime.d.ts +0 -2
- package/dist/theme/runtime.js +0 -84
- package/dist/theme/runtime.js.map +0 -1
- package/dist/theme/theme.d.ts +0 -6
- package/dist/theme/theme.js +0 -5
- package/dist/theme/theme.js.map +0 -1
- package/dist/utils/flash-attribute.js.map +0 -1
- package/dist/utils/scroll-lock.d.ts +0 -3
- package/dist/utils/scroll-lock.js.map +0 -1
- package/dist/utils/wait-for-css-transition.js.map +0 -1
- package/dist/utils/wait.js.map +0 -1
- package/src/animation/demos/animation.demo.tsx +0 -194
- package/src/animation/demos/spring.demo.tsx +0 -385
- package/src/components/accordion/accordion.tsx +0 -565
- package/src/components/accordion/demos/card.demo.tsx +0 -114
- package/src/components/accordion/demos/multiple.demo.tsx +0 -57
- package/src/components/accordion/demos/overview.demo.tsx +0 -57
- package/src/components/breadcrumbs/basic.demo.tsx +0 -18
- package/src/components/breadcrumbs/separator.demo.tsx +0 -19
- package/src/components/button/README.md +0 -44
- package/src/components/button/button.tsx +0 -286
- package/src/components/button/demos/aliases.demo.tsx +0 -28
- package/src/components/button/demos/basic.demo.tsx +0 -31
- package/src/components/button/demos/states.demo.tsx +0 -53
- package/src/components/combobox/overview.demo.tsx +0 -200
- package/src/components/glyph/README.md +0 -72
- package/src/components/glyph/glyph.tsx +0 -110
- package/src/components/listbox/overview.demo.tsx +0 -102
- package/src/components/menu/demos/bubbling.demo.tsx +0 -35
- package/src/components/menu/demos/context-trigger.demo.tsx +0 -133
- package/src/components/menu/demos/overview.demo.tsx +0 -77
- package/src/components/popover/overview.demo.tsx +0 -144
- package/src/components/select/deconstructed.demo.tsx +0 -96
- package/src/components/select/overview.demo.tsx +0 -52
- package/src/components/separator/separator.ts +0 -19
- package/src/components/tabs/README.md +0 -105
- package/src/components/tabs/tabs.tsx +0 -504
- package/src/runtime/demos/basic.demo.tsx +0 -21
- package/src/runtime/demos/controlled-uncontrolled-values.demo.tsx +0 -177
- package/src/runtime/demos/keyed-list.demo.tsx +0 -94
- package/src/theme/README.md +0 -103
- package/src/theme/contract.ts +0 -215
- package/src/theme/glyph-contract.ts +0 -59
- package/src/theme/presets/rmx-01/glyphs.tsx +0 -308
- package/src/theme/presets/rmx-01/index.ts +0 -123
- package/src/theme/runtime.ts +0 -119
- package/src/theme/theme.ts +0 -15
- package/src/utils/scroll-lock/README.md +0 -33
- /package/dist/{components/anchor/anchor.d.ts → anchor/index.d.ts} +0 -0
- /package/dist/{components/breadcrumbs/breadcrumbs.d.ts → breadcrumbs/index.d.ts} +0 -0
- /package/dist/{utils → listbox}/flash-attribute.d.ts +0 -0
- /package/dist/{utils → listbox}/flash-attribute.js +0 -0
- /package/dist/{components/menu → menu}/hover-aim.d.ts +0 -0
- /package/dist/{components/menu → menu}/hover-aim.js +0 -0
- /package/dist/{interactions/outside-click/outside-click-mixin.d.ts → popover/outside-click.d.ts} +0 -0
- /package/dist/{interactions/keydown → select}/keydown.d.ts +0 -0
- /package/dist/{interactions/keydown → select}/keydown.js +0 -0
- /package/dist/{interactions/typeahead/typeahead-mixin.d.ts → shared/typeahead.d.ts} +0 -0
- /package/dist/{utils → shared}/wait-for-css-transition.d.ts +0 -0
- /package/dist/{utils → shared}/wait-for-css-transition.js +0 -0
- /package/dist/{utils → shared}/wait.d.ts +0 -0
- /package/dist/{utils → shared}/wait.js +0 -0
- /package/src/{components/anchor/anchor.ts → anchor/index.ts} +0 -0
- /package/src/{utils → listbox}/flash-attribute.ts +0 -0
- /package/src/{components/menu → menu}/hover-aim.ts +0 -0
- /package/src/{interactions/outside-click/outside-click-mixin.ts → popover/outside-click.ts} +0 -0
- /package/src/{interactions/keydown → select}/keydown.ts +0 -0
- /package/src/{interactions/typeahead/typeahead-mixin.ts → shared/typeahead.ts} +0 -0
- /package/src/{utils → shared}/wait-for-css-transition.ts +0 -0
- /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,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,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,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
|