@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
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
composes: typeBodyUi from '../../utils/type.module.css';
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
/* The dock swap: a --
|
|
46
|
+
/* The dock swap: a --fgd-duration-quick clip from the top edge, never tied to scroll. */
|
|
47
47
|
@keyframes dock {
|
|
48
48
|
from {
|
|
49
49
|
clip-path: inset(0 0 100% 0);
|
|
@@ -55,11 +55,11 @@
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
@layer base {
|
|
58
|
-
/* Opaque, on the covered band's ground; one line, at least --
|
|
58
|
+
/* Opaque, on the covered band's ground; one line, at least --fgd-size-hit. */
|
|
59
59
|
.base {
|
|
60
60
|
position: relative;
|
|
61
61
|
display: block;
|
|
62
|
-
min-block-size: var(--
|
|
62
|
+
min-block-size: var(--fgd-size-hit);
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
/* A 1 px line the bar overlaps: a zero-height target at the viewport's
|
|
@@ -81,16 +81,16 @@
|
|
|
81
81
|
display: block;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
/* The row: --
|
|
84
|
+
/* The row: --size-px-2-5 sides (tight gutters), capped at the content container from --lg-n-above. */
|
|
85
85
|
.toolbar {
|
|
86
86
|
box-sizing: border-box;
|
|
87
87
|
display: flex;
|
|
88
88
|
align-items: stretch;
|
|
89
89
|
gap: var(--size-px-3);
|
|
90
90
|
inline-size: 100%;
|
|
91
|
-
min-block-size: var(--
|
|
91
|
+
min-block-size: var(--fgd-size-hit);
|
|
92
92
|
margin-inline: auto;
|
|
93
|
-
padding-inline: var(--
|
|
93
|
+
padding-inline: var(--size-px-2-5);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
/* Base: the disclosure glyph and the caps title. */
|
|
@@ -106,10 +106,10 @@
|
|
|
106
106
|
flex: none;
|
|
107
107
|
align-items: center;
|
|
108
108
|
justify-content: center;
|
|
109
|
-
inline-size: var(--
|
|
110
|
-
block-size: var(--
|
|
109
|
+
inline-size: var(--fgd-size-hit);
|
|
110
|
+
block-size: var(--fgd-size-hit);
|
|
111
111
|
margin: 0;
|
|
112
|
-
margin-inline-start: calc(-1 * var(--
|
|
112
|
+
margin-inline-start: calc(-1 * var(--size-px-2-5));
|
|
113
113
|
padding: 0;
|
|
114
114
|
border: 0;
|
|
115
115
|
border-radius: var(--radius-round);
|
|
@@ -134,14 +134,14 @@
|
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
/* The inline breadcrumb (from --md-n-above): the §9.8 Breadcrumb's one
|
|
137
|
-
line, whose crumbs truncate on a --
|
|
137
|
+
line, whose crumbs truncate on a --fgd-size-hit target, never wrap. */
|
|
138
138
|
.breadcrumb {
|
|
139
139
|
display: none;
|
|
140
140
|
align-items: center;
|
|
141
141
|
min-inline-size: 0;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
/* Jump to: ≤ 30% of the bar (
|
|
144
|
+
/* Jump to: ≤ 30% of the bar (240 px), type-body-ui plus expand_more. */
|
|
145
145
|
.jumpTrigger {
|
|
146
146
|
position: relative;
|
|
147
147
|
display: flex;
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
align-items: center;
|
|
247
247
|
justify-content: center;
|
|
248
248
|
min-inline-size: 0;
|
|
249
|
-
min-block-size: var(--
|
|
249
|
+
min-block-size: var(--fgd-size-hit);
|
|
250
250
|
padding-inline: var(--size-px-3);
|
|
251
251
|
color: var(--primary12);
|
|
252
252
|
text-align: center;
|
|
@@ -260,13 +260,13 @@
|
|
|
260
260
|
white-space: nowrap;
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
/* toTop: a --
|
|
263
|
+
/* toTop: a --fgd-size-hit square icon link at the strip's start. */
|
|
264
264
|
.toTop {
|
|
265
265
|
display: flex;
|
|
266
266
|
align-items: center;
|
|
267
267
|
justify-content: center;
|
|
268
|
-
inline-size: var(--
|
|
269
|
-
block-size: var(--
|
|
268
|
+
inline-size: var(--fgd-size-hit);
|
|
269
|
+
block-size: var(--fgd-size-hit);
|
|
270
270
|
color: var(--primary12);
|
|
271
271
|
}
|
|
272
272
|
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
max-block-size: 50vh;
|
|
282
282
|
margin: 0;
|
|
283
283
|
padding-block: 0 var(--size-px-2);
|
|
284
|
-
padding-inline: calc(var(--
|
|
284
|
+
padding-inline: calc(var(--size-px-2-5) + var(--fgd-size-hit)) var(--size-px-2-5);
|
|
285
285
|
overflow-y: auto;
|
|
286
286
|
list-style: none;
|
|
287
287
|
}
|
|
@@ -311,12 +311,12 @@
|
|
|
311
311
|
|
|
312
312
|
.jumpPanel {
|
|
313
313
|
box-sizing: border-box;
|
|
314
|
-
inline-size: min(var(--size-px-14), 100vw - 2 * var(--
|
|
314
|
+
inline-size: min(var(--size-px-14), 100vw - 2 * var(--fgd-space-margin));
|
|
315
315
|
max-block-size: min(60vh, var(--available-height));
|
|
316
316
|
padding-block: var(--size-px-2);
|
|
317
317
|
overflow-y: auto;
|
|
318
318
|
border: var(--border-size-2) solid var(--primary12);
|
|
319
|
-
border-radius: var(--
|
|
319
|
+
border-radius: var(--radius-2-25);
|
|
320
320
|
background-color: var(--primary1);
|
|
321
321
|
color: var(--primary12);
|
|
322
322
|
clip-path: inset(0);
|
|
@@ -328,12 +328,12 @@
|
|
|
328
328
|
list-style: none;
|
|
329
329
|
}
|
|
330
330
|
|
|
331
|
-
/* Rows ≥ --
|
|
331
|
+
/* Rows ≥ --fgd-size-control-md in a --fgd-size-hit area; no rest underline [D80]. */
|
|
332
332
|
.jumpItem {
|
|
333
333
|
position: relative;
|
|
334
334
|
display: flex;
|
|
335
335
|
align-items: center;
|
|
336
|
-
min-block-size: var(--
|
|
336
|
+
min-block-size: var(--fgd-size-hit);
|
|
337
337
|
padding: var(--size-px-1) var(--size-px-3);
|
|
338
338
|
color: var(--primary12);
|
|
339
339
|
text-decoration: none;
|
|
@@ -353,16 +353,12 @@
|
|
|
353
353
|
|
|
354
354
|
@media (prefers-reduced-motion: no-preference) {
|
|
355
355
|
.breadcrumbPanel {
|
|
356
|
-
transition: block-size var(--
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
.jumpPanel {
|
|
360
|
-
transition: clip-path var(--ds-duration-disclosure) var(--ease-out-3);
|
|
356
|
+
transition: block-size var(--fgd-duration-disclosure) var(--ease-out-3);
|
|
361
357
|
}
|
|
362
358
|
|
|
363
359
|
.jumpItem,
|
|
364
360
|
.jumpLabel {
|
|
365
|
-
transition: color var(--
|
|
361
|
+
transition: color var(--fgd-duration-quick) var(--ease-out-3);
|
|
366
362
|
}
|
|
367
363
|
}
|
|
368
364
|
|
|
@@ -376,7 +372,7 @@
|
|
|
376
372
|
display: flex;
|
|
377
373
|
align-items: center;
|
|
378
374
|
gap: var(--size-px-2);
|
|
379
|
-
padding: 0 var(--
|
|
375
|
+
padding: 0 var(--size-px-2-5) var(--size-px-2);
|
|
380
376
|
}
|
|
381
377
|
}
|
|
382
378
|
|
|
@@ -403,7 +399,7 @@
|
|
|
403
399
|
|
|
404
400
|
@media (min-width: 1024px) {
|
|
405
401
|
.toolbar {
|
|
406
|
-
max-inline-size: calc(var(--
|
|
402
|
+
max-inline-size: calc(var(--fgd-container-content) + 2 * var(--size-px-2-5));
|
|
407
403
|
}
|
|
408
404
|
}
|
|
409
405
|
|
|
@@ -495,7 +491,7 @@
|
|
|
495
491
|
|
|
496
492
|
@media (prefers-reduced-motion: no-preference) {
|
|
497
493
|
.docked {
|
|
498
|
-
animation: dock var(--
|
|
494
|
+
animation: dock var(--fgd-duration-quick) var(--ease-out-3);
|
|
499
495
|
}
|
|
500
496
|
}
|
|
501
497
|
}
|
|
@@ -503,13 +499,13 @@
|
|
|
503
499
|
@layer states {
|
|
504
500
|
/* Glyph hover: the next tier's weight (§10.1 icon states) [D181]. */
|
|
505
501
|
.glyph:hover svg {
|
|
506
|
-
stroke-width: var(--
|
|
502
|
+
stroke-width: var(--border-size-1-5);
|
|
507
503
|
}
|
|
508
504
|
|
|
509
505
|
/* Jump trigger hover: the label takes the link hover ink; the indicator keeps its weight [D181]. */
|
|
510
506
|
.jumpTrigger:hover .jumpLabel {
|
|
511
507
|
color: var(--role-link-hover);
|
|
512
|
-
text-decoration-line: var(--
|
|
508
|
+
text-decoration-line: var(--fgd-link-hover-line);
|
|
513
509
|
}
|
|
514
510
|
|
|
515
511
|
.jumpTrigger[data-popup-open] .chevron {
|
|
@@ -517,13 +513,13 @@
|
|
|
517
513
|
}
|
|
518
514
|
|
|
519
515
|
.jumpTrigger[data-popup-open] .jumpIndicator {
|
|
520
|
-
block-size: var(--
|
|
516
|
+
block-size: var(--border-size-2-25);
|
|
521
517
|
}
|
|
522
518
|
|
|
523
519
|
/* Jump item hover: --role-link-hover only; underlined where it is --primary12 [D181]. */
|
|
524
520
|
.jumpItem:hover {
|
|
525
521
|
color: var(--role-link-hover);
|
|
526
|
-
text-decoration-line: var(--
|
|
522
|
+
text-decoration-line: var(--fgd-link-hover-line);
|
|
527
523
|
}
|
|
528
524
|
|
|
529
525
|
.stairLink:hover {
|
|
@@ -535,13 +531,13 @@
|
|
|
535
531
|
font-weight: var(--font-weight-6);
|
|
536
532
|
}
|
|
537
533
|
|
|
538
|
-
/* Current Jump item: the --
|
|
534
|
+
/* Current Jump item: the --border-size-2-25 start bar in --primary12 [D15]. */
|
|
539
535
|
.jumpItem[aria-current='location']::before {
|
|
540
536
|
content: '';
|
|
541
537
|
position: absolute;
|
|
542
538
|
inset-block: var(--size-px-1);
|
|
543
539
|
inset-inline-start: 0;
|
|
544
|
-
inline-size: var(--
|
|
540
|
+
inline-size: var(--border-size-2-25);
|
|
545
541
|
background-color: var(--primary12);
|
|
546
542
|
}
|
|
547
543
|
|
|
@@ -562,22 +558,22 @@
|
|
|
562
558
|
position: absolute;
|
|
563
559
|
inset-inline: 0;
|
|
564
560
|
inset-block-end: 0;
|
|
565
|
-
block-size: var(--
|
|
561
|
+
block-size: var(--border-size-2-25);
|
|
566
562
|
background-color: var(--primary12);
|
|
567
563
|
}
|
|
568
564
|
|
|
569
565
|
.glyph:focus-visible,
|
|
570
566
|
.jumpTrigger:focus-visible,
|
|
571
567
|
.toTop:focus-visible {
|
|
572
|
-
outline: var(--
|
|
573
|
-
outline-offset: var(--
|
|
568
|
+
outline: var(--fgd-focus-width) solid var(--primary12);
|
|
569
|
+
outline-offset: var(--fgd-focus-offset);
|
|
574
570
|
}
|
|
575
571
|
|
|
576
572
|
/* Rings inside a scrolling strip or panel sit inset, so nothing clips them. */
|
|
577
573
|
.tab:focus-visible,
|
|
578
574
|
.jumpItem:focus-visible {
|
|
579
|
-
outline: var(--
|
|
580
|
-
outline-offset: calc(-1 * (var(--
|
|
575
|
+
outline: var(--fgd-focus-width) solid var(--primary12);
|
|
576
|
+
outline-offset: calc(-1 * (var(--fgd-focus-width) + var(--fgd-focus-offset)));
|
|
581
577
|
}
|
|
582
578
|
|
|
583
579
|
.breadcrumbPanel[data-starting-style],
|
|
@@ -585,12 +581,13 @@
|
|
|
585
581
|
block-size: 0;
|
|
586
582
|
}
|
|
587
583
|
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
.jumpPanel[data-
|
|
584
|
+
/*
|
|
585
|
+
* Outline morph [D204] (`morph`, the default): while the overlay draws
|
|
586
|
+
* the frame, the Jump panel's own edge takes its face. Without the morph
|
|
587
|
+
* the panel opens and closes at once [D205].
|
|
588
|
+
*/
|
|
589
|
+
.jumpPanel[data-outline-morph] {
|
|
590
|
+
border-color: var(--primary1);
|
|
594
591
|
transition: none;
|
|
595
592
|
}
|
|
596
593
|
|
|
@@ -30,7 +30,7 @@ type SectionDividerKindProps = {
|
|
|
30
30
|
* change is the seam. `seam`: the same-ground `--role-rule` seam.
|
|
31
31
|
* `page-seam`: the hairline between two different page grounds, in
|
|
32
32
|
* the lower band's `--role-hairline`, in both modes [D179]. `hill`:
|
|
33
|
-
* the
|
|
33
|
+
* the hill on the night media hero's lower seam, light mode
|
|
34
34
|
* only [D189]. `fringe`: the hatched fringe on the night band's edge,
|
|
35
35
|
* light mode only [D172]. `chrome`: a header or footer chrome rule.
|
|
36
36
|
* `pause`: an ornamental pause inside one band.
|
|
@@ -60,7 +60,7 @@ export type SectionDividerProps = SectionDividerCommonProps & SectionDividerKind
|
|
|
60
60
|
/**
|
|
61
61
|
* The seam between two bands, or a pause inside one. Render a band seam
|
|
62
62
|
* (`seam`, `page-seam`, `hill`, `fringe`) as the first child of the lower
|
|
63
|
-
* band's `<Ground kind="band">`, whose block padding is `--
|
|
63
|
+
* band's `<Ground kind="band">`, whose block padding is `--fgd-space-section`
|
|
64
64
|
* (§11.1): the divider takes that band's colors and sits on its top edge.
|
|
65
65
|
*
|
|
66
66
|
* A shaped edge sits only where tone separates the seam: the night band
|
|
@@ -29,7 +29,7 @@ import styles from './section-divider.module.css';
|
|
|
29
29
|
* ornament (the pause), shape (the hill), fringe (the tick row),
|
|
30
30
|
* fallback (the straight rule, print and forced colors only).
|
|
31
31
|
* - Scope: none of its own. The shaped edges read the night band's
|
|
32
|
-
* --
|
|
32
|
+
* --fgd-edge-shaped switch (block only where tone separates the seam:
|
|
33
33
|
* the night band against a page ground in light mode [D179]); on a page
|
|
34
34
|
* ground the `shape` and `fringe` hosts are aria-hidden `night` band
|
|
35
35
|
* Grounds that carry that switch only, painting nothing of their own.
|
|
@@ -38,7 +38,7 @@ import styles from './section-divider.module.css';
|
|
|
38
38
|
*
|
|
39
39
|
* Placement. A band seam (seam, page-seam, hill, fringe) is the lower
|
|
40
40
|
* band's first child: it inherits that band's scope and pulls itself up
|
|
41
|
-
* through the band's --
|
|
41
|
+
* through the band's --fgd-space-section top padding (§11.1) to sit on the
|
|
42
42
|
* seam. `chrome` and `pause` sit in the flow where they are placed.
|
|
43
43
|
*/
|
|
44
44
|
export const sectionDivider = cva(styles.base, {
|
|
@@ -75,7 +75,7 @@ function DotRun() {
|
|
|
75
75
|
React.createElement("svg", { className: styles.dots, "aria-hidden": "true", focusable: "false" },
|
|
76
76
|
React.createElement("line", { className: styles.dotLine, x1: "0", y1: "50%", x2: "100%", y2: "50%" }))));
|
|
77
77
|
}
|
|
78
|
-
/** The five-point `--
|
|
78
|
+
/** The five-point `--fgd-ornament-star` (9 px), solid, on the dotted run's centre line. */
|
|
79
79
|
function Star({ className }) {
|
|
80
80
|
return (React.createElement("svg", { className: className, viewBox: "0 0 18 18", "aria-hidden": "true", focusable: "false" },
|
|
81
81
|
React.createElement("path", { d: "M9 1 11 6.75 17.08 6.87 12.23 10.55 14 16.38 9 12.9 4 16.38 5.77 10.55 0.92 6.87 7 6.75Z" })));
|
|
@@ -100,7 +100,7 @@ function Ornament({ ornament }) {
|
|
|
100
100
|
/**
|
|
101
101
|
* The seam between two bands, or a pause inside one. Render a band seam
|
|
102
102
|
* (`seam`, `page-seam`, `hill`, `fringe`) as the first child of the lower
|
|
103
|
-
* band's `<Ground kind="band">`, whose block padding is `--
|
|
103
|
+
* band's `<Ground kind="band">`, whose block padding is `--fgd-space-section`
|
|
104
104
|
* (§11.1): the divider takes that band's colors and sits on its top edge.
|
|
105
105
|
*
|
|
106
106
|
* A shaped edge sits only where tone separates the seam: the night band
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionDivider.js","sourceRoot":"","sources":["../../src/page/section-divider/SectionDivider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IAC7C,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,YAAY;YAC7B,IAAI,EAAE,MAAM,CAAC,QAAQ;YACrB,WAAW,EAAE,MAAM,CAAC,YAAY;YAChC,MAAM,EAAE,MAAM,CAAC,UAAU;YACzB,KAAK,EAAE,MAAM,CAAC,SAAS;YACvB,IAAI,EAAE,MAAM,CAAC,QAAQ;YACrB,MAAM,EAAE,MAAM,CAAC,UAAU;SAC1B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,KAAK;SACnB;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,MAAM,CAAC,cAAc;YAC7B,GAAG,EAAE,MAAM,CAAC,WAAW;YACvB,IAAI,EAAE,MAAM,CAAC,YAAY;SAC1B;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAA;AA6DF,6EAA6E;AAC7E,SAAS,MAAM;IACb,OAAO,CACL,8BAAM,SAAS,EAAE,MAAM,CAAC,GAAG;QACzB,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBAAc,MAAM,EAAC,SAAS,EAAC,OAAO;YAC/D,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,GAAG,CAClE,CACD,CACR,CAAA;AACH,CAAC;AAED,
|
|
1
|
+
{"version":3,"file":"SectionDivider.js","sourceRoot":"","sources":["../../src/page/section-divider/SectionDivider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* custom properties carry dimensions only.
|
|
9
9
|
*
|
|
10
10
|
* Band seams sit on the lower band's top edge: the root is that band's
|
|
11
|
-
* first child and pulls itself up through the band's --
|
|
11
|
+
* first child and pulls itself up through the band's --fgd-space-section
|
|
12
12
|
* top padding (§11.1), then restores it below.
|
|
13
13
|
*/
|
|
14
14
|
|
|
@@ -75,15 +75,15 @@
|
|
|
75
75
|
.dots {
|
|
76
76
|
display: block;
|
|
77
77
|
inline-size: 100%;
|
|
78
|
-
inline-size: calc(round(down, 100% - var(--
|
|
79
|
-
block-size: var(--
|
|
78
|
+
inline-size: calc(round(down, 100% - var(--fgd-dot), var(--fgd-dot-pitch)) + var(--fgd-dot));
|
|
79
|
+
block-size: var(--fgd-dot);
|
|
80
80
|
overflow: visible;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
.dotLine {
|
|
84
84
|
fill: none;
|
|
85
85
|
stroke: currentColor;
|
|
86
|
-
stroke-dashoffset: calc(var(--
|
|
86
|
+
stroke-dashoffset: calc(var(--fgd-dot) / -2);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
/* ornament-rule-dot (§4.8.2): two hairlines and a solid dot between. */
|
|
@@ -96,18 +96,18 @@
|
|
|
96
96
|
|
|
97
97
|
.dot {
|
|
98
98
|
flex: none;
|
|
99
|
-
inline-size: var(--
|
|
100
|
-
block-size: var(--
|
|
101
|
-
margin-inline: var(--
|
|
99
|
+
inline-size: var(--fgd-ornament-dot);
|
|
100
|
+
block-size: var(--fgd-ornament-dot);
|
|
101
|
+
margin-inline: var(--fgd-ornament-dot-gap);
|
|
102
102
|
fill: currentColor;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
/* ornament-rule-star: the solid star once at the centre, halo-clear. */
|
|
106
106
|
.star {
|
|
107
107
|
flex: none;
|
|
108
|
-
inline-size: var(--
|
|
109
|
-
block-size: var(--
|
|
110
|
-
margin-inline: var(--
|
|
108
|
+
inline-size: var(--fgd-ornament-star);
|
|
109
|
+
block-size: var(--fgd-ornament-star);
|
|
110
|
+
margin-inline: var(--fgd-space-halo);
|
|
111
111
|
fill: currentColor;
|
|
112
112
|
}
|
|
113
113
|
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
.kindPageSeam,
|
|
135
135
|
.kindHill,
|
|
136
136
|
.kindFringe {
|
|
137
|
-
margin-block: calc(-1 * var(--
|
|
137
|
+
margin-block: calc(-1 * var(--fgd-space-section)) var(--fgd-space-section);
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
/* Chrome and pause rules sit in the flow where they are placed. */
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
|
|
162
162
|
.ornamentDotted .ornament,
|
|
163
163
|
.ornamentStar .ornament {
|
|
164
|
-
inline-size: min(100%, var(--
|
|
164
|
+
inline-size: min(100%, var(--fgd-measure-reading));
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
.ornamentStar,
|
|
@@ -176,11 +176,11 @@
|
|
|
176
176
|
|
|
177
177
|
/*
|
|
178
178
|
* The hill [D189]. The root paints the lower band's own ground; `shape`
|
|
179
|
-
* is a night Ground used only for its --
|
|
179
|
+
* is a night Ground used only for its --fgd-edge-shaped switch (block in
|
|
180
180
|
* light mode, none on a dark page, where the night band's --primary12
|
|
181
181
|
* seam is the edge). In the flow it is the amplitude added to the band's
|
|
182
|
-
* top padding: 4.6% of the width, clamped --
|
|
183
|
-
* --
|
|
182
|
+
* top padding: 4.6% of the width, clamped --fgd-edge-hill-min to
|
|
183
|
+
* --fgd-edge-hill-max. Its ::before rises the same height above the seam
|
|
184
184
|
* as one hard-edged curve in the lower ground: low at the start, crest at
|
|
185
185
|
* 0.667 of the width, the end falling 30% of the rise; no rule under it.
|
|
186
186
|
* These rules sit above Ground's own base-layer paint and seam.
|
|
@@ -190,12 +190,12 @@
|
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
.shape {
|
|
193
|
-
display: var(--
|
|
193
|
+
display: var(--fgd-edge-shaped, block);
|
|
194
194
|
position: relative;
|
|
195
195
|
inline-size: 100%;
|
|
196
196
|
aspect-ratio: 1000 / 46;
|
|
197
|
-
min-block-size: var(--
|
|
198
|
-
max-block-size: var(--
|
|
197
|
+
min-block-size: var(--fgd-edge-hill-min);
|
|
198
|
+
max-block-size: var(--fgd-edge-hill-max);
|
|
199
199
|
border: 0;
|
|
200
200
|
background-color: inherit;
|
|
201
201
|
color: inherit;
|
|
@@ -41,7 +41,7 @@ type SectionHeaderCommonProps = Omit<useRender.ComponentProps<'div'>, 'children'
|
|
|
41
41
|
heading: React.ReactNode;
|
|
42
42
|
/** The heading's `id`, for the band's `aria-labelledby`. */
|
|
43
43
|
headingId?: string;
|
|
44
|
-
/** Why it matters: `type-lead` in `--primary12`, capped at `--
|
|
44
|
+
/** Why it matters: `type-lead` in `--primary12`, capped at `--fgd-measure-reading`. */
|
|
45
45
|
lede?: React.ReactNode;
|
|
46
46
|
/** Where to go next: below the lede at base, at the heading row's end from `--lg-n-above`. */
|
|
47
47
|
seeAll?: SectionHeaderSeeAll;
|
|
@@ -50,7 +50,7 @@ type SectionHeaderCommonProps = Omit<useRender.ComponentProps<'div'>, 'children'
|
|
|
50
50
|
};
|
|
51
51
|
type SectionHeaderKindProps = {
|
|
52
52
|
/**
|
|
53
|
-
* `editorial` (default): eyebrow, hairline, content
|
|
53
|
+
* `editorial` (default): eyebrow, hairline, content. With an
|
|
54
54
|
* eyebrow the header opens with its rule, so the band needs no
|
|
55
55
|
* page-seam hairline above it [D179].
|
|
56
56
|
*/
|
|
@@ -62,7 +62,7 @@ type SectionHeaderKindProps = {
|
|
|
62
62
|
number?: never;
|
|
63
63
|
topic?: never;
|
|
64
64
|
} | {
|
|
65
|
-
/** `trailed`: a display-serif kicker threaded by the dashed trail; the heading centred below it
|
|
65
|
+
/** `trailed`: a display-serif kicker threaded by the dashed trail; the heading centred below it. */
|
|
66
66
|
kind: 'trailed';
|
|
67
67
|
/** The kicker: `type-kicker` in `--role-heading`, a section head. */
|
|
68
68
|
kicker: React.ReactNode;
|
|
@@ -71,7 +71,7 @@ type SectionHeaderKindProps = {
|
|
|
71
71
|
number?: never;
|
|
72
72
|
topic?: never;
|
|
73
73
|
} | {
|
|
74
|
-
/** `scene`: heading, lede and pill, all centred
|
|
74
|
+
/** `scene`: heading, lede and pill, all centred. */
|
|
75
75
|
kind: 'scene';
|
|
76
76
|
eyebrow?: never;
|
|
77
77
|
kicker?: never;
|
|
@@ -79,9 +79,9 @@ type SectionHeaderKindProps = {
|
|
|
79
79
|
number?: never;
|
|
80
80
|
topic?: never;
|
|
81
81
|
} | {
|
|
82
|
-
/** `anchored`: a sticker drawing sitting on the heading, then an action
|
|
82
|
+
/** `anchored`: a sticker drawing sitting on the heading, then an action. */
|
|
83
83
|
kind: 'anchored';
|
|
84
|
-
/** The sticker (§6.14) at `--
|
|
84
|
+
/** The sticker (§6.14) at `--fgd-size-art-s`; its halo touches the heading's cap tops. */
|
|
85
85
|
art: React.ReactNode;
|
|
86
86
|
eyebrow?: never;
|
|
87
87
|
kicker?: never;
|
|
@@ -98,7 +98,7 @@ type SectionHeaderKindProps = {
|
|
|
98
98
|
art?: never;
|
|
99
99
|
topic?: never;
|
|
100
100
|
} | {
|
|
101
|
-
/** `topic`: an icon and caps topic tag above the heading
|
|
101
|
+
/** `topic`: an icon and caps topic tag above the heading. */
|
|
102
102
|
kind: 'topic';
|
|
103
103
|
/** The topic tag: a §10 Tag with its icon, which keeps its own module. */
|
|
104
104
|
topic: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../src/page/section-header/SectionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAqCjE,eAAO,MAAM,aAAa;;;;;8EAsBxB,CAAA;AAEF,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE/D,4BAA4B;AAC5B,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAA;AAE1E,wFAAwF;AACxF,MAAM,WAAW,mBAAmB;IAClC,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAA;IACZ,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC5B;AAED,KAAK,wBAAwB,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAClF;;;;OAIG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAC1C;;;;OAIG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IAC9C,sGAAsG;IACtG,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,
|
|
1
|
+
{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../src/page/section-header/SectionHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -63,7 +63,7 @@ export const sectionHeader = cva(styles.base, {
|
|
|
63
63
|
});
|
|
64
64
|
/**
|
|
65
65
|
* The entry-left `ornament-trail` (§4.7.1): an origin circle, a freehand
|
|
66
|
-
* rise with one loop, then a level run stopping `--
|
|
66
|
+
* rise with one loop, then a level run stopping `--fgd-space-halo` before the
|
|
67
67
|
* kicker. Fixed art, 120 × 56 px; decorative.
|
|
68
68
|
*/
|
|
69
69
|
function TrailEntry() {
|
|
@@ -71,13 +71,13 @@ function TrailEntry() {
|
|
|
71
71
|
React.createElement("circle", { className: styles.marker, cx: "5", cy: "46", r: "2.5" }),
|
|
72
72
|
React.createElement("path", { className: styles.trailPath, d: "M12 45.2C18 43 22 38 26 31C31 22 35 9 43 8C51 7 53 20 46 27C39 34 30 29 33 20C36 12 50 14 60 21C68 26 76 28 86 28L120 28", vectorEffect: "non-scaling-stroke" })));
|
|
73
73
|
}
|
|
74
|
-
/** The trail resumed `--
|
|
74
|
+
/** The trail resumed `--fgd-space-halo` after the kicker, ending in an open `marker-terminal`. */
|
|
75
75
|
function TrailTail() {
|
|
76
76
|
return (React.createElement("svg", { className: styles.trail, width: "40", height: "56", viewBox: "0 0 40 56", "aria-hidden": "true", focusable: "false" },
|
|
77
77
|
React.createElement("path", { className: styles.trailPath, d: "M0 28C8 28 14 30 22 29", vectorEffect: "non-scaling-stroke" }),
|
|
78
78
|
React.createElement("path", { className: styles.marker, d: "M26 26 32 29 26 32Z", vectorEffect: "non-scaling-stroke" })));
|
|
79
79
|
}
|
|
80
|
-
/** "See all →": `type-label` caps, underlined at rest in `--role-accent`, with a `--
|
|
80
|
+
/** "See all →": `type-label` caps, underlined at rest in `--role-accent`, with a `--fgd-size-hit` target. */
|
|
81
81
|
function SeeAll({ href, label, render }) {
|
|
82
82
|
const url = printUrl(href);
|
|
83
83
|
return useRender({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../src/page/section-header/SectionHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,SAAS,MAAM,6BAA6B,CAAA;AACnD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IAC5C,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,MAAM,EAAE,MAAM,CAAC,MAAM;SACtB;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAoHF;;;;GAIG;AACH,SAAS,UAAU;IACjB,OAAO,CACL,6BACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,iBACR,MAAM,EAClB,SAAS,EAAC,OAAO;QAEjB,gCAAQ,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,GAAG;QAC3D,8BACE,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,CAAC,EAAC,0HAA0H,EAC5H,YAAY,EAAC,oBAAoB,GACjC,CACE,CACP,CAAA;AACH,CAAC;AAED,
|
|
1
|
+
{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../src/page/section-header/SectionHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,SAAS,MAAM,6BAA6B,CAAA;AACnD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IAC5C,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,MAAM,EAAE,MAAM,CAAC,MAAM;SACtB;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAoHF;;;;GAIG;AACH,SAAS,UAAU;IACjB,OAAO,CACL,6BACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,iBACR,MAAM,EAClB,SAAS,EAAC,OAAO;QAEjB,gCAAQ,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,GAAG;QAC3D,8BACE,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,CAAC,EAAC,0HAA0H,EAC5H,YAAY,EAAC,oBAAoB,GACjC,CACE,CACP,CAAA;AACH,CAAC;AAED,kGAAkG;AAClG,SAAS,SAAS;IAChB,OAAO,CACL,6BACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,iBACP,MAAM,EAClB,SAAS,EAAC,OAAO;QAEjB,8BACE,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,CAAC,EAAC,wBAAwB,EAC1B,YAAY,EAAC,oBAAoB,GACjC;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAC,qBAAqB,EAAC,YAAY,EAAC,oBAAoB,GAAG,CACxF,CACP,CAAA;AACH,CAAC;AAED,6GAA6G;AAC7G,SAAS,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAuB;IAC1D,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC1B,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,GAAG;QACnB,MAAM;QACN,KAAK,EAAE;YACL,IAAI;YACJ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;YACtC,QAAQ,EAAE,CACR;gBACE,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,KAAK,IAAI,SAAS,CAAQ;gBAChE,oBAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,MAAM,EAAC,aAAa,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI;gBAChF,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,QAAQ;;oBAAI,GAAG;wBAAS,CAAC,CAAC,CAAC,IAAI,CACtE,CACJ;SACF;KACF,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,GAAG,EACH,MAAM,EACN,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAA;IAClC,MAAM,YAAY,GAAsB,IAAI,IAAI,WAAW,CAAA;IAC3D,MAAM,UAAU,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAEnD,MAAM,OAAO,GAAG,CACd;QACG,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,CAC9B;YACE,2BAAG,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC5B,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,IAAG,MAAM,CAAQ;gBACvE,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,IAAG,OAAO,CAAQ,CACxE;YACJ,oBAAC,aAAa,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI,CACxE,CACJ,CAAC,CAAC,CAAC,IAAI;QACP,YAAY,KAAK,WAAW,IAAI,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CACjD;YACE,2BAAG,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,IAAG,OAAO,CAAK;YACtE,oBAAC,aAAa,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI,CACxE,CACJ,CAAC,CAAC,CAAC,IAAI;QACP,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;YAC9B,oBAAC,UAAU,OAAG;YACd,2BAAG,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,IAAG,MAAM,CAAK;YACnE,oBAAC,SAAS,OAAG,CACT,CACP,CAAC,CAAC,CAAC,IAAI;QACP,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,GAAG,IAAG,GAAG,CAAO,CAAC,CAAC,CAAC,IAAI;QAC5E,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI;QACjF,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,IAE5F,OAAO,CACG;QACZ,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAK,CAAC,CAAC,CAAC,IAAI;QACnF,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAK,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI;QAC9C,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI,CACzE,CACJ,CAAA;IAED,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,KAAK;QACrB,MAAM;QACN,GAAG;QACH,KAAK,EAAE,UAAU,CACf;YACE,GAAG,KAAK;YACR,SAAS,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;YACtF,QAAQ,EAAE,OAAO;SAClB,EACD,IAAI,CACL;KACF,CAAC,CAAA;AACJ,CAAC"}
|