@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
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
* cell's ::before), frame (a faced Card, which draws its own edge and face).
|
|
7
7
|
* Pure line and type: colors are role variables only; local custom
|
|
8
8
|
* properties carry dimensions only:
|
|
9
|
-
* --feature-grid-gap the column gutter (= --
|
|
10
|
-
* --feature-grid-row the gap between rows (--
|
|
9
|
+
* --feature-grid-gap the column gutter (= --fgd-space-margin) [D42]
|
|
10
|
+
* --feature-grid-row the gap between rows (--size-px-8-5, the rhythm's "next")
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/* Composition sits in top-level rules, outside the layers: Lightning CSS
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
|
|
32
32
|
@layer base {
|
|
33
33
|
.base {
|
|
34
|
-
--feature-grid-gap: var(--
|
|
35
|
-
--feature-grid-row: var(--
|
|
34
|
+
--feature-grid-gap: var(--fgd-space-margin);
|
|
35
|
+
--feature-grid-row: var(--size-px-8-5);
|
|
36
36
|
|
|
37
37
|
container: feature-grid / inline-size;
|
|
38
38
|
min-inline-size: 0;
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
list-style: none;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
/* Rhythm
|
|
57
|
+
/* Rhythm: leader → 16 → heading → 32 → body; 56 to the next cell. */
|
|
58
58
|
.cell {
|
|
59
59
|
position: relative; /* the stretched title link's positioned ancestor */
|
|
60
60
|
display: flex;
|
|
@@ -67,8 +67,8 @@
|
|
|
67
67
|
.icon {
|
|
68
68
|
display: block;
|
|
69
69
|
flex: none;
|
|
70
|
-
inline-size: var(--
|
|
71
|
-
block-size: var(--
|
|
70
|
+
inline-size: var(--fgd-size-icon-block);
|
|
71
|
+
block-size: var(--fgd-size-icon-block);
|
|
72
72
|
margin-block-end: var(--size-px-3);
|
|
73
73
|
color: var(--role-accent);
|
|
74
74
|
fill: currentColor;
|
|
@@ -80,20 +80,20 @@
|
|
|
80
80
|
block-size: 100%;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
/* Numeral: a --
|
|
83
|
+
/* Numeral: a --fgd-size-control-xl outline circle at --border-size-1-5, zero-padded data figures. */
|
|
84
84
|
.numeral {
|
|
85
85
|
display: flex;
|
|
86
86
|
flex: none;
|
|
87
87
|
align-items: center;
|
|
88
88
|
justify-content: center;
|
|
89
89
|
box-sizing: border-box;
|
|
90
|
-
inline-size: var(--
|
|
91
|
-
block-size: var(--
|
|
90
|
+
inline-size: var(--fgd-size-control-xl);
|
|
91
|
+
block-size: var(--fgd-size-control-xl);
|
|
92
92
|
margin-block-end: var(--size-px-3);
|
|
93
|
-
border: var(--
|
|
93
|
+
border: var(--border-size-1-5) solid var(--primary12);
|
|
94
94
|
border-radius: var(--radius-round);
|
|
95
95
|
color: var(--primary12);
|
|
96
|
-
font-variant-numeric: var(--
|
|
96
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.numeral::before {
|
|
@@ -175,14 +175,14 @@
|
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
@layer variants {
|
|
178
|
-
/* Icon
|
|
178
|
+
/* Icon: block icon → heading → body, whitespace only. */
|
|
179
179
|
.kindIcon .cell {
|
|
180
180
|
align-items: flex-start;
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
/*
|
|
184
|
-
* Numbered
|
|
185
|
-
* separated by --border-size-1 --role-rule inset rules (--
|
|
184
|
+
* Numbered: centered within --size-content-2 while stacked, cells
|
|
185
|
+
* separated by --border-size-1 --role-rule inset rules (--size-px-7-5 in
|
|
186
186
|
* from each side), centered in the row gap. Once cells sit in a row the
|
|
187
187
|
* separator turns into a vertical column rule in the gutter; it is dropped
|
|
188
188
|
* at the start of each row.
|
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
content: '';
|
|
205
205
|
position: absolute;
|
|
206
206
|
inset-block-start: calc(var(--feature-grid-row) / -2);
|
|
207
|
-
inset-inline: var(--
|
|
207
|
+
inset-inline: var(--size-px-7-5);
|
|
208
208
|
border-block-start: var(--border-size-1) solid var(--role-rule);
|
|
209
209
|
}
|
|
210
210
|
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
.numbered .cell:nth-child(n)::before {
|
|
237
237
|
display: block;
|
|
238
238
|
inset-block: calc(var(--feature-grid-row) / -2) auto;
|
|
239
|
-
inset-inline: var(--
|
|
239
|
+
inset-inline: var(--size-px-7-5);
|
|
240
240
|
border-block-start: var(--border-size-1) solid var(--role-rule);
|
|
241
241
|
border-inline-start: 0;
|
|
242
242
|
}
|
|
@@ -274,15 +274,15 @@
|
|
|
274
274
|
}
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
/* Rule-topped
|
|
277
|
+
/* Rule-topped: a --role-hairline column rule opens each cell; rules break at the gutter. */
|
|
278
278
|
.ruleTopped .cell {
|
|
279
279
|
padding-block-start: var(--size-px-3);
|
|
280
280
|
border-block-start: var(--border-size-1) solid var(--role-hairline);
|
|
281
281
|
}
|
|
282
282
|
|
|
283
|
-
/* Framed
|
|
283
|
+
/* Framed: 2 × 2 inside the faced frame; the frame sits in the outer scope. */
|
|
284
284
|
.framed .frame {
|
|
285
|
-
border-radius: var(--
|
|
285
|
+
border-radius: var(--radius-2-25);
|
|
286
286
|
}
|
|
287
287
|
|
|
288
288
|
@media (min-width: 768px) {
|
|
@@ -303,9 +303,9 @@
|
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
-
/* Glossary
|
|
306
|
+
/* Glossary: drawings with caps captions, no rules. */
|
|
307
307
|
.glossary .caption + .body {
|
|
308
|
-
margin-block-start: var(--
|
|
308
|
+
margin-block-start: var(--size-px-2-5);
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
311
|
|
|
@@ -61,7 +61,7 @@ export type IndexRowProps = useRender.ComponentProps<'li'> & {
|
|
|
61
61
|
* `type-data`. Above the title below 768 px of container, a left column from 768.
|
|
62
62
|
*/
|
|
63
63
|
date?: React.ReactNode;
|
|
64
|
-
/** Related rows: a thumbnail `img` (empty alt), `--
|
|
64
|
+
/** Related rows: a thumbnail `img` (empty alt), `--fgd-size-thumb` square, dropped in print. */
|
|
65
65
|
thumb?: React.ReactNode;
|
|
66
66
|
};
|
|
67
67
|
/**
|
|
@@ -116,7 +116,7 @@ export type IndexRowDisclosureProps = Omit<BaseCollapsible.Root.Props, 'title' |
|
|
|
116
116
|
};
|
|
117
117
|
/**
|
|
118
118
|
* An expandable event row (§10.13): the title is the trigger, inside an
|
|
119
|
-
* `h3`, with the
|
|
119
|
+
* `h3`, with the disclosure glyph; the details (body, "Host" /
|
|
120
120
|
* "Entrance" pairs, a sm Button) sit in the panel. Collapsed titles are
|
|
121
121
|
* `--role-muted` and grow to `type-h2` in `--primary12` when open. Rows
|
|
122
122
|
* print expanded, glyphs hidden.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IndexRows.d.ts","sourceRoot":"","sources":["../../src/content/index-rows/IndexRows.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAqC,KAAK,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAC5G,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAwCzD,eAAO,MAAM,SAAS;;;;8EAYpB,CAAA;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvD,wCAAwC;AACxC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;AAKtE,mFAAmF;AACnF,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG;IACjE;;;;;;OAMG;IACH,IAAI,EAAE,aAAa,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAC3C,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAgB9C;AAED,8DAA8D;AAC9D,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;AAErE;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,0EAQ1D;AAED,wDAAwD;AACxD,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AAE/D,yFAAyF;AACzF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,0EAStD;AAED,gFAAgF;AAChF,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAC3D,2FAA2F;IAC3F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB
|
|
1
|
+
{"version":3,"file":"IndexRows.d.ts","sourceRoot":"","sources":["../../src/content/index-rows/IndexRows.tsx"],"names":[],"mappings":"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"}
|
|
@@ -189,7 +189,7 @@ export function IndexRowDek(props) {
|
|
|
189
189
|
}
|
|
190
190
|
/**
|
|
191
191
|
* An expandable event row (§10.13): the title is the trigger, inside an
|
|
192
|
-
* `h3`, with the
|
|
192
|
+
* `h3`, with the disclosure glyph; the details (body, "Host" /
|
|
193
193
|
* "Entrance" pairs, a sm Button) sit in the panel. Collapsed titles are
|
|
194
194
|
* `--role-muted` and grow to `type-h2` in `--primary12` when open. Rows
|
|
195
195
|
* print expanded, glyphs hidden.
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
* event column rule), title (`titleUi` for ranked and related), titleLink
|
|
7
7
|
* (a title Link), count, meta (`metaCaps` for articles), dek, currentBar
|
|
8
8
|
* (the rule's ::before), disclosure, eventHeading, trigger, triggerLabel,
|
|
9
|
-
* glyph (the shared
|
|
9
|
+
* glyph (the shared disclosure glyph), details (the Collapsible Panel), footer.
|
|
10
10
|
* Dense module: line semantics only. Colors are role variables only; local
|
|
11
11
|
* custom properties carry dimensions only:
|
|
12
|
-
* --index-rows-pad the row's vertical padding (--
|
|
12
|
+
* --index-rows-pad the row's vertical padding (--size-px-2-5 ranked and
|
|
13
13
|
* related, --size-px-3 article and event)
|
|
14
14
|
* --index-rows-gap the gap between the key column and the text column
|
|
15
15
|
*/
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
padding-block: var(--index-rows-pad);
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
/* The text column carries the row rule; rules never run under the key column
|
|
97
|
+
/* The text column carries the row rule; rules never run under the key column. */
|
|
98
98
|
.rule {
|
|
99
99
|
position: relative;
|
|
100
100
|
display: grid;
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
|
|
110
110
|
.title,
|
|
111
111
|
.titleUi {
|
|
112
|
-
max-inline-size: var(--
|
|
112
|
+
max-inline-size: var(--fgd-measure-reading);
|
|
113
113
|
margin: 0;
|
|
114
114
|
color: var(--primary12);
|
|
115
115
|
}
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
.dek {
|
|
127
|
-
max-inline-size: var(--
|
|
127
|
+
max-inline-size: var(--fgd-measure-reading);
|
|
128
128
|
margin: var(--size-px-1) 0 0;
|
|
129
129
|
color: var(--primary12);
|
|
130
130
|
}
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
margin-block-start: var(--size-px-5);
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
/* Event disclosure (§10.13): the title is the trigger, the
|
|
141
|
+
/* Event disclosure (§10.13): the title is the trigger, the disclosure glyph trails it. */
|
|
142
142
|
.disclosure {
|
|
143
143
|
display: grid;
|
|
144
144
|
gap: var(--size-px-1);
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
|
|
152
152
|
/* The details: body, key–value pairs and a sm Button, within the reading measure. */
|
|
153
153
|
.details {
|
|
154
|
-
max-inline-size: var(--
|
|
154
|
+
max-inline-size: var(--fgd-measure-reading);
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
.trigger {
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
gap: var(--size-px-3);
|
|
162
162
|
box-sizing: border-box;
|
|
163
163
|
inline-size: 100%;
|
|
164
|
-
min-block-size: var(--
|
|
164
|
+
min-block-size: var(--fgd-size-hit);
|
|
165
165
|
margin: 0;
|
|
166
166
|
padding: 0;
|
|
167
167
|
border: 0;
|
|
@@ -175,17 +175,17 @@
|
|
|
175
175
|
.triggerLabel {
|
|
176
176
|
flex: 1 1 auto;
|
|
177
177
|
min-inline-size: 0;
|
|
178
|
-
max-inline-size: var(--
|
|
178
|
+
max-inline-size: var(--fgd-measure-reading);
|
|
179
179
|
text-decoration-color: var(--role-accent);
|
|
180
|
-
text-decoration-thickness: var(--
|
|
180
|
+
text-decoration-thickness: var(--border-size-1-5);
|
|
181
181
|
text-underline-offset: 0.15em;
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
/* Hover transition [D181]: --
|
|
184
|
+
/* Hover transition [D181]: --fgd-duration-quick, --ease-out-3; instant under --motionNotOK. */
|
|
185
185
|
@media (prefers-reduced-motion: no-preference) {
|
|
186
186
|
.trigger {
|
|
187
187
|
transition-property: color;
|
|
188
|
-
transition-duration: var(--
|
|
188
|
+
transition-duration: var(--fgd-duration-quick);
|
|
189
189
|
transition-timing-function: var(--ease-out-3);
|
|
190
190
|
}
|
|
191
191
|
}
|
|
@@ -202,9 +202,9 @@
|
|
|
202
202
|
font-weight: var(--font-weight-6);
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
/* Ranked
|
|
205
|
+
/* Ranked: a 2.5ch muted rank column, labels with counts, --size-px-2-5 rows. */
|
|
206
206
|
.ranked {
|
|
207
|
-
--index-rows-pad: var(--
|
|
207
|
+
--index-rows-pad: var(--size-px-2-5);
|
|
208
208
|
}
|
|
209
209
|
|
|
210
210
|
.ranked .row {
|
|
@@ -212,29 +212,29 @@
|
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
.ranked .rank {
|
|
215
|
-
font-variant-numeric: var(--
|
|
215
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
216
216
|
text-align: end;
|
|
217
217
|
}
|
|
218
218
|
|
|
219
|
-
/* Related
|
|
219
|
+
/* Related: a --fgd-size-thumb thumbnail --size-px-2 from the title. */
|
|
220
220
|
.related {
|
|
221
|
-
--index-rows-pad: var(--
|
|
221
|
+
--index-rows-pad: var(--size-px-2-5);
|
|
222
222
|
--index-rows-gap: var(--size-px-2);
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
.related .row {
|
|
226
|
-
grid-template-columns: var(--
|
|
226
|
+
grid-template-columns: var(--fgd-size-thumb) minmax(0, 1fr);
|
|
227
227
|
}
|
|
228
228
|
|
|
229
229
|
.thumb > img {
|
|
230
230
|
display: block;
|
|
231
|
-
inline-size: var(--
|
|
232
|
-
block-size: var(--
|
|
233
|
-
border-radius: var(--
|
|
231
|
+
inline-size: var(--fgd-size-thumb);
|
|
232
|
+
block-size: var(--fgd-size-thumb);
|
|
233
|
+
border-radius: var(--radius-2-25);
|
|
234
234
|
object-fit: cover;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
|
-
/* Event
|
|
237
|
+
/* Event: table-like, so --role-rule rules; the date sits above the title at base. */
|
|
238
238
|
.event .rule {
|
|
239
239
|
border-color: var(--role-rule);
|
|
240
240
|
}
|
|
@@ -376,19 +376,19 @@
|
|
|
376
376
|
outline-offset: calc(-1 * var(--border-size-2));
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
/* Current: a --
|
|
379
|
+
/* Current: a --border-size-2-25 --primary12 bar at the start edge of the text column
|
|
380
380
|
(titles already sit at --font-weight-6 or heavier). */
|
|
381
381
|
.rule:has(.titleLink[aria-current]:not([aria-current='false']))::before {
|
|
382
382
|
content: '';
|
|
383
383
|
position: absolute;
|
|
384
384
|
inset-block: 0;
|
|
385
|
-
inset-inline-start: calc(-1 * (var(--size-px-2) + var(--
|
|
386
|
-
border-inline-start: var(--
|
|
385
|
+
inset-inline-start: calc(-1 * (var(--size-px-2) + var(--border-size-2-25)));
|
|
386
|
+
border-inline-start: var(--border-size-2-25) solid var(--primary12);
|
|
387
387
|
}
|
|
388
388
|
|
|
389
389
|
/*
|
|
390
390
|
* Event hover (not disabled): the title takes --role-link-hover, color
|
|
391
|
-
* only, as a title link; the underline (--
|
|
391
|
+
* only, as a title link; the underline (--border-size-1-5, --role-accent)
|
|
392
392
|
* is added where that ink is --primary12, and under forced colors
|
|
393
393
|
* (§12.11) [D181].
|
|
394
394
|
*/
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
}
|
|
398
398
|
|
|
399
399
|
.trigger:not([data-disabled]):hover .triggerLabel {
|
|
400
|
-
text-decoration-line: var(--
|
|
400
|
+
text-decoration-line: var(--fgd-link-hover-line);
|
|
401
401
|
}
|
|
402
402
|
|
|
403
403
|
@media (forced-colors: active) {
|
|
@@ -411,10 +411,10 @@
|
|
|
411
411
|
outline-offset: var(--border-size-2);
|
|
412
412
|
}
|
|
413
413
|
|
|
414
|
-
/* Expanded: the title moves from --role-muted to --primary12 and grows to type-h2
|
|
414
|
+
/* Expanded: the title moves from --role-muted to --primary12 and grows to type-h2. */
|
|
415
415
|
.trigger[data-panel-open] {
|
|
416
416
|
color: var(--primary12);
|
|
417
|
-
font-size: var(--
|
|
417
|
+
font-size: var(--fgd-font-size-h2);
|
|
418
418
|
}
|
|
419
419
|
}
|
|
420
420
|
|
|
@@ -6,7 +6,7 @@ export declare const pricing: (props?: ({
|
|
|
6
6
|
primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
|
|
7
7
|
secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
-
/** Tier classes: `recommended` draws the --
|
|
9
|
+
/** Tier classes: `recommended` draws the --border-size-2-25 --primary12 frame and the badge. */
|
|
10
10
|
export declare const pricingTier: (props?: ({
|
|
11
11
|
recommended?: boolean | null | undefined;
|
|
12
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -84,7 +84,7 @@ export type PricingStruckProps = useRender.ComponentProps<'s'> & {
|
|
|
84
84
|
label?: React.ReactNode;
|
|
85
85
|
};
|
|
86
86
|
/**
|
|
87
|
-
* The original price of a sale, struck through at `--
|
|
87
|
+
* The original price of a sale, struck through at `--border-size-1-5` in
|
|
88
88
|
* `--role-muted` (never a status color), with a hidden "Was" for assistive
|
|
89
89
|
* technology. Put a `PricingPrice` inside.
|
|
90
90
|
*/
|
|
@@ -97,14 +97,14 @@ export type PricingTierListProps = useRender.ComponentProps<'ul'>;
|
|
|
97
97
|
* The tier set's layout, queried on the `pricing` container: stacked below
|
|
98
98
|
* 1024 px of container (author the recommended tier first, since visual
|
|
99
99
|
* order follows source order), columns of one comparison row from 1024,
|
|
100
|
-
* capped at `--
|
|
100
|
+
* capped at `--fgd-container-content`. When the plans feed a form, wrap it
|
|
101
101
|
* in a `RadioGroup` and put each tier's `Radio` in its `PricingChoice`.
|
|
102
102
|
*/
|
|
103
103
|
export declare function PricingTierList(props: PricingTierListProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
104
104
|
/** Props for PricingTier: list-item props, `render`, `recommended` and the badge word. */
|
|
105
105
|
export type PricingTierProps = useRender.ComponentProps<'li'> & VariantProps<typeof pricingTier> & {
|
|
106
106
|
/**
|
|
107
|
-
* Marks the recommended plan: a `--
|
|
107
|
+
* Marks the recommended plan: a `--border-size-2-25` `--primary12` frame and
|
|
108
108
|
* the badge. Default `false`. Never fill-only.
|
|
109
109
|
*/
|
|
110
110
|
recommended?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../src/content/pricing/Pricing.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAsDjE,eAAO,MAAM,OAAO;;;;8EAalB,CAAA;AAEF,
|
|
1
|
+
{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../src/content/pricing/Pricing.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ import styles from './pricing.module.css';
|
|
|
28
28
|
* secondary to the scope's action scale in its own `solid` class; the
|
|
29
29
|
* badge computes its own scale.
|
|
30
30
|
* - States: `tier:has(choice [data-checked])` → the selected edge
|
|
31
|
-
* (--
|
|
31
|
+
* (--border-size-2-25 --primary12 in the outer scope, drawn by the Card's
|
|
32
32
|
* `--card-frame` hook over its --role-edge edge); `choice` is the Card's
|
|
33
33
|
* `CardChoice`, so its `data-disabled` draws the Card's line-dotted-fine
|
|
34
34
|
* unavailable edge, and the module adds --role-muted ink; the action's
|
|
@@ -63,7 +63,7 @@ export const pricing = cva(styles.base, {
|
|
|
63
63
|
secondary: secondaryScaleVariants,
|
|
64
64
|
},
|
|
65
65
|
});
|
|
66
|
-
/** Tier classes: `recommended` draws the --
|
|
66
|
+
/** Tier classes: `recommended` draws the --border-size-2-25 --primary12 frame and the badge. */
|
|
67
67
|
export const pricingTier = cva(styles.tier, {
|
|
68
68
|
variants: {
|
|
69
69
|
recommended: {
|
|
@@ -159,7 +159,7 @@ export function PricingPeriod(props) {
|
|
|
159
159
|
children));
|
|
160
160
|
}
|
|
161
161
|
/**
|
|
162
|
-
* The original price of a sale, struck through at `--
|
|
162
|
+
* The original price of a sale, struck through at `--border-size-1-5` in
|
|
163
163
|
* `--role-muted` (never a status color), with a hidden "Was" for assistive
|
|
164
164
|
* technology. Put a `PricingPrice` inside.
|
|
165
165
|
*/
|
|
@@ -187,7 +187,7 @@ export function PricingSave(props) {
|
|
|
187
187
|
* The tier set's layout, queried on the `pricing` container: stacked below
|
|
188
188
|
* 1024 px of container (author the recommended tier first, since visual
|
|
189
189
|
* order follows source order), columns of one comparison row from 1024,
|
|
190
|
-
* capped at `--
|
|
190
|
+
* capped at `--fgd-container-content`. When the plans feed a form, wrap it
|
|
191
191
|
* in a `RadioGroup` and put each tier's `Radio` in its `PricingChoice`.
|
|
192
192
|
*/
|
|
193
193
|
export function PricingTierList(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pricing.js","sourceRoot":"","sources":["../../src/content/pricing/Pricing.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,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,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GAGvB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,UAAU;SAC1B;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAA;AAEF,
|
|
1
|
+
{"version":3,"file":"Pricing.js","sourceRoot":"","sources":["../../src/content/pricing/Pricing.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* visuallyHidden; `badgeHalo` wraps the Badge and draws the edge knockout.
|
|
10
10
|
* Dense module: line semantics only. Colors are role variables only; local
|
|
11
11
|
* custom properties carry dimensions only:
|
|
12
|
-
* --pricing-gap the tier gutter (= --
|
|
12
|
+
* --pricing-gap the tier gutter (= --fgd-space-margin) [D42]
|
|
13
13
|
* --pricing-badge-room the room above each tier for the straddling badge
|
|
14
14
|
* --pricing-edge the tier's edge width (1 px; 3 px recommended or
|
|
15
15
|
* selected), which places the badge and its knockout
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
* Edges (§12.9) come from the faced Card, never restyled here: its face
|
|
18
18
|
* draws the rest edge at --border-size-1 in its --role-edge (--primary10 on
|
|
19
19
|
* a page ground, --primary12 as a light island) [D179]. The recommended and
|
|
20
|
-
* selected edges set the Card's `--card-frame` hook to --
|
|
20
|
+
* selected edges set the Card's `--card-frame` hook to --border-size-2-25, which
|
|
21
21
|
* draws the outer scope's --primary12 over that edge; the unavailable edge
|
|
22
22
|
* is the Card's own, from the Radio's data-disabled in its CardChoice.
|
|
23
23
|
*/
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
|
|
60
60
|
@layer base {
|
|
61
61
|
.base {
|
|
62
|
-
--pricing-gap: var(--
|
|
62
|
+
--pricing-gap: var(--fgd-space-margin);
|
|
63
63
|
--pricing-badge-room: calc(var(--size-px-5) / 2);
|
|
64
64
|
|
|
65
65
|
min-inline-size: 0;
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
.amount {
|
|
85
85
|
color: var(--primary12);
|
|
86
86
|
font-weight: var(--font-weight-7);
|
|
87
|
-
font-variant-numeric: var(--
|
|
87
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
.amountStat,
|
|
@@ -100,11 +100,11 @@
|
|
|
100
100
|
vertical-align: super;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
/* The struck original: --role-muted, a --
|
|
103
|
+
/* The struck original: --role-muted, a --border-size-1-5 line-through; never a status color. */
|
|
104
104
|
.struck {
|
|
105
105
|
color: var(--role-muted);
|
|
106
106
|
text-decoration-line: line-through;
|
|
107
|
-
text-decoration-thickness: var(--
|
|
107
|
+
text-decoration-thickness: var(--border-size-1-5);
|
|
108
108
|
text-decoration-color: currentColor;
|
|
109
109
|
text-decoration-skip-ink: none;
|
|
110
110
|
}
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
/*
|
|
153
153
|
* The badge straddles the frame's top edge, centered. Its ::before is a
|
|
154
154
|
* knockout exactly as tall as the edge, in the outer ground, so the edge
|
|
155
|
-
* breaks --
|
|
155
|
+
* breaks --fgd-space-halo on either side of the badge (§12.9 Tokens).
|
|
156
156
|
* It stacks above the Card's frame (its ::after, z-index 1, later in the
|
|
157
157
|
* tier), or the recommended edge would strike through the badge word.
|
|
158
158
|
*/
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
position: absolute;
|
|
180
180
|
z-index: -1;
|
|
181
181
|
inset-block-start: 50%;
|
|
182
|
-
inset-inline: calc(-1 * var(--
|
|
182
|
+
inset-inline: calc(-1 * var(--fgd-space-halo));
|
|
183
183
|
block-size: var(--pricing-edge);
|
|
184
184
|
translate: 0 -50%;
|
|
185
185
|
background-color: var(--role-ground);
|
|
@@ -242,13 +242,13 @@
|
|
|
242
242
|
inline-size: 100%;
|
|
243
243
|
border-collapse: collapse;
|
|
244
244
|
color: var(--primary12);
|
|
245
|
-
font-variant-numeric: var(--
|
|
245
|
+
font-variant-numeric: var(--fgd-numerals-data);
|
|
246
246
|
}
|
|
247
247
|
|
|
248
248
|
.matrix th,
|
|
249
249
|
.matrix td {
|
|
250
250
|
position: relative;
|
|
251
|
-
padding: var(--size-px-2) var(--
|
|
251
|
+
padding: var(--size-px-2) var(--size-px-2-5);
|
|
252
252
|
text-align: start;
|
|
253
253
|
vertical-align: baseline;
|
|
254
254
|
}
|
|
@@ -276,12 +276,12 @@
|
|
|
276
276
|
inset-block-start: 0;
|
|
277
277
|
inset-inline: 0;
|
|
278
278
|
box-sizing: content-box;
|
|
279
|
-
block-size: var(--
|
|
279
|
+
block-size: var(--fgd-double-hair-gap);
|
|
280
280
|
border-block: var(--border-size-1) solid var(--primary12);
|
|
281
281
|
}
|
|
282
282
|
|
|
283
283
|
.matrix tfoot > tr:first-child > * {
|
|
284
|
-
padding-block-start: calc(var(--size-px-2) + var(--
|
|
284
|
+
padding-block-start: calc(var(--size-px-2) + var(--fgd-double-hair-gap) + 2 * var(--border-size-1));
|
|
285
285
|
}
|
|
286
286
|
|
|
287
287
|
/* The column name inside a cell shows only when rows become blocks. */
|
|
@@ -326,13 +326,13 @@
|
|
|
326
326
|
display: block;
|
|
327
327
|
}
|
|
328
328
|
|
|
329
|
-
/* Recommended: a --
|
|
329
|
+
/* Recommended: a --border-size-2-25 --primary12 frame in the outer scope, through the Card's frame hook. */
|
|
330
330
|
.recommended {
|
|
331
|
-
--pricing-edge: var(--
|
|
331
|
+
--pricing-edge: var(--border-size-2-25);
|
|
332
332
|
}
|
|
333
333
|
|
|
334
334
|
.recommended .frame {
|
|
335
|
-
--card-frame: var(--
|
|
335
|
+
--card-frame: var(--border-size-2-25);
|
|
336
336
|
}
|
|
337
337
|
|
|
338
338
|
/* Viewport fallback: tier columns from --lg-n-above. */
|
|
@@ -340,7 +340,7 @@
|
|
|
340
340
|
.tierList {
|
|
341
341
|
grid-auto-flow: column;
|
|
342
342
|
grid-auto-columns: minmax(0, 1fr);
|
|
343
|
-
max-inline-size: var(--
|
|
343
|
+
max-inline-size: var(--fgd-container-content);
|
|
344
344
|
margin-inline: auto;
|
|
345
345
|
}
|
|
346
346
|
}
|
|
@@ -358,7 +358,7 @@
|
|
|
358
358
|
.tierList {
|
|
359
359
|
grid-auto-flow: column;
|
|
360
360
|
grid-auto-columns: minmax(0, 1fr);
|
|
361
|
-
max-inline-size: var(--
|
|
361
|
+
max-inline-size: var(--fgd-container-content);
|
|
362
362
|
margin-inline: auto;
|
|
363
363
|
}
|
|
364
364
|
}
|
|
@@ -428,19 +428,19 @@
|
|
|
428
428
|
}
|
|
429
429
|
|
|
430
430
|
@layer states {
|
|
431
|
-
/* Selected (the tier's Radio is checked): the edge steps to --
|
|
431
|
+
/* Selected (the tier's Radio is checked): the edge steps to --border-size-2-25 in --primary12 [D15]. */
|
|
432
432
|
.tier:has(.choice [data-checked]) {
|
|
433
|
-
--pricing-edge: var(--
|
|
433
|
+
--pricing-edge: var(--border-size-2-25);
|
|
434
434
|
}
|
|
435
435
|
|
|
436
436
|
.tier:has(.choice [data-checked]) .frame {
|
|
437
|
-
--card-frame: var(--
|
|
437
|
+
--card-frame: var(--border-size-2-25);
|
|
438
438
|
}
|
|
439
439
|
|
|
440
440
|
/* Unavailable (the Radio is disabled): the Card's line-dotted-fine edge, even when
|
|
441
441
|
recommended, and --role-muted ink [D16]. */
|
|
442
442
|
.tier:has(.choice [data-disabled]) {
|
|
443
|
-
--pricing-edge: var(--
|
|
443
|
+
--pricing-edge: var(--fgd-dot-fine);
|
|
444
444
|
}
|
|
445
445
|
|
|
446
446
|
.tier:has(.choice [data-disabled]) .frame {
|
|
@@ -455,7 +455,7 @@
|
|
|
455
455
|
@layer print {
|
|
456
456
|
@media print {
|
|
457
457
|
/* Tiers print whole, stacked; the badge prints as a word above its frame; edges print
|
|
458
|
-
0.75 pt, the recommended frame 2.25 pt, through the
|
|
458
|
+
0.75 pt, the recommended frame 2.25 pt, through the border-size steps' print values. */
|
|
459
459
|
.base {
|
|
460
460
|
--pricing-gap: var(--size-px-5);
|
|
461
461
|
}
|