@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
|
@@ -11,11 +11,14 @@
|
|
|
11
11
|
* --scroll-area-thumb thumb thickness; widens on hover and drag
|
|
12
12
|
* --scroll-area-edge-start `none` hides the start edge (a pinned table column draws it)
|
|
13
13
|
* --scroll-area-max-block the root's cap, written by the `maxBlockSize` prop
|
|
14
|
+
* --scroll-area-overscroll-x, --scroll-area-overscroll-y
|
|
15
|
+
* the viewport's scroll chaining per axis (default
|
|
16
|
+
* `contain`); a carousel sets `y` to `auto`
|
|
14
17
|
*/
|
|
15
18
|
|
|
16
19
|
@layer base {
|
|
17
20
|
.base {
|
|
18
|
-
--scroll-area-gutter: var(--
|
|
21
|
+
--scroll-area-gutter: var(--size-px-2-5);
|
|
19
22
|
--scroll-area-thumb: var(--size-px-1);
|
|
20
23
|
|
|
21
24
|
position: relative;
|
|
@@ -30,7 +33,18 @@
|
|
|
30
33
|
flex: 1 1 auto;
|
|
31
34
|
min-block-size: 0;
|
|
32
35
|
min-inline-size: 0;
|
|
33
|
-
overscroll-behavior: contain;
|
|
36
|
+
overscroll-behavior: var(--scroll-area-overscroll-x, contain) var(--scroll-area-overscroll-y, contain);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/*
|
|
40
|
+
* `fitContent={false}`: the content keeps the viewport's width, so its
|
|
41
|
+
* children's percentages resolve against the viewport (a carousel track).
|
|
42
|
+
* Base UI writes `min-width: fit-content` inline on the content, and only
|
|
43
|
+
* an important declaration outranks an inline value; the package itself
|
|
44
|
+
* writes no real property inline (§1.11.1).
|
|
45
|
+
*/
|
|
46
|
+
.contentFluid {
|
|
47
|
+
min-inline-size: 0 !important;
|
|
34
48
|
}
|
|
35
49
|
|
|
36
50
|
/* The gutter: a centered --border-size-1 --role-hairline track. */
|
|
@@ -135,6 +149,17 @@
|
|
|
135
149
|
scroll-snap-type: x mandatory;
|
|
136
150
|
}
|
|
137
151
|
|
|
152
|
+
/*
|
|
153
|
+
* The horizontal gutter is always reserved, as the panel's is: whether
|
|
154
|
+
* the content overflows is known only after layout (Base UI's
|
|
155
|
+
* data-has-overflow-x arrives after mount), and geometry must be final in
|
|
156
|
+
* the first paint [D201]. Owners that sit on a margin take it from there.
|
|
157
|
+
*/
|
|
158
|
+
.wide .viewport,
|
|
159
|
+
.rail .viewport {
|
|
160
|
+
padding-block-end: var(--scroll-area-gutter);
|
|
161
|
+
}
|
|
162
|
+
|
|
138
163
|
.wide .edgeStart,
|
|
139
164
|
.rail .edgeStart {
|
|
140
165
|
inset-inline-start: 0;
|
|
@@ -158,18 +183,12 @@
|
|
|
158
183
|
.rail .thumb {
|
|
159
184
|
--scroll-area-thumb: var(--border-size-2);
|
|
160
185
|
|
|
161
|
-
border-radius: var(--
|
|
186
|
+
border-radius: var(--radius-0);
|
|
162
187
|
background-color: var(--primary12);
|
|
163
188
|
}
|
|
164
189
|
}
|
|
165
190
|
|
|
166
191
|
@layer states {
|
|
167
|
-
/* The horizontal gutter is reserved while there is something to scroll. */
|
|
168
|
-
.wide[data-has-overflow-x] .viewport,
|
|
169
|
-
.rail[data-has-overflow-x] .viewport {
|
|
170
|
-
padding-block-end: var(--scroll-area-gutter);
|
|
171
|
-
}
|
|
172
|
-
|
|
173
192
|
/* Panel scrollbar: shown on hover, scroll and focus. */
|
|
174
193
|
.panel .scrollbar {
|
|
175
194
|
visibility: hidden;
|
|
@@ -29,16 +29,16 @@
|
|
|
29
29
|
/*
|
|
30
30
|
* Baseline: auto-fit tracks at the 160 px (--size-px-12) minimum column,
|
|
31
31
|
* capped at 4 (a track is never narrower than a quarter of the row).
|
|
32
|
-
* Gutter = the page margin [D42]; last line → next rule --
|
|
32
|
+
* Gutter = the page margin [D42]; last line → next rule --size-px-2-5.
|
|
33
33
|
*/
|
|
34
34
|
.grid {
|
|
35
35
|
display: grid;
|
|
36
36
|
grid-template-columns: repeat(
|
|
37
37
|
auto-fit,
|
|
38
|
-
minmax(max(var(--size-px-12), (100% - 3 * var(--
|
|
38
|
+
minmax(max(var(--size-px-12), (100% - 3 * var(--fgd-space-margin)) / 4), 1fr)
|
|
39
39
|
);
|
|
40
|
-
column-gap: var(--
|
|
41
|
-
row-gap: var(--
|
|
40
|
+
column-gap: var(--fgd-space-margin);
|
|
41
|
+
row-gap: var(--size-px-2-5);
|
|
42
42
|
margin: 0;
|
|
43
43
|
}
|
|
44
44
|
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
align-items: center;
|
|
59
59
|
gap: var(--size-px-1);
|
|
60
60
|
margin: 0;
|
|
61
|
-
line-height: calc(var(--
|
|
61
|
+
line-height: calc(var(--fgd-font-size-body-ui) * var(--font-lineheight-3));
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.icon {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
.value {
|
|
71
71
|
margin: 0;
|
|
72
72
|
color: var(--primary12);
|
|
73
|
-
font-variant-numeric: var(--
|
|
73
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
74
74
|
overflow-wrap: break-word;
|
|
75
75
|
}
|
|
76
76
|
|
|
@@ -120,9 +120,9 @@
|
|
|
120
120
|
inset-block-start: 0;
|
|
121
121
|
inset-inline: 0;
|
|
122
122
|
block-size: 0;
|
|
123
|
-
border-block-end: var(--
|
|
123
|
+
border-block-end: var(--fgd-dot-fine) solid var(--role-rule);
|
|
124
124
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1'%3E%3Ccircle cx='1.5' cy='0.5' r='0.5'/%3E%3C/svg%3E");
|
|
125
|
-
mask-size: var(--
|
|
125
|
+
mask-size: var(--fgd-dot-fine-pitch) var(--fgd-dot-fine);
|
|
126
126
|
mask-repeat: round no-repeat;
|
|
127
127
|
mask-origin: border-box;
|
|
128
128
|
}
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
flex: 1 0 var(--size-px-5);
|
|
51
51
|
align-self: last baseline;
|
|
52
52
|
block-size: 0;
|
|
53
|
-
border-block-end: var(--
|
|
53
|
+
border-block-end: var(--fgd-dot-fine) solid var(--role-rule);
|
|
54
54
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1'%3E%3Ccircle cx='1.5' cy='0.5' r='0.5'/%3E%3C/svg%3E");
|
|
55
|
-
mask-size: var(--
|
|
55
|
+
mask-size: var(--fgd-dot-fine-pitch) var(--fgd-dot-fine);
|
|
56
56
|
mask-repeat: round no-repeat;
|
|
57
57
|
mask-origin: border-box;
|
|
58
58
|
}
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
min-inline-size: 0;
|
|
65
65
|
margin: 0;
|
|
66
66
|
color: var(--primary12);
|
|
67
|
-
font-variant-numeric: var(--
|
|
67
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
68
68
|
text-align: end;
|
|
69
69
|
}
|
|
70
70
|
|
|
@@ -43,8 +43,8 @@ interface SpecSheetCommonProps extends Omit<React.ComponentPropsWithRef<'section
|
|
|
43
43
|
/** The lead, `type-lead` (§3.5 Recipe C). Beside the grid with `split`. */
|
|
44
44
|
lead?: React.ReactNode;
|
|
45
45
|
/**
|
|
46
|
-
* The provenance line, `type-small`: "Text adapted from *
|
|
47
|
-
*
|
|
46
|
+
* The provenance line, `type-small`: "Text adapted from *The Hedgerow
|
|
47
|
+
* Bird Almanac*". Set book titles in `<cite>`; a linked title takes the
|
|
48
48
|
* body link's underline.
|
|
49
49
|
*/
|
|
50
50
|
provenance?: React.ReactNode;
|
|
@@ -47,7 +47,7 @@ export { SpecListItem } from '../spec-list';
|
|
|
47
47
|
* on viewport media (--lg-n-above); its baseline is the lead stacked above
|
|
48
48
|
* the grid [D163, D188].
|
|
49
49
|
*
|
|
50
|
-
*
|
|
50
|
+
* A sticky scroll-spy rail and sticky aside cards are rejected
|
|
51
51
|
* [D188]: nothing in the sheet is sticky, and the identity block heads the
|
|
52
52
|
* reading column in the flow.
|
|
53
53
|
*/
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
.body {
|
|
102
102
|
display: grid;
|
|
103
103
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
104
|
-
gap: var(--size-px-5) var(--
|
|
104
|
+
gap: var(--size-px-5) var(--fgd-space-margin);
|
|
105
105
|
min-inline-size: 0;
|
|
106
106
|
}
|
|
107
107
|
|
|
@@ -112,11 +112,11 @@
|
|
|
112
112
|
min-inline-size: 0;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
/* Lead → provenance --
|
|
115
|
+
/* Lead → provenance --size-px-2-5 (§3.5 Recipe C). */
|
|
116
116
|
.intro {
|
|
117
117
|
display: grid;
|
|
118
118
|
align-content: start;
|
|
119
|
-
gap: var(--
|
|
119
|
+
gap: var(--size-px-2-5);
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
.lead,
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
margin: 0;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
|
-
/* "More Details": the Collapsible (§10.13) below the grid; its rows start --
|
|
146
|
+
/* "More Details": the Collapsible (§10.13) below the grid; its rows start --size-px-2-5 under the trigger. */
|
|
147
147
|
.more {
|
|
148
148
|
min-inline-size: 0;
|
|
149
149
|
}
|
|
@@ -153,19 +153,19 @@
|
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
.morePanel .grid {
|
|
156
|
-
margin-block-start: var(--
|
|
156
|
+
margin-block-start: var(--size-px-2-5);
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
@layer variants {
|
|
161
161
|
/* At a Glance: the lead is prose, held to the reading measure beside or above the grid. */
|
|
162
162
|
.glance .intro {
|
|
163
|
-
max-inline-size: var(--
|
|
163
|
+
max-inline-size: var(--fgd-measure-reading);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
/* Leader list: one column, the value column aligned right, held to the reading measure. */
|
|
167
167
|
.kindLeader .sheet {
|
|
168
|
-
max-inline-size: var(--
|
|
168
|
+
max-inline-size: var(--fgd-measure-reading);
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
/* Manual page: the frame's parts stand --size-px-5 apart. */
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
.frame {
|
|
178
178
|
padding: var(--size-px-5);
|
|
179
179
|
border-color: var(--primary12);
|
|
180
|
-
border-radius: var(--
|
|
180
|
+
border-radius: var(--radius-0);
|
|
181
181
|
outline-color: var(--primary12);
|
|
182
182
|
}
|
|
183
183
|
|
|
@@ -191,7 +191,7 @@
|
|
|
191
191
|
.formBox .grid {
|
|
192
192
|
padding: var(--size-px-3);
|
|
193
193
|
border: var(--border-size-1) solid var(--role-rule);
|
|
194
|
-
border-radius: var(--
|
|
194
|
+
border-radius: var(--radius-0);
|
|
195
195
|
}
|
|
196
196
|
|
|
197
197
|
/*
|
package/data/stat/Stat.d.ts
CHANGED
|
@@ -52,7 +52,7 @@ export interface StatProps {
|
|
|
52
52
|
value: React.ReactNode;
|
|
53
53
|
/** The unit, set after a no-break space at roughly half the figure's size. */
|
|
54
54
|
unit?: React.ReactNode;
|
|
55
|
-
/** A qualifier ("per
|
|
55
|
+
/** A qualifier ("per plot") in `type-caption`; pass a `TooltipTrigger kind="term"` for a defined term. */
|
|
56
56
|
qualifier?: React.ReactNode;
|
|
57
57
|
/** The change as words: "12% since 2023". Drawn after a ▲ or ▼, never color alone. */
|
|
58
58
|
delta?: React.ReactNode;
|
package/data/stat/Stat.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../src/data/stat/Stat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAoCjE,eAAO,MAAM,SAAS;;;;;8EAkBpB,CAAA;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAUvD,4EAA4E;AAC5E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAiD9C;AAED,wFAAwF;AACxF,MAAM,WAAW,SAAS;IACxB,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;;OAIG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,
|
|
1
|
+
{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../src/data/stat/Stat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAoCjE,eAAO,MAAM,SAAS;;;;;8EAkBpB,CAAA;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAUvD,4EAA4E;AAC5E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAiD9C;AAED,wFAAwF;AACxF,MAAM,WAAW,SAAS;IACxB,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;;OAIG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,0GAA0G;IAC1G,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,sFAAsF;IACtF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,oDAAoD;IACpD,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBA2FpC"}
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
container: stat-row / inline-size;
|
|
96
96
|
display: grid;
|
|
97
97
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
98
|
-
column-gap: var(--
|
|
98
|
+
column-gap: var(--fgd-space-margin);
|
|
99
99
|
row-gap: var(--size-px-5);
|
|
100
100
|
}
|
|
101
101
|
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
display: flex;
|
|
206
206
|
flex-direction: column;
|
|
207
207
|
align-items: center;
|
|
208
|
-
gap: var(--
|
|
208
|
+
gap: var(--size-px-2-5);
|
|
209
209
|
text-align: center;
|
|
210
210
|
}
|
|
211
211
|
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
position: relative;
|
|
214
214
|
display: grid;
|
|
215
215
|
place-items: center;
|
|
216
|
-
inline-size: var(--
|
|
216
|
+
inline-size: var(--fgd-size-art-s);
|
|
217
217
|
aspect-ratio: 142 / 140;
|
|
218
218
|
}
|
|
219
219
|
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
|
|
254
254
|
.numeralInline {
|
|
255
255
|
font-weight: var(--font-weight-7);
|
|
256
|
-
font-variant-numeric: var(--
|
|
256
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
.inline .qualifier {
|
package/data/table/Table.d.ts
CHANGED
|
@@ -30,10 +30,10 @@ export type TableProps = Omit<React.ComponentPropsWithRef<'table'>, 'className'>
|
|
|
30
30
|
/** The full matrix grid (`--border-size-1` `--role-rule`), for matrices only: marks in cells, centered headers. */
|
|
31
31
|
grid?: boolean;
|
|
32
32
|
/**
|
|
33
|
-
* `compact`: `--size-px-2` × `--
|
|
34
|
-
* 32 px, `--role-rule` row rules. `default`: `--
|
|
33
|
+
* `compact`: `--size-px-2` × `--size-px-2-5` cell padding, rows at least
|
|
34
|
+
* 32 px, `--role-rule` row rules. `default`: `--size-px-2-5` ×
|
|
35
35
|
* `--size-px-3`. Never defaulted: omitted, the table follows its scope's
|
|
36
|
-
* density (a Ground's `density`, through the `--
|
|
36
|
+
* density (a Ground's `density`, through the `--fgd-table-*` tokens).
|
|
37
37
|
*/
|
|
38
38
|
density?: TableVariants['density'];
|
|
39
39
|
/** Rows are click targets: `--role-rule` row rules and rows at least 44 px tall. */
|
|
@@ -53,7 +53,8 @@ export type TableProps = Omit<React.ComponentPropsWithRef<'table'>, 'className'>
|
|
|
53
53
|
secondary?: TableVariants['secondary'];
|
|
54
54
|
/**
|
|
55
55
|
* A text cue above a table that scrolls, e.g. "Scroll for 3 more columns
|
|
56
|
-
* →". Shown only while the table overflows
|
|
56
|
+
* →". Shown only while the table overflows; its line is reserved either
|
|
57
|
+
* way, so the table never moves when overflow is detected after mount.
|
|
57
58
|
*/
|
|
58
59
|
scrollCue?: React.ReactNode;
|
|
59
60
|
/** `prioritize` only: the toggle label while optional columns are hidden. Default "Show All n Columns". */
|
|
@@ -113,7 +114,7 @@ export declare function TableFoot(props: TableFootProps): React.JSX.Element;
|
|
|
113
114
|
/** Props for TableRow: `tr` props plus the selected and inactive states. */
|
|
114
115
|
export type TableRowProps = React.ComponentPropsWithRef<'tr'> & {
|
|
115
116
|
/**
|
|
116
|
-
* Draws the `--
|
|
117
|
+
* Draws the `--border-size-2-25` row bar at the start edge. A row holding a
|
|
117
118
|
* checked Checkbox, or the `:target` of a link (give it an `id`), shows
|
|
118
119
|
* the bar without this prop.
|
|
119
120
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/data/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAgDjE,eAAO,MAAM,KAAK;;;;;;;;;8EAmChB,CAAA;AAEF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAA;AAE/C,wDAAwD;AACxD,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAA;AAa3D,6GAA6G;AAC7G,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG;IACjF,oGAAoG;IACpG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,mHAAmH;IACnH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,0EAA0E;IAC1E,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/data/table/Table.tsx"],"names":[],"mappings":"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"}
|
package/data/table/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/data/table/Table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACpC,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,UAAU,EAAE,MAAM,CAAC,UAAU;SAC9B;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,OAAO,EAAE,MAAM,CAAC,cAAc;SAC/B;QACD,WAAW,EAAE;YACX,IAAI,EAAE,MAAM,CAAC,WAAW;SACzB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC,OAAO;SACrB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM,CAAC,QAAQ;SACtB;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO;QACjB,IAAI,EAAE,KAAK;QACX,WAAW,EAAE,KAAK;QAClB,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAA;AAcF,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAoB,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAA;AACjF,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAU,MAAM,CAAC,CAAA;AAC3D,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAS,CAAC,CAAC,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/data/table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
* --table-pad-block, --table-pad-inline cell padding by density
|
|
14
14
|
* --table-row-min minimum row pitch (compact 32, interactive 44)
|
|
15
15
|
* --table-row-rule width of the --role-rule row rule (compact)
|
|
16
|
-
* Each starts from its --
|
|
16
|
+
* Each starts from its --fgd-table-* density token (tokens.css), so a
|
|
17
17
|
* Ground's data-density reaches the table; the `density` prop overrides it.
|
|
18
18
|
*/
|
|
19
19
|
|
|
@@ -58,17 +58,17 @@
|
|
|
58
58
|
|
|
59
59
|
@layer base {
|
|
60
60
|
.base {
|
|
61
|
-
--table-pad-block: var(--
|
|
62
|
-
--table-pad-inline: var(--
|
|
63
|
-
--table-row-min: var(--
|
|
64
|
-
--table-row-rule: var(--
|
|
61
|
+
--table-pad-block: var(--fgd-table-pad-block);
|
|
62
|
+
--table-pad-inline: var(--fgd-table-pad-inline);
|
|
63
|
+
--table-row-min: var(--fgd-table-row-min);
|
|
64
|
+
--table-row-rule: var(--fgd-table-row-rule);
|
|
65
65
|
|
|
66
66
|
container-type: inline-size;
|
|
67
67
|
/* Size containment leaves no intrinsic width: fill the box, never collapse as a flex or shrink-to-fit item. */
|
|
68
68
|
inline-size: 100%;
|
|
69
69
|
display: flex;
|
|
70
70
|
flex-direction: column;
|
|
71
|
-
gap: var(--
|
|
71
|
+
gap: var(--size-px-2-5);
|
|
72
72
|
min-inline-size: 0;
|
|
73
73
|
color: var(--primary12);
|
|
74
74
|
}
|
|
@@ -88,13 +88,13 @@
|
|
|
88
88
|
border-spacing: 0;
|
|
89
89
|
border-block: var(--border-size-2) solid var(--primary12);
|
|
90
90
|
color: var(--primary12);
|
|
91
|
-
font-variant-numeric: var(--
|
|
91
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
/* Caption block above the table; it stays in view while a wide table scrolls. */
|
|
95
95
|
.caption {
|
|
96
96
|
caption-side: top;
|
|
97
|
-
padding-block-end: var(--
|
|
97
|
+
padding-block-end: var(--size-px-2-5);
|
|
98
98
|
text-align: start;
|
|
99
99
|
}
|
|
100
100
|
|
|
@@ -196,9 +196,9 @@
|
|
|
196
196
|
inset-inline: 0;
|
|
197
197
|
inset-block-end: 0;
|
|
198
198
|
block-size: 0;
|
|
199
|
-
border-block-end: var(--
|
|
199
|
+
border-block-end: var(--fgd-dot-fine) solid var(--role-rule);
|
|
200
200
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1'%3E%3Ccircle cx='1.5' cy='0.5' r='0.5'/%3E%3C/svg%3E");
|
|
201
|
-
mask-size: var(--
|
|
201
|
+
mask-size: var(--fgd-dot-fine-pitch) var(--fgd-dot-fine);
|
|
202
202
|
mask-repeat: round no-repeat;
|
|
203
203
|
mask-origin: border-box;
|
|
204
204
|
pointer-events: none;
|
|
@@ -227,14 +227,14 @@
|
|
|
227
227
|
|
|
228
228
|
/*
|
|
229
229
|
* Total rule: line-double-hair in --primary12, two --border-size-1 lines
|
|
230
|
-
* --
|
|
230
|
+
* --fgd-double-hair-gap apart, drawn on the foot's first row (a cell
|
|
231
231
|
* border plus a second line) because cells cannot host the composed
|
|
232
232
|
* line class.
|
|
233
233
|
*/
|
|
234
234
|
.totalRule > .row:first-child > * {
|
|
235
235
|
border-block-start: var(--border-size-1) solid var(--primary12);
|
|
236
236
|
padding-block-start: calc(
|
|
237
|
-
var(--table-pad-block) + var(--
|
|
237
|
+
var(--table-pad-block) + var(--fgd-double-hair-gap) + var(--border-size-1)
|
|
238
238
|
);
|
|
239
239
|
}
|
|
240
240
|
|
|
@@ -242,18 +242,18 @@
|
|
|
242
242
|
content: '';
|
|
243
243
|
position: absolute;
|
|
244
244
|
inset-inline: 0;
|
|
245
|
-
inset-block-start: var(--
|
|
245
|
+
inset-block-start: var(--fgd-double-hair-gap);
|
|
246
246
|
border-block-start: var(--border-size-1) solid var(--primary12);
|
|
247
247
|
pointer-events: none;
|
|
248
248
|
}
|
|
249
249
|
|
|
250
|
-
/* Selected or current row bar: --
|
|
250
|
+
/* Selected or current row bar: --border-size-2-25 --primary12 at the row's start edge [D15]. */
|
|
251
251
|
.rowBar {
|
|
252
252
|
display: none;
|
|
253
253
|
position: absolute;
|
|
254
254
|
inset-block: 0;
|
|
255
255
|
inset-inline-start: 0;
|
|
256
|
-
inline-size: var(--
|
|
256
|
+
inline-size: var(--border-size-2-25);
|
|
257
257
|
background-color: var(--primary12);
|
|
258
258
|
}
|
|
259
259
|
|
|
@@ -277,14 +277,14 @@
|
|
|
277
277
|
appearance: none;
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
/* Every target reaches --
|
|
280
|
+
/* Every target reaches --fgd-size-hit (§9.1) [D43]. */
|
|
281
281
|
.sortButton::after {
|
|
282
282
|
content: '';
|
|
283
283
|
position: absolute;
|
|
284
284
|
top: 50%;
|
|
285
285
|
left: 50%;
|
|
286
|
-
inline-size: var(--
|
|
287
|
-
block-size: var(--
|
|
286
|
+
inline-size: var(--fgd-size-hit);
|
|
287
|
+
block-size: var(--fgd-size-hit);
|
|
288
288
|
min-inline-size: 100%;
|
|
289
289
|
min-block-size: 100%;
|
|
290
290
|
translate: -50% -50%;
|
|
@@ -297,14 +297,7 @@
|
|
|
297
297
|
text-underline-offset: var(--size-px-1);
|
|
298
298
|
}
|
|
299
299
|
|
|
300
|
-
/*
|
|
301
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
302
|
-
.sortButton {
|
|
303
|
-
transition-property: color, background-color;
|
|
304
|
-
transition-duration: var(--ds-duration-quick);
|
|
305
|
-
transition-timing-function: var(--ease-out-3);
|
|
306
|
-
}
|
|
307
|
-
}
|
|
300
|
+
/* No transition on the sort button: its press is the inverse pair from none, which steps at once [D205]. */
|
|
308
301
|
|
|
309
302
|
.sortGlyph {
|
|
310
303
|
flex: none;
|
|
@@ -339,24 +332,24 @@
|
|
|
339
332
|
}
|
|
340
333
|
|
|
341
334
|
@layer variants {
|
|
342
|
-
/* Density [D83]: compact padding --size-px-2 × --
|
|
335
|
+
/* Density [D83]: compact padding --size-px-2 × --size-px-2-5, rows ≥ 32 px, --role-rule row rules. */
|
|
343
336
|
.compact {
|
|
344
337
|
--table-pad-block: var(--size-px-2);
|
|
345
|
-
--table-pad-inline: var(--
|
|
338
|
+
--table-pad-inline: var(--size-px-2-5);
|
|
346
339
|
--table-row-min: var(--size-px-7);
|
|
347
340
|
--table-row-rule: var(--border-size-1);
|
|
348
341
|
}
|
|
349
342
|
|
|
350
343
|
.densityDefault {
|
|
351
|
-
--table-pad-block: var(--
|
|
344
|
+
--table-pad-block: var(--size-px-2-5);
|
|
352
345
|
--table-pad-inline: var(--size-px-3);
|
|
353
346
|
--table-row-min: 0px;
|
|
354
347
|
--table-row-rule: 0px;
|
|
355
348
|
}
|
|
356
349
|
|
|
357
|
-
/* Interactive rows are click targets: ≥ --
|
|
350
|
+
/* Interactive rows are click targets: ≥ --fgd-size-hit tall with --role-rule rules [D83]. */
|
|
358
351
|
.interactive {
|
|
359
|
-
--table-row-min: var(--
|
|
352
|
+
--table-row-min: var(--fgd-size-hit);
|
|
360
353
|
}
|
|
361
354
|
|
|
362
355
|
.interactive .body > .row > * {
|
|
@@ -376,9 +369,9 @@
|
|
|
376
369
|
inset-inline: 0;
|
|
377
370
|
inset-block-end: 0;
|
|
378
371
|
block-size: 0;
|
|
379
|
-
border-block-end: var(--
|
|
372
|
+
border-block-end: var(--fgd-dot-fine) solid var(--role-rule);
|
|
380
373
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1'%3E%3Ccircle cx='1.5' cy='0.5' r='0.5'/%3E%3C/svg%3E");
|
|
381
|
-
mask-size: var(--
|
|
374
|
+
mask-size: var(--fgd-dot-fine-pitch) var(--fgd-dot-fine);
|
|
382
375
|
mask-repeat: round no-repeat;
|
|
383
376
|
mask-origin: border-box;
|
|
384
377
|
pointer-events: none;
|
|
@@ -500,9 +493,9 @@
|
|
|
500
493
|
.stack .rowHeader {
|
|
501
494
|
display: block;
|
|
502
495
|
padding-block-end: var(--size-px-2);
|
|
503
|
-
font-family: var(--
|
|
504
|
-
font-variation-settings: var(--
|
|
505
|
-
font-size: var(--
|
|
496
|
+
font-family: var(--fgd-font-display);
|
|
497
|
+
font-variation-settings: var(--fgd-font-display-settings);
|
|
498
|
+
font-size: var(--fgd-font-size-itemhead);
|
|
506
499
|
font-weight: var(--font-weight-7);
|
|
507
500
|
line-height: var(--font-lineheight-0);
|
|
508
501
|
}
|
|
@@ -528,7 +521,7 @@
|
|
|
528
521
|
flex: 0 1 auto;
|
|
529
522
|
}
|
|
530
523
|
|
|
531
|
-
/* The leader stops --size-px-2 short of each text (the
|
|
524
|
+
/* The leader stops --size-px-2 short of each text (the trail break). It
|
|
532
525
|
resets the total rule's line, so the total row's cells keep their leaders. */
|
|
533
526
|
.stack .cell::before {
|
|
534
527
|
content: '';
|
|
@@ -538,9 +531,9 @@
|
|
|
538
531
|
flex: 1 0 var(--size-px-5);
|
|
539
532
|
align-self: last baseline;
|
|
540
533
|
block-size: 0;
|
|
541
|
-
border-block-end: var(--
|
|
534
|
+
border-block-end: var(--fgd-dot-fine) solid var(--role-rule);
|
|
542
535
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1'%3E%3Ccircle cx='1.5' cy='0.5' r='0.5'/%3E%3C/svg%3E");
|
|
543
|
-
mask-size: var(--
|
|
536
|
+
mask-size: var(--fgd-dot-fine-pitch) var(--fgd-dot-fine);
|
|
544
537
|
mask-repeat: round no-repeat;
|
|
545
538
|
mask-origin: border-box;
|
|
546
539
|
}
|
|
@@ -606,9 +599,9 @@
|
|
|
606
599
|
.stack .rowHeader {
|
|
607
600
|
display: block;
|
|
608
601
|
padding-block-end: var(--size-px-2);
|
|
609
|
-
font-family: var(--
|
|
610
|
-
font-variation-settings: var(--
|
|
611
|
-
font-size: var(--
|
|
602
|
+
font-family: var(--fgd-font-display);
|
|
603
|
+
font-variation-settings: var(--fgd-font-display-settings);
|
|
604
|
+
font-size: var(--fgd-font-size-itemhead);
|
|
612
605
|
font-weight: var(--font-weight-7);
|
|
613
606
|
line-height: var(--font-lineheight-0);
|
|
614
607
|
}
|
|
@@ -642,9 +635,9 @@
|
|
|
642
635
|
flex: 1 0 var(--size-px-5);
|
|
643
636
|
align-self: last baseline;
|
|
644
637
|
block-size: 0;
|
|
645
|
-
border-block-end: var(--
|
|
638
|
+
border-block-end: var(--fgd-dot-fine) solid var(--role-rule);
|
|
646
639
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 1'%3E%3Ccircle cx='1.5' cy='0.5' r='0.5'/%3E%3C/svg%3E");
|
|
647
|
-
mask-size: var(--
|
|
640
|
+
mask-size: var(--fgd-dot-fine-pitch) var(--fgd-dot-fine);
|
|
648
641
|
mask-repeat: round no-repeat;
|
|
649
642
|
mask-origin: border-box;
|
|
650
643
|
}
|
|
@@ -665,9 +658,13 @@
|
|
|
665
658
|
display: table-cell;
|
|
666
659
|
}
|
|
667
660
|
|
|
668
|
-
/*
|
|
661
|
+
/*
|
|
662
|
+
* The scroll cue shows only while the table overflows. Its line is kept
|
|
663
|
+
* either way: overflow is known only after mount, and the table must not
|
|
664
|
+
* move when the cue appears [D201].
|
|
665
|
+
*/
|
|
669
666
|
.base:not(:has(.region[data-has-overflow-x])) .cue {
|
|
670
|
-
|
|
667
|
+
visibility: hidden;
|
|
671
668
|
}
|
|
672
669
|
|
|
673
670
|
/* Pinned column: its --border-size-2 --role-rule edge appears once columns scroll under it. */
|
|
@@ -13,7 +13,7 @@ export type AccordionGlyph = NonNullable<AccordionVariants['glyph']>;
|
|
|
13
13
|
/** Props for Accordion: Base UI Accordion Root props plus the glyph, headed and color axes. */
|
|
14
14
|
export type AccordionProps<Value = unknown> = BaseAccordion.Root.Props<Value> & {
|
|
15
15
|
/**
|
|
16
|
-
* `disclosure` (default): the
|
|
16
|
+
* `disclosure` (default): the expand/collapse glyph at the row's end
|
|
17
17
|
* [D109]. `plusminus`: the outline circle holding + or −, the documented
|
|
18
18
|
* alternate for product UI. Never mix the two on one page.
|
|
19
19
|
*/
|
|
@@ -13,7 +13,7 @@ import styles from './accordion.module.css';
|
|
|
13
13
|
*
|
|
14
14
|
* Implementation (CSS Modules + CVA)
|
|
15
15
|
* - Module: accordion.module.css; CVA function `accordion`.
|
|
16
|
-
* - Axes: `glyph` → disclosure | plusminus (the
|
|
16
|
+
* - Axes: `glyph` → disclosure | plusminus (the disclosure glyph at the row's end,
|
|
17
17
|
* or the outline circle holding + / −, the documented alternate);
|
|
18
18
|
* `headed` → `headed` (a --border-size-2 --primary12 rule above the first
|
|
19
19
|
* item, when the accordion follows a heading); `primary`, `secondary` →
|