@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
|
@@ -8,7 +8,9 @@
|
|
|
8
8
|
* `edge` / `edgeLine` draw the disabled `line-dotted-fine` edge as true dots
|
|
9
9
|
* [D36, D68]. Colors are role variables only; local custom properties carry
|
|
10
10
|
* dimensions only. The popup is a portaled `white` page scope framed by
|
|
11
|
-
* --border-size-2 --primary12 [D92, D139, D156].
|
|
11
|
+
* --border-size-2 --primary12 [D92, D139, D156]. It opens and closes by the
|
|
12
|
+
* outline morph (the popup answers `data-outline-morph`,
|
|
13
|
+
* foundations/outline-morph) or at once [D205].
|
|
12
14
|
*/
|
|
13
15
|
|
|
14
16
|
/* Composition sits in top-level rules, outside the layers: Lightning CSS
|
|
@@ -52,7 +54,7 @@
|
|
|
52
54
|
block-size: var(--size-px-8);
|
|
53
55
|
margin: 0;
|
|
54
56
|
padding-block: 0;
|
|
55
|
-
padding-inline: calc(var(--
|
|
57
|
+
padding-inline: calc(var(--size-px-2-5) + var(--border-size-1) - var(--autocomplete-edge)) 0;
|
|
56
58
|
border: var(--autocomplete-edge) solid var(--role-rule);
|
|
57
59
|
border-radius: var(--autocomplete-radius);
|
|
58
60
|
background: none;
|
|
@@ -74,9 +76,9 @@
|
|
|
74
76
|
appearance: none;
|
|
75
77
|
}
|
|
76
78
|
|
|
77
|
-
/* When the box ends with the input, the value keeps the box's --
|
|
79
|
+
/* When the box ends with the input, the value keeps the box's --size-px-2-5 end padding. */
|
|
78
80
|
.input:last-child {
|
|
79
|
-
margin-inline-end: var(--
|
|
81
|
+
margin-inline-end: var(--size-px-2-5);
|
|
80
82
|
}
|
|
81
83
|
|
|
82
84
|
/* The placeholder: --role-muted, one weight lighter in dark scopes [D170]. */
|
|
@@ -84,7 +86,7 @@
|
|
|
84
86
|
color: var(--role-muted);
|
|
85
87
|
font-weight: max(
|
|
86
88
|
var(--type-weight-floor, 400),
|
|
87
|
-
calc(var(--type-weight, 400) - var(--
|
|
89
|
+
calc(var(--type-weight, 400) - var(--fgd-muted-weight-step))
|
|
88
90
|
);
|
|
89
91
|
}
|
|
90
92
|
|
|
@@ -94,7 +96,7 @@
|
|
|
94
96
|
color: inherit;
|
|
95
97
|
}
|
|
96
98
|
|
|
97
|
-
/* Clear × and the chevron trigger: glyph cells with a --
|
|
99
|
+
/* Clear × and the chevron trigger: glyph cells with a --fgd-size-hit target. */
|
|
98
100
|
.clear,
|
|
99
101
|
.trigger {
|
|
100
102
|
position: relative;
|
|
@@ -102,7 +104,7 @@
|
|
|
102
104
|
display: grid;
|
|
103
105
|
place-items: center;
|
|
104
106
|
align-self: stretch;
|
|
105
|
-
inline-size: var(--
|
|
107
|
+
inline-size: var(--fgd-size-hit);
|
|
106
108
|
margin: 0;
|
|
107
109
|
padding: 0;
|
|
108
110
|
border: 0;
|
|
@@ -120,10 +122,10 @@
|
|
|
120
122
|
.edge {
|
|
121
123
|
display: none;
|
|
122
124
|
position: absolute;
|
|
123
|
-
inset-block-start: calc(var(--
|
|
124
|
-
inset-inline-start: calc(var(--
|
|
125
|
-
inline-size: calc(100% - var(--
|
|
126
|
-
block-size: calc(100% - var(--
|
|
125
|
+
inset-block-start: calc(var(--fgd-dot-fine) / 2);
|
|
126
|
+
inset-inline-start: calc(var(--fgd-dot-fine) / 2);
|
|
127
|
+
inline-size: calc(100% - var(--fgd-dot-fine));
|
|
128
|
+
block-size: calc(100% - var(--fgd-dot-fine));
|
|
127
129
|
overflow: visible;
|
|
128
130
|
pointer-events: none;
|
|
129
131
|
}
|
|
@@ -131,7 +133,7 @@
|
|
|
131
133
|
.edgeLine {
|
|
132
134
|
fill: none;
|
|
133
135
|
stroke: var(--role-disabled-edge);
|
|
134
|
-
rx: calc(var(--autocomplete-radius) - var(--
|
|
136
|
+
rx: calc(var(--autocomplete-radius) - var(--fgd-dot-fine) / 2);
|
|
135
137
|
}
|
|
136
138
|
|
|
137
139
|
.positioner {
|
|
@@ -139,16 +141,13 @@
|
|
|
139
141
|
outline: 0;
|
|
140
142
|
}
|
|
141
143
|
|
|
142
|
-
/* The overlay face: the white scope's --primary1, the --border-size-2 --primary12 frame, --
|
|
144
|
+
/* The overlay face: the white scope's --primary1, the --border-size-2 --primary12 frame, --radius-2-25. */
|
|
143
145
|
.popup {
|
|
144
|
-
/* The clip reveal starts from the trigger side. */
|
|
145
|
-
--autocomplete-reveal-from: inset(0 0 100% 0);
|
|
146
|
-
|
|
147
146
|
box-sizing: border-box;
|
|
148
147
|
inline-size: var(--anchor-width);
|
|
149
|
-
max-inline-size: calc(100vw - 2 * var(--
|
|
148
|
+
max-inline-size: calc(100vw - 2 * var(--fgd-space-margin));
|
|
150
149
|
border: var(--border-size-2) solid var(--primary12);
|
|
151
|
-
border-radius: var(--
|
|
150
|
+
border-radius: var(--radius-2-25);
|
|
152
151
|
background-color: var(--primary1);
|
|
153
152
|
color: var(--primary12);
|
|
154
153
|
clip-path: inset(0);
|
|
@@ -160,7 +159,7 @@
|
|
|
160
159
|
box-sizing: border-box;
|
|
161
160
|
max-block-size: min(
|
|
162
161
|
var(--available-height, 100vh),
|
|
163
|
-
calc(8 * var(--
|
|
162
|
+
calc(8 * var(--fgd-size-hit) + 2 * var(--size-px-1))
|
|
164
163
|
);
|
|
165
164
|
padding: var(--size-px-1);
|
|
166
165
|
overflow-y: auto;
|
|
@@ -173,14 +172,14 @@
|
|
|
173
172
|
padding: 0;
|
|
174
173
|
}
|
|
175
174
|
|
|
176
|
-
/* Suggestions as Select's items (§10.5), without the ✓: --
|
|
175
|
+
/* Suggestions as Select's items (§10.5), without the ✓: --fgd-size-hit rows. */
|
|
177
176
|
.item {
|
|
178
177
|
position: relative;
|
|
179
178
|
display: flex;
|
|
180
179
|
align-items: center;
|
|
181
|
-
min-block-size: var(--
|
|
180
|
+
min-block-size: var(--fgd-size-hit);
|
|
182
181
|
padding-inline: var(--size-px-3);
|
|
183
|
-
border-radius: calc(var(--
|
|
182
|
+
border-radius: calc(var(--radius-2-25) - var(--size-px-1));
|
|
184
183
|
color: var(--primary12);
|
|
185
184
|
cursor: default;
|
|
186
185
|
outline: 0;
|
|
@@ -193,7 +192,7 @@
|
|
|
193
192
|
position: absolute;
|
|
194
193
|
inset-block: 0;
|
|
195
194
|
inset-inline-start: 0;
|
|
196
|
-
border-inline-start: var(--
|
|
195
|
+
border-inline-start: var(--border-size-2-25) solid var(--primary12);
|
|
197
196
|
}
|
|
198
197
|
|
|
199
198
|
.itemText {
|
|
@@ -252,7 +251,7 @@
|
|
|
252
251
|
color: var(--role-status);
|
|
253
252
|
fill: var(--role-status-fill);
|
|
254
253
|
stroke: var(--role-status-fill);
|
|
255
|
-
stroke-width: var(--
|
|
254
|
+
stroke-width: var(--border-size-1-5);
|
|
256
255
|
stroke-linecap: round;
|
|
257
256
|
stroke-linejoin: round;
|
|
258
257
|
}
|
|
@@ -272,19 +271,15 @@
|
|
|
272
271
|
|
|
273
272
|
@media (prefers-reduced-motion: no-preference) {
|
|
274
273
|
.base {
|
|
275
|
-
transition-property: border-color
|
|
276
|
-
transition-duration: var(--
|
|
274
|
+
transition-property: border-color;
|
|
275
|
+
transition-duration: var(--fgd-duration-quick);
|
|
277
276
|
transition-timing-function: var(--ease-out-3);
|
|
278
277
|
}
|
|
279
278
|
|
|
280
279
|
.chevron {
|
|
281
|
-
transition: rotate var(--
|
|
280
|
+
transition: rotate var(--fgd-duration-quick) var(--ease-out-3);
|
|
282
281
|
}
|
|
283
282
|
|
|
284
|
-
/* The clip reveal (the edge wipes open), never a fade [D91]. */
|
|
285
|
-
.popup {
|
|
286
|
-
transition: clip-path var(--ds-duration-disclosure) var(--ease-out-3);
|
|
287
|
-
}
|
|
288
283
|
}
|
|
289
284
|
|
|
290
285
|
/* From --lg-n-above the popup may grow past the field, up to --size-sm. */
|
|
@@ -378,7 +373,7 @@
|
|
|
378
373
|
.base[data-readonly] {
|
|
379
374
|
border-width: 0 0 var(--border-size-1);
|
|
380
375
|
border-color: var(--role-rule);
|
|
381
|
-
border-radius: var(--
|
|
376
|
+
border-radius: var(--radius-0);
|
|
382
377
|
background: none;
|
|
383
378
|
}
|
|
384
379
|
|
|
@@ -400,15 +395,14 @@
|
|
|
400
395
|
display: none;
|
|
401
396
|
}
|
|
402
397
|
|
|
403
|
-
/*
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
clip-path: var(--autocomplete-reveal-from);
|
|
398
|
+
/*
|
|
399
|
+
* Outline morph [D204]: while the overlay draws the frame, the popup's own
|
|
400
|
+
* edge takes its face and its own transitions stay off. Without the morph
|
|
401
|
+
* the popup opens and closes at once (no reveal of its own) [D205].
|
|
402
|
+
*/
|
|
403
|
+
.popup[data-outline-morph] {
|
|
404
|
+
border-color: var(--primary1);
|
|
405
|
+
transition: none;
|
|
412
406
|
}
|
|
413
407
|
}
|
|
414
408
|
|
|
@@ -19,7 +19,7 @@ import styles from './checkbox.module.css';
|
|
|
19
19
|
* - Color fallback: inherits the scope; its secondary drives the
|
|
20
20
|
* --role-select aliases and never switches to the danger scale (§10.1).
|
|
21
21
|
* - States: data-checked / data-indeterminate → --role-select fill,
|
|
22
|
-
* --role-select-mark ✓ or bar, --
|
|
22
|
+
* --role-select-mark ✓ or bar, --border-size-2-25 --role-select-edge box edge,
|
|
23
23
|
* card edge --border-size-2 --role-select-edge (read through :has());
|
|
24
24
|
* :hover (not disabled or read-only) [D181] → unchecked box fill
|
|
25
25
|
* --role-soft-hover (--primary3 where soft fills apply), checked box fill
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
align-items: start;
|
|
46
46
|
align-content: center;
|
|
47
47
|
box-sizing: border-box;
|
|
48
|
-
min-block-size: var(--
|
|
48
|
+
min-block-size: var(--fgd-size-hit);
|
|
49
49
|
min-inline-size: 0;
|
|
50
50
|
color: var(--primary12);
|
|
51
51
|
}
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
inline-size: var(--size-px-4);
|
|
63
63
|
block-size: var(--size-px-4);
|
|
64
64
|
margin-block: calc((1lh - var(--size-px-4)) / 2) 0;
|
|
65
|
-
margin-inline: 0 var(--
|
|
65
|
+
margin-inline: 0 var(--size-px-2-5);
|
|
66
66
|
border: var(--checkbox-edge) solid var(--primary12);
|
|
67
67
|
border-radius: var(--radius-1);
|
|
68
68
|
background: none;
|
|
@@ -111,15 +111,15 @@
|
|
|
111
111
|
.value {
|
|
112
112
|
grid-area: value;
|
|
113
113
|
color: var(--primary12);
|
|
114
|
-
font-variant-numeric: var(--
|
|
114
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
.thumb {
|
|
118
118
|
grid-area: thumb;
|
|
119
119
|
display: block;
|
|
120
|
-
inline-size: var(--
|
|
120
|
+
inline-size: var(--fgd-size-thumb);
|
|
121
121
|
aspect-ratio: var(--ratio-square);
|
|
122
|
-
margin-inline-end: var(--
|
|
122
|
+
margin-inline-end: var(--size-px-2-5);
|
|
123
123
|
overflow: hidden;
|
|
124
124
|
overflow: clip;
|
|
125
125
|
}
|
|
@@ -149,10 +149,10 @@
|
|
|
149
149
|
.edge {
|
|
150
150
|
display: none;
|
|
151
151
|
position: absolute;
|
|
152
|
-
inset-block-start: calc(var(--
|
|
153
|
-
inset-inline-start: calc(var(--
|
|
154
|
-
inline-size: calc(100% - var(--
|
|
155
|
-
block-size: calc(100% - var(--
|
|
152
|
+
inset-block-start: calc(var(--fgd-dot-fine) / 2);
|
|
153
|
+
inset-inline-start: calc(var(--fgd-dot-fine) / 2);
|
|
154
|
+
inline-size: calc(100% - var(--fgd-dot-fine));
|
|
155
|
+
block-size: calc(100% - var(--fgd-dot-fine));
|
|
156
156
|
overflow: visible;
|
|
157
157
|
pointer-events: none;
|
|
158
158
|
}
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
.edgeLine {
|
|
161
161
|
fill: none;
|
|
162
162
|
stroke: var(--role-disabled-edge);
|
|
163
|
-
rx: calc(var(--checkbox-edge-radius) - var(--
|
|
163
|
+
rx: calc(var(--checkbox-edge-radius) - var(--fgd-dot-fine) / 2);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
@media (forced-colors: active) {
|
|
@@ -170,20 +170,24 @@
|
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
/*
|
|
173
|
+
/*
|
|
174
|
+
* Hover transitions [D181]: --fgd-duration-quick, --ease-out-3, for edges
|
|
175
|
+
* and underlines. The box's fill rests at none, so its hover and checked
|
|
176
|
+
* fills step at once [D205].
|
|
177
|
+
*/
|
|
174
178
|
@media (prefers-reduced-motion: no-preference) {
|
|
175
179
|
.box,
|
|
176
180
|
.base,
|
|
177
181
|
.label {
|
|
178
|
-
transition-property: border-color,
|
|
179
|
-
transition-duration: var(--
|
|
182
|
+
transition-property: border-color, text-decoration-color;
|
|
183
|
+
transition-duration: var(--fgd-duration-quick);
|
|
180
184
|
transition-timing-function: var(--ease-out-3);
|
|
181
185
|
}
|
|
182
186
|
}
|
|
183
187
|
}
|
|
184
188
|
|
|
185
189
|
@layer variants {
|
|
186
|
-
/* Standard: box, then label and description; --
|
|
190
|
+
/* Standard: box, then label and description; --size-px-2-5 gap. */
|
|
187
191
|
.standard {
|
|
188
192
|
grid-template-columns: auto minmax(0, 1fr);
|
|
189
193
|
grid-template-areas:
|
|
@@ -193,13 +197,13 @@
|
|
|
193
197
|
|
|
194
198
|
/*
|
|
195
199
|
* The option card (§10.7 owns it; §12.2 cites it): a bordered row with a
|
|
196
|
-
* --border-size-1 --role-rule edge, --
|
|
200
|
+
* --border-size-1 --role-rule edge, --radius-2-25 and --size-px-3
|
|
197
201
|
* padding. The padding absorbs the edge step, so checking never moves
|
|
198
202
|
* the content.
|
|
199
203
|
*/
|
|
200
204
|
.card {
|
|
201
205
|
--checkbox-card-edge: var(--border-size-1);
|
|
202
|
-
--checkbox-edge-radius: var(--
|
|
206
|
+
--checkbox-edge-radius: var(--radius-2-25);
|
|
203
207
|
|
|
204
208
|
grid-template-columns: auto auto minmax(0, 1fr) auto;
|
|
205
209
|
grid-template-areas:
|
|
@@ -208,7 +212,7 @@
|
|
|
208
212
|
align-items: center;
|
|
209
213
|
padding: calc(var(--size-px-3) + var(--border-size-1) - var(--checkbox-card-edge));
|
|
210
214
|
border: var(--checkbox-card-edge) solid var(--role-rule);
|
|
211
|
-
border-radius: var(--
|
|
215
|
+
border-radius: var(--radius-2-25);
|
|
212
216
|
}
|
|
213
217
|
|
|
214
218
|
.card .box {
|
|
@@ -217,7 +221,7 @@
|
|
|
217
221
|
|
|
218
222
|
.card .value {
|
|
219
223
|
justify-self: end;
|
|
220
|
-
margin-inline-start: var(--
|
|
224
|
+
margin-inline-start: var(--size-px-2-5);
|
|
221
225
|
text-align: end;
|
|
222
226
|
}
|
|
223
227
|
|
|
@@ -254,7 +258,7 @@
|
|
|
254
258
|
}
|
|
255
259
|
}
|
|
256
260
|
|
|
257
|
-
/* Ledger: label, dotted leader, optional value, then the box
|
|
261
|
+
/* Ledger: label, dotted leader, optional value, then the box. */
|
|
258
262
|
.ledger {
|
|
259
263
|
grid-template-columns: auto minmax(var(--size-px-5), 1fr) auto auto;
|
|
260
264
|
grid-template-areas:
|
|
@@ -276,10 +280,10 @@
|
|
|
276
280
|
}
|
|
277
281
|
|
|
278
282
|
@layer states {
|
|
279
|
-
/* Checked and indeterminate: --role-select fill, the mark, a --
|
|
283
|
+
/* Checked and indeterminate: --role-select fill, the mark, a --border-size-2-25 --role-select-edge (§10.1). */
|
|
280
284
|
.box[data-checked],
|
|
281
285
|
.box[data-indeterminate] {
|
|
282
|
-
--checkbox-edge: var(--
|
|
286
|
+
--checkbox-edge: var(--border-size-2-25);
|
|
283
287
|
|
|
284
288
|
border-color: var(--role-select-edge);
|
|
285
289
|
background-color: var(--role-select);
|
|
@@ -327,8 +331,8 @@
|
|
|
327
331
|
|
|
328
332
|
/* Focus: 2 px --primary12 ring at a 2 px offset outside the box, keyboard only [D45]. */
|
|
329
333
|
.box:focus-visible {
|
|
330
|
-
outline: var(--
|
|
331
|
-
outline-offset: var(--
|
|
334
|
+
outline: var(--fgd-focus-width) solid var(--primary12);
|
|
335
|
+
outline-offset: var(--fgd-focus-offset);
|
|
332
336
|
}
|
|
333
337
|
|
|
334
338
|
/*
|
|
@@ -370,14 +374,14 @@
|
|
|
370
374
|
|
|
371
375
|
@layer print {
|
|
372
376
|
@media print {
|
|
373
|
-
/* A 0.75 pt square; checked keeps its --
|
|
377
|
+
/* A 0.75 pt square; checked keeps its --border-size-2-25 step and a black mark (§10.7). */
|
|
374
378
|
.box {
|
|
375
379
|
--checkbox-edge: var(--border-size-1);
|
|
376
380
|
}
|
|
377
381
|
|
|
378
382
|
.box[data-checked],
|
|
379
383
|
.box[data-indeterminate] {
|
|
380
|
-
--checkbox-edge: var(--
|
|
384
|
+
--checkbox-edge: var(--border-size-2-25);
|
|
381
385
|
}
|
|
382
386
|
|
|
383
387
|
/* Disabled controls do not print (§10.1). */
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
container: checkbox-group / inline-size;
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-wrap: wrap;
|
|
15
|
-
gap: var(--
|
|
15
|
+
gap: var(--size-px-2-5);
|
|
16
16
|
min-inline-size: 0;
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
@layer variants {
|
|
26
26
|
.standard {
|
|
27
|
-
gap: var(--
|
|
27
|
+
gap: var(--size-px-2-5);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
/* Option cards sit --size-px-5 apart. */
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
.ledger {
|
|
36
|
-
gap: var(--
|
|
36
|
+
gap: var(--size-px-2-5);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
/* From 480 px of group width, short labels run in 2 columns (§5.10.2). */
|
|
40
40
|
@container checkbox-group (width >= 480px) {
|
|
41
41
|
.standard > * {
|
|
42
|
-
flex: 0 1 calc((100% - var(--
|
|
42
|
+
flex: 0 1 calc((100% - var(--size-px-2-5)) / 2);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
|
|
@@ -74,6 +74,16 @@ export type ComboboxProps<Multiple extends boolean | undefined = false> = RootPr
|
|
|
74
74
|
primary?: ComboboxVariants['primary'];
|
|
75
75
|
/** Secondary Radix scale. Unused at rest; the danger scale while invalid. */
|
|
76
76
|
secondary?: ComboboxVariants['secondary'];
|
|
77
|
+
/**
|
|
78
|
+
* The outline morph: the box's focus ring grows into the popup's frame as
|
|
79
|
+
* it opens and shrinks back onto the ring as it closes. Opens you ask for
|
|
80
|
+
* (a click, the chevron, the arrow keys) and the first open after focus
|
|
81
|
+
* arrives morph; later opens and closes caused by typing are instant.
|
|
82
|
+
* Instant under reduced motion; off in forced colors and print, and
|
|
83
|
+
* wherever `--fgd-outline-morph: none` applies. Default `true`; `false`
|
|
84
|
+
* opens and closes the popup at once.
|
|
85
|
+
*/
|
|
86
|
+
morph?: boolean;
|
|
77
87
|
};
|
|
78
88
|
/**
|
|
79
89
|
* A Base UI Combobox inside a `Field` (label it with
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/forms/combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/forms/combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,8 @@ import { chip, chipParts } from '../../actions/chip';
|
|
|
6
6
|
import { dangerScale, useFieldInvalid } from '../field';
|
|
7
7
|
import { Ground } from '../../foundations/ground';
|
|
8
8
|
import { Icon, iconHost } from '../../foundations/icon';
|
|
9
|
+
import { OutlineMorphFrame } from '../../foundations/outline-morph';
|
|
10
|
+
import { useOutlineMorphRoot, useTypingMorphPolicy, } from '../../foundations/outline-morph/useOutlineMorphRoot';
|
|
9
11
|
import { highlightMatch } from '../../utils/highlightMatch';
|
|
10
12
|
import { StatusGlyph } from '../../utils/StatusGlyph';
|
|
11
13
|
import { OverlayScope, overlayAttributes, overlayScaleClassName } from '../../utils/overlay';
|
|
@@ -32,8 +34,8 @@ import styles from './combobox.module.css';
|
|
|
32
34
|
* `data-popup-open` → edge --primary12, chevron rotated. Item
|
|
33
35
|
* `data-highlighted` → --primary4 plus the start bar [D145];
|
|
34
36
|
* `data-selected` → leading ✓ plus --font-weight-6; `data-disabled` →
|
|
35
|
-
* --role-muted. Popup
|
|
36
|
-
*
|
|
37
|
+
* --role-muted. Popup: the outline morph or nothing; it opens and
|
|
38
|
+
* closes at once [D205].
|
|
37
39
|
* - Parts: base (the box), input, icon, clear, trigger, chips (each a
|
|
38
40
|
* removable chip, the Chip module's parts through `chipParts` on Base
|
|
39
41
|
* UI's Chip and ChipRemove, plus `chip` for its keyboard ring, stack
|
|
@@ -43,6 +45,14 @@ import styles from './combobox.module.css';
|
|
|
43
45
|
* `white` page scope, writes no `data-theme`, and takes the [D92] frame
|
|
44
46
|
* [D139, D156]. `plate` → the box is a nested `white` Ground.
|
|
45
47
|
* - Container: none; inherits its context.
|
|
48
|
+
* - Outline morph [D204]: on by default (`morph={false}` opts out). The
|
|
49
|
+
* box's ring (drawn on any focus) grows into the popup's frame and back
|
|
50
|
+
* onto it (foundations/outline-morph, ring `focus-within`); the frame
|
|
51
|
+
* renders beside the popup in its Positioner, and the popup answers
|
|
52
|
+
* `data-outline-morph`. Typing policy: explicit opens and the first open
|
|
53
|
+
* of a focus session morph; later opens and closes caused by typing are
|
|
54
|
+
* instant, as every open without the morph is [D205]. Filtering
|
|
55
|
+
* resizes the open popup its own way. No box style changes.
|
|
46
56
|
*/
|
|
47
57
|
export const combobox = cva(styles.base, {
|
|
48
58
|
variants: {
|
|
@@ -77,10 +87,20 @@ function isCreate(option) {
|
|
|
77
87
|
* chip, and a second Backspace removes it.
|
|
78
88
|
*/
|
|
79
89
|
export function Combobox(props) {
|
|
80
|
-
const { items, multiple, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputValueChange, placeholder, icon, emptyText = (query) => `No matches for '${query}'`, loading = false, loadingText = 'Searching…', error, onCreate, createText = (query) => `Add '${query}'`, clearLabel = 'Clear', triggerLabel = 'Show options', removeLabel = (label) => `Remove ${label}`, 'aria-label': ariaLabel, className, plate, primary, secondary, ...rootProps } = props;
|
|
90
|
+
const { items, multiple, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputValueChange, placeholder, icon, emptyText = (query) => `No matches for '${query}'`, loading = false, loadingText = 'Searching…', error, onCreate, createText = (query) => `Add '${query}'`, clearLabel = 'Clear', triggerLabel = 'Show options', removeLabel = (label) => `Remove ${label}`, 'aria-label': ariaLabel, className, plate, primary, secondary, morph = true, onOpenChange, ...rootProps } = props;
|
|
81
91
|
const scope = useScopeAttributes();
|
|
82
92
|
const invalid = useFieldInvalid();
|
|
83
93
|
const resolvedSecondary = invalid ? dangerScale : secondary;
|
|
94
|
+
// The outline morph follows the root's open state, with the typing policy [D204].
|
|
95
|
+
const typing = useTypingMorphPolicy();
|
|
96
|
+
const outline = useOutlineMorphRoot({
|
|
97
|
+
open: rootProps.open,
|
|
98
|
+
defaultOpen: rootProps.defaultOpen,
|
|
99
|
+
onOpenChange,
|
|
100
|
+
morph,
|
|
101
|
+
ring: 'focus-within',
|
|
102
|
+
instant: typing.instant,
|
|
103
|
+
});
|
|
84
104
|
// The query, for match marking and the add row.
|
|
85
105
|
const [innerQuery, setInnerQuery] = React.useState(String(defaultInputValue ?? ''));
|
|
86
106
|
const query = inputValue !== undefined ? String(inputValue) : innerQuery;
|
|
@@ -138,11 +158,11 @@ export function Combobox(props) {
|
|
|
138
158
|
React.createElement(BaseCombobox.ItemIndicator, { className: styles.itemIndicator },
|
|
139
159
|
React.createElement(Icon, { name: "check" })),
|
|
140
160
|
React.createElement("span", { className: styles.itemText }, highlightMatch(option.label, query, styles.match))));
|
|
141
|
-
return (React.createElement(BaseCombobox.Root, { ...rootProps, multiple: multiple, items: viewItems, value: currentValue, onValueChange: handleValueChange, inputValue: inputValue, defaultInputValue: defaultInputValue, onInputValueChange: handleInputValueChange, itemToStringLabel: (option) => option.label, itemToStringValue: (option) => option.value, isItemEqualToValue: (option, chosen) => option.value === chosen.value },
|
|
142
|
-
plate ? (React.createElement(BaseCombobox.InputGroup, { className: boxClassName, render: React.createElement(Ground, { preset: "white", kind: "face", primary: primary ?? undefined, secondary: resolvedSecondary ?? undefined, render: React.createElement("div", null) }) }, boxChildren)) : (React.createElement(BaseCombobox.InputGroup, { ...scope, className: boxClassName }, boxChildren)),
|
|
161
|
+
return (React.createElement(BaseCombobox.Root, { ...rootProps, onOpenChange: outline.onOpenChange, multiple: multiple, items: viewItems, value: currentValue, onValueChange: handleValueChange, inputValue: inputValue, defaultInputValue: defaultInputValue, onInputValueChange: handleInputValueChange, itemToStringLabel: (option) => option.label, itemToStringValue: (option) => option.value, isItemEqualToValue: (option, chosen) => option.value === chosen.value },
|
|
162
|
+
plate ? (React.createElement(BaseCombobox.InputGroup, { ref: outline.refs?.sourceRef, onFocus: typing.onFocus, className: boxClassName, render: React.createElement(Ground, { preset: "white", kind: "face", primary: primary ?? undefined, secondary: resolvedSecondary ?? undefined, render: React.createElement("div", null) }) }, boxChildren)) : (React.createElement(BaseCombobox.InputGroup, { ...scope, ref: outline.refs?.sourceRef, onFocus: typing.onFocus, className: boxClassName }, boxChildren)),
|
|
143
163
|
React.createElement(BaseCombobox.Portal, null,
|
|
144
164
|
React.createElement(BaseCombobox.Positioner, { className: styles.positioner, sideOffset: 8, collisionPadding: 16 },
|
|
145
|
-
React.createElement(BaseCombobox.Popup, { ...overlayAttributes, className: [styles.popup, overlayScaleClassName].join(' ') },
|
|
165
|
+
React.createElement(BaseCombobox.Popup, { ref: outline.refs?.targetRef, ...overlayAttributes, className: [styles.popup, overlayScaleClassName].join(' ') },
|
|
146
166
|
React.createElement(OverlayScope, null,
|
|
147
167
|
React.createElement(ComboboxStatusRow, { loading: loading, loadingText: loadingText, error: error }),
|
|
148
168
|
React.createElement(BaseCombobox.Empty, { className: styles.empty }, loading || error ? null : emptyText(query)),
|
|
@@ -152,7 +172,8 @@ export function Combobox(props) {
|
|
|
152
172
|
React.createElement(BaseCombobox.Group, { items: group.items, className: styles.group },
|
|
153
173
|
React.createElement(BaseCombobox.GroupLabel, { className: styles.groupLabel }, group.label),
|
|
154
174
|
React.createElement(BaseCombobox.Collection, null, (option) => renderOption(option))))))
|
|
155
|
-
: (option) => renderOption(option))))
|
|
175
|
+
: (option) => renderOption(option)))),
|
|
176
|
+
outline.refs ? React.createElement(OutlineMorphFrame, { ref: outline.refs.frameRef }) : null))));
|
|
156
177
|
}
|
|
157
178
|
/**
|
|
158
179
|
* The loading row ("Searching…", busy wording [D84]) and the fetch-failure
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../src/forms/combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAiB,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,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,uBAAuB,CAAA;AAE1C
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../src/forms/combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|