@fairgarden/design 0.1.0-alpha.1 → 0.1.0-alpha.2
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/LICENSE +21 -0
- package/Readme.md +51 -27
- package/actions/button/Button.d.ts.map +1 -1
- package/actions/button/Button.js +13 -1
- package/actions/button/Button.js.map +1 -1
- package/actions/button/button.module.css +85 -25
- package/actions/chip/Chip.d.ts +2 -2
- package/actions/chip/Chip.js +2 -2
- package/actions/chip/chip.module.css +12 -18
- package/actions/link/Link.d.ts +1 -1
- package/actions/link/link.module.css +22 -19
- package/actions/toggle/Toggle.js +1 -1
- package/actions/toggle/toggle.module.css +27 -23
- package/content/card/card.module.css +27 -27
- package/content/card-grid/CardGrid.js +1 -1
- package/content/card-grid/card-grid.module.css +3 -3
- package/content/carousel/Carousel.d.ts.map +1 -1
- package/content/carousel/Carousel.js +1 -4
- package/content/carousel/Carousel.js.map +1 -1
- package/content/carousel/carousel.module.css +19 -9
- package/content/code-block/CodeActionsMenu.d.ts +34 -0
- package/content/code-block/CodeActionsMenu.d.ts.map +1 -0
- package/content/code-block/CodeActionsMenu.js +102 -0
- package/content/code-block/CodeActionsMenu.js.map +1 -0
- package/content/code-block/CodeBlock.d.ts +37 -0
- package/content/code-block/CodeBlock.d.ts.map +1 -0
- package/content/code-block/CodeBlock.js +30 -0
- package/content/code-block/CodeBlock.js.map +1 -0
- package/content/code-block/CodeBlockFrame.d.ts +54 -0
- package/content/code-block/CodeBlockFrame.d.ts.map +1 -0
- package/content/code-block/CodeBlockFrame.js +80 -0
- package/content/code-block/CodeBlockFrame.js.map +1 -0
- package/content/code-block/CodeBlockHeader.d.ts +26 -0
- package/content/code-block/CodeBlockHeader.d.ts.map +1 -0
- package/content/code-block/CodeBlockHeader.js +16 -0
- package/content/code-block/CodeBlockHeader.js.map +1 -0
- package/content/code-block/CodeBlockLazy.d.ts +11 -0
- package/content/code-block/CodeBlockLazy.d.ts.map +1 -0
- package/content/code-block/CodeBlockLazy.js +14 -0
- package/content/code-block/CodeBlockLazy.js.map +1 -0
- package/content/code-block/CodeBlockLoading.d.ts +31 -0
- package/content/code-block/CodeBlockLoading.d.ts.map +1 -0
- package/content/code-block/CodeBlockLoading.js +90 -0
- package/content/code-block/CodeBlockLoading.js.map +1 -0
- package/content/code-block/CodeBlockSection.d.ts +40 -0
- package/content/code-block/CodeBlockSection.d.ts.map +1 -0
- package/content/code-block/CodeBlockSection.js +105 -0
- package/content/code-block/CodeBlockSection.js.map +1 -0
- package/content/code-block/CodeBlockToasts.d.ts +26 -0
- package/content/code-block/CodeBlockToasts.d.ts.map +1 -0
- package/content/code-block/CodeBlockToasts.js +88 -0
- package/content/code-block/CodeBlockToasts.js.map +1 -0
- package/content/code-block/code-block.module.css +949 -0
- package/content/code-block/index.d.ts +4 -0
- package/content/code-block/index.d.ts.map +1 -0
- package/content/code-block/index.js +4 -0
- package/content/code-block/index.js.map +1 -0
- package/content/demo/DemoContent.d.ts +32 -0
- package/content/demo/DemoContent.d.ts.map +1 -0
- package/content/demo/DemoContent.js +87 -0
- package/content/demo/DemoContent.js.map +1 -0
- package/content/demo/DemoFrame.d.ts +6 -0
- package/content/demo/DemoFrame.d.ts.map +1 -0
- package/content/demo/DemoFrame.js +17 -0
- package/content/demo/DemoFrame.js.map +1 -0
- package/content/demo/DemoLazy.d.ts +11 -0
- package/content/demo/DemoLazy.d.ts.map +1 -0
- package/content/demo/DemoLazy.js +14 -0
- package/content/demo/DemoLazy.js.map +1 -0
- package/content/demo/DemoLoading.d.ts +23 -0
- package/content/demo/DemoLoading.d.ts.map +1 -0
- package/content/demo/DemoLoading.js +26 -0
- package/content/demo/DemoLoading.js.map +1 -0
- package/content/demo/demo.module.css +163 -0
- package/content/demo/index.d.ts +4 -0
- package/content/demo/index.d.ts.map +1 -0
- package/content/demo/index.js +4 -0
- package/content/demo/index.js.map +1 -0
- package/content/empty-state/EmptyState.d.ts +1 -1
- package/content/empty-state/EmptyState.js +1 -1
- package/content/empty-state/empty-state.module.css +11 -11
- package/content/feature-grid/feature-grid.module.css +22 -22
- package/content/index-rows/IndexRows.d.ts +2 -2
- package/content/index-rows/IndexRows.d.ts.map +1 -1
- package/content/index-rows/IndexRows.js +1 -1
- package/content/index-rows/index-rows.module.css +29 -29
- package/content/pricing/Pricing.d.ts +4 -4
- package/content/pricing/Pricing.d.ts.map +1 -1
- package/content/pricing/Pricing.js +4 -4
- package/content/pricing/Pricing.js.map +1 -1
- package/content/pricing/pricing.module.css +22 -22
- package/content/profile/Profile.d.ts +1 -1
- package/content/profile/Profile.js +2 -2
- package/content/profile/profile.module.css +13 -13
- package/content/quote/Quote.d.ts +1 -1
- package/content/quote/quote.module.css +9 -9
- package/content/timeline/Timeline.d.ts +1 -1
- package/content/timeline/Timeline.d.ts.map +1 -1
- package/content/timeline/Timeline.js +5 -5
- package/content/timeline/Timeline.js.map +1 -1
- package/content/timeline/timeline.module.css +12 -12
- package/content/types-table/TypePre.d.ts +11 -0
- package/content/types-table/TypePre.d.ts.map +1 -0
- package/content/types-table/TypePre.js +13 -0
- package/content/types-table/TypePre.js.map +1 -0
- package/content/types-table/TypesTable.d.ts +22 -0
- package/content/types-table/TypesTable.d.ts.map +1 -0
- package/content/types-table/TypesTable.js +124 -0
- package/content/types-table/TypesTable.js.map +1 -0
- package/content/types-table/index.d.ts +3 -0
- package/content/types-table/index.d.ts.map +1 -0
- package/content/types-table/index.js +3 -0
- package/content/types-table/index.js.map +1 -0
- package/content/types-table/types-table.module.css +160 -0
- package/data/chart/Chart.d.ts +8 -1
- package/data/chart/Chart.d.ts.map +1 -1
- package/data/chart/Chart.js +28 -15
- package/data/chart/Chart.js.map +1 -1
- package/data/chart/chart.module.css +20 -6
- package/data/figure/Figure.d.ts +1 -1
- package/data/figure/Figure.js +1 -1
- package/data/figure/figure.module.css +7 -7
- package/data/map/Map.d.ts +3 -3
- package/data/map/Map.d.ts.map +1 -1
- package/data/map/Map.js +10 -8
- package/data/map/Map.js.map +1 -1
- package/data/map/MapCanvas.d.ts.map +1 -1
- package/data/map/MapCanvas.js +5 -9
- package/data/map/MapCanvas.js.map +1 -1
- package/data/map/map.module.css +39 -14
- package/data/map/mapStyle.d.ts +2 -2
- package/data/map/mapStyle.d.ts.map +1 -1
- package/data/map/mapStyle.js +5 -5
- package/data/map/mapStyle.js.map +1 -1
- package/data/scroll-area/ScrollArea.d.ts.map +1 -1
- package/data/scroll-area/ScrollArea.js +8 -4
- package/data/scroll-area/ScrollArea.js.map +1 -1
- package/data/scroll-area/scroll-area.module.css +28 -9
- package/data/spec-grid/spec-grid.module.css +8 -8
- package/data/spec-list/spec-list.module.css +3 -3
- package/data/spec-sheet/SpecSheet.d.ts +2 -2
- package/data/spec-sheet/SpecSheet.js +1 -1
- package/data/spec-sheet/spec-sheet.module.css +9 -9
- package/data/stat/Stat.d.ts +1 -1
- package/data/stat/Stat.d.ts.map +1 -1
- package/data/stat/stat.module.css +4 -4
- package/data/table/Table.d.ts +6 -5
- package/data/table/Table.d.ts.map +1 -1
- package/data/table/Table.js.map +1 -1
- package/data/table/table.module.css +43 -46
- package/disclosure/accordion/Accordion.d.ts +1 -1
- package/disclosure/accordion/Accordion.js +1 -1
- package/disclosure/accordion/accordion.module.css +12 -12
- package/disclosure/collapsible/Collapsible.d.ts +4 -4
- package/disclosure/collapsible/Collapsible.js +4 -4
- package/disclosure/collapsible/collapsible.module.css +10 -10
- package/disclosure/faq/FAQ.d.ts +3 -3
- package/disclosure/faq/FAQ.d.ts.map +1 -1
- package/disclosure/faq/FAQ.js +3 -3
- package/disclosure/faq/FAQ.js.map +1 -1
- package/disclosure/faq/faq.module.css +20 -20
- package/feedback/alert/alert.module.css +4 -4
- package/feedback/avatar/avatar-group.module.css +2 -2
- package/feedback/avatar/avatar.module.css +9 -9
- package/feedback/badge/Badge.d.ts +1 -1
- package/feedback/badge/badge.module.css +7 -7
- package/feedback/meter/Meter.d.ts +2 -2
- package/feedback/meter/meter.module.css +14 -14
- package/feedback/progress/Progress.d.ts +1 -1
- package/feedback/progress/progress.module.css +7 -7
- package/feedback/tag/tag.module.css +7 -7
- package/feedback/toast/Toast.d.ts +3 -3
- package/feedback/toast/Toast.d.ts.map +1 -1
- package/feedback/toast/Toast.js +17 -7
- package/feedback/toast/Toast.js.map +1 -1
- package/feedback/toast/toast.module.css +31 -20
- package/forms/autocomplete/Autocomplete.d.ts +11 -0
- package/forms/autocomplete/Autocomplete.d.ts.map +1 -1
- package/forms/autocomplete/Autocomplete.js +27 -6
- package/forms/autocomplete/Autocomplete.js.map +1 -1
- package/forms/autocomplete/autocomplete.module.css +35 -41
- package/forms/checkbox/Checkbox.js +1 -1
- package/forms/checkbox/checkbox.module.css +29 -25
- package/forms/checkbox-group/checkbox-group.module.css +4 -4
- package/forms/combobox/Combobox.d.ts +10 -0
- package/forms/combobox/Combobox.d.ts.map +1 -1
- package/forms/combobox/Combobox.js +28 -7
- package/forms/combobox/Combobox.js.map +1 -1
- package/forms/combobox/combobox.module.css +34 -41
- package/forms/field/field.module.css +1 -1
- package/forms/fieldset/Fieldset.d.ts +1 -1
- package/forms/fieldset/Fieldset.js +2 -2
- package/forms/fieldset/fieldset.module.css +14 -14
- package/forms/form/form.module.css +2 -2
- package/forms/input/Input.d.ts +10 -3
- package/forms/input/Input.d.ts.map +1 -1
- package/forms/input/Input.js +10 -4
- package/forms/input/Input.js.map +1 -1
- package/forms/input/input.module.css +38 -21
- package/forms/number-field/number-field.module.css +24 -23
- package/forms/radio/Radio.d.ts +1 -1
- package/forms/radio/Radio.d.ts.map +1 -1
- package/forms/radio/Radio.js +5 -3
- package/forms/radio/Radio.js.map +1 -1
- package/forms/radio/radio.module.css +38 -30
- package/forms/radio-group/RadioGroup.d.ts +1 -1
- package/forms/radio-group/radio-group.module.css +3 -3
- package/forms/search/Search.d.ts +10 -0
- package/forms/search/Search.d.ts.map +1 -1
- package/forms/search/Search.js +25 -6
- package/forms/search/Search.js.map +1 -1
- package/forms/search/search.module.css +25 -33
- package/forms/select/Select.d.ts +10 -2
- package/forms/select/Select.d.ts.map +1 -1
- package/forms/select/Select.js +27 -12
- package/forms/select/Select.js.map +1 -1
- package/forms/select/select.module.css +42 -48
- package/forms/slider/Slider.js +2 -2
- package/forms/slider/slider.module.css +23 -23
- package/forms/switch/Switch.js +1 -1
- package/forms/switch/switch.module.css +23 -19
- package/foundations/expanding-box/ExpandingBox.d.ts +86 -0
- package/foundations/expanding-box/ExpandingBox.d.ts.map +1 -0
- package/foundations/expanding-box/ExpandingBox.js +179 -0
- package/foundations/expanding-box/ExpandingBox.js.map +1 -0
- package/foundations/expanding-box/expanding-box.module.css +415 -0
- package/foundations/expanding-box/index.d.ts +3 -0
- package/foundations/expanding-box/index.d.ts.map +1 -0
- package/foundations/expanding-box/index.js +3 -0
- package/foundations/expanding-box/index.js.map +1 -0
- package/foundations/expanding-box/startExpandingTransition.d.ts +33 -0
- package/foundations/expanding-box/startExpandingTransition.d.ts.map +1 -0
- package/foundations/expanding-box/startExpandingTransition.js +82 -0
- package/foundations/expanding-box/startExpandingTransition.js.map +1 -0
- package/foundations/ground/Ground.d.ts +1 -1
- package/foundations/ground/ground.module.css +4 -4
- package/foundations/icon/Icon.d.ts +1 -1
- package/foundations/icon/Icon.js +1 -1
- package/foundations/icon/icon.module.css +1 -1
- package/foundations/outline-morph/OutlineMorph.d.ts +112 -0
- package/foundations/outline-morph/OutlineMorph.d.ts.map +1 -0
- package/foundations/outline-morph/OutlineMorph.js +83 -0
- package/foundations/outline-morph/OutlineMorph.js.map +1 -0
- package/foundations/outline-morph/index.d.ts +3 -0
- package/foundations/outline-morph/index.d.ts.map +1 -0
- package/foundations/outline-morph/index.js +3 -0
- package/foundations/outline-morph/index.js.map +1 -0
- package/foundations/outline-morph/morphEngine.d.ts +219 -0
- package/foundations/outline-morph/morphEngine.d.ts.map +1 -0
- package/foundations/outline-morph/morphEngine.js +1331 -0
- package/foundations/outline-morph/morphEngine.js.map +1 -0
- package/foundations/outline-morph/outline-morph.module.css +113 -0
- package/foundations/outline-morph/useOutlineMorphRoot.d.ts +50 -0
- package/foundations/outline-morph/useOutlineMorphRoot.d.ts.map +1 -0
- package/foundations/outline-morph/useOutlineMorphRoot.js +55 -0
- package/foundations/outline-morph/useOutlineMorphRoot.js.map +1 -0
- package/foundations/separator/separator.module.css +10 -10
- package/foundations/sticker/Sticker.d.ts +4 -4
- package/foundations/sticker/Sticker.d.ts.map +1 -1
- package/foundations/sticker/Sticker.js +3 -3
- package/foundations/sticker/sticker.module.css +10 -10
- package/icons/paths.d.ts +1 -1
- package/icons/paths.d.ts.map +1 -1
- package/icons/paths.js +50 -0
- package/icons/paths.js.map +1 -1
- package/navigation/breadcrumb/Breadcrumb.d.ts +7 -1
- package/navigation/breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/navigation/breadcrumb/Breadcrumb.js +8 -8
- package/navigation/breadcrumb/Breadcrumb.js.map +1 -1
- package/navigation/breadcrumb/breadcrumb.module.css +14 -14
- package/navigation/file-tabs/FileTabs.d.ts +169 -0
- package/navigation/file-tabs/FileTabs.d.ts.map +1 -0
- package/navigation/file-tabs/FileTabs.js +253 -0
- package/navigation/file-tabs/FileTabs.js.map +1 -0
- package/navigation/file-tabs/file-tabs.module.css +868 -0
- package/navigation/file-tabs/index.d.ts +2 -0
- package/navigation/file-tabs/index.d.ts.map +1 -0
- package/navigation/file-tabs/index.js +2 -0
- package/navigation/file-tabs/index.js.map +1 -0
- package/navigation/nav-drawer/NavDrawer.d.ts +32 -6
- package/navigation/nav-drawer/NavDrawer.d.ts.map +1 -1
- package/navigation/nav-drawer/NavDrawer.js +94 -28
- package/navigation/nav-drawer/NavDrawer.js.map +1 -1
- package/navigation/nav-drawer/nav-drawer.module.css +78 -55
- package/navigation/navigation-bar/NavigationBar.d.ts +31 -11
- package/navigation/navigation-bar/NavigationBar.d.ts.map +1 -1
- package/navigation/navigation-bar/NavigationBar.js +40 -17
- package/navigation/navigation-bar/NavigationBar.js.map +1 -1
- package/navigation/navigation-bar/navigation-bar.module.css +58 -27
- package/navigation/navigation-menu/NavigationMenu.d.ts +9 -9
- package/navigation/navigation-menu/NavigationMenu.d.ts.map +1 -1
- package/navigation/navigation-menu/NavigationMenu.js +15 -15
- package/navigation/navigation-menu/navigation-menu.module.css +39 -53
- package/navigation/pagination/Pagination.js +1 -1
- package/navigation/pagination/pagination.module.css +24 -24
- package/navigation/sidebar-nav/SidebarNav.d.ts +71 -0
- package/navigation/sidebar-nav/SidebarNav.d.ts.map +1 -0
- package/navigation/sidebar-nav/SidebarNav.js +169 -0
- package/navigation/sidebar-nav/SidebarNav.js.map +1 -0
- package/navigation/sidebar-nav/index.d.ts +2 -0
- package/navigation/sidebar-nav/index.d.ts.map +1 -0
- package/navigation/sidebar-nav/index.js +2 -0
- package/navigation/sidebar-nav/index.js.map +1 -0
- package/navigation/sidebar-nav/sidebar-nav.module.css +270 -0
- package/navigation/table-of-contents/TableOfContents.d.ts +92 -0
- package/navigation/table-of-contents/TableOfContents.d.ts.map +1 -0
- package/navigation/table-of-contents/TableOfContents.js +211 -0
- package/navigation/table-of-contents/TableOfContents.js.map +1 -0
- package/navigation/table-of-contents/index.d.ts +3 -0
- package/navigation/table-of-contents/index.d.ts.map +1 -0
- package/navigation/table-of-contents/index.js +3 -0
- package/navigation/table-of-contents/index.js.map +1 -0
- package/navigation/table-of-contents/table-of-contents.module.css +322 -0
- package/navigation/table-of-contents/useActiveHeading.d.ts +37 -0
- package/navigation/table-of-contents/useActiveHeading.d.ts.map +1 -0
- package/navigation/table-of-contents/useActiveHeading.js +111 -0
- package/navigation/table-of-contents/useActiveHeading.js.map +1 -0
- package/navigation/tabs/Tabs.d.ts +2 -2
- package/navigation/tabs/Tabs.js +3 -3
- package/navigation/tabs/tabs.module.css +22 -19
- package/navigation/toolbar/Toolbar.d.ts +7 -1
- package/navigation/toolbar/Toolbar.d.ts.map +1 -1
- package/navigation/toolbar/Toolbar.js +3 -3
- package/navigation/toolbar/Toolbar.js.map +1 -1
- package/navigation/toolbar/toolbar.module.css +6 -6
- package/overlays/alert-dialog/AlertDialog.d.ts +14 -4
- package/overlays/alert-dialog/AlertDialog.d.ts.map +1 -1
- package/overlays/alert-dialog/AlertDialog.js +15 -5
- package/overlays/alert-dialog/AlertDialog.js.map +1 -1
- package/overlays/alert-dialog/alert-dialog.module.css +4 -4
- package/overlays/context-menu/ContextMenu.d.ts +1 -1
- package/overlays/context-menu/ContextMenu.js +1 -1
- package/overlays/dialog/Dialog.d.ts +26 -11
- package/overlays/dialog/Dialog.d.ts.map +1 -1
- package/overlays/dialog/Dialog.js +36 -17
- package/overlays/dialog/Dialog.js.map +1 -1
- package/overlays/dialog/dialog.module.css +32 -31
- package/overlays/dialog/morph.d.ts +17 -0
- package/overlays/dialog/morph.d.ts.map +1 -0
- package/overlays/dialog/morph.js +44 -0
- package/overlays/dialog/morph.js.map +1 -0
- package/overlays/menu/Menu.d.ts +18 -7
- package/overlays/menu/Menu.d.ts.map +1 -1
- package/overlays/menu/Menu.js +35 -12
- package/overlays/menu/Menu.js.map +1 -1
- package/overlays/menu/menu.module.css +26 -50
- package/overlays/menu/morph.d.ts +16 -0
- package/overlays/menu/morph.d.ts.map +1 -0
- package/overlays/menu/morph.js +36 -0
- package/overlays/menu/morph.js.map +1 -0
- package/overlays/menu/popup.d.ts +2 -0
- package/overlays/menu/popup.d.ts.map +1 -1
- package/overlays/menu/popup.js +11 -3
- package/overlays/menu/popup.js.map +1 -1
- package/overlays/menubar/Menubar.d.ts +10 -1
- package/overlays/menubar/Menubar.d.ts.map +1 -1
- package/overlays/menubar/Menubar.js +22 -12
- package/overlays/menubar/Menubar.js.map +1 -1
- package/overlays/menubar/menubar.module.css +13 -13
- package/overlays/popover/Popover.d.ts +22 -8
- package/overlays/popover/Popover.d.ts.map +1 -1
- package/overlays/popover/Popover.js +51 -16
- package/overlays/popover/Popover.js.map +1 -1
- package/overlays/popover/popover.module.css +73 -47
- package/overlays/preview-card/PreviewCard.d.ts +3 -3
- package/overlays/preview-card/PreviewCard.d.ts.map +1 -1
- package/overlays/preview-card/PreviewCard.js +5 -6
- package/overlays/preview-card/PreviewCard.js.map +1 -1
- package/overlays/preview-card/preview-card.module.css +19 -54
- package/overlays/search-dialog/SearchDialog.d.ts +89 -0
- package/overlays/search-dialog/SearchDialog.d.ts.map +1 -0
- package/overlays/search-dialog/SearchDialog.js +220 -0
- package/overlays/search-dialog/SearchDialog.js.map +1 -0
- package/overlays/search-dialog/SearchDialogPopup.d.ts +39 -0
- package/overlays/search-dialog/SearchDialogPopup.d.ts.map +1 -0
- package/overlays/search-dialog/SearchDialogPopup.js +80 -0
- package/overlays/search-dialog/SearchDialogPopup.js.map +1 -0
- package/overlays/search-dialog/SearchDialogTrigger.d.ts +24 -0
- package/overlays/search-dialog/SearchDialogTrigger.d.ts.map +1 -0
- package/overlays/search-dialog/SearchDialogTrigger.js +32 -0
- package/overlays/search-dialog/SearchDialogTrigger.js.map +1 -0
- package/overlays/search-dialog/index.d.ts +3 -0
- package/overlays/search-dialog/index.d.ts.map +1 -0
- package/overlays/search-dialog/index.js +3 -0
- package/overlays/search-dialog/index.js.map +1 -0
- package/overlays/search-dialog/search-dialog.module.css +492 -0
- package/overlays/search-dialog/useShortcutLabel.d.ts +13 -0
- package/overlays/search-dialog/useShortcutLabel.d.ts.map +1 -0
- package/overlays/search-dialog/useShortcutLabel.js +19 -0
- package/overlays/search-dialog/useShortcutLabel.js.map +1 -0
- package/overlays/search-dialog/variants.d.ts +25 -0
- package/overlays/search-dialog/variants.d.ts.map +1 -0
- package/overlays/search-dialog/variants.js +31 -0
- package/overlays/search-dialog/variants.js.map +1 -0
- package/overlays/tooltip/Tooltip.d.ts +3 -3
- package/overlays/tooltip/Tooltip.d.ts.map +1 -1
- package/overlays/tooltip/Tooltip.js +3 -3
- package/overlays/tooltip/Tooltip.js.map +1 -1
- package/overlays/tooltip/tooltip.module.css +2 -2
- package/package.json +27 -19
- package/page/announcement-bar/AnnouncementBar.d.ts +1 -1
- package/page/announcement-bar/AnnouncementBar.js +4 -4
- package/page/announcement-bar/AnnouncementBar.js.map +1 -1
- package/page/announcement-bar/announcement-bar.module.css +11 -17
- package/page/cta-block/CTABlock.d.ts +5 -5
- package/page/cta-block/CTABlock.d.ts.map +1 -1
- package/page/cta-block/CTABlock.js +2 -2
- package/page/cta-block/cta-block.module.css +26 -26
- package/page/docs-layout/DocsLayout.d.ts +83 -0
- package/page/docs-layout/DocsLayout.d.ts.map +1 -0
- package/page/docs-layout/DocsLayout.js +108 -0
- package/page/docs-layout/DocsLayout.js.map +1 -0
- package/page/docs-layout/docs-layout.module.css +266 -0
- package/page/docs-layout/index.d.ts +2 -0
- package/page/docs-layout/index.d.ts.map +1 -0
- package/page/docs-layout/index.js +2 -0
- package/page/docs-layout/index.js.map +1 -0
- package/page/footer/Footer.d.ts +1 -1
- package/page/footer/Footer.js +1 -1
- package/page/footer/footer.module.css +31 -31
- package/page/hero/Hero.d.ts +3 -3
- package/page/hero/Hero.d.ts.map +1 -1
- package/page/hero/Hero.js +1 -1
- package/page/hero/hero.module.css +36 -36
- package/page/marquee/Marquee.d.ts +2 -2
- package/page/marquee/Marquee.js +1 -1
- package/page/marquee/marquee.module.css +11 -11
- package/page/newsletter/Newsletter.d.ts.map +1 -1
- package/page/newsletter/Newsletter.js +4 -59
- package/page/newsletter/Newsletter.js.map +1 -1
- package/page/newsletter/newsletter.module.css +44 -22
- package/page/section-bar/SectionBar.d.ts +10 -3
- package/page/section-bar/SectionBar.d.ts.map +1 -1
- package/page/section-bar/SectionBar.js +21 -11
- package/page/section-bar/SectionBar.js.map +1 -1
- package/page/section-bar/section-bar.module.css +43 -46
- package/page/section-divider/SectionDivider.d.ts +2 -2
- package/page/section-divider/SectionDivider.js +4 -4
- package/page/section-divider/SectionDivider.js.map +1 -1
- package/page/section-divider/section-divider.module.css +18 -18
- package/page/section-header/SectionHeader.d.ts +7 -7
- package/page/section-header/SectionHeader.d.ts.map +1 -1
- package/page/section-header/SectionHeader.js +3 -3
- package/page/section-header/SectionHeader.js.map +1 -1
- package/page/section-header/section-header.module.css +16 -16
- package/utils/Ornament.d.ts +1 -1
- package/utils/Ornament.js +2 -2
- package/utils/assignRef.d.ts +7 -1
- package/utils/assignRef.d.ts.map +1 -1
- package/utils/assignRef.js +18 -0
- package/utils/assignRef.js.map +1 -1
- package/utils/docs/DemoTitle.d.ts +12 -0
- package/utils/docs/DemoTitle.d.ts.map +1 -0
- package/utils/docs/DemoTitle.js +11 -0
- package/utils/docs/DemoTitle.js.map +1 -0
- package/utils/docs/Pre.d.ts +39 -0
- package/utils/docs/Pre.d.ts.map +1 -0
- package/utils/docs/Pre.js +26 -0
- package/utils/docs/Pre.js.map +1 -0
- package/utils/docs/createDemo.d.ts +89 -0
- package/utils/docs/createDemo.d.ts.map +1 -0
- package/utils/docs/createDemo.js +51 -0
- package/utils/docs/createDemo.js.map +1 -0
- package/utils/docs/createMdxComponents.d.ts +52 -0
- package/utils/docs/createMdxComponents.d.ts.map +1 -0
- package/utils/docs/createMdxComponents.js +59 -0
- package/utils/docs/createMdxComponents.js.map +1 -0
- package/utils/docs/createTypes.d.ts +23 -0
- package/utils/docs/createTypes.d.ts.map +1 -0
- package/utils/docs/createTypes.js +27 -0
- package/utils/docs/createTypes.js.map +1 -0
- package/utils/docs/index.d.ts +8 -0
- package/utils/docs/index.d.ts.map +1 -0
- package/utils/docs/index.js +16 -0
- package/utils/docs/index.js.map +1 -0
- package/utils/docs/mdx.module.css +201 -0
- package/utils/docs/serverSourceEnhancers.d.ts +26 -0
- package/utils/docs/serverSourceEnhancers.d.ts.map +1 -0
- package/utils/docs/serverSourceEnhancers.js +32 -0
- package/utils/docs/serverSourceEnhancers.js.map +1 -0
- package/utils/docs/toSidebarItems.d.ts +23 -0
- package/utils/docs/toSidebarItems.d.ts.map +1 -0
- package/utils/docs/toSidebarItems.js +36 -0
- package/utils/docs/toSidebarItems.js.map +1 -0
- package/utils/font-fallbacks.css +176 -0
- package/utils/fonts.d.ts +1 -0
- package/utils/fonts.d.ts.map +1 -1
- package/utils/fonts.js +12 -0
- package/utils/fonts.js.map +1 -1
- package/utils/frame.d.ts +4 -0
- package/utils/frame.d.ts.map +1 -0
- package/utils/frame.js +11 -0
- package/utils/frame.js.map +1 -0
- package/utils/global.css +480 -266
- package/utils/line.module.css +17 -17
- package/utils/media.css +1 -1
- package/utils/ornament.module.css +19 -19
- package/utils/overlay.d.ts +4 -4
- package/utils/overlay.js +4 -4
- package/utils/pattern.module.css +45 -45
- package/utils/print.css +48 -34
- package/utils/reset.css +9 -2
- package/utils/roles.css +29 -29
- package/utils/seriesPatterns.js +3 -3
- package/utils/syntax.module.css +92 -0
- package/utils/theme.css +6 -6
- package/utils/tokens.css +262 -192
- package/utils/tokens.d.ts +51 -8
- package/utils/tokens.d.ts.map +1 -1
- package/utils/tokens.js +46 -9
- package/utils/tokens.js.map +1 -1
- package/utils/type.module.css +87 -87
- package/utils/useReleaseMark.d.ts +13 -0
- package/utils/useReleaseMark.d.ts.map +1 -0
- package/utils/useReleaseMark.js +44 -0
- package/utils/useReleaseMark.js.map +1 -0
- package/utils/view-transitions.css +122 -0
|
@@ -86,12 +86,12 @@
|
|
|
86
86
|
min-inline-size: 0;
|
|
87
87
|
margin: 0;
|
|
88
88
|
padding-block: 0;
|
|
89
|
-
padding-inline: var(--
|
|
89
|
+
padding-inline: var(--size-px-2-5);
|
|
90
90
|
border: 0;
|
|
91
91
|
border-radius: 0;
|
|
92
92
|
background: none;
|
|
93
93
|
color: inherit;
|
|
94
|
-
font-variant-numeric: var(--
|
|
94
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
95
95
|
text-align: center;
|
|
96
96
|
appearance: none;
|
|
97
97
|
}
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
/*
|
|
111
111
|
* With a unit, the value meets the unit, so "12 kg" and "$ 50" read as
|
|
112
112
|
* one run: only the side that meets the unit loses its padding; the side
|
|
113
|
-
* facing the box edge or a step cell keeps the --
|
|
113
|
+
* facing the box edge or a step cell keeps the --size-px-2-5 inset (§10.1).
|
|
114
114
|
*/
|
|
115
115
|
.affix + .input {
|
|
116
116
|
padding-inline-start: 0;
|
|
@@ -123,11 +123,11 @@
|
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.input + .affix {
|
|
126
|
-
padding-inline-end: var(--
|
|
126
|
+
padding-inline-end: var(--size-px-2-5);
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.affix:has(+ .input) {
|
|
130
|
-
padding-inline-start: var(--
|
|
130
|
+
padding-inline-start: var(--size-px-2-5);
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
/* Step cells: --size-px-8 squares joined to the input; glyphs remove / add, inline tier [D166]. */
|
|
@@ -151,10 +151,10 @@
|
|
|
151
151
|
.edge {
|
|
152
152
|
display: none;
|
|
153
153
|
position: absolute;
|
|
154
|
-
inset-block-start: calc(var(--
|
|
155
|
-
inset-inline-start: calc(var(--
|
|
156
|
-
inline-size: calc(100% - var(--
|
|
157
|
-
block-size: calc(100% - var(--
|
|
154
|
+
inset-block-start: calc(var(--fgd-dot-fine) / 2);
|
|
155
|
+
inset-inline-start: calc(var(--fgd-dot-fine) / 2);
|
|
156
|
+
inline-size: calc(100% - var(--fgd-dot-fine));
|
|
157
|
+
block-size: calc(100% - var(--fgd-dot-fine));
|
|
158
158
|
overflow: visible;
|
|
159
159
|
pointer-events: none;
|
|
160
160
|
}
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
.edgeLine {
|
|
163
163
|
fill: none;
|
|
164
164
|
stroke: var(--role-disabled-edge);
|
|
165
|
-
rx: calc(var(--number-field-radius) - var(--
|
|
165
|
+
rx: calc(var(--number-field-radius) - var(--fgd-dot-fine) / 2);
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
/* A step cell's dotted divider (or, on the readout, its dotted circle). */
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
display: none;
|
|
171
171
|
position: absolute;
|
|
172
172
|
inset-block: 0;
|
|
173
|
-
inline-size: var(--
|
|
173
|
+
inline-size: var(--fgd-dot-fine);
|
|
174
174
|
block-size: 100%;
|
|
175
175
|
overflow: visible;
|
|
176
176
|
pointer-events: none;
|
|
@@ -201,8 +201,9 @@
|
|
|
201
201
|
.group,
|
|
202
202
|
.decrement,
|
|
203
203
|
.increment {
|
|
204
|
-
|
|
205
|
-
transition-
|
|
204
|
+
/* Edges fade; a stepper's press is the inverse pair from none, which steps at once [D205]. */
|
|
205
|
+
transition-property: border-color;
|
|
206
|
+
transition-duration: var(--fgd-duration-quick);
|
|
206
207
|
transition-timing-function: var(--ease-out-3);
|
|
207
208
|
}
|
|
208
209
|
}
|
|
@@ -233,7 +234,7 @@
|
|
|
233
234
|
|
|
234
235
|
/*
|
|
235
236
|
* Amount: no steppers; the value in type-itemhead with lining tabular
|
|
236
|
-
* figures, from the start (after the box's --
|
|
237
|
+
* figures, from the start (after the box's --size-px-2-5 inset), or
|
|
237
238
|
* against its suffix.
|
|
238
239
|
*/
|
|
239
240
|
.amount .input:not(:has(+ .affix)) {
|
|
@@ -277,8 +278,8 @@
|
|
|
277
278
|
.readout .increment {
|
|
278
279
|
--number-field-cell-edge: var(--border-size-2);
|
|
279
280
|
|
|
280
|
-
inline-size: var(--
|
|
281
|
-
block-size: var(--
|
|
281
|
+
inline-size: var(--fgd-size-control-md);
|
|
282
|
+
block-size: var(--fgd-size-control-md);
|
|
282
283
|
border: var(--number-field-cell-edge) solid var(--primary12);
|
|
283
284
|
border-radius: var(--radius-round);
|
|
284
285
|
}
|
|
@@ -291,22 +292,22 @@
|
|
|
291
292
|
grid-area: increment;
|
|
292
293
|
}
|
|
293
294
|
|
|
294
|
-
/* Every readout target reaches --
|
|
295
|
+
/* Every readout target reaches --fgd-size-hit [D43]. */
|
|
295
296
|
.readout .decrement::after,
|
|
296
297
|
.readout .increment::after {
|
|
297
298
|
content: '';
|
|
298
299
|
position: absolute;
|
|
299
300
|
inset-block-start: 50%;
|
|
300
301
|
inset-inline-start: 50%;
|
|
301
|
-
inline-size: var(--
|
|
302
|
-
block-size: var(--
|
|
302
|
+
inline-size: var(--fgd-size-hit);
|
|
303
|
+
block-size: var(--fgd-size-hit);
|
|
303
304
|
translate: -50% -50%;
|
|
304
305
|
}
|
|
305
306
|
|
|
306
307
|
.readout .cellEdge {
|
|
307
|
-
inset: calc(var(--
|
|
308
|
-
inline-size: calc(100% - var(--
|
|
309
|
-
block-size: calc(100% - var(--
|
|
308
|
+
inset: calc(var(--fgd-dot-fine) / 2);
|
|
309
|
+
inline-size: calc(100% - var(--fgd-dot-fine));
|
|
310
|
+
block-size: calc(100% - var(--fgd-dot-fine));
|
|
310
311
|
}
|
|
311
312
|
|
|
312
313
|
/* Stack guard: below --xs-n-below the readout buttons stack under the value [D73]. */
|
|
@@ -417,7 +418,7 @@
|
|
|
417
418
|
/* Read-only: the box is removed, a --border-size-1 bottom rule remains; steppers leave. */
|
|
418
419
|
.group[data-readonly] {
|
|
419
420
|
border-width: 0 0 var(--border-size-1);
|
|
420
|
-
border-radius: var(--
|
|
421
|
+
border-radius: var(--radius-0);
|
|
421
422
|
background: none;
|
|
422
423
|
}
|
|
423
424
|
|
package/forms/radio/Radio.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { Radio as BaseRadio } from '@base-ui/react/radio';
|
|
3
3
|
import { type VariantProps } from 'class-variance-authority';
|
|
4
4
|
export declare const radio: (props?: ({
|
|
5
|
-
kind?: "standard" | "
|
|
5
|
+
kind?: "standard" | "swatch" | "pill" | null | undefined;
|
|
6
6
|
primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
|
|
7
7
|
secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/forms/radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA4CjE,eAAO,MAAM,KAAK;;;;8EAchB,CAAA;AAEF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAA;AAE/C,+CAA+C;AAC/C,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;AAE1D,uFAAuF;AACvF,eAAO,MAAM,gBAAgB,sCAAwD,CAAA;AAGrF;;;GAGG;AACH,MAAM,MAAM,UAAU,CAAC,KAAK,GAAG,OAAO,IAAI,IAAI,CAC5C,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAC3B,WAAW,GAAG,UAAU,CACzB,GAAG;IACF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAUD;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/forms/radio/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA4CjE,eAAO,MAAM,KAAK;;;;8EAchB,CAAA;AAEF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAA;AAE/C,+CAA+C;AAC/C,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;AAE1D,uFAAuF;AACvF,eAAO,MAAM,gBAAgB,sCAAwD,CAAA;AAGrF;;;GAGG;AACH,MAAM,MAAM,UAAU,CAAC,KAAK,GAAG,OAAO,IAAI,IAAI,CAC5C,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAC3B,WAAW,GAAG,UAAU,CACzB,GAAG;IACF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAUD;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,qBAqDpD;AAED,oCAAoC;AACpC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAMtD,eAAO,MAAM,aAAa;;;8EAKxB,CAAA;AAEF,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAO/D,sFAAsF;AACtF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;IACpF,mEAAmE;IACnE,MAAM,EAAE,mBAAmB,CAAA;IAC3B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAC1C,kFAAkF;IAClF,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IAC9C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkBtD"}
|
package/forms/radio/Radio.js
CHANGED
|
@@ -23,9 +23,9 @@ import styles from './radio.module.css';
|
|
|
23
23
|
* --role-select aliases, never the danger scale. RadioFeedback computes
|
|
24
24
|
* its secondary from its status (success green, danger red).
|
|
25
25
|
* - States: data-checked → --role-select fill, --role-select-mark ●,
|
|
26
|
-
* circle edge --
|
|
26
|
+
* circle edge --border-size-2-25 --role-select-edge; pill fill --role-select
|
|
27
27
|
* with a --border-size-2 --role-select-edge edge and a leading ● (read
|
|
28
|
-
* through :has()); swatch ring --
|
|
28
|
+
* through :has()); swatch ring --border-size-2-25 outside a --size-px-1 gap
|
|
29
29
|
* plus the mark; :hover (not disabled, not read-only) [D181] → an
|
|
30
30
|
* unchecked circle's fill --role-soft-hover (--primary3 where soft fills
|
|
31
31
|
* apply), a checked circle's or pill's fill --role-select-hover, edges
|
|
@@ -78,7 +78,9 @@ export function Radio(props) {
|
|
|
78
78
|
const isPill = resolvedKind === 'pill';
|
|
79
79
|
return (React.createElement("label", { ...scope, className: radio({ kind: resolvedKind, primary, secondary, className }) },
|
|
80
80
|
React.createElement(BaseRadio.Root, { ...rest, className: styles.circle },
|
|
81
|
-
isSwatch ? (React.createElement("span", { className: styles.swatch,
|
|
81
|
+
isSwatch ? (React.createElement("span", { className: styles.swatch,
|
|
82
|
+
// Content, as a custom property only; the module maps it to `background`.
|
|
83
|
+
style: swatch ? { '--radio-swatch': swatch } : undefined, "aria-hidden": "true" })) : null,
|
|
82
84
|
React.createElement(BaseRadio.Indicator, { className: styles.indicator }, isSwatch ? (React.createElement(Ground, { kind: "face", preset: overlayScope.ground, render: React.createElement("span", null), className: styles.swatchMark })) : null),
|
|
83
85
|
isPill ? null : React.createElement(DisabledEdge, null)),
|
|
84
86
|
children == null ? null : React.createElement("span", { className: styles.label }, children),
|
package/forms/radio/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/forms/radio/Radio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEnE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACpC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,MAAM,EAAE,MAAM,CAAC,UAAU;SAC1B;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;KACjB;CACF,CAAC,CAAA;AAOF,uFAAuF;AACvF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAwB,SAAS,CAAC,CAAA;AACrF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AA0CjD,SAAS,YAAY;IACnB,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBAAc,MAAM,EAAC,SAAS,EAAC,OAAO;QAC/D,8BAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC3D,CACP,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAQ,KAAwB;IACnD,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IACpD,MAAM,YAAY,GAAc,IAAI,IAAI,SAAS,IAAI,UAAU,CAAA;IAC/D,MAAM,QAAQ,GAAG,YAAY,KAAK,QAAQ,CAAA;IAC1C,MAAM,MAAM,GAAG,YAAY,KAAK,MAAM,CAAA;IAEtC,OAAO,CACL,kCACM,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;QAEvE,oBAAC,SAAS,CAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM;YAC/C,QAAQ,CAAC,CAAC,CAAC,CACV,8BACE,SAAS,EAAE,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/forms/radio/Radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,8 +8,10 @@
|
|
|
8
8
|
* a --primary12 dot), edge / edgeLine (the disabled `line-dotted-fine` edge
|
|
9
9
|
* in SVG [D36, D68]), feedback, feedbackGlyph, feedbackWord.
|
|
10
10
|
*
|
|
11
|
-
* Colors are role variables only; the swatch disc's color is content
|
|
12
|
-
*
|
|
11
|
+
* Colors are role variables only; the swatch disc's color is content: the
|
|
12
|
+
* component writes the `swatch` prop inline as --radio-swatch (the one
|
|
13
|
+
* local property that holds content, never a role color), and `.swatch`
|
|
14
|
+
* maps it to `background` (§1.11.1). Local custom properties carry dimensions:
|
|
13
15
|
* --radio-edge circle edge width (2 → 3 px checked)
|
|
14
16
|
* --radio-pill-edge option pill edge width (1 → 2 px checked)
|
|
15
17
|
* --radio-swatch-ring swatch ring width (1 px)
|
|
@@ -42,7 +44,7 @@
|
|
|
42
44
|
align-items: start;
|
|
43
45
|
align-content: center;
|
|
44
46
|
box-sizing: border-box;
|
|
45
|
-
min-block-size: var(--
|
|
47
|
+
min-block-size: var(--fgd-size-hit);
|
|
46
48
|
min-inline-size: 0;
|
|
47
49
|
color: var(--primary12);
|
|
48
50
|
}
|
|
@@ -60,7 +62,7 @@
|
|
|
60
62
|
inline-size: var(--size-px-4);
|
|
61
63
|
block-size: var(--size-px-4);
|
|
62
64
|
margin-block: calc((1lh - var(--size-px-4)) / 2) 0;
|
|
63
|
-
margin-inline: 0 var(--
|
|
65
|
+
margin-inline: 0 var(--size-px-2-5);
|
|
64
66
|
border: var(--radio-edge) solid var(--primary12);
|
|
65
67
|
border-radius: var(--radius-round);
|
|
66
68
|
background: none;
|
|
@@ -93,10 +95,10 @@
|
|
|
93
95
|
.edge {
|
|
94
96
|
display: none;
|
|
95
97
|
position: absolute;
|
|
96
|
-
inset-block-start: calc(var(--
|
|
97
|
-
inset-inline-start: calc(var(--
|
|
98
|
-
inline-size: calc(100% - var(--
|
|
99
|
-
block-size: calc(100% - var(--
|
|
98
|
+
inset-block-start: calc(var(--fgd-dot-fine) / 2);
|
|
99
|
+
inset-inline-start: calc(var(--fgd-dot-fine) / 2);
|
|
100
|
+
inline-size: calc(100% - var(--fgd-dot-fine));
|
|
101
|
+
block-size: calc(100% - var(--fgd-dot-fine));
|
|
100
102
|
overflow: visible;
|
|
101
103
|
pointer-events: none;
|
|
102
104
|
}
|
|
@@ -104,7 +106,7 @@
|
|
|
104
106
|
.edgeLine {
|
|
105
107
|
fill: none;
|
|
106
108
|
stroke: var(--role-disabled-edge);
|
|
107
|
-
rx: calc(var(--radio-edge-radius) - var(--
|
|
109
|
+
rx: calc(var(--radio-edge-radius) - var(--fgd-dot-fine) / 2);
|
|
108
110
|
}
|
|
109
111
|
|
|
110
112
|
/* The swatch disc: --size-px-7, ringed in --border-size-1 --primary12. Its color is content. */
|
|
@@ -117,6 +119,8 @@
|
|
|
117
119
|
block-size: var(--size-px-7);
|
|
118
120
|
border: var(--radio-swatch-ring) solid var(--primary12);
|
|
119
121
|
border-radius: var(--radius-round);
|
|
122
|
+
/* The `swatch` prop, written inline as --radio-swatch; unset, no background. */
|
|
123
|
+
background: var(--radio-swatch);
|
|
120
124
|
}
|
|
121
125
|
|
|
122
126
|
/*
|
|
@@ -159,7 +163,7 @@
|
|
|
159
163
|
color: var(--role-status);
|
|
160
164
|
fill: var(--role-status-fill);
|
|
161
165
|
stroke: var(--role-status-fill);
|
|
162
|
-
stroke-width: var(--
|
|
166
|
+
stroke-width: var(--border-size-1-5);
|
|
163
167
|
stroke-linecap: round;
|
|
164
168
|
stroke-linejoin: round;
|
|
165
169
|
}
|
|
@@ -197,21 +201,25 @@
|
|
|
197
201
|
}
|
|
198
202
|
}
|
|
199
203
|
|
|
200
|
-
/*
|
|
204
|
+
/*
|
|
205
|
+
* Hover transitions [D181]: --fgd-duration-quick, --ease-out-3, for edges
|
|
206
|
+
* and underlines. The circle's and the pill's fills rest at none, so their
|
|
207
|
+
* hover and checked fills step at once [D205].
|
|
208
|
+
*/
|
|
201
209
|
@media (prefers-reduced-motion: no-preference) {
|
|
202
210
|
.circle,
|
|
203
211
|
.base,
|
|
204
212
|
.swatch,
|
|
205
213
|
.label {
|
|
206
|
-
transition-property: border-color,
|
|
207
|
-
transition-duration: var(--
|
|
214
|
+
transition-property: border-color, text-decoration-color;
|
|
215
|
+
transition-duration: var(--fgd-duration-quick);
|
|
208
216
|
transition-timing-function: var(--ease-out-3);
|
|
209
217
|
}
|
|
210
218
|
}
|
|
211
219
|
}
|
|
212
220
|
|
|
213
221
|
@layer variants {
|
|
214
|
-
/* Standard: circle, then label, description and feedback; --
|
|
222
|
+
/* Standard: circle, then label, description and feedback; --size-px-2-5 gap. */
|
|
215
223
|
.standard {
|
|
216
224
|
grid-template-columns: auto minmax(0, 1fr);
|
|
217
225
|
grid-template-areas:
|
|
@@ -254,11 +262,11 @@
|
|
|
254
262
|
|
|
255
263
|
.pill .feedback {
|
|
256
264
|
margin-block-start: 0;
|
|
257
|
-
margin-inline-start: var(--
|
|
265
|
+
margin-inline-start: var(--size-px-2-5);
|
|
258
266
|
}
|
|
259
267
|
|
|
260
268
|
/*
|
|
261
|
-
* Swatch: the circle becomes the --
|
|
269
|
+
* Swatch: the circle becomes the --fgd-size-hit target holding the disc
|
|
262
270
|
* and the mark; the name is the accessible label, shown in print.
|
|
263
271
|
*/
|
|
264
272
|
.kindSwatch {
|
|
@@ -271,8 +279,8 @@
|
|
|
271
279
|
.kindSwatch .circle {
|
|
272
280
|
--radio-edge-radius: calc(var(--size-px-7) / 2);
|
|
273
281
|
|
|
274
|
-
inline-size: var(--
|
|
275
|
-
block-size: var(--
|
|
282
|
+
inline-size: var(--fgd-size-hit);
|
|
283
|
+
block-size: var(--fgd-size-hit);
|
|
276
284
|
margin: 0;
|
|
277
285
|
border-style: none;
|
|
278
286
|
}
|
|
@@ -286,10 +294,10 @@
|
|
|
286
294
|
|
|
287
295
|
/* The disabled dotted ring follows the disc, not the hit area. */
|
|
288
296
|
.kindSwatch .edge {
|
|
289
|
-
inset-block-start: calc((var(--
|
|
290
|
-
inset-inline-start: calc((var(--
|
|
291
|
-
inline-size: calc(var(--size-px-7) - var(--
|
|
292
|
-
block-size: calc(var(--size-px-7) - var(--
|
|
297
|
+
inset-block-start: calc((var(--fgd-size-hit) - var(--size-px-7) + var(--fgd-dot-fine)) / 2);
|
|
298
|
+
inset-inline-start: calc((var(--fgd-size-hit) - var(--size-px-7) + var(--fgd-dot-fine)) / 2);
|
|
299
|
+
inline-size: calc(var(--size-px-7) - var(--fgd-dot-fine));
|
|
300
|
+
block-size: calc(var(--size-px-7) - var(--fgd-dot-fine));
|
|
293
301
|
}
|
|
294
302
|
|
|
295
303
|
.kindSwatch .label {
|
|
@@ -311,9 +319,9 @@
|
|
|
311
319
|
}
|
|
312
320
|
|
|
313
321
|
@layer states {
|
|
314
|
-
/* Checked: --role-select fill, --role-select-mark ●, --
|
|
322
|
+
/* Checked: --role-select fill, --role-select-mark ●, --border-size-2-25 --role-select-edge (§10.1). */
|
|
315
323
|
.standard .circle[data-checked] {
|
|
316
|
-
--radio-edge: var(--
|
|
324
|
+
--radio-edge: var(--border-size-2-25);
|
|
317
325
|
|
|
318
326
|
border-color: var(--role-select-edge);
|
|
319
327
|
background-color: var(--role-select);
|
|
@@ -331,9 +339,9 @@
|
|
|
331
339
|
color: var(--role-select-mark);
|
|
332
340
|
}
|
|
333
341
|
|
|
334
|
-
/* The chosen swatch: a --
|
|
342
|
+
/* The chosen swatch: a --border-size-2-25 --primary12 ring outside a --size-px-1 ground gap. */
|
|
335
343
|
.circle[data-checked] > .swatch {
|
|
336
|
-
outline: var(--
|
|
344
|
+
outline: var(--border-size-2-25) solid var(--primary12);
|
|
337
345
|
outline-offset: var(--size-px-1);
|
|
338
346
|
}
|
|
339
347
|
|
|
@@ -366,8 +374,8 @@
|
|
|
366
374
|
|
|
367
375
|
/* Focus: 2 px --primary12 ring at a 2 px offset, keyboard only [D45]; on the pill for pills. */
|
|
368
376
|
.circle:focus-visible {
|
|
369
|
-
outline: var(--
|
|
370
|
-
outline-offset: var(--
|
|
377
|
+
outline: var(--fgd-focus-width) solid var(--primary12);
|
|
378
|
+
outline-offset: var(--fgd-focus-offset);
|
|
371
379
|
}
|
|
372
380
|
|
|
373
381
|
.pill .circle:focus-visible {
|
|
@@ -375,8 +383,8 @@
|
|
|
375
383
|
}
|
|
376
384
|
|
|
377
385
|
.pill:has(.circle:focus-visible) {
|
|
378
|
-
outline: var(--
|
|
379
|
-
outline-offset: var(--
|
|
386
|
+
outline: var(--fgd-focus-width) solid var(--primary12);
|
|
387
|
+
outline-offset: var(--fgd-focus-offset);
|
|
380
388
|
}
|
|
381
389
|
|
|
382
390
|
/*
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
|
|
3
3
|
import { type VariantProps } from 'class-variance-authority';
|
|
4
4
|
export declare const radioGroup: (props?: ({
|
|
5
|
-
kind?: "standard" | "
|
|
5
|
+
kind?: "standard" | "swatch" | "pill" | null | undefined;
|
|
6
6
|
primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
|
|
7
7
|
secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
container: radio-group / inline-size;
|
|
12
12
|
display: flex;
|
|
13
13
|
flex-wrap: wrap;
|
|
14
|
-
gap: var(--
|
|
14
|
+
gap: var(--size-px-2-5);
|
|
15
15
|
min-inline-size: 0;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
|
|
29
29
|
/* Option pills always stack: they are answers to read. */
|
|
30
30
|
.pill {
|
|
31
|
-
gap: var(--
|
|
31
|
+
gap: var(--size-px-2-5);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
/* Swatches wrap at --
|
|
34
|
+
/* Swatches wrap at --fgd-size-hit targets, --size-px-2-5 apart (5 per row at 320 px [D73]). */
|
|
35
35
|
.kindSwatch > * {
|
|
36
36
|
flex: 0 0 auto;
|
|
37
37
|
}
|
package/forms/search/Search.d.ts
CHANGED
|
@@ -79,6 +79,16 @@ interface SearchFieldProps {
|
|
|
79
79
|
primary?: SearchVariants['primary'];
|
|
80
80
|
/** Secondary Radix scale: accepted; the submit takes the scope's action scale. */
|
|
81
81
|
secondary?: SearchVariants['secondary'];
|
|
82
|
+
/**
|
|
83
|
+
* The outline morph: the field's focus ring grows into the suggestions'
|
|
84
|
+
* frame as they open and shrinks back onto the ring as they close. Opens
|
|
85
|
+
* you ask for (the arrow keys) and the first open after focus arrives
|
|
86
|
+
* morph; later opens and closes caused by typing are instant.
|
|
87
|
+
* Instant under reduced motion; off in forced colors and print, and
|
|
88
|
+
* wherever `--fgd-outline-morph: none` applies. Default `true`; `false`
|
|
89
|
+
* opens and closes the popup at once.
|
|
90
|
+
*/
|
|
91
|
+
morph?: boolean;
|
|
82
92
|
}
|
|
83
93
|
interface SearchTriggerProps {
|
|
84
94
|
/** The trigger's accessible name ("Search"). */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/forms/search/Search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/forms/search/Search.tsx"],"names":[],"mappings":"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"}
|
package/forms/search/Search.js
CHANGED
|
@@ -5,6 +5,8 @@ import { cva } from 'class-variance-authority';
|
|
|
5
5
|
import { Button } from '../../actions/button';
|
|
6
6
|
import { Field, FieldLabel } from '../field';
|
|
7
7
|
import { Icon } from '../../foundations/icon';
|
|
8
|
+
import { OutlineMorphFrame } from '../../foundations/outline-morph';
|
|
9
|
+
import { useOutlineMorphRoot, useTypingMorphPolicy, } from '../../foundations/outline-morph/useOutlineMorphRoot';
|
|
8
10
|
import { input, inputParts } from '../input';
|
|
9
11
|
import { Link } from '../../actions/link';
|
|
10
12
|
import { highlightMatch } from '../../utils/highlightMatch';
|
|
@@ -32,13 +34,19 @@ import styles from './search.module.css';
|
|
|
32
34
|
* (around field and submit together when butted); `data-popup-open` →
|
|
33
35
|
* `aria-expanded`, popup shown; `data-highlighted` on `item` → --primary4
|
|
34
36
|
* plus the start bar [D145]; `data-disabled` → per §10.1; popup
|
|
35
|
-
*
|
|
37
|
+
* the outline morph or nothing: it opens and closes at once [D205].
|
|
36
38
|
* - Parts: base (the landmark), magnifier, rules, popup, group,
|
|
37
39
|
* groupLabel, item, itemIcon, match, secondaryName, seeAll, status, bar.
|
|
38
40
|
* - Scope: the popup renders in its Base UI Portal and declares a `white`
|
|
39
41
|
* page scope; edge --border-size-2 --primary12 [D148, D156].
|
|
40
42
|
* - Container: none; the docked bar is page frame, and the butted submit
|
|
41
43
|
* follows the Input's row (§5.10.2).
|
|
44
|
+
* - Outline morph [D204]: on by default for the field kinds (`morph={false}`
|
|
45
|
+
* opts out). The field's ring (drawn on any focus, around the butted
|
|
46
|
+
* submit too) grows into the popup's frame and back onto it
|
|
47
|
+
* (foundations/outline-morph, ring `focus-within`), with Autocomplete's
|
|
48
|
+
* typing policy; the popup answers `data-outline-morph`, and without
|
|
49
|
+
* the morph it opens and closes at once [D205]. No field style changes.
|
|
42
50
|
*/
|
|
43
51
|
export const search = cva(styles.base, {
|
|
44
52
|
variants: {
|
|
@@ -71,9 +79,19 @@ export function Search(props) {
|
|
|
71
79
|
return React.createElement(SearchField, { ...props });
|
|
72
80
|
}
|
|
73
81
|
function SearchField(props) {
|
|
74
|
-
const { kind, label, labelVisible = false, placeholder = 'Search…', value, defaultValue, onValueChange, onSubmit, action, name = 'q', items, filter, status, loading = false, emptyText = (query) => `No results for '${query}'`, seeAllHref, seeAllText = (query) => `See all results for '${query}'`, submitLabel = 'Search', submitLabelled = false, hideSubmit = false, submitOnItemClick, disabled, className, primary, secondary, } = props;
|
|
82
|
+
const { kind, label, labelVisible = false, placeholder = 'Search…', value, defaultValue, onValueChange, onSubmit, action, name = 'q', items, filter, status, loading = false, emptyText = (query) => `No results for '${query}'`, seeAllHref, seeAllText = (query) => `See all results for '${query}'`, submitLabel = 'Search', submitLabelled = false, hideSubmit = false, submitOnItemClick, disabled, className, primary, secondary, morph = true, } = props;
|
|
75
83
|
const scope = useScopeAttributes();
|
|
76
84
|
const ruled = kind === 'ruled';
|
|
85
|
+
// The outline morph follows the suggestions' open state, with the typing policy [D204].
|
|
86
|
+
const typing = useTypingMorphPolicy();
|
|
87
|
+
const outline = useOutlineMorphRoot({
|
|
88
|
+
open: undefined,
|
|
89
|
+
defaultOpen: undefined,
|
|
90
|
+
onOpenChange: undefined,
|
|
91
|
+
morph,
|
|
92
|
+
ring: 'focus-within',
|
|
93
|
+
instant: typing.instant,
|
|
94
|
+
});
|
|
77
95
|
const showSubmit = !ruled && !hideSubmit;
|
|
78
96
|
const [innerQuery, setInnerQuery] = React.useState(defaultValue ?? '');
|
|
79
97
|
const query = value !== undefined ? value : innerQuery;
|
|
@@ -95,8 +113,8 @@ function SearchField(props) {
|
|
|
95
113
|
React.createElement(BaseAutocomplete.Root, { items: items, filter: filter, value: value, defaultValue: defaultValue, onValueChange: (next) => {
|
|
96
114
|
setInnerQuery(next);
|
|
97
115
|
onValueChange?.(next);
|
|
98
|
-
}, itemToStringValue: (suggestion) => suggestion.value, submitOnItemClick: submitOnItemClick, disabled: disabled, name: name },
|
|
99
|
-
React.createElement(BaseAutocomplete.InputGroup, { ...scope, className: boxClassName },
|
|
116
|
+
}, itemToStringValue: (suggestion) => suggestion.value, submitOnItemClick: submitOnItemClick, disabled: disabled, name: name, onOpenChange: outline.onOpenChange },
|
|
117
|
+
React.createElement(BaseAutocomplete.InputGroup, { ...scope, ref: outline.refs?.sourceRef, onFocus: typing.onFocus, className: boxClassName },
|
|
100
118
|
ruled ? (React.createElement("svg", { className: styles.rulesEdge, "aria-hidden": "true", focusable: "false" },
|
|
101
119
|
React.createElement("line", { className: styles.rulesEdgeLine, x1: "0", y1: "0.5", x2: "100%", y2: "0.5" }),
|
|
102
120
|
React.createElement("line", { className: styles.rulesEdgeLine, x1: "0", y1: "100%", x2: "100%", y2: "100%", transform: "translate(0 -0.5)" }))) : null,
|
|
@@ -110,7 +128,7 @@ function SearchField(props) {
|
|
|
110
128
|
React.createElement("rect", { className: inputParts.edgeLine, width: "100%", height: "100%" })))),
|
|
111
129
|
React.createElement(BaseAutocomplete.Portal, null,
|
|
112
130
|
React.createElement(BaseAutocomplete.Positioner, { className: styles.positioner, sideOffset: 8, align: "start", collisionPadding: 16 },
|
|
113
|
-
React.createElement(BaseAutocomplete.Popup, { ...overlayAttributes, className: [styles.popup, overlayScaleClassName].join(' ') },
|
|
131
|
+
React.createElement(BaseAutocomplete.Popup, { ref: outline.refs?.targetRef, ...overlayAttributes, className: [styles.popup, overlayScaleClassName].join(' ') },
|
|
114
132
|
React.createElement(OverlayScope, null,
|
|
115
133
|
React.createElement(BaseAutocomplete.Status, { className: styles.status }, loading ? 'Searching…' : status),
|
|
116
134
|
React.createElement(BaseAutocomplete.Empty, { className: styles.status }, loading || trimmed === '' ? null : emptyText(trimmed)),
|
|
@@ -120,7 +138,8 @@ function SearchField(props) {
|
|
|
120
138
|
React.createElement(BaseAutocomplete.Collection, null, (suggestion) => renderRow(suggestion)))))
|
|
121
139
|
: (suggestion) => renderRow(suggestion)),
|
|
122
140
|
seeAllHref && trimmed !== '' ? (React.createElement("div", { className: styles.seeAll },
|
|
123
|
-
React.createElement(Link, { kind: "standalone", href: seeAllHref(trimmed) }, seeAllText(trimmed)))) : null))
|
|
141
|
+
React.createElement(Link, { kind: "standalone", href: seeAllHref(trimmed) }, seeAllText(trimmed)))) : null)),
|
|
142
|
+
outline.refs ? React.createElement(OutlineMorphFrame, { ref: outline.refs.frameRef }) : null)))));
|
|
124
143
|
const form = (React.createElement("form", { className: styles.form, action: action, onSubmit: handleSubmit }, field));
|
|
125
144
|
return (React.createElement("search", { ...scope, "aria-label": label, className: search({ kind, primary, secondary, className }) }, kind === 'docked' ? React.createElement("div", { className: styles.bar }, form) : form));
|
|
126
145
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../src/forms/search/Search.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAiB,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAC5F,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../src/forms/search/Search.tsx"],"names":[],"mappings":"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"}
|