@fairgarden/design 0.1.0-alpha.0 → 0.1.0-alpha.1
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/Readme.md +25 -23
- package/actions/button/Button.d.ts +107 -0
- package/actions/button/Button.d.ts.map +1 -0
- package/actions/button/Button.js +136 -0
- package/actions/button/Button.js.map +1 -0
- package/actions/button/button.module.css +434 -0
- package/actions/button/index.d.ts.map +1 -0
- package/actions/button/index.js.map +1 -0
- package/actions/chip/Chip.d.ts.map +1 -0
- package/actions/chip/Chip.js +94 -0
- package/actions/chip/Chip.js.map +1 -0
- package/actions/chip/index.d.ts.map +1 -0
- package/actions/chip/index.js.map +1 -0
- package/actions/link/Link.d.ts.map +1 -0
- package/actions/link/Link.js +140 -0
- package/actions/link/Link.js.map +1 -0
- package/actions/link/index.d.ts.map +1 -0
- package/actions/link/index.js.map +1 -0
- package/actions/toggle/Toggle.d.ts +78 -0
- package/actions/toggle/Toggle.d.ts.map +1 -0
- package/actions/toggle/Toggle.js +101 -0
- package/actions/toggle/Toggle.js.map +1 -0
- package/actions/toggle/index.d.ts.map +1 -0
- package/actions/toggle/index.js.map +1 -0
- package/actions/toggle-group/ToggleGroup.d.ts +43 -0
- package/actions/toggle-group/ToggleGroup.d.ts.map +1 -0
- package/actions/toggle-group/ToggleGroup.js +85 -0
- package/actions/toggle-group/ToggleGroup.js.map +1 -0
- package/actions/toggle-group/index.d.ts.map +1 -0
- package/actions/toggle-group/index.js.map +1 -0
- package/content/card/Card.d.ts +137 -0
- package/content/card/Card.d.ts.map +1 -0
- package/content/card/Card.js +239 -0
- package/content/card/Card.js.map +1 -0
- package/content/card/index.d.ts.map +1 -0
- package/content/card/index.js.map +1 -0
- package/content/card-grid/CardGrid.d.ts +99 -0
- package/content/card-grid/CardGrid.d.ts.map +1 -0
- package/content/card-grid/CardGrid.js +176 -0
- package/content/card-grid/CardGrid.js.map +1 -0
- package/content/card-grid/index.d.ts.map +1 -0
- package/content/card-grid/index.js.map +1 -0
- package/content/carousel/Carousel.d.ts +99 -0
- package/content/carousel/Carousel.d.ts.map +1 -0
- package/content/carousel/Carousel.js +316 -0
- package/content/carousel/Carousel.js.map +1 -0
- package/content/carousel/carousel.module.css +257 -0
- package/content/carousel/index.d.ts.map +1 -0
- package/content/carousel/index.js.map +1 -0
- package/content/empty-state/EmptyState.d.ts +88 -0
- package/content/empty-state/EmptyState.d.ts.map +1 -0
- package/content/empty-state/EmptyState.js +161 -0
- package/content/empty-state/EmptyState.js.map +1 -0
- package/content/empty-state/index.d.ts.map +1 -0
- package/content/empty-state/index.js.map +1 -0
- package/content/feature-grid/FeatureGrid.d.ts +108 -0
- package/content/feature-grid/FeatureGrid.d.ts.map +1 -0
- package/content/feature-grid/FeatureGrid.js +218 -0
- package/content/feature-grid/FeatureGrid.js.map +1 -0
- package/content/feature-grid/index.d.ts.map +1 -0
- package/content/feature-grid/index.js.map +1 -0
- package/content/index-rows/IndexRows.d.ts +134 -0
- package/content/index-rows/IndexRows.d.ts.map +1 -0
- package/content/index-rows/IndexRows.js +229 -0
- package/content/index-rows/IndexRows.js.map +1 -0
- package/content/index-rows/index.d.ts.map +1 -0
- package/content/index-rows/index.js.map +1 -0
- package/content/pricing/Pricing.d.ts.map +1 -0
- package/content/pricing/Pricing.js +350 -0
- package/content/pricing/Pricing.js.map +1 -0
- package/content/pricing/index.d.ts.map +1 -0
- package/content/pricing/index.js.map +1 -0
- package/content/pricing/pricing.module.css +493 -0
- package/content/profile/Profile.d.ts +120 -0
- package/content/profile/Profile.d.ts.map +1 -0
- package/content/profile/Profile.js +230 -0
- package/content/profile/Profile.js.map +1 -0
- package/content/profile/index.d.ts.map +1 -0
- package/content/profile/index.js.map +1 -0
- package/content/quote/Quote.d.ts +99 -0
- package/content/quote/Quote.d.ts.map +1 -0
- package/content/quote/Quote.js +168 -0
- package/content/quote/Quote.js.map +1 -0
- package/content/quote/index.d.ts.map +1 -0
- package/content/quote/index.js.map +1 -0
- package/content/timeline/Timeline.d.ts +164 -0
- package/content/timeline/Timeline.d.ts.map +1 -0
- package/content/timeline/Timeline.js +314 -0
- package/content/timeline/Timeline.js.map +1 -0
- package/content/timeline/index.d.ts.map +1 -0
- package/content/timeline/index.js.map +1 -0
- package/data/chart/Chart.d.ts.map +1 -0
- package/data/chart/Chart.js +453 -0
- package/data/chart/Chart.js.map +1 -0
- package/data/chart/index.d.ts.map +1 -0
- package/data/chart/index.js.map +1 -0
- package/data/figure/Figure.d.ts +72 -0
- package/data/figure/Figure.d.ts.map +1 -0
- package/data/figure/Figure.js +122 -0
- package/data/figure/Figure.js.map +1 -0
- package/data/figure/index.d.ts.map +1 -0
- package/data/figure/index.js.map +1 -0
- package/data/map/Map.d.ts.map +1 -0
- package/data/map/Map.js +500 -0
- package/data/map/Map.js.map +1 -0
- package/data/map/MapCanvas.d.ts.map +1 -0
- package/data/map/MapCanvas.js.map +1 -0
- package/data/map/index.d.ts.map +1 -0
- package/data/map/index.js.map +1 -0
- package/data/map/mapStyle.d.ts.map +1 -0
- package/data/map/mapStyle.js.map +1 -0
- package/data/map/types.d.ts.map +1 -0
- package/data/map/types.js.map +1 -0
- package/data/scroll-area/ScrollArea.d.ts +67 -0
- package/data/scroll-area/ScrollArea.d.ts.map +1 -0
- package/data/scroll-area/ScrollArea.js.map +1 -0
- package/data/scroll-area/index.d.ts.map +1 -0
- package/data/scroll-area/index.js.map +1 -0
- package/data/spec-grid/SpecGrid.d.ts +49 -0
- package/data/spec-grid/SpecGrid.d.ts.map +1 -0
- package/data/spec-grid/SpecGrid.js +75 -0
- package/data/spec-grid/SpecGrid.js.map +1 -0
- package/data/spec-grid/index.d.ts.map +1 -0
- package/data/spec-grid/index.js.map +1 -0
- package/data/spec-list/SpecList.d.ts.map +1 -0
- package/data/spec-list/SpecList.js.map +1 -0
- package/data/spec-list/index.d.ts.map +1 -0
- package/data/spec-list/index.js.map +1 -0
- package/data/spec-sheet/SpecSheet.d.ts +112 -0
- package/data/spec-sheet/SpecSheet.d.ts.map +1 -0
- package/data/spec-sheet/SpecSheet.js +128 -0
- package/data/spec-sheet/SpecSheet.js.map +1 -0
- package/data/spec-sheet/index.d.ts.map +1 -0
- package/data/spec-sheet/index.js.map +1 -0
- package/data/stat/Stat.d.ts.map +1 -0
- package/data/stat/Stat.js.map +1 -0
- package/data/stat/index.d.ts.map +1 -0
- package/data/stat/index.js.map +1 -0
- package/data/table/Table.d.ts.map +1 -0
- package/data/table/Table.js +255 -0
- package/data/table/Table.js.map +1 -0
- package/data/table/index.d.ts.map +1 -0
- package/data/table/index.js.map +1 -0
- package/data/table/table.module.css +759 -0
- package/disclosure/accordion/Accordion.d.ts +68 -0
- package/disclosure/accordion/Accordion.d.ts.map +1 -0
- package/disclosure/accordion/Accordion.js +95 -0
- package/disclosure/accordion/Accordion.js.map +1 -0
- package/disclosure/accordion/index.d.ts.map +1 -0
- package/disclosure/accordion/index.js.map +1 -0
- package/disclosure/collapsible/Collapsible.d.ts.map +1 -0
- package/disclosure/collapsible/Collapsible.js.map +1 -0
- package/disclosure/collapsible/index.d.ts.map +1 -0
- package/disclosure/collapsible/index.js.map +1 -0
- package/disclosure/faq/FAQ.d.ts +90 -0
- package/disclosure/faq/FAQ.d.ts.map +1 -0
- package/disclosure/faq/FAQ.js +146 -0
- package/disclosure/faq/FAQ.js.map +1 -0
- package/disclosure/faq/index.d.ts.map +1 -0
- package/disclosure/faq/index.js.map +1 -0
- package/feedback/alert/Alert.d.ts.map +1 -0
- package/feedback/alert/Alert.js.map +1 -0
- package/feedback/alert/index.d.ts.map +1 -0
- package/feedback/alert/index.js.map +1 -0
- package/feedback/avatar/Avatar.d.ts.map +1 -0
- package/feedback/avatar/Avatar.js +154 -0
- package/feedback/avatar/Avatar.js.map +1 -0
- package/feedback/avatar/index.d.ts.map +1 -0
- package/feedback/avatar/index.js.map +1 -0
- package/feedback/badge/Badge.d.ts.map +1 -0
- package/feedback/badge/Badge.js +118 -0
- package/feedback/badge/Badge.js.map +1 -0
- package/feedback/badge/index.d.ts.map +1 -0
- package/feedback/badge/index.js.map +1 -0
- package/feedback/meter/Meter.d.ts.map +1 -0
- package/feedback/meter/Meter.js.map +1 -0
- package/feedback/meter/index.d.ts.map +1 -0
- package/feedback/meter/index.js.map +1 -0
- package/feedback/meter/meter.module.css +389 -0
- package/feedback/progress/Progress.d.ts.map +1 -0
- package/feedback/progress/Progress.js.map +1 -0
- package/feedback/progress/index.d.ts.map +1 -0
- package/feedback/progress/index.js.map +1 -0
- package/feedback/progress/progress.module.css +285 -0
- package/feedback/tag/Tag.d.ts +40 -0
- package/feedback/tag/Tag.d.ts.map +1 -0
- package/feedback/tag/Tag.js +56 -0
- package/feedback/tag/Tag.js.map +1 -0
- package/feedback/tag/index.d.ts.map +1 -0
- package/feedback/tag/index.js.map +1 -0
- package/feedback/toast/Toast.d.ts +96 -0
- package/feedback/toast/Toast.d.ts.map +1 -0
- package/feedback/toast/Toast.js +173 -0
- package/feedback/toast/Toast.js.map +1 -0
- package/feedback/toast/index.d.ts.map +1 -0
- package/feedback/toast/index.js.map +1 -0
- package/feedback/toast/toast.module.css +286 -0
- package/forms/autocomplete/Autocomplete.d.ts +67 -0
- package/forms/autocomplete/Autocomplete.d.ts.map +1 -0
- package/forms/autocomplete/Autocomplete.js +116 -0
- package/forms/autocomplete/Autocomplete.js.map +1 -0
- package/forms/autocomplete/index.d.ts.map +1 -0
- package/forms/autocomplete/index.js.map +1 -0
- package/forms/checkbox/Checkbox.d.ts.map +1 -0
- package/forms/checkbox/Checkbox.js.map +1 -0
- package/forms/checkbox/index.d.ts.map +1 -0
- package/forms/checkbox/index.js.map +1 -0
- package/forms/checkbox-group/CheckboxGroup.d.ts.map +1 -0
- package/forms/checkbox-group/CheckboxGroup.js +63 -0
- package/forms/checkbox-group/CheckboxGroup.js.map +1 -0
- package/forms/checkbox-group/index.d.ts.map +1 -0
- package/forms/checkbox-group/index.js.map +1 -0
- package/forms/combobox/Combobox.d.ts +86 -0
- package/forms/combobox/Combobox.d.ts.map +1 -0
- package/forms/combobox/Combobox.js +168 -0
- package/forms/combobox/Combobox.js.map +1 -0
- package/forms/combobox/combobox.module.css +511 -0
- package/forms/combobox/index.d.ts.map +1 -0
- package/forms/combobox/index.js.map +1 -0
- package/forms/field/Field.d.ts.map +1 -0
- package/forms/field/Field.js.map +1 -0
- package/forms/field/index.d.ts.map +1 -0
- package/forms/field/index.js.map +1 -0
- package/forms/fieldset/Fieldset.d.ts.map +1 -0
- package/forms/fieldset/Fieldset.js.map +1 -0
- package/forms/fieldset/index.d.ts.map +1 -0
- package/forms/fieldset/index.js.map +1 -0
- package/forms/form/Form.d.ts.map +1 -0
- package/forms/form/Form.js +90 -0
- package/forms/form/Form.js.map +1 -0
- package/forms/form/index.d.ts.map +1 -0
- package/forms/form/index.js.map +1 -0
- package/forms/input/Input.d.ts +154 -0
- package/forms/input/Input.d.ts.map +1 -0
- package/forms/input/Input.js +186 -0
- package/forms/input/Input.js.map +1 -0
- package/forms/input/index.d.ts.map +1 -0
- package/forms/input/index.js.map +1 -0
- package/forms/number-field/NumberField.d.ts.map +1 -0
- package/forms/number-field/NumberField.js +105 -0
- package/forms/number-field/NumberField.js.map +1 -0
- package/forms/number-field/index.d.ts.map +1 -0
- package/forms/number-field/index.js.map +1 -0
- package/forms/number-field/number-field.module.css +442 -0
- package/forms/radio/Radio.d.ts.map +1 -0
- package/forms/radio/Radio.js +119 -0
- package/forms/radio/Radio.js.map +1 -0
- package/forms/radio/index.d.ts.map +1 -0
- package/forms/radio/index.js.map +1 -0
- package/forms/radio-group/RadioGroup.d.ts.map +1 -0
- package/forms/radio-group/RadioGroup.js +61 -0
- package/forms/radio-group/RadioGroup.js.map +1 -0
- package/forms/radio-group/index.d.ts.map +1 -0
- package/forms/radio-group/index.js.map +1 -0
- package/forms/search/Search.d.ts +119 -0
- package/forms/search/Search.d.ts.map +1 -0
- package/forms/search/Search.js +127 -0
- package/forms/search/Search.js.map +1 -0
- package/forms/search/index.d.ts.map +1 -0
- package/forms/search/index.js.map +1 -0
- package/forms/select/Select.d.ts.map +1 -0
- package/forms/select/Select.js +154 -0
- package/forms/select/Select.js.map +1 -0
- package/forms/select/index.d.ts.map +1 -0
- package/forms/select/index.js.map +1 -0
- package/forms/slider/Slider.d.ts.map +1 -0
- package/forms/slider/Slider.js +118 -0
- package/forms/slider/Slider.js.map +1 -0
- package/forms/slider/index.d.ts.map +1 -0
- package/forms/slider/index.js.map +1 -0
- package/forms/switch/Switch.d.ts.map +1 -0
- package/forms/switch/Switch.js.map +1 -0
- package/forms/switch/index.d.ts.map +1 -0
- package/forms/switch/index.js.map +1 -0
- package/foundations/ground/Ground.d.ts.map +1 -0
- package/foundations/ground/Ground.js.map +1 -0
- package/foundations/ground/index.d.ts.map +1 -0
- package/foundations/ground/index.js.map +1 -0
- package/foundations/icon/Icon.d.ts.map +1 -0
- package/foundations/icon/Icon.js.map +1 -0
- package/foundations/icon/icon.module.css +69 -0
- package/foundations/icon/iconHost.d.ts +9 -0
- package/foundations/icon/iconHost.d.ts.map +1 -0
- package/foundations/icon/iconHost.js +10 -0
- package/foundations/icon/iconHost.js.map +1 -0
- package/foundations/icon/index.d.ts.map +1 -0
- package/foundations/icon/index.js.map +1 -0
- package/foundations/separator/Separator.d.ts.map +1 -0
- package/foundations/separator/Separator.js.map +1 -0
- package/foundations/separator/index.d.ts.map +1 -0
- package/foundations/separator/index.js.map +1 -0
- package/foundations/sticker/Sticker.d.ts.map +1 -0
- package/foundations/sticker/Sticker.js +104 -0
- package/foundations/sticker/Sticker.js.map +1 -0
- package/foundations/sticker/index.d.ts.map +1 -0
- package/foundations/sticker/index.js.map +1 -0
- package/navigation/breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/navigation/breadcrumb/Breadcrumb.js +183 -0
- package/navigation/breadcrumb/Breadcrumb.js.map +1 -0
- package/navigation/breadcrumb/breadcrumb.module.css +417 -0
- package/navigation/breadcrumb/index.d.ts.map +1 -0
- package/navigation/breadcrumb/index.js.map +1 -0
- package/navigation/nav-drawer/NavDrawer.d.ts +113 -0
- package/navigation/nav-drawer/NavDrawer.d.ts.map +1 -0
- package/navigation/nav-drawer/NavDrawer.js +215 -0
- package/navigation/nav-drawer/NavDrawer.js.map +1 -0
- package/navigation/nav-drawer/index.d.ts.map +1 -0
- package/navigation/nav-drawer/index.js.map +1 -0
- package/navigation/nav-drawer/nav-drawer.module.css +446 -0
- package/navigation/navigation-bar/NavigationBar.d.ts +129 -0
- package/navigation/navigation-bar/NavigationBar.d.ts.map +1 -0
- package/navigation/navigation-bar/NavigationBar.js +224 -0
- package/navigation/navigation-bar/NavigationBar.js.map +1 -0
- package/navigation/navigation-bar/index.d.ts.map +1 -0
- package/navigation/navigation-bar/index.js.map +1 -0
- package/navigation/navigation-bar/navigation-bar.module.css +419 -0
- package/navigation/navigation-menu/NavigationMenu.d.ts.map +1 -0
- package/navigation/navigation-menu/NavigationMenu.js +512 -0
- package/navigation/navigation-menu/NavigationMenu.js.map +1 -0
- package/navigation/navigation-menu/index.d.ts.map +1 -0
- package/navigation/navigation-menu/index.js.map +1 -0
- package/navigation/navigation-menu/navigation-menu.module.css +636 -0
- package/navigation/pagination/Pagination.d.ts +112 -0
- package/navigation/pagination/Pagination.d.ts.map +1 -0
- package/navigation/pagination/Pagination.js +202 -0
- package/navigation/pagination/Pagination.js.map +1 -0
- package/navigation/pagination/index.d.ts.map +1 -0
- package/navigation/pagination/index.js.map +1 -0
- package/navigation/tabs/Tabs.d.ts +98 -0
- package/navigation/tabs/Tabs.d.ts.map +1 -0
- package/navigation/tabs/Tabs.js +175 -0
- package/navigation/tabs/Tabs.js.map +1 -0
- package/navigation/tabs/index.d.ts.map +1 -0
- package/navigation/tabs/index.js.map +1 -0
- package/navigation/toolbar/Toolbar.d.ts +125 -0
- package/navigation/toolbar/Toolbar.d.ts.map +1 -0
- package/navigation/toolbar/Toolbar.js +174 -0
- package/navigation/toolbar/Toolbar.js.map +1 -0
- package/navigation/toolbar/index.d.ts.map +1 -0
- package/navigation/toolbar/index.js.map +1 -0
- package/overlays/alert-dialog/AlertDialog.d.ts +74 -0
- package/overlays/alert-dialog/AlertDialog.d.ts.map +1 -0
- package/overlays/alert-dialog/AlertDialog.js +99 -0
- package/overlays/alert-dialog/AlertDialog.js.map +1 -0
- package/overlays/alert-dialog/index.d.ts.map +1 -0
- package/overlays/alert-dialog/index.js.map +1 -0
- package/overlays/context-menu/ContextMenu.d.ts +47 -0
- package/overlays/context-menu/ContextMenu.d.ts.map +1 -0
- package/overlays/context-menu/ContextMenu.js +50 -0
- package/overlays/context-menu/ContextMenu.js.map +1 -0
- package/overlays/context-menu/index.d.ts.map +1 -0
- package/overlays/context-menu/index.js.map +1 -0
- package/overlays/dialog/Dialog.d.ts +124 -0
- package/overlays/dialog/Dialog.d.ts.map +1 -0
- package/overlays/dialog/Dialog.js +243 -0
- package/overlays/dialog/Dialog.js.map +1 -0
- package/overlays/dialog/index.d.ts.map +1 -0
- package/overlays/dialog/index.js.map +1 -0
- package/overlays/menu/Menu.d.ts +115 -0
- package/overlays/menu/Menu.d.ts.map +1 -0
- package/overlays/menu/Menu.js +164 -0
- package/overlays/menu/Menu.js.map +1 -0
- package/overlays/menu/index.d.ts.map +1 -0
- package/overlays/menu/index.js.map +1 -0
- package/overlays/menu/menu.module.css +292 -0
- package/overlays/menu/popup.d.ts.map +1 -0
- package/overlays/menu/popup.js.map +1 -0
- package/overlays/menubar/Menubar.d.ts +53 -0
- package/overlays/menubar/Menubar.d.ts.map +1 -0
- package/overlays/menubar/Menubar.js +81 -0
- package/overlays/menubar/Menubar.js.map +1 -0
- package/overlays/menubar/index.d.ts.map +1 -0
- package/overlays/menubar/index.js.map +1 -0
- package/overlays/popover/Popover.d.ts +96 -0
- package/overlays/popover/Popover.d.ts.map +1 -0
- package/overlays/popover/Popover.js +131 -0
- package/overlays/popover/Popover.js.map +1 -0
- package/overlays/popover/index.d.ts.map +1 -0
- package/overlays/popover/index.js.map +1 -0
- package/overlays/preview-card/PreviewCard.d.ts +83 -0
- package/overlays/preview-card/PreviewCard.d.ts.map +1 -0
- package/overlays/preview-card/PreviewCard.js +123 -0
- package/overlays/preview-card/PreviewCard.js.map +1 -0
- package/overlays/preview-card/index.d.ts.map +1 -0
- package/overlays/preview-card/index.js.map +1 -0
- package/overlays/tooltip/Tooltip.d.ts.map +1 -0
- package/overlays/tooltip/Tooltip.js +108 -0
- package/overlays/tooltip/Tooltip.js.map +1 -0
- package/overlays/tooltip/index.d.ts.map +1 -0
- package/overlays/tooltip/index.js.map +1 -0
- package/package.json +11 -2
- package/page/announcement-bar/AnnouncementBar.d.ts +116 -0
- package/page/announcement-bar/AnnouncementBar.d.ts.map +1 -0
- package/page/announcement-bar/AnnouncementBar.js +215 -0
- package/page/announcement-bar/AnnouncementBar.js.map +1 -0
- package/page/announcement-bar/index.d.ts.map +1 -0
- package/page/announcement-bar/index.js.map +1 -0
- package/page/cta-block/CTABlock.d.ts.map +1 -0
- package/page/cta-block/CTABlock.js +125 -0
- package/page/cta-block/CTABlock.js.map +1 -0
- package/page/cta-block/index.d.ts.map +1 -0
- package/page/cta-block/index.js.map +1 -0
- package/page/footer/Footer.d.ts +154 -0
- package/page/footer/Footer.d.ts.map +1 -0
- package/page/footer/Footer.js +253 -0
- package/page/footer/Footer.js.map +1 -0
- package/page/footer/index.d.ts.map +1 -0
- package/page/footer/index.js.map +1 -0
- package/page/hero/Hero.d.ts.map +1 -0
- package/page/hero/Hero.js +216 -0
- package/page/hero/Hero.js.map +1 -0
- package/page/hero/index.d.ts.map +1 -0
- package/page/hero/index.js.map +1 -0
- package/page/marquee/Marquee.d.ts.map +1 -0
- package/page/marquee/Marquee.js +87 -0
- package/page/marquee/Marquee.js.map +1 -0
- package/page/marquee/index.d.ts.map +1 -0
- package/page/marquee/index.js.map +1 -0
- package/page/newsletter/Newsletter.d.ts.map +1 -0
- package/page/newsletter/Newsletter.js +241 -0
- package/page/newsletter/Newsletter.js.map +1 -0
- package/page/newsletter/index.d.ts.map +1 -0
- package/page/newsletter/index.js.map +1 -0
- package/page/section-bar/SectionBar.d.ts +133 -0
- package/page/section-bar/SectionBar.d.ts.map +1 -0
- package/page/section-bar/SectionBar.js +302 -0
- package/page/section-bar/SectionBar.js.map +1 -0
- package/page/section-bar/index.d.ts.map +1 -0
- package/page/section-bar/index.js.map +1 -0
- package/page/section-bar/section-bar.module.css +615 -0
- package/page/section-divider/SectionDivider.d.ts.map +1 -0
- package/page/section-divider/SectionDivider.js +158 -0
- package/page/section-divider/SectionDivider.js.map +1 -0
- package/page/section-divider/index.d.ts.map +1 -0
- package/page/section-divider/index.js.map +1 -0
- package/page/section-divider/section-divider.module.css +280 -0
- package/page/section-header/SectionHeader.d.ts.map +1 -0
- package/page/section-header/SectionHeader.js +141 -0
- package/page/section-header/SectionHeader.js.map +1 -0
- package/page/section-header/index.d.ts.map +1 -0
- package/page/section-header/index.js.map +1 -0
- package/utils/colors/gray.css +2 -2
- package/utils/colors/grayDarkDefault.css +1 -1
- package/utils/colors/grayLightDefault.css +1 -1
- package/utils/colors/indigo.css +2 -2
- package/utils/colors/indigoDarkDefault.css +1 -1
- package/utils/colors/indigoLightDefault.css +1 -1
- package/utils/colors/iris.css +2 -2
- package/utils/colors/irisDarkDefault.css +1 -1
- package/utils/colors/irisLightDefault.css +1 -1
- package/utils/colors/mauve.css +2 -2
- package/utils/colors/mauveDarkDefault.css +1 -1
- package/utils/colors/mauveLightDefault.css +1 -1
- package/utils/colors/olive.css +2 -2
- package/utils/colors/oliveDarkDefault.css +1 -1
- package/utils/colors/oliveLightDefault.css +1 -1
- package/utils/colors/plum.css +2 -2
- package/utils/colors/plumDarkDefault.css +1 -1
- package/utils/colors/plumLightDefault.css +1 -1
- package/utils/colors/purple.css +2 -2
- package/utils/colors/purpleDarkDefault.css +1 -1
- package/utils/colors/purpleLightDefault.css +1 -1
- package/utils/colors/sage.css +2 -2
- package/utils/colors/sageDarkDefault.css +1 -1
- package/utils/colors/sageLightDefault.css +1 -1
- package/utils/colors/sand.css +2 -2
- package/utils/colors/sandDarkDefault.css +1 -1
- package/utils/colors/sandLightDefault.css +1 -1
- package/utils/colors/slate.css +2 -2
- package/utils/colors/slateDarkDefault.css +1 -1
- package/utils/colors/slateLightDefault.css +1 -1
- package/utils/colors/violet.css +2 -2
- package/utils/colors/violetDarkDefault.css +1 -1
- package/utils/colors/violetLightDefault.css +1 -1
- package/utils/colors.css +22 -22
- package/utils/colorsDarkDefault.css +11 -11
- package/utils/colorsLightDefault.css +11 -11
- package/utils/global.css +154 -35
- package/utils/roles.css +121 -11
- package/utils/scales.module.css +34 -0
- package/utils/tokens.css +9 -0
- package/components/Accordion/Accordion.d.ts +0 -68
- package/components/Accordion/Accordion.d.ts.map +0 -1
- package/components/Accordion/Accordion.js +0 -95
- package/components/Accordion/Accordion.js.map +0 -1
- package/components/Accordion/index.d.ts.map +0 -1
- package/components/Accordion/index.js.map +0 -1
- package/components/Alert/Alert.d.ts.map +0 -1
- package/components/Alert/Alert.js.map +0 -1
- package/components/Alert/index.d.ts.map +0 -1
- package/components/Alert/index.js.map +0 -1
- package/components/AlertDialog/AlertDialog.d.ts +0 -71
- package/components/AlertDialog/AlertDialog.d.ts.map +0 -1
- package/components/AlertDialog/AlertDialog.js +0 -94
- package/components/AlertDialog/AlertDialog.js.map +0 -1
- package/components/AlertDialog/index.d.ts.map +0 -1
- package/components/AlertDialog/index.js.map +0 -1
- package/components/AnnouncementBar/AnnouncementBar.d.ts +0 -116
- package/components/AnnouncementBar/AnnouncementBar.d.ts.map +0 -1
- package/components/AnnouncementBar/AnnouncementBar.js +0 -215
- package/components/AnnouncementBar/AnnouncementBar.js.map +0 -1
- package/components/AnnouncementBar/index.d.ts.map +0 -1
- package/components/AnnouncementBar/index.js.map +0 -1
- package/components/Autocomplete/Autocomplete.d.ts +0 -67
- package/components/Autocomplete/Autocomplete.d.ts.map +0 -1
- package/components/Autocomplete/Autocomplete.js +0 -116
- package/components/Autocomplete/Autocomplete.js.map +0 -1
- package/components/Autocomplete/index.d.ts.map +0 -1
- package/components/Autocomplete/index.js.map +0 -1
- package/components/Avatar/Avatar.d.ts.map +0 -1
- package/components/Avatar/Avatar.js +0 -154
- package/components/Avatar/Avatar.js.map +0 -1
- package/components/Avatar/index.d.ts.map +0 -1
- package/components/Avatar/index.js.map +0 -1
- package/components/Badge/Badge.d.ts.map +0 -1
- package/components/Badge/Badge.js +0 -118
- package/components/Badge/Badge.js.map +0 -1
- package/components/Badge/index.d.ts.map +0 -1
- package/components/Badge/index.js.map +0 -1
- package/components/Breadcrumb/Breadcrumb.d.ts.map +0 -1
- package/components/Breadcrumb/Breadcrumb.js +0 -183
- package/components/Breadcrumb/Breadcrumb.js.map +0 -1
- package/components/Breadcrumb/breadcrumb.module.css +0 -413
- package/components/Breadcrumb/index.d.ts.map +0 -1
- package/components/Breadcrumb/index.js.map +0 -1
- package/components/Button/Button.d.ts +0 -97
- package/components/Button/Button.d.ts.map +0 -1
- package/components/Button/Button.js +0 -127
- package/components/Button/Button.js.map +0 -1
- package/components/Button/button.module.css +0 -390
- package/components/Button/index.d.ts.map +0 -1
- package/components/Button/index.js.map +0 -1
- package/components/CTABlock/CTABlock.d.ts.map +0 -1
- package/components/CTABlock/CTABlock.js +0 -125
- package/components/CTABlock/CTABlock.js.map +0 -1
- package/components/CTABlock/index.d.ts.map +0 -1
- package/components/CTABlock/index.js.map +0 -1
- package/components/Card/Card.d.ts +0 -137
- package/components/Card/Card.d.ts.map +0 -1
- package/components/Card/Card.js +0 -239
- package/components/Card/Card.js.map +0 -1
- package/components/Card/index.d.ts.map +0 -1
- package/components/Card/index.js.map +0 -1
- package/components/CardGrid/CardGrid.d.ts +0 -99
- package/components/CardGrid/CardGrid.d.ts.map +0 -1
- package/components/CardGrid/CardGrid.js +0 -176
- package/components/CardGrid/CardGrid.js.map +0 -1
- package/components/CardGrid/index.d.ts.map +0 -1
- package/components/CardGrid/index.js.map +0 -1
- package/components/Carousel/Carousel.d.ts +0 -98
- package/components/Carousel/Carousel.d.ts.map +0 -1
- package/components/Carousel/Carousel.js +0 -316
- package/components/Carousel/Carousel.js.map +0 -1
- package/components/Carousel/carousel.module.css +0 -236
- package/components/Carousel/index.d.ts.map +0 -1
- package/components/Carousel/index.js.map +0 -1
- package/components/Chart/Chart.d.ts.map +0 -1
- package/components/Chart/Chart.js +0 -453
- package/components/Chart/Chart.js.map +0 -1
- package/components/Chart/index.d.ts.map +0 -1
- package/components/Chart/index.js.map +0 -1
- package/components/Checkbox/Checkbox.d.ts.map +0 -1
- package/components/Checkbox/Checkbox.js.map +0 -1
- package/components/Checkbox/index.d.ts.map +0 -1
- package/components/Checkbox/index.js.map +0 -1
- package/components/CheckboxGroup/CheckboxGroup.d.ts.map +0 -1
- package/components/CheckboxGroup/CheckboxGroup.js +0 -63
- package/components/CheckboxGroup/CheckboxGroup.js.map +0 -1
- package/components/CheckboxGroup/index.d.ts.map +0 -1
- package/components/CheckboxGroup/index.js.map +0 -1
- package/components/Chip/Chip.d.ts.map +0 -1
- package/components/Chip/Chip.js +0 -94
- package/components/Chip/Chip.js.map +0 -1
- package/components/Chip/index.d.ts.map +0 -1
- package/components/Chip/index.js.map +0 -1
- package/components/Collapsible/Collapsible.d.ts.map +0 -1
- package/components/Collapsible/Collapsible.js.map +0 -1
- package/components/Collapsible/index.d.ts.map +0 -1
- package/components/Collapsible/index.js.map +0 -1
- package/components/Combobox/Combobox.d.ts +0 -86
- package/components/Combobox/Combobox.d.ts.map +0 -1
- package/components/Combobox/Combobox.js +0 -168
- package/components/Combobox/Combobox.js.map +0 -1
- package/components/Combobox/combobox.module.css +0 -501
- package/components/Combobox/index.d.ts.map +0 -1
- package/components/Combobox/index.js.map +0 -1
- package/components/ContextMenu/ContextMenu.d.ts +0 -47
- package/components/ContextMenu/ContextMenu.d.ts.map +0 -1
- package/components/ContextMenu/ContextMenu.js +0 -50
- package/components/ContextMenu/ContextMenu.js.map +0 -1
- package/components/ContextMenu/index.d.ts.map +0 -1
- package/components/ContextMenu/index.js.map +0 -1
- package/components/Dialog/Dialog.d.ts +0 -122
- package/components/Dialog/Dialog.d.ts.map +0 -1
- package/components/Dialog/Dialog.js +0 -240
- package/components/Dialog/Dialog.js.map +0 -1
- package/components/Dialog/index.d.ts.map +0 -1
- package/components/Dialog/index.js.map +0 -1
- package/components/EmptyState/EmptyState.d.ts +0 -88
- package/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/components/EmptyState/EmptyState.js +0 -161
- package/components/EmptyState/EmptyState.js.map +0 -1
- package/components/EmptyState/index.d.ts.map +0 -1
- package/components/EmptyState/index.js.map +0 -1
- package/components/FAQ/FAQ.d.ts +0 -90
- package/components/FAQ/FAQ.d.ts.map +0 -1
- package/components/FAQ/FAQ.js +0 -146
- package/components/FAQ/FAQ.js.map +0 -1
- package/components/FAQ/index.d.ts.map +0 -1
- package/components/FAQ/index.js.map +0 -1
- package/components/FeatureGrid/FeatureGrid.d.ts +0 -108
- package/components/FeatureGrid/FeatureGrid.d.ts.map +0 -1
- package/components/FeatureGrid/FeatureGrid.js +0 -218
- package/components/FeatureGrid/FeatureGrid.js.map +0 -1
- package/components/FeatureGrid/index.d.ts.map +0 -1
- package/components/FeatureGrid/index.js.map +0 -1
- package/components/Field/Field.d.ts.map +0 -1
- package/components/Field/Field.js.map +0 -1
- package/components/Field/index.d.ts.map +0 -1
- package/components/Field/index.js.map +0 -1
- package/components/Fieldset/Fieldset.d.ts.map +0 -1
- package/components/Fieldset/Fieldset.js.map +0 -1
- package/components/Fieldset/index.d.ts.map +0 -1
- package/components/Fieldset/index.js.map +0 -1
- package/components/Figure/Figure.d.ts +0 -72
- package/components/Figure/Figure.d.ts.map +0 -1
- package/components/Figure/Figure.js +0 -122
- package/components/Figure/Figure.js.map +0 -1
- package/components/Figure/index.d.ts.map +0 -1
- package/components/Figure/index.js.map +0 -1
- package/components/Footer/Footer.d.ts +0 -154
- package/components/Footer/Footer.d.ts.map +0 -1
- package/components/Footer/Footer.js +0 -253
- package/components/Footer/Footer.js.map +0 -1
- package/components/Footer/index.d.ts.map +0 -1
- package/components/Footer/index.js.map +0 -1
- package/components/Form/Form.d.ts.map +0 -1
- package/components/Form/Form.js +0 -90
- package/components/Form/Form.js.map +0 -1
- package/components/Form/index.d.ts.map +0 -1
- package/components/Form/index.js.map +0 -1
- package/components/Ground/Ground.d.ts.map +0 -1
- package/components/Ground/Ground.js.map +0 -1
- package/components/Ground/index.d.ts.map +0 -1
- package/components/Ground/index.js.map +0 -1
- package/components/Hero/Hero.d.ts.map +0 -1
- package/components/Hero/Hero.js +0 -216
- package/components/Hero/Hero.js.map +0 -1
- package/components/Hero/index.d.ts.map +0 -1
- package/components/Hero/index.js.map +0 -1
- package/components/Icon/Icon.d.ts.map +0 -1
- package/components/Icon/Icon.js.map +0 -1
- package/components/Icon/icon.module.css +0 -69
- package/components/Icon/iconHost.d.ts +0 -9
- package/components/Icon/iconHost.d.ts.map +0 -1
- package/components/Icon/iconHost.js +0 -10
- package/components/Icon/iconHost.js.map +0 -1
- package/components/Icon/index.d.ts.map +0 -1
- package/components/Icon/index.js.map +0 -1
- package/components/IndexRows/IndexRows.d.ts +0 -134
- package/components/IndexRows/IndexRows.d.ts.map +0 -1
- package/components/IndexRows/IndexRows.js +0 -229
- package/components/IndexRows/IndexRows.js.map +0 -1
- package/components/IndexRows/index.d.ts.map +0 -1
- package/components/IndexRows/index.js.map +0 -1
- package/components/Input/Input.d.ts +0 -154
- package/components/Input/Input.d.ts.map +0 -1
- package/components/Input/Input.js +0 -186
- package/components/Input/Input.js.map +0 -1
- package/components/Input/index.d.ts.map +0 -1
- package/components/Input/index.js.map +0 -1
- package/components/Link/Link.d.ts.map +0 -1
- package/components/Link/Link.js +0 -140
- package/components/Link/Link.js.map +0 -1
- package/components/Link/index.d.ts.map +0 -1
- package/components/Link/index.js.map +0 -1
- package/components/Map/Map.d.ts.map +0 -1
- package/components/Map/Map.js +0 -500
- package/components/Map/Map.js.map +0 -1
- package/components/Map/MapCanvas.d.ts.map +0 -1
- package/components/Map/MapCanvas.js.map +0 -1
- package/components/Map/index.d.ts.map +0 -1
- package/components/Map/index.js.map +0 -1
- package/components/Map/mapStyle.d.ts.map +0 -1
- package/components/Map/mapStyle.js.map +0 -1
- package/components/Map/types.d.ts.map +0 -1
- package/components/Map/types.js.map +0 -1
- package/components/Marquee/Marquee.d.ts.map +0 -1
- package/components/Marquee/Marquee.js +0 -87
- package/components/Marquee/Marquee.js.map +0 -1
- package/components/Marquee/index.d.ts.map +0 -1
- package/components/Marquee/index.js.map +0 -1
- package/components/Menu/Menu.d.ts +0 -113
- package/components/Menu/Menu.d.ts.map +0 -1
- package/components/Menu/Menu.js +0 -161
- package/components/Menu/Menu.js.map +0 -1
- package/components/Menu/index.d.ts.map +0 -1
- package/components/Menu/index.js.map +0 -1
- package/components/Menu/menu.module.css +0 -244
- package/components/Menu/popup.d.ts.map +0 -1
- package/components/Menu/popup.js.map +0 -1
- package/components/Menubar/Menubar.d.ts +0 -53
- package/components/Menubar/Menubar.d.ts.map +0 -1
- package/components/Menubar/Menubar.js +0 -81
- package/components/Menubar/Menubar.js.map +0 -1
- package/components/Menubar/index.d.ts.map +0 -1
- package/components/Menubar/index.js.map +0 -1
- package/components/Meter/Meter.d.ts.map +0 -1
- package/components/Meter/Meter.js.map +0 -1
- package/components/Meter/index.d.ts.map +0 -1
- package/components/Meter/index.js.map +0 -1
- package/components/Meter/meter.module.css +0 -384
- package/components/NavDrawer/NavDrawer.d.ts +0 -113
- package/components/NavDrawer/NavDrawer.d.ts.map +0 -1
- package/components/NavDrawer/NavDrawer.js +0 -215
- package/components/NavDrawer/NavDrawer.js.map +0 -1
- package/components/NavDrawer/index.d.ts.map +0 -1
- package/components/NavDrawer/index.js.map +0 -1
- package/components/NavDrawer/nav-drawer.module.css +0 -446
- package/components/NavigationBar/NavigationBar.d.ts +0 -129
- package/components/NavigationBar/NavigationBar.d.ts.map +0 -1
- package/components/NavigationBar/NavigationBar.js +0 -224
- package/components/NavigationBar/NavigationBar.js.map +0 -1
- package/components/NavigationBar/index.d.ts.map +0 -1
- package/components/NavigationBar/index.js.map +0 -1
- package/components/NavigationBar/navigation-bar.module.css +0 -413
- package/components/NavigationMenu/NavigationMenu.d.ts.map +0 -1
- package/components/NavigationMenu/NavigationMenu.js +0 -512
- package/components/NavigationMenu/NavigationMenu.js.map +0 -1
- package/components/NavigationMenu/index.d.ts.map +0 -1
- package/components/NavigationMenu/index.js.map +0 -1
- package/components/NavigationMenu/navigation-menu.module.css +0 -636
- package/components/Newsletter/Newsletter.d.ts.map +0 -1
- package/components/Newsletter/Newsletter.js +0 -241
- package/components/Newsletter/Newsletter.js.map +0 -1
- package/components/Newsletter/index.d.ts.map +0 -1
- package/components/Newsletter/index.js.map +0 -1
- package/components/NumberField/NumberField.d.ts.map +0 -1
- package/components/NumberField/NumberField.js +0 -105
- package/components/NumberField/NumberField.js.map +0 -1
- package/components/NumberField/index.d.ts.map +0 -1
- package/components/NumberField/index.js.map +0 -1
- package/components/NumberField/number-field.module.css +0 -429
- package/components/Pagination/Pagination.d.ts +0 -112
- package/components/Pagination/Pagination.d.ts.map +0 -1
- package/components/Pagination/Pagination.js +0 -202
- package/components/Pagination/Pagination.js.map +0 -1
- package/components/Pagination/index.d.ts.map +0 -1
- package/components/Pagination/index.js.map +0 -1
- package/components/Popover/Popover.d.ts +0 -96
- package/components/Popover/Popover.d.ts.map +0 -1
- package/components/Popover/Popover.js +0 -131
- package/components/Popover/Popover.js.map +0 -1
- package/components/Popover/index.d.ts.map +0 -1
- package/components/Popover/index.js.map +0 -1
- package/components/PreviewCard/PreviewCard.d.ts +0 -83
- package/components/PreviewCard/PreviewCard.d.ts.map +0 -1
- package/components/PreviewCard/PreviewCard.js +0 -123
- package/components/PreviewCard/PreviewCard.js.map +0 -1
- package/components/PreviewCard/index.d.ts.map +0 -1
- package/components/PreviewCard/index.js.map +0 -1
- package/components/Pricing/Pricing.d.ts.map +0 -1
- package/components/Pricing/Pricing.js +0 -350
- package/components/Pricing/Pricing.js.map +0 -1
- package/components/Pricing/index.d.ts.map +0 -1
- package/components/Pricing/index.js.map +0 -1
- package/components/Pricing/pricing.module.css +0 -485
- package/components/Profile/Profile.d.ts +0 -120
- package/components/Profile/Profile.d.ts.map +0 -1
- package/components/Profile/Profile.js +0 -230
- package/components/Profile/Profile.js.map +0 -1
- package/components/Profile/index.d.ts.map +0 -1
- package/components/Profile/index.js.map +0 -1
- package/components/Progress/Progress.d.ts.map +0 -1
- package/components/Progress/Progress.js.map +0 -1
- package/components/Progress/index.d.ts.map +0 -1
- package/components/Progress/index.js.map +0 -1
- package/components/Progress/progress.module.css +0 -280
- package/components/Quote/Quote.d.ts +0 -99
- package/components/Quote/Quote.d.ts.map +0 -1
- package/components/Quote/Quote.js +0 -168
- package/components/Quote/Quote.js.map +0 -1
- package/components/Quote/index.d.ts.map +0 -1
- package/components/Quote/index.js.map +0 -1
- package/components/Radio/Radio.d.ts.map +0 -1
- package/components/Radio/Radio.js +0 -119
- package/components/Radio/Radio.js.map +0 -1
- package/components/Radio/index.d.ts.map +0 -1
- package/components/Radio/index.js.map +0 -1
- package/components/RadioGroup/RadioGroup.d.ts.map +0 -1
- package/components/RadioGroup/RadioGroup.js +0 -61
- package/components/RadioGroup/RadioGroup.js.map +0 -1
- package/components/RadioGroup/index.d.ts.map +0 -1
- package/components/RadioGroup/index.js.map +0 -1
- package/components/ScrollArea/ScrollArea.d.ts +0 -67
- package/components/ScrollArea/ScrollArea.d.ts.map +0 -1
- package/components/ScrollArea/ScrollArea.js.map +0 -1
- package/components/ScrollArea/index.d.ts.map +0 -1
- package/components/ScrollArea/index.js.map +0 -1
- package/components/Search/Search.d.ts +0 -119
- package/components/Search/Search.d.ts.map +0 -1
- package/components/Search/Search.js +0 -127
- package/components/Search/Search.js.map +0 -1
- package/components/Search/index.d.ts.map +0 -1
- package/components/Search/index.js.map +0 -1
- package/components/SectionBar/SectionBar.d.ts +0 -131
- package/components/SectionBar/SectionBar.d.ts.map +0 -1
- package/components/SectionBar/SectionBar.js +0 -292
- package/components/SectionBar/SectionBar.js.map +0 -1
- package/components/SectionBar/index.d.ts.map +0 -1
- package/components/SectionBar/index.js.map +0 -1
- package/components/SectionBar/section-bar.module.css +0 -598
- package/components/SectionDivider/SectionDivider.d.ts.map +0 -1
- package/components/SectionDivider/SectionDivider.js +0 -158
- package/components/SectionDivider/SectionDivider.js.map +0 -1
- package/components/SectionDivider/index.d.ts.map +0 -1
- package/components/SectionDivider/index.js.map +0 -1
- package/components/SectionDivider/section-divider.module.css +0 -275
- package/components/SectionHeader/SectionHeader.d.ts.map +0 -1
- package/components/SectionHeader/SectionHeader.js +0 -141
- package/components/SectionHeader/SectionHeader.js.map +0 -1
- package/components/SectionHeader/index.d.ts.map +0 -1
- package/components/SectionHeader/index.js.map +0 -1
- package/components/Select/Select.d.ts.map +0 -1
- package/components/Select/Select.js +0 -154
- package/components/Select/Select.js.map +0 -1
- package/components/Select/index.d.ts.map +0 -1
- package/components/Select/index.js.map +0 -1
- package/components/Separator/Separator.d.ts.map +0 -1
- package/components/Separator/Separator.js.map +0 -1
- package/components/Separator/index.d.ts.map +0 -1
- package/components/Separator/index.js.map +0 -1
- package/components/Slider/Slider.d.ts.map +0 -1
- package/components/Slider/Slider.js +0 -118
- package/components/Slider/Slider.js.map +0 -1
- package/components/Slider/index.d.ts.map +0 -1
- package/components/Slider/index.js.map +0 -1
- package/components/SpecGrid/SpecGrid.d.ts +0 -49
- package/components/SpecGrid/SpecGrid.d.ts.map +0 -1
- package/components/SpecGrid/SpecGrid.js +0 -75
- package/components/SpecGrid/SpecGrid.js.map +0 -1
- package/components/SpecGrid/index.d.ts.map +0 -1
- package/components/SpecGrid/index.js.map +0 -1
- package/components/SpecList/SpecList.d.ts.map +0 -1
- package/components/SpecList/SpecList.js.map +0 -1
- package/components/SpecList/index.d.ts.map +0 -1
- package/components/SpecList/index.js.map +0 -1
- package/components/SpecSheet/SpecSheet.d.ts +0 -112
- package/components/SpecSheet/SpecSheet.d.ts.map +0 -1
- package/components/SpecSheet/SpecSheet.js +0 -128
- package/components/SpecSheet/SpecSheet.js.map +0 -1
- package/components/SpecSheet/index.d.ts.map +0 -1
- package/components/SpecSheet/index.js.map +0 -1
- package/components/Stat/Stat.d.ts.map +0 -1
- package/components/Stat/Stat.js.map +0 -1
- package/components/Stat/index.d.ts.map +0 -1
- package/components/Stat/index.js.map +0 -1
- package/components/Sticker/Sticker.d.ts.map +0 -1
- package/components/Sticker/Sticker.js +0 -104
- package/components/Sticker/Sticker.js.map +0 -1
- package/components/Sticker/index.d.ts.map +0 -1
- package/components/Sticker/index.js.map +0 -1
- package/components/Switch/Switch.d.ts.map +0 -1
- package/components/Switch/Switch.js.map +0 -1
- package/components/Switch/index.d.ts.map +0 -1
- package/components/Switch/index.js.map +0 -1
- package/components/Table/Table.d.ts.map +0 -1
- package/components/Table/Table.js +0 -255
- package/components/Table/Table.js.map +0 -1
- package/components/Table/index.d.ts.map +0 -1
- package/components/Table/index.js.map +0 -1
- package/components/Table/table.module.css +0 -751
- package/components/Tabs/Tabs.d.ts +0 -93
- package/components/Tabs/Tabs.d.ts.map +0 -1
- package/components/Tabs/Tabs.js +0 -175
- package/components/Tabs/Tabs.js.map +0 -1
- package/components/Tabs/index.d.ts.map +0 -1
- package/components/Tabs/index.js.map +0 -1
- package/components/Tag/Tag.d.ts +0 -40
- package/components/Tag/Tag.d.ts.map +0 -1
- package/components/Tag/Tag.js +0 -56
- package/components/Tag/Tag.js.map +0 -1
- package/components/Tag/index.d.ts.map +0 -1
- package/components/Tag/index.js.map +0 -1
- package/components/Timeline/Timeline.d.ts +0 -164
- package/components/Timeline/Timeline.d.ts.map +0 -1
- package/components/Timeline/Timeline.js +0 -314
- package/components/Timeline/Timeline.js.map +0 -1
- package/components/Timeline/index.d.ts.map +0 -1
- package/components/Timeline/index.js.map +0 -1
- package/components/Toast/Toast.d.ts +0 -89
- package/components/Toast/Toast.d.ts.map +0 -1
- package/components/Toast/Toast.js +0 -171
- package/components/Toast/Toast.js.map +0 -1
- package/components/Toast/index.d.ts.map +0 -1
- package/components/Toast/index.js.map +0 -1
- package/components/Toast/toast.module.css +0 -270
- package/components/Toggle/Toggle.d.ts +0 -78
- package/components/Toggle/Toggle.d.ts.map +0 -1
- package/components/Toggle/Toggle.js +0 -101
- package/components/Toggle/Toggle.js.map +0 -1
- package/components/Toggle/index.d.ts.map +0 -1
- package/components/Toggle/index.js.map +0 -1
- package/components/ToggleGroup/ToggleGroup.d.ts +0 -43
- package/components/ToggleGroup/ToggleGroup.d.ts.map +0 -1
- package/components/ToggleGroup/ToggleGroup.js +0 -85
- package/components/ToggleGroup/ToggleGroup.js.map +0 -1
- package/components/ToggleGroup/index.d.ts.map +0 -1
- package/components/ToggleGroup/index.js.map +0 -1
- package/components/Toolbar/Toolbar.d.ts +0 -125
- package/components/Toolbar/Toolbar.d.ts.map +0 -1
- package/components/Toolbar/Toolbar.js +0 -174
- package/components/Toolbar/Toolbar.js.map +0 -1
- package/components/Toolbar/index.d.ts.map +0 -1
- package/components/Toolbar/index.js.map +0 -1
- package/components/Tooltip/Tooltip.d.ts.map +0 -1
- package/components/Tooltip/Tooltip.js +0 -108
- package/components/Tooltip/Tooltip.js.map +0 -1
- package/components/Tooltip/index.d.ts.map +0 -1
- package/components/Tooltip/index.js.map +0 -1
- /package/{components/Button → actions/button}/index.d.ts +0 -0
- /package/{components/Button → actions/button}/index.js +0 -0
- /package/{components/Chip → actions/chip}/Chip.d.ts +0 -0
- /package/{components/Chip → actions/chip}/chip.module.css +0 -0
- /package/{components/Chip → actions/chip}/index.d.ts +0 -0
- /package/{components/Chip → actions/chip}/index.js +0 -0
- /package/{components/Link → actions/link}/Link.d.ts +0 -0
- /package/{components/Link → actions/link}/index.d.ts +0 -0
- /package/{components/Link → actions/link}/index.js +0 -0
- /package/{components/Link → actions/link}/link.module.css +0 -0
- /package/{components/Toggle → actions/toggle}/index.d.ts +0 -0
- /package/{components/Toggle → actions/toggle}/index.js +0 -0
- /package/{components/Toggle → actions/toggle}/toggle.module.css +0 -0
- /package/{components/ToggleGroup → actions/toggle-group}/index.d.ts +0 -0
- /package/{components/ToggleGroup → actions/toggle-group}/index.js +0 -0
- /package/{components/ToggleGroup → actions/toggle-group}/toggle-group.module.css +0 -0
- /package/{components/Card → content/card}/card.module.css +0 -0
- /package/{components/Card → content/card}/index.d.ts +0 -0
- /package/{components/Card → content/card}/index.js +0 -0
- /package/{components/CardGrid → content/card-grid}/card-grid.module.css +0 -0
- /package/{components/CardGrid → content/card-grid}/index.d.ts +0 -0
- /package/{components/CardGrid → content/card-grid}/index.js +0 -0
- /package/{components/Carousel → content/carousel}/index.d.ts +0 -0
- /package/{components/Carousel → content/carousel}/index.js +0 -0
- /package/{components/EmptyState → content/empty-state}/empty-state.module.css +0 -0
- /package/{components/EmptyState → content/empty-state}/index.d.ts +0 -0
- /package/{components/EmptyState → content/empty-state}/index.js +0 -0
- /package/{components/FeatureGrid → content/feature-grid}/feature-grid.module.css +0 -0
- /package/{components/FeatureGrid → content/feature-grid}/index.d.ts +0 -0
- /package/{components/FeatureGrid → content/feature-grid}/index.js +0 -0
- /package/{components/IndexRows → content/index-rows}/index-rows.module.css +0 -0
- /package/{components/IndexRows → content/index-rows}/index.d.ts +0 -0
- /package/{components/IndexRows → content/index-rows}/index.js +0 -0
- /package/{components/Pricing → content/pricing}/Pricing.d.ts +0 -0
- /package/{components/Pricing → content/pricing}/index.d.ts +0 -0
- /package/{components/Pricing → content/pricing}/index.js +0 -0
- /package/{components/Profile → content/profile}/index.d.ts +0 -0
- /package/{components/Profile → content/profile}/index.js +0 -0
- /package/{components/Profile → content/profile}/profile.module.css +0 -0
- /package/{components/Quote → content/quote}/index.d.ts +0 -0
- /package/{components/Quote → content/quote}/index.js +0 -0
- /package/{components/Quote → content/quote}/quote.module.css +0 -0
- /package/{components/Timeline → content/timeline}/index.d.ts +0 -0
- /package/{components/Timeline → content/timeline}/index.js +0 -0
- /package/{components/Timeline → content/timeline}/timeline.module.css +0 -0
- /package/{components/Chart → data/chart}/Chart.d.ts +0 -0
- /package/{components/Chart → data/chart}/chart.module.css +0 -0
- /package/{components/Chart → data/chart}/index.d.ts +0 -0
- /package/{components/Chart → data/chart}/index.js +0 -0
- /package/{components/Figure → data/figure}/figure.module.css +0 -0
- /package/{components/Figure → data/figure}/index.d.ts +0 -0
- /package/{components/Figure → data/figure}/index.js +0 -0
- /package/{components/Map → data/map}/Map.d.ts +0 -0
- /package/{components/Map → data/map}/MapCanvas.d.ts +0 -0
- /package/{components/Map → data/map}/MapCanvas.js +0 -0
- /package/{components/Map → data/map}/index.d.ts +0 -0
- /package/{components/Map → data/map}/index.js +0 -0
- /package/{components/Map → data/map}/map.module.css +0 -0
- /package/{components/Map → data/map}/mapStyle.d.ts +0 -0
- /package/{components/Map → data/map}/mapStyle.js +0 -0
- /package/{components/Map → data/map}/types.d.ts +0 -0
- /package/{components/Map → data/map}/types.js +0 -0
- /package/{components/ScrollArea → data/scroll-area}/ScrollArea.js +0 -0
- /package/{components/ScrollArea → data/scroll-area}/index.d.ts +0 -0
- /package/{components/ScrollArea → data/scroll-area}/index.js +0 -0
- /package/{components/ScrollArea → data/scroll-area}/scroll-area.module.css +0 -0
- /package/{components/SpecGrid → data/spec-grid}/index.d.ts +0 -0
- /package/{components/SpecGrid → data/spec-grid}/index.js +0 -0
- /package/{components/SpecGrid → data/spec-grid}/spec-grid.module.css +0 -0
- /package/{components/SpecList → data/spec-list}/SpecList.d.ts +0 -0
- /package/{components/SpecList → data/spec-list}/SpecList.js +0 -0
- /package/{components/SpecList → data/spec-list}/index.d.ts +0 -0
- /package/{components/SpecList → data/spec-list}/index.js +0 -0
- /package/{components/SpecList → data/spec-list}/spec-list.module.css +0 -0
- /package/{components/SpecSheet → data/spec-sheet}/index.d.ts +0 -0
- /package/{components/SpecSheet → data/spec-sheet}/index.js +0 -0
- /package/{components/SpecSheet → data/spec-sheet}/spec-sheet.module.css +0 -0
- /package/{components/Stat → data/stat}/Stat.d.ts +0 -0
- /package/{components/Stat → data/stat}/Stat.js +0 -0
- /package/{components/Stat → data/stat}/index.d.ts +0 -0
- /package/{components/Stat → data/stat}/index.js +0 -0
- /package/{components/Stat → data/stat}/stat.module.css +0 -0
- /package/{components/Table → data/table}/Table.d.ts +0 -0
- /package/{components/Table → data/table}/index.d.ts +0 -0
- /package/{components/Table → data/table}/index.js +0 -0
- /package/{components/Accordion → disclosure/accordion}/accordion.module.css +0 -0
- /package/{components/Accordion → disclosure/accordion}/index.d.ts +0 -0
- /package/{components/Accordion → disclosure/accordion}/index.js +0 -0
- /package/{components/Collapsible → disclosure/collapsible}/Collapsible.d.ts +0 -0
- /package/{components/Collapsible → disclosure/collapsible}/Collapsible.js +0 -0
- /package/{components/Collapsible → disclosure/collapsible}/collapsible.module.css +0 -0
- /package/{components/Collapsible → disclosure/collapsible}/index.d.ts +0 -0
- /package/{components/Collapsible → disclosure/collapsible}/index.js +0 -0
- /package/{components/FAQ → disclosure/faq}/faq.module.css +0 -0
- /package/{components/FAQ → disclosure/faq}/index.d.ts +0 -0
- /package/{components/FAQ → disclosure/faq}/index.js +0 -0
- /package/{components/Alert → feedback/alert}/Alert.d.ts +0 -0
- /package/{components/Alert → feedback/alert}/Alert.js +0 -0
- /package/{components/Alert → feedback/alert}/alert.module.css +0 -0
- /package/{components/Alert → feedback/alert}/index.d.ts +0 -0
- /package/{components/Alert → feedback/alert}/index.js +0 -0
- /package/{components/Avatar → feedback/avatar}/Avatar.d.ts +0 -0
- /package/{components/Avatar → feedback/avatar}/avatar-group.module.css +0 -0
- /package/{components/Avatar → feedback/avatar}/avatar.module.css +0 -0
- /package/{components/Avatar → feedback/avatar}/index.d.ts +0 -0
- /package/{components/Avatar → feedback/avatar}/index.js +0 -0
- /package/{components/Badge → feedback/badge}/Badge.d.ts +0 -0
- /package/{components/Badge → feedback/badge}/badge.module.css +0 -0
- /package/{components/Badge → feedback/badge}/index.d.ts +0 -0
- /package/{components/Badge → feedback/badge}/index.js +0 -0
- /package/{components/Meter → feedback/meter}/Meter.d.ts +0 -0
- /package/{components/Meter → feedback/meter}/Meter.js +0 -0
- /package/{components/Meter → feedback/meter}/index.d.ts +0 -0
- /package/{components/Meter → feedback/meter}/index.js +0 -0
- /package/{components/Progress → feedback/progress}/Progress.d.ts +0 -0
- /package/{components/Progress → feedback/progress}/Progress.js +0 -0
- /package/{components/Progress → feedback/progress}/index.d.ts +0 -0
- /package/{components/Progress → feedback/progress}/index.js +0 -0
- /package/{components/Tag → feedback/tag}/index.d.ts +0 -0
- /package/{components/Tag → feedback/tag}/index.js +0 -0
- /package/{components/Tag → feedback/tag}/tag.module.css +0 -0
- /package/{components/Toast → feedback/toast}/index.d.ts +0 -0
- /package/{components/Toast → feedback/toast}/index.js +0 -0
- /package/{components/Autocomplete → forms/autocomplete}/autocomplete.module.css +0 -0
- /package/{components/Autocomplete → forms/autocomplete}/index.d.ts +0 -0
- /package/{components/Autocomplete → forms/autocomplete}/index.js +0 -0
- /package/{components/Checkbox → forms/checkbox}/Checkbox.d.ts +0 -0
- /package/{components/Checkbox → forms/checkbox}/Checkbox.js +0 -0
- /package/{components/Checkbox → forms/checkbox}/checkbox.module.css +0 -0
- /package/{components/Checkbox → forms/checkbox}/index.d.ts +0 -0
- /package/{components/Checkbox → forms/checkbox}/index.js +0 -0
- /package/{components/CheckboxGroup → forms/checkbox-group}/CheckboxGroup.d.ts +0 -0
- /package/{components/CheckboxGroup → forms/checkbox-group}/checkbox-group.module.css +0 -0
- /package/{components/CheckboxGroup → forms/checkbox-group}/index.d.ts +0 -0
- /package/{components/CheckboxGroup → forms/checkbox-group}/index.js +0 -0
- /package/{components/Combobox → forms/combobox}/index.d.ts +0 -0
- /package/{components/Combobox → forms/combobox}/index.js +0 -0
- /package/{components/Field → forms/field}/Field.d.ts +0 -0
- /package/{components/Field → forms/field}/Field.js +0 -0
- /package/{components/Field → forms/field}/field.module.css +0 -0
- /package/{components/Field → forms/field}/index.d.ts +0 -0
- /package/{components/Field → forms/field}/index.js +0 -0
- /package/{components/Fieldset → forms/fieldset}/Fieldset.d.ts +0 -0
- /package/{components/Fieldset → forms/fieldset}/Fieldset.js +0 -0
- /package/{components/Fieldset → forms/fieldset}/fieldset.module.css +0 -0
- /package/{components/Fieldset → forms/fieldset}/index.d.ts +0 -0
- /package/{components/Fieldset → forms/fieldset}/index.js +0 -0
- /package/{components/Form → forms/form}/Form.d.ts +0 -0
- /package/{components/Form → forms/form}/form.module.css +0 -0
- /package/{components/Form → forms/form}/index.d.ts +0 -0
- /package/{components/Form → forms/form}/index.js +0 -0
- /package/{components/Input → forms/input}/index.d.ts +0 -0
- /package/{components/Input → forms/input}/index.js +0 -0
- /package/{components/Input → forms/input}/input.module.css +0 -0
- /package/{components/NumberField → forms/number-field}/NumberField.d.ts +0 -0
- /package/{components/NumberField → forms/number-field}/index.d.ts +0 -0
- /package/{components/NumberField → forms/number-field}/index.js +0 -0
- /package/{components/Radio → forms/radio}/Radio.d.ts +0 -0
- /package/{components/Radio → forms/radio}/index.d.ts +0 -0
- /package/{components/Radio → forms/radio}/index.js +0 -0
- /package/{components/Radio → forms/radio}/radio.module.css +0 -0
- /package/{components/RadioGroup → forms/radio-group}/RadioGroup.d.ts +0 -0
- /package/{components/RadioGroup → forms/radio-group}/index.d.ts +0 -0
- /package/{components/RadioGroup → forms/radio-group}/index.js +0 -0
- /package/{components/RadioGroup → forms/radio-group}/radio-group.module.css +0 -0
- /package/{components/Search → forms/search}/index.d.ts +0 -0
- /package/{components/Search → forms/search}/index.js +0 -0
- /package/{components/Search → forms/search}/search.module.css +0 -0
- /package/{components/Select → forms/select}/Select.d.ts +0 -0
- /package/{components/Select → forms/select}/index.d.ts +0 -0
- /package/{components/Select → forms/select}/index.js +0 -0
- /package/{components/Select → forms/select}/select.module.css +0 -0
- /package/{components/Slider → forms/slider}/Slider.d.ts +0 -0
- /package/{components/Slider → forms/slider}/index.d.ts +0 -0
- /package/{components/Slider → forms/slider}/index.js +0 -0
- /package/{components/Slider → forms/slider}/slider.module.css +0 -0
- /package/{components/Switch → forms/switch}/Switch.d.ts +0 -0
- /package/{components/Switch → forms/switch}/Switch.js +0 -0
- /package/{components/Switch → forms/switch}/index.d.ts +0 -0
- /package/{components/Switch → forms/switch}/index.js +0 -0
- /package/{components/Switch → forms/switch}/switch.module.css +0 -0
- /package/{components/Ground → foundations/ground}/Ground.d.ts +0 -0
- /package/{components/Ground → foundations/ground}/Ground.js +0 -0
- /package/{components/Ground → foundations/ground}/ground.module.css +0 -0
- /package/{components/Ground → foundations/ground}/index.d.ts +0 -0
- /package/{components/Ground → foundations/ground}/index.js +0 -0
- /package/{components/Icon → foundations/icon}/Icon.d.ts +0 -0
- /package/{components/Icon → foundations/icon}/Icon.js +0 -0
- /package/{components/Icon → foundations/icon}/index.d.ts +0 -0
- /package/{components/Icon → foundations/icon}/index.js +0 -0
- /package/{components/Separator → foundations/separator}/Separator.d.ts +0 -0
- /package/{components/Separator → foundations/separator}/Separator.js +0 -0
- /package/{components/Separator → foundations/separator}/index.d.ts +0 -0
- /package/{components/Separator → foundations/separator}/index.js +0 -0
- /package/{components/Separator → foundations/separator}/separator.module.css +0 -0
- /package/{components/Sticker → foundations/sticker}/Sticker.d.ts +0 -0
- /package/{components/Sticker → foundations/sticker}/index.d.ts +0 -0
- /package/{components/Sticker → foundations/sticker}/index.js +0 -0
- /package/{components/Sticker → foundations/sticker}/sticker.module.css +0 -0
- /package/{components/Breadcrumb → navigation/breadcrumb}/Breadcrumb.d.ts +0 -0
- /package/{components/Breadcrumb → navigation/breadcrumb}/index.d.ts +0 -0
- /package/{components/Breadcrumb → navigation/breadcrumb}/index.js +0 -0
- /package/{components/NavDrawer → navigation/nav-drawer}/index.d.ts +0 -0
- /package/{components/NavDrawer → navigation/nav-drawer}/index.js +0 -0
- /package/{components/NavigationBar → navigation/navigation-bar}/index.d.ts +0 -0
- /package/{components/NavigationBar → navigation/navigation-bar}/index.js +0 -0
- /package/{components/NavigationMenu → navigation/navigation-menu}/NavigationMenu.d.ts +0 -0
- /package/{components/NavigationMenu → navigation/navigation-menu}/index.d.ts +0 -0
- /package/{components/NavigationMenu → navigation/navigation-menu}/index.js +0 -0
- /package/{components/Pagination → navigation/pagination}/index.d.ts +0 -0
- /package/{components/Pagination → navigation/pagination}/index.js +0 -0
- /package/{components/Pagination → navigation/pagination}/pagination.module.css +0 -0
- /package/{components/Tabs → navigation/tabs}/index.d.ts +0 -0
- /package/{components/Tabs → navigation/tabs}/index.js +0 -0
- /package/{components/Tabs → navigation/tabs}/tabs.module.css +0 -0
- /package/{components/Toolbar → navigation/toolbar}/index.d.ts +0 -0
- /package/{components/Toolbar → navigation/toolbar}/index.js +0 -0
- /package/{components/Toolbar → navigation/toolbar}/toolbar.module.css +0 -0
- /package/{components/AlertDialog → overlays/alert-dialog}/alert-dialog.module.css +0 -0
- /package/{components/AlertDialog → overlays/alert-dialog}/index.d.ts +0 -0
- /package/{components/AlertDialog → overlays/alert-dialog}/index.js +0 -0
- /package/{components/ContextMenu → overlays/context-menu}/index.d.ts +0 -0
- /package/{components/ContextMenu → overlays/context-menu}/index.js +0 -0
- /package/{components/Dialog → overlays/dialog}/dialog.module.css +0 -0
- /package/{components/Dialog → overlays/dialog}/index.d.ts +0 -0
- /package/{components/Dialog → overlays/dialog}/index.js +0 -0
- /package/{components/Menu → overlays/menu}/index.d.ts +0 -0
- /package/{components/Menu → overlays/menu}/index.js +0 -0
- /package/{components/Menu → overlays/menu}/popup.d.ts +0 -0
- /package/{components/Menu → overlays/menu}/popup.js +0 -0
- /package/{components/Menubar → overlays/menubar}/index.d.ts +0 -0
- /package/{components/Menubar → overlays/menubar}/index.js +0 -0
- /package/{components/Menubar → overlays/menubar}/menubar.module.css +0 -0
- /package/{components/Popover → overlays/popover}/index.d.ts +0 -0
- /package/{components/Popover → overlays/popover}/index.js +0 -0
- /package/{components/Popover → overlays/popover}/popover.module.css +0 -0
- /package/{components/PreviewCard → overlays/preview-card}/index.d.ts +0 -0
- /package/{components/PreviewCard → overlays/preview-card}/index.js +0 -0
- /package/{components/PreviewCard → overlays/preview-card}/preview-card.module.css +0 -0
- /package/{components/Tooltip → overlays/tooltip}/Tooltip.d.ts +0 -0
- /package/{components/Tooltip → overlays/tooltip}/index.d.ts +0 -0
- /package/{components/Tooltip → overlays/tooltip}/index.js +0 -0
- /package/{components/Tooltip → overlays/tooltip}/tooltip.module.css +0 -0
- /package/{components/AnnouncementBar → page/announcement-bar}/announcement-bar.module.css +0 -0
- /package/{components/AnnouncementBar → page/announcement-bar}/index.d.ts +0 -0
- /package/{components/AnnouncementBar → page/announcement-bar}/index.js +0 -0
- /package/{components/CTABlock → page/cta-block}/CTABlock.d.ts +0 -0
- /package/{components/CTABlock → page/cta-block}/cta-block.module.css +0 -0
- /package/{components/CTABlock → page/cta-block}/index.d.ts +0 -0
- /package/{components/CTABlock → page/cta-block}/index.js +0 -0
- /package/{components/Footer → page/footer}/footer.module.css +0 -0
- /package/{components/Footer → page/footer}/index.d.ts +0 -0
- /package/{components/Footer → page/footer}/index.js +0 -0
- /package/{components/Hero → page/hero}/Hero.d.ts +0 -0
- /package/{components/Hero → page/hero}/hero.module.css +0 -0
- /package/{components/Hero → page/hero}/index.d.ts +0 -0
- /package/{components/Hero → page/hero}/index.js +0 -0
- /package/{components/Marquee → page/marquee}/Marquee.d.ts +0 -0
- /package/{components/Marquee → page/marquee}/index.d.ts +0 -0
- /package/{components/Marquee → page/marquee}/index.js +0 -0
- /package/{components/Marquee → page/marquee}/marquee.module.css +0 -0
- /package/{components/Newsletter → page/newsletter}/Newsletter.d.ts +0 -0
- /package/{components/Newsletter → page/newsletter}/index.d.ts +0 -0
- /package/{components/Newsletter → page/newsletter}/index.js +0 -0
- /package/{components/Newsletter → page/newsletter}/newsletter.module.css +0 -0
- /package/{components/SectionBar → page/section-bar}/index.d.ts +0 -0
- /package/{components/SectionBar → page/section-bar}/index.js +0 -0
- /package/{components/SectionDivider → page/section-divider}/SectionDivider.d.ts +0 -0
- /package/{components/SectionDivider → page/section-divider}/index.d.ts +0 -0
- /package/{components/SectionDivider → page/section-divider}/index.js +0 -0
- /package/{components/SectionHeader → page/section-header}/SectionHeader.d.ts +0 -0
- /package/{components/SectionHeader → page/section-header}/index.d.ts +0 -0
- /package/{components/SectionHeader → page/section-header}/index.js +0 -0
- /package/{components/SectionHeader → page/section-header}/section-header.module.css +0 -0
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { Button } from '../Button';
|
|
5
|
-
import { Ground } from '../Ground';
|
|
6
|
-
import { OrnamentBlob, OrnamentTrail } from '../../utils/Ornament';
|
|
7
|
-
import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
|
|
8
|
-
import { useScopeAttributes } from '../../utils/scope';
|
|
9
|
-
import styles from './cta-block.module.css';
|
|
10
|
-
/*
|
|
11
|
-
* CTA Block (§11.10, the CTA banner): the page's one closing invitation
|
|
12
|
-
* before the footer ("Keep exploring", "Find a land trust near you"). A
|
|
13
|
-
* `section` labelled by its headline, holding the kicker or eyebrow, the
|
|
14
|
-
* headline, an optional support line, the action Button (`solid`, with a
|
|
15
|
-
* leading arrow) and an optional `outline` twin. The saturated and deep
|
|
16
|
-
* kinds are a CTA field, a `<Ground kind="field">` inset in the content
|
|
17
|
-
* container, never a full-bleed band [D177, D180]; the sunburst, mission
|
|
18
|
-
* and framed kinds sit on the page ground of their band.
|
|
19
|
-
*
|
|
20
|
-
* Implementation (CSS Modules + CVA)
|
|
21
|
-
* - Module: cta-block.module.css; CVA function `ctaBlock` (the spec's
|
|
22
|
-
* `ctaBanner`, named for the component).
|
|
23
|
-
* - Axes: `kind` → sunburst | mission | saturated | deep | framed →
|
|
24
|
-
* same-named classes (`saturated` and `deep` render the CTA field);
|
|
25
|
-
* `patterned` → `patterned` (the headline takes --primary12 over a
|
|
26
|
-
* pattern; always on for `sunburst` and `mission`); `primary`,
|
|
27
|
-
* `secondary` → scales module classes.
|
|
28
|
-
* - Compound variants: none.
|
|
29
|
-
* - Defaults: kind sunburst, patterned false; color axes: none [D133].
|
|
30
|
-
* - Color fallback: inherits the band's scope, or the field preset's
|
|
31
|
-
* defaults. The action is a §9.2 Button whose `solid` class aliases the
|
|
32
|
-
* scope's action scale (the ink pill on the solid fields).
|
|
33
|
-
* - States: none of its own; the Buttons carry §9.2's.
|
|
34
|
-
* - Parts: base, field (saturated and deep), content (the container),
|
|
35
|
-
* layout (its grid), text, decor (decorSunburst composes
|
|
36
|
-
* pattern-sunburst), kicker, trail (an OrnamentTrail by default), headline,
|
|
37
|
-
* support, actions, mount (an OrnamentBlob around the mark), frame (with
|
|
38
|
-
* frameLine), cornerMark.
|
|
39
|
-
* - Scope: sunburst, mission and framed sit on their band's page ground;
|
|
40
|
-
* for saturated and deep, `field` is a `kind="field"` Ground of a field
|
|
41
|
-
* preset, with its --ds-radius-20 and its --primary12 edge in
|
|
42
|
-
* --role-edge [D177, D178].
|
|
43
|
-
* - Container: `content` is the inline-size container `cta`; the action row
|
|
44
|
-
* and the deep and framed kinds' headline/actions split (7 / 5 from 768 px)
|
|
45
|
-
* query it. Baseline: the actions flex-wrap; the split's viewport
|
|
46
|
-
* fallback is --lg-n-above (§5.10.2) [D163].
|
|
47
|
-
*/
|
|
48
|
-
export const ctaBlock = cva(styles.base, {
|
|
49
|
-
variants: {
|
|
50
|
-
kind: {
|
|
51
|
-
sunburst: styles.sunburst,
|
|
52
|
-
mission: styles.mission,
|
|
53
|
-
saturated: styles.saturated,
|
|
54
|
-
deep: styles.deep,
|
|
55
|
-
framed: styles.framed,
|
|
56
|
-
},
|
|
57
|
-
patterned: {
|
|
58
|
-
true: styles.patterned,
|
|
59
|
-
},
|
|
60
|
-
// Color axes: never defaulted, so an omitted prop inherits the scope [D133].
|
|
61
|
-
primary: primaryScaleVariants,
|
|
62
|
-
secondary: secondaryScaleVariants,
|
|
63
|
-
},
|
|
64
|
-
defaultVariants: {
|
|
65
|
-
kind: 'sunburst',
|
|
66
|
-
patterned: false,
|
|
67
|
-
},
|
|
68
|
-
});
|
|
69
|
-
function ActionButton({ action, variant }) {
|
|
70
|
-
const { label, href, onClick } = action;
|
|
71
|
-
return (React.createElement(Button, { variant: variant, size: "lg", icon: variant === 'solid' ? 'arrow_forward' : undefined, onClick: onClick, ...(href != null ? { render: React.createElement("a", { href: href }), nativeButton: false } : null) }, label));
|
|
72
|
-
}
|
|
73
|
-
function CornerMark({ corner }) {
|
|
74
|
-
return (React.createElement("svg", { className: `${styles.cornerMark} ${styles[corner]}`, viewBox: "0 0 12 12", "aria-hidden": "true", focusable: "false" },
|
|
75
|
-
React.createElement("path", { d: "M0 6h12M6 0v12" })));
|
|
76
|
-
}
|
|
77
|
-
/**
|
|
78
|
-
* The CTA block. At most one per page, the page's ornament peak; never a
|
|
79
|
-
* form (use Newsletter), a repeated mid-page promo or a floating bar. In
|
|
80
|
-
* print the ornament drops, the action prints "Label (short URL)" and a
|
|
81
|
-
* CTA field prints its edge as a black frame.
|
|
82
|
-
*/
|
|
83
|
-
export function CTABlock(props) {
|
|
84
|
-
const { kind, field, headline, headingLevel = 2, kicker, trail, support, action, secondaryAction, decor, mount, patterned, primary, secondary, className, ...rest } = props;
|
|
85
|
-
const scope = useScopeAttributes();
|
|
86
|
-
const headingId = React.useId();
|
|
87
|
-
const resolvedKind = kind ?? 'sunburst';
|
|
88
|
-
const isField = resolvedKind === 'saturated' || resolvedKind === 'deep';
|
|
89
|
-
const HeadingTag = headingLevel === 3 ? 'h3' : 'h2';
|
|
90
|
-
// Omitted slots take the kind's own ornament; `null` (or `false`) omits it.
|
|
91
|
-
const isSunburst = resolvedKind === 'sunburst';
|
|
92
|
-
const resolvedTrail = trail === undefined ? (isSunburst ? React.createElement(OrnamentTrail, null) : null) : trail;
|
|
93
|
-
const content = (React.createElement("div", { className: styles.content },
|
|
94
|
-
React.createElement("div", { className: styles.layout },
|
|
95
|
-
React.createElement("div", { className: styles.text },
|
|
96
|
-
resolvedKind === 'mission' && mount != null ? (React.createElement("div", { className: styles.mount, "aria-hidden": "true" },
|
|
97
|
-
React.createElement(OrnamentBlob, null, mount))) : null,
|
|
98
|
-
kicker != null ? (React.createElement("p", { className: styles.kicker },
|
|
99
|
-
resolvedTrail != null && resolvedTrail !== false ? (React.createElement("span", { className: styles.trail, "aria-hidden": "true" }, resolvedTrail)) : null,
|
|
100
|
-
React.createElement("span", null, kicker))) : null,
|
|
101
|
-
React.createElement(HeadingTag, { id: headingId, className: styles.headline }, headline),
|
|
102
|
-
support != null ? React.createElement("p", { className: styles.support }, support) : null),
|
|
103
|
-
React.createElement("div", { className: styles.actions },
|
|
104
|
-
React.createElement(ActionButton, { action: action, variant: "solid" }),
|
|
105
|
-
secondaryAction ? React.createElement(ActionButton, { action: secondaryAction, variant: "outline" }) : null))));
|
|
106
|
-
const body = (React.createElement(React.Fragment, null,
|
|
107
|
-
decor === undefined && isSunburst ? (React.createElement("div", { className: `${styles.decor} ${styles.decorSunburst}`, "aria-hidden": "true" })) : decor != null && decor !== false ? (React.createElement("div", { className: styles.decor, "aria-hidden": "true" }, decor)) : null,
|
|
108
|
-
content,
|
|
109
|
-
resolvedKind === 'framed' ? (React.createElement(React.Fragment, null,
|
|
110
|
-
React.createElement("svg", { className: styles.frame, "aria-hidden": "true", focusable: "false" },
|
|
111
|
-
React.createElement("rect", { className: styles.frameLine, width: "100%", height: "100%" })),
|
|
112
|
-
React.createElement(CornerMark, { corner: "startStart" }),
|
|
113
|
-
React.createElement(CornerMark, { corner: "startEnd" }),
|
|
114
|
-
React.createElement(CornerMark, { corner: "endStart" }),
|
|
115
|
-
React.createElement(CornerMark, { corner: "endEnd" }))) : null));
|
|
116
|
-
const defaultField = resolvedKind === 'deep' ? 'forest' : 'amber';
|
|
117
|
-
return (React.createElement("section", { ...rest, ...scope, "aria-labelledby": rest['aria-labelledby'] ?? headingId, className: ctaBlock({
|
|
118
|
-
kind: resolvedKind,
|
|
119
|
-
patterned: patterned === true || isSunburst || resolvedKind === 'mission',
|
|
120
|
-
primary,
|
|
121
|
-
secondary,
|
|
122
|
-
className,
|
|
123
|
-
}) }, isField ? (React.createElement(Ground, { kind: "field", preset: field ?? defaultField, render: React.createElement("div", null), className: styles.field }, body)) : (body)));
|
|
124
|
-
}
|
|
125
|
-
//# sourceMappingURL=CTABlock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CTABlock.js","sourceRoot":"","sources":["../../src/components/CTABlock/CTABlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/CTABlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/CTABlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useRender } from '@base-ui/react/use-render';
|
|
3
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
4
|
-
import { type LinkProps } from '../Link';
|
|
5
|
-
declare const card: (props?: ({
|
|
6
|
-
kind?: "block" | "entry" | "editorial" | null | undefined;
|
|
7
|
-
faced?: boolean | null | undefined;
|
|
8
|
-
lead?: boolean | null | undefined;
|
|
9
|
-
disabled?: boolean | null | undefined;
|
|
10
|
-
primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
|
|
11
|
-
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;
|
|
12
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
|
-
type CardVariants = VariantProps<typeof card>;
|
|
14
|
-
type CardKindProps = {
|
|
15
|
-
/** Editorial (default): open (bare) by default per §12.2; `faced` adds the face and edge. */
|
|
16
|
-
kind?: 'editorial';
|
|
17
|
-
/**
|
|
18
|
-
* Adds the face (a nested `white` Ground on a page ground, a `paper`
|
|
19
|
-
* light island inside a field or the night band) and its
|
|
20
|
-
* `--role-edge` edge. Editorial only. Default `false`: the open card
|
|
21
|
-
* (§12.2).
|
|
22
|
-
*/
|
|
23
|
-
faced?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* The single lead card of a grid: horizontal, media 5 columns and
|
|
26
|
-
* text 7, once its `card-grid` container reaches 944 px (viewport
|
|
27
|
-
* fallback `--lg-n-above`); stacked below. Editorial only. Default
|
|
28
|
-
* `false`.
|
|
29
|
-
*/
|
|
30
|
-
lead?: boolean;
|
|
31
|
-
} | {
|
|
32
|
-
/** Block edge: featured cards only, one card family per page on 1–3 cards [D174]. */
|
|
33
|
-
kind: 'block';
|
|
34
|
-
/** Not available on block cards, which always draw their block edge. */
|
|
35
|
-
faced?: never;
|
|
36
|
-
/** Not available on block cards. */
|
|
37
|
-
lead?: never;
|
|
38
|
-
} | {
|
|
39
|
-
/**
|
|
40
|
-
* Entry [D185]: compact and horizontal, a `white` face (a light
|
|
41
|
-
* island on the night hero) with a static `--border-size-2`
|
|
42
|
-
* `--primary12` edge. A leading `CardMedia` is the square image, flush
|
|
43
|
-
* to the start edge and as tall as the card; then a `CardKicker`
|
|
44
|
-
* (the category) and a `CardTitle` with its link. Used only as a
|
|
45
|
-
* hero's entry cards (§11.9).
|
|
46
|
-
*/
|
|
47
|
-
kind: 'entry';
|
|
48
|
-
/** Not available on entry cards, which are always faced. */
|
|
49
|
-
faced?: never;
|
|
50
|
-
/** Not available on entry cards. */
|
|
51
|
-
lead?: never;
|
|
52
|
-
};
|
|
53
|
-
/** Props for Card: `article` props, `render`, and the kind, face and color axes. */
|
|
54
|
-
export type CardProps = useRender.ComponentProps<'article'> & {
|
|
55
|
-
/**
|
|
56
|
-
* Primary Radix scale for the card and its face: text, rules and edges.
|
|
57
|
-
* Never defaulted; omitted, it inherits the scope [D133].
|
|
58
|
-
*/
|
|
59
|
-
primary?: CardVariants['primary'];
|
|
60
|
-
/**
|
|
61
|
-
* Secondary Radix scale for the card and its face: the accents, such as
|
|
62
|
-
* the title link's underline. Never defaulted; omitted, it inherits the scope.
|
|
63
|
-
*/
|
|
64
|
-
secondary?: CardVariants['secondary'];
|
|
65
|
-
/**
|
|
66
|
-
* Unavailable (a sold-out product, a past event): title and body in
|
|
67
|
-
* `--role-muted`, a `line-dotted-fine` edge, the action removed; the photo
|
|
68
|
-
* is untouched and nothing fades [D16]. Add the status word as a Badge.
|
|
69
|
-
* Default `false`.
|
|
70
|
-
*/
|
|
71
|
-
disabled?: boolean;
|
|
72
|
-
} & CardKindProps;
|
|
73
|
-
/**
|
|
74
|
-
* The card frame. Plain children are fine (`<Card>…</Card>`); the optional
|
|
75
|
-
* parts `CardMedia`, `CardKicker`, `CardTitle` (+ `CardTitleLink`),
|
|
76
|
-
* `CardMeta`, `CardBody`, `CardChoice` and `CardFooter` give the §12.2
|
|
77
|
-
* anatomy and rhythm. Put a
|
|
78
|
-
* leading `CardMedia` first (a direct child) to run it flush to the frame.
|
|
79
|
-
* In a grid row, cards share one height and the footer sits at the bottom.
|
|
80
|
-
*
|
|
81
|
-
* Renders `<article>`; pass `render={<li />}` or similar to change it. The
|
|
82
|
-
* root is an inline-size container, so give it a width in shrink-to-fit
|
|
83
|
-
* contexts (flex items without stretch, floats).
|
|
84
|
-
*/
|
|
85
|
-
export declare function Card(props: CardProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
86
|
-
/** Props for CardMedia: `figure` props and `render`. */
|
|
87
|
-
export type CardMediaProps = useRender.ComponentProps<'figure'>;
|
|
88
|
-
/** Photo or drawing (`figure` with an `img`). Flush when first in a faced card; inset in a block card. */
|
|
89
|
-
export declare function CardMedia(props: CardMediaProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
90
|
-
/** Props for CardKicker: paragraph props and `render`. */
|
|
91
|
-
export type CardKickerProps = useRender.ComponentProps<'p'>;
|
|
92
|
-
/**
|
|
93
|
-
* The kicker above the title (§12.2 part `kicker`): a topic Tag, or a
|
|
94
|
-
* category in `type-label` caps in --primary12, as on the entry card.
|
|
95
|
-
*/
|
|
96
|
-
export declare function CardKicker(props: CardKickerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
97
|
-
/** Props for CardTitle: heading props and `render` (default `<h3>`). */
|
|
98
|
-
export type CardTitleProps = useRender.ComponentProps<'h3'>;
|
|
99
|
-
/** `type-itemhead` in --primary12. Renders `<h3>`; pass `render={<h2 />}` to fit the outline. */
|
|
100
|
-
export declare function CardTitle(props: CardTitleProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
101
|
-
/** Props for CardTitleLink: Link props except `kind`, which is always `title`. */
|
|
102
|
-
export type CardTitleLinkProps = Omit<LinkProps, 'kind'>;
|
|
103
|
-
/**
|
|
104
|
-
* The card's one primary link, inside `CardTitle`. A §9.3 title Link: its
|
|
105
|
-
* hit area stretches over the whole card; hover, focus and press underline
|
|
106
|
-
* the title; the card draws the focus ring outside its frame.
|
|
107
|
-
*/
|
|
108
|
-
export declare function CardTitleLink(props: CardTitleLinkProps): React.JSX.Element;
|
|
109
|
-
/** Props for CardMeta: paragraph props and `render`. */
|
|
110
|
-
export type CardMetaProps = useRender.ComponentProps<'p'>;
|
|
111
|
-
/** Date, format, place joined by "·": `type-caption` in --role-muted. */
|
|
112
|
-
export declare function CardMeta(props: CardMetaProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
113
|
-
/** Props for CardBody: `div` props and `render`. */
|
|
114
|
-
export type CardBodyProps = useRender.ComponentProps<'div'>;
|
|
115
|
-
/** Two to four lines of `type-body-ui` in --primary12. */
|
|
116
|
-
export declare function CardBody(props: CardBodyProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
117
|
-
/** Props for CardChoice: `div` props and `render`. */
|
|
118
|
-
export type CardChoiceProps = useRender.ComponentProps<'div'>;
|
|
119
|
-
/**
|
|
120
|
-
* The option-card indicator slot (§12.2 part `choice`, §10.7): put the
|
|
121
|
-
* card's Checkbox or Radio here. Its `data-checked` steps the faced edge to
|
|
122
|
-
* `--border-size-2` in `--role-select-edge`; its `data-disabled` draws the
|
|
123
|
-
* unavailable edge and mutes the title and body. Sits above the stretched
|
|
124
|
-
* title link as its own control.
|
|
125
|
-
*/
|
|
126
|
-
export declare function CardChoice(props: CardChoiceProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
127
|
-
/** Props for CardFooter: `div` props and `render`. */
|
|
128
|
-
export type CardFooterProps = useRender.ComponentProps<'div'>;
|
|
129
|
-
/**
|
|
130
|
-
* The action row (§12.2 part `action`): a sm outline Button, or a
|
|
131
|
-
* "READ MORE ›" standalone Link. Pinned to the card's bottom, so a grid
|
|
132
|
-
* row's actions align (§12.3); sits above the stretched title link; stacks
|
|
133
|
-
* below 360 px of card width; removed while the card is `disabled`.
|
|
134
|
-
*/
|
|
135
|
-
export declare function CardFooter(props: CardFooterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
136
|
-
export {};
|
|
137
|
-
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card/Card.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;AAGjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAuD9C,QAAA,MAAM,IAAI;;;;;;;8EA2BR,CAAA;AAEF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAA;AAE7C,KAAK,aAAa,GACd;IACE,6FAA6F;IAC7F,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GACD;IACE,qFAAqF;IACrF,IAAI,EAAE,OAAO,CAAA;IACb,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GACD;IACE;;;;;;;OAOG;IACH,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAA;AAEL,oFAAoF;AACpF,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CAAA;AAEjB;;;;;;;;;;;GAWG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,0EA+EpC;AAED,wDAAwD;AACxD,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;AAE/D,0GAA0G;AAC1G,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,0EAQ9C;AAED,0DAA0D;AAC1D,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,0EAQhD;AAED,wEAAwE;AACxE,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AAE3D,iGAAiG;AACjG,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,0EAQ9C;AAED,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAExD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAGtD;AAED,wDAAwD;AACxD,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAEzD,yEAAyE;AACzE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,0EAQ5C;AAED,oDAAoD;AACpD,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE3D,0DAA0D;AAC1D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,0EAQ5C;AAED,sDAAsD;AACtD,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE7D;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,0EAQhD;AAED,sDAAsD;AACtD,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE7D;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,0EAQhD"}
|
package/components/Card/Card.js
DELETED
|
@@ -1,239 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useRender } from '@base-ui/react/use-render';
|
|
4
|
-
import { mergeProps } from '@base-ui/react/merge-props';
|
|
5
|
-
import { cva } from 'class-variance-authority';
|
|
6
|
-
import { Ground } from '../Ground';
|
|
7
|
-
import { Link } from '../Link';
|
|
8
|
-
import { cx } from '../../utils/className';
|
|
9
|
-
import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
|
|
10
|
-
import { isPageGroundPreset, useScope, useScopeAttributes } from '../../utils/scope';
|
|
11
|
-
import styles from './card.module.css';
|
|
12
|
-
/*
|
|
13
|
-
* Card (§12.2): a self-contained, linked item among peers. Composed from
|
|
14
|
-
* semantic HTML; no Base UI card primitive exists.
|
|
15
|
-
*
|
|
16
|
-
* Implementation (CSS Modules + CVA)
|
|
17
|
-
* - Module: card.module.css; CVA function `card`.
|
|
18
|
-
* - Axes: `kind` → editorial | block | entry (v1 subset of editorial |
|
|
19
|
-
* event | species | block | promo | entry); `faced` → `faced` (editorial
|
|
20
|
-
* only; excluded in the types for block and entry, which are always
|
|
21
|
-
* faced); `lead` → `lead` (editorial only: the horizontal lead card);
|
|
22
|
-
* `disabled` → `disabled` (a state class in the states layer, unmanaged
|
|
23
|
-
* element); `primary`, `secondary` → scales module classes.
|
|
24
|
-
* - Compound variants: `faced` + `lead` → `facedLead` (the flush photo
|
|
25
|
-
* runs down the start edge instead of across the top).
|
|
26
|
-
* - Defaults: kind editorial, faced false, lead false, disabled false
|
|
27
|
-
* (§12.2); color axes none.
|
|
28
|
-
* - Color fallback: inherits the scope.
|
|
29
|
-
* - States: CardTitleLink (Link kind="title") owns the underline states
|
|
30
|
-
* (§9.3) [D157]; `base:has(titleLink:focus-visible)` → ring outside the
|
|
31
|
-
* frame; `faced:has(titleLink:active)` → the face's edge steps to
|
|
32
|
-
* --border-size-2 --primary12. Hover is the title link's own
|
|
33
|
-
* (--role-link-hover, §9.3) [D181].
|
|
34
|
-
* - Edge states (the hook composing modules use): the face draws its edge
|
|
35
|
-
* in --role-edge, which its Ground publishes: --primary10 on a page
|
|
36
|
-
* ground, --primary12 as a light island [D178, D179]; the entry card's
|
|
37
|
-
* is a static --border-size-2 --primary12 [D185]. `CardChoice` holds
|
|
38
|
-
* an option card's Checkbox or Radio: its `data-checked` steps the edge to
|
|
39
|
-
* --border-size-2 --role-select-edge (§10.7), its `data-disabled` draws
|
|
40
|
-
* the unavailable edge. `disabled` (or that `data-disabled`) → a
|
|
41
|
-
* line-dotted-fine edge in --role-disabled-edge, title and body
|
|
42
|
-
* --role-muted, the action removed [D16]. A composing module may set
|
|
43
|
-
* `--card-frame` (a width) on the root to draw the outer scope's
|
|
44
|
-
* --primary12 frame inset over the face's edge: Pricing's recommended and
|
|
45
|
-
* selected tiers (§12.9).
|
|
46
|
-
* - Parts: base, face, media, leadBody (the lead card's text column),
|
|
47
|
-
* entryBody (the entry card's text column), kicker, title, titleLink,
|
|
48
|
-
* meta, body, choice, action.
|
|
49
|
-
* - Scope: `face` is a nested Ground [D178]: `white` on a page ground and
|
|
50
|
-
* for block and entry, `paper` inside a field or the night band (Ground
|
|
51
|
-
* writes the light island [D149, D179]). Bare cards have no face scope.
|
|
52
|
-
* - Container: `base` is the inline-size container `card` (the action row's
|
|
53
|
-
* 360 px stack guard queries it); face padding and the lead layout read
|
|
54
|
-
* the ancestor `card-grid` container at 608 / 944 px (§5.10.2). Baseline
|
|
55
|
-
* without support: media above text, padding by viewport (--md-n-above /
|
|
56
|
-
* --lg-n-above), lead horizontal from --lg-n-above, stack guard at
|
|
57
|
-
* --xs-n-below [D163]. Cards fill their grid row, and the action row is
|
|
58
|
-
* pinned to the card's bottom (§12.3). The entry card keeps its
|
|
59
|
-
* horizontal layout at every width; its host (the Hero) sets the columns.
|
|
60
|
-
*/
|
|
61
|
-
const card = cva(styles.base, {
|
|
62
|
-
variants: {
|
|
63
|
-
kind: {
|
|
64
|
-
editorial: styles.editorial,
|
|
65
|
-
block: styles.block,
|
|
66
|
-
entry: styles.entry,
|
|
67
|
-
},
|
|
68
|
-
faced: {
|
|
69
|
-
true: styles.faced,
|
|
70
|
-
},
|
|
71
|
-
lead: {
|
|
72
|
-
true: styles.lead,
|
|
73
|
-
},
|
|
74
|
-
disabled: {
|
|
75
|
-
true: styles.disabled,
|
|
76
|
-
},
|
|
77
|
-
// Color axes: never defaulted, so an omitted prop inherits the scope [D133].
|
|
78
|
-
primary: primaryScaleVariants,
|
|
79
|
-
secondary: secondaryScaleVariants,
|
|
80
|
-
},
|
|
81
|
-
compoundVariants: [{ faced: true, lead: true, class: styles.facedLead }],
|
|
82
|
-
defaultVariants: {
|
|
83
|
-
kind: 'editorial',
|
|
84
|
-
faced: false,
|
|
85
|
-
lead: false,
|
|
86
|
-
disabled: false,
|
|
87
|
-
},
|
|
88
|
-
});
|
|
89
|
-
/**
|
|
90
|
-
* The card frame. Plain children are fine (`<Card>…</Card>`); the optional
|
|
91
|
-
* parts `CardMedia`, `CardKicker`, `CardTitle` (+ `CardTitleLink`),
|
|
92
|
-
* `CardMeta`, `CardBody`, `CardChoice` and `CardFooter` give the §12.2
|
|
93
|
-
* anatomy and rhythm. Put a
|
|
94
|
-
* leading `CardMedia` first (a direct child) to run it flush to the frame.
|
|
95
|
-
* In a grid row, cards share one height and the footer sits at the bottom.
|
|
96
|
-
*
|
|
97
|
-
* Renders `<article>`; pass `render={<li />}` or similar to change it. The
|
|
98
|
-
* root is an inline-size container, so give it a width in shrink-to-fit
|
|
99
|
-
* contexts (flex items without stretch, floats).
|
|
100
|
-
*/
|
|
101
|
-
export function Card(props) {
|
|
102
|
-
const { render, ref, className, kind = 'editorial', faced, lead, disabled = false, primary, secondary, children, ...rest } = props;
|
|
103
|
-
const scope = useScope();
|
|
104
|
-
const scopeAttributes = useScopeAttributes();
|
|
105
|
-
const isFaced = kind === 'editorial' && faced === true;
|
|
106
|
-
const isLead = kind === 'editorial' && lead === true;
|
|
107
|
-
const isEntry = kind === 'entry';
|
|
108
|
-
// Faces are white on a page ground; inside a field or the night band an
|
|
109
|
-
// editorial face is a paper light island (block and entry stay white) [D179, D185].
|
|
110
|
-
const facePreset = kind === 'editorial' && !isPageGroundPreset(scope.ground) ? 'paper' : 'white';
|
|
111
|
-
// The lead and entry cards set their media beside a text column; other cards stack.
|
|
112
|
-
let content = children;
|
|
113
|
-
if (isLead || isEntry) {
|
|
114
|
-
const media = [];
|
|
115
|
-
const text = [];
|
|
116
|
-
React.Children.forEach(children, (child) => {
|
|
117
|
-
if (React.isValidElement(child) && child.type === CardMedia)
|
|
118
|
-
media.push(child);
|
|
119
|
-
else
|
|
120
|
-
text.push(child);
|
|
121
|
-
});
|
|
122
|
-
content = (React.createElement(React.Fragment, null,
|
|
123
|
-
media,
|
|
124
|
-
React.createElement("div", { className: isEntry ? styles.entryBody : styles.leadBody }, text)));
|
|
125
|
-
}
|
|
126
|
-
const face = isFaced || kind === 'block' || isEntry ? (React.createElement(Ground, { kind: "face", preset: facePreset, primary: primary ?? undefined, secondary: secondary ?? undefined, render: React.createElement("div", null), className: styles.face }, content)) : (React.createElement("div", { className: styles.face }, content));
|
|
127
|
-
return useRender({
|
|
128
|
-
defaultTagName: 'article',
|
|
129
|
-
render,
|
|
130
|
-
ref,
|
|
131
|
-
props: mergeProps({
|
|
132
|
-
...scopeAttributes,
|
|
133
|
-
className: card({
|
|
134
|
-
kind,
|
|
135
|
-
faced: isFaced,
|
|
136
|
-
lead: isLead,
|
|
137
|
-
disabled,
|
|
138
|
-
primary,
|
|
139
|
-
secondary,
|
|
140
|
-
className,
|
|
141
|
-
}),
|
|
142
|
-
children: face,
|
|
143
|
-
}, rest),
|
|
144
|
-
});
|
|
145
|
-
}
|
|
146
|
-
/** Photo or drawing (`figure` with an `img`). Flush when first in a faced card; inset in a block card. */
|
|
147
|
-
export function CardMedia(props) {
|
|
148
|
-
const { render, ref, className, ...rest } = props;
|
|
149
|
-
return useRender({
|
|
150
|
-
defaultTagName: 'figure',
|
|
151
|
-
render,
|
|
152
|
-
ref,
|
|
153
|
-
props: mergeProps({ className: cx(styles.media, className) }, rest),
|
|
154
|
-
});
|
|
155
|
-
}
|
|
156
|
-
/**
|
|
157
|
-
* The kicker above the title (§12.2 part `kicker`): a topic Tag, or a
|
|
158
|
-
* category in `type-label` caps in --primary12, as on the entry card.
|
|
159
|
-
*/
|
|
160
|
-
export function CardKicker(props) {
|
|
161
|
-
const { render, ref, className, ...rest } = props;
|
|
162
|
-
return useRender({
|
|
163
|
-
defaultTagName: 'p',
|
|
164
|
-
render,
|
|
165
|
-
ref,
|
|
166
|
-
props: mergeProps({ className: cx(styles.kicker, className) }, rest),
|
|
167
|
-
});
|
|
168
|
-
}
|
|
169
|
-
/** `type-itemhead` in --primary12. Renders `<h3>`; pass `render={<h2 />}` to fit the outline. */
|
|
170
|
-
export function CardTitle(props) {
|
|
171
|
-
const { render, ref, className, ...rest } = props;
|
|
172
|
-
return useRender({
|
|
173
|
-
defaultTagName: 'h3',
|
|
174
|
-
render,
|
|
175
|
-
ref,
|
|
176
|
-
props: mergeProps({ className: cx(styles.title, className) }, rest),
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
/**
|
|
180
|
-
* The card's one primary link, inside `CardTitle`. A §9.3 title Link: its
|
|
181
|
-
* hit area stretches over the whole card; hover, focus and press underline
|
|
182
|
-
* the title; the card draws the focus ring outside its frame.
|
|
183
|
-
*/
|
|
184
|
-
export function CardTitleLink(props) {
|
|
185
|
-
const { className, ...rest } = props;
|
|
186
|
-
return React.createElement(Link, { ...rest, kind: "title", className: cx(styles.titleLink, className) });
|
|
187
|
-
}
|
|
188
|
-
/** Date, format, place joined by "·": `type-caption` in --role-muted. */
|
|
189
|
-
export function CardMeta(props) {
|
|
190
|
-
const { render, ref, className, ...rest } = props;
|
|
191
|
-
return useRender({
|
|
192
|
-
defaultTagName: 'p',
|
|
193
|
-
render,
|
|
194
|
-
ref,
|
|
195
|
-
props: mergeProps({ className: cx(styles.meta, className) }, rest),
|
|
196
|
-
});
|
|
197
|
-
}
|
|
198
|
-
/** Two to four lines of `type-body-ui` in --primary12. */
|
|
199
|
-
export function CardBody(props) {
|
|
200
|
-
const { render, ref, className, ...rest } = props;
|
|
201
|
-
return useRender({
|
|
202
|
-
defaultTagName: 'div',
|
|
203
|
-
render,
|
|
204
|
-
ref,
|
|
205
|
-
props: mergeProps({ className: cx(styles.body, className) }, rest),
|
|
206
|
-
});
|
|
207
|
-
}
|
|
208
|
-
/**
|
|
209
|
-
* The option-card indicator slot (§12.2 part `choice`, §10.7): put the
|
|
210
|
-
* card's Checkbox or Radio here. Its `data-checked` steps the faced edge to
|
|
211
|
-
* `--border-size-2` in `--role-select-edge`; its `data-disabled` draws the
|
|
212
|
-
* unavailable edge and mutes the title and body. Sits above the stretched
|
|
213
|
-
* title link as its own control.
|
|
214
|
-
*/
|
|
215
|
-
export function CardChoice(props) {
|
|
216
|
-
const { render, ref, className, ...rest } = props;
|
|
217
|
-
return useRender({
|
|
218
|
-
defaultTagName: 'div',
|
|
219
|
-
render,
|
|
220
|
-
ref,
|
|
221
|
-
props: mergeProps({ className: cx(styles.choice, className) }, rest),
|
|
222
|
-
});
|
|
223
|
-
}
|
|
224
|
-
/**
|
|
225
|
-
* The action row (§12.2 part `action`): a sm outline Button, or a
|
|
226
|
-
* "READ MORE ›" standalone Link. Pinned to the card's bottom, so a grid
|
|
227
|
-
* row's actions align (§12.3); sits above the stretched title link; stacks
|
|
228
|
-
* below 360 px of card width; removed while the card is `disabled`.
|
|
229
|
-
*/
|
|
230
|
-
export function CardFooter(props) {
|
|
231
|
-
const { render, ref, className, ...rest } = props;
|
|
232
|
-
return useRender({
|
|
233
|
-
defaultTagName: 'div',
|
|
234
|
-
render,
|
|
235
|
-
ref,
|
|
236
|
-
props: mergeProps({ className: cx(styles.action, className) }, rest),
|
|
237
|
-
});
|
|
238
|
-
}
|
|
239
|
-
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useRender } from '@base-ui/react/use-render';
|
|
3
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
4
|
-
import { type LinkProps } from '../Link';
|
|
5
|
-
import { type SectionHeaderProps } from '../SectionHeader';
|
|
6
|
-
export declare const cardGrid: (props?: ({
|
|
7
|
-
kind?: "block" | "compact" | "editorial" | "lead" | null | undefined;
|
|
8
|
-
primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
|
|
9
|
-
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;
|
|
10
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
-
type CardGridVariants = VariantProps<typeof cardGrid>;
|
|
12
|
-
/** The four grid builds (§12.3). */
|
|
13
|
-
export type CardGridKind = 'editorial' | 'compact' | 'block' | 'lead';
|
|
14
|
-
/** Props for CardGrid: `section` props, `render`, the kind and the color axes. */
|
|
15
|
-
export type CardGridProps = useRender.ComponentProps<'section'> & {
|
|
16
|
-
/**
|
|
17
|
-
* Required. `editorial`: articles and programs, 1 → 2 → 3 columns.
|
|
18
|
-
* `compact`: species, products and team, 1 → 2 → 4 columns. `block`: the
|
|
19
|
-
* block-edge featured cards (1–3 per page, one card family), 1 → 2 → 3
|
|
20
|
-
* columns with extra clearance for the heavy edge. `lead`: one lead card
|
|
21
|
-
* across the grid, followed by §12.11 index rows.
|
|
22
|
-
*/
|
|
23
|
-
kind: CardGridKind;
|
|
24
|
-
/**
|
|
25
|
-
* Primary Radix scale: the count and footer link text. Never defaulted;
|
|
26
|
-
* omitted, it inherits the scope [D133].
|
|
27
|
-
*/
|
|
28
|
-
primary?: CardGridVariants['primary'];
|
|
29
|
-
/**
|
|
30
|
-
* Secondary Radix scale: the footer link's underline and chevron
|
|
31
|
-
* (`--role-accent`, `--role-glyph`). Never defaulted.
|
|
32
|
-
*/
|
|
33
|
-
secondary?: CardGridVariants['secondary'];
|
|
34
|
-
/**
|
|
35
|
-
* The module header (§11.8), rendered in the header slot before the
|
|
36
|
-
* children: a `SectionHeader` props object (the section is then labelled
|
|
37
|
-
* by its heading), or any node, such as a `SectionHeader` element. Omit it
|
|
38
|
-
* to compose `CardGridHeader` yourself.
|
|
39
|
-
*/
|
|
40
|
-
header?: React.ReactNode | SectionHeaderProps;
|
|
41
|
-
};
|
|
42
|
-
/**
|
|
43
|
-
* The card grid module: an optional header (`header`, or a composed
|
|
44
|
-
* `CardGridHeader` holding the §11.8 section header), an optional
|
|
45
|
-
* `CardGridToolbar` and `CardGridCount`, the
|
|
46
|
-
* `CardGridList` of `CardGridItem`s (one `Card` each), and an optional
|
|
47
|
-
* `CardGridFooter` with a `CardGridFooterLink` ("See all ›"). Never mix
|
|
48
|
-
* card kinds in one grid, and never scroll it horizontally (use §12.4).
|
|
49
|
-
*/
|
|
50
|
-
export declare function CardGrid(props: CardGridProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
51
|
-
/** Props for CardGridHeader: `header` props and `render`. */
|
|
52
|
-
export type CardGridHeaderProps = useRender.ComponentProps<'header'>;
|
|
53
|
-
/**
|
|
54
|
-
* The module header slot: holds the §11.8 `SectionHeader` (eyebrow +
|
|
55
|
-
* hairline for explore grids; CardGrid's `header` prop fills it for you).
|
|
56
|
-
* Sits `--size-px-5` above the grid and stays with the first row in print.
|
|
57
|
-
*/
|
|
58
|
-
export declare function CardGridHeader(props: CardGridHeaderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
59
|
-
/** Props for CardGridToolbar: `div` props and `render`. */
|
|
60
|
-
export type CardGridToolbarProps = useRender.ComponentProps<'div'>;
|
|
61
|
-
/**
|
|
62
|
-
* The filter and sort bar: filter chips (§9.4) and a sort Select (§10.5),
|
|
63
|
-
* wrapping onto more lines as needed. Hidden in print.
|
|
64
|
-
*/
|
|
65
|
-
export declare function CardGridToolbar(props: CardGridToolbarProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
66
|
-
/** Props for CardGridCount: paragraph props and `render`. */
|
|
67
|
-
export type CardGridCountProps = useRender.ComponentProps<'p'>;
|
|
68
|
-
/**
|
|
69
|
-
* The result count of a filtered grid ("12 events"), a polite live region
|
|
70
|
-
* in `--primary12`. Keep it mounted and change its text, so the change is
|
|
71
|
-
* announced.
|
|
72
|
-
*/
|
|
73
|
-
export declare function CardGridCount(props: CardGridCountProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
74
|
-
/** Props for CardGridList: list props and `render`. */
|
|
75
|
-
export type CardGridListProps = useRender.ComponentProps<'ul'>;
|
|
76
|
-
/**
|
|
77
|
-
* The grid itself, a `ul` whose columns follow the `card-grid` container
|
|
78
|
-
* (auto-fit without container-query support). Rows keep equal heights and
|
|
79
|
-
* print 2-up, each row whole.
|
|
80
|
-
*/
|
|
81
|
-
export declare function CardGridList(props: CardGridListProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
82
|
-
/** Props for CardGridItem: list-item props and `render`. */
|
|
83
|
-
export type CardGridItemProps = useRender.ComponentProps<'li'>;
|
|
84
|
-
/** One cell: holds one `Card`, stretched to the row's height. */
|
|
85
|
-
export declare function CardGridItem(props: CardGridItemProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
86
|
-
/** Props for CardGridFooter: `div` props and `render`. */
|
|
87
|
-
export type CardGridFooterProps = useRender.ComponentProps<'div'>;
|
|
88
|
-
/** The module footer, `--size-px-7` below the grid: a `CardGridFooterLink` or §9.9 pagination. */
|
|
89
|
-
export declare function CardGridFooter(props: CardGridFooterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
90
|
-
/** Props for CardGridFooterLink: Link props except `kind`, which is always `standalone`. */
|
|
91
|
-
export type CardGridFooterLinkProps = Omit<LinkProps, 'kind'>;
|
|
92
|
-
/**
|
|
93
|
-
* "See all ›": the standalone Link (§9.3), `type-label` caps authored in
|
|
94
|
-
* sentence case, with its chevron in `--role-glyph`. The Link owns every
|
|
95
|
-
* state, so hover follows the central link model.
|
|
96
|
-
*/
|
|
97
|
-
export declare function CardGridFooterLink(props: CardGridFooterLinkProps): React.JSX.Element;
|
|
98
|
-
export {};
|
|
99
|
-
//# sourceMappingURL=CardGrid.d.ts.map
|