@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
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"./src/utils/fonts.ts"
|
|
6
6
|
],
|
|
7
7
|
"name": "@fairgarden/design",
|
|
8
|
-
"version": "0.1.0-alpha.
|
|
8
|
+
"version": "0.1.0-alpha.1",
|
|
9
9
|
"description": "FairGarden Design System",
|
|
10
10
|
"repository": {
|
|
11
11
|
"type": "git",
|
|
@@ -15,7 +15,16 @@
|
|
|
15
15
|
"access": "restricted"
|
|
16
16
|
},
|
|
17
17
|
"files": [
|
|
18
|
-
"
|
|
18
|
+
"foundations",
|
|
19
|
+
"actions",
|
|
20
|
+
"navigation",
|
|
21
|
+
"forms",
|
|
22
|
+
"feedback",
|
|
23
|
+
"overlays",
|
|
24
|
+
"disclosure",
|
|
25
|
+
"page",
|
|
26
|
+
"content",
|
|
27
|
+
"data",
|
|
19
28
|
"utils",
|
|
20
29
|
"icons"
|
|
21
30
|
],
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { type PageGroundPreset } from '../../foundations/ground';
|
|
4
|
+
export declare const announcementBar: (props?: ({
|
|
5
|
+
kind?: "field" | "bar" | null | undefined;
|
|
6
|
+
voice?: "standard" | "mono" | "dual" | null | undefined;
|
|
7
|
+
record?: boolean | null | undefined;
|
|
8
|
+
ruled?: boolean | null | undefined;
|
|
9
|
+
interactive?: 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 AnnouncementBarVariants = Omit<VariantProps<typeof announcementBar>, 'interactive'>;
|
|
14
|
+
/** The fields a full-container bar may take [D180]: never `pink`, never `royal`. */
|
|
15
|
+
export type AnnouncementField = 'forest' | 'leaf' | 'amber' | 'brick';
|
|
16
|
+
/** The countdown: boxed digits to an end time, which print as the end date. */
|
|
17
|
+
export interface AnnouncementCountdown {
|
|
18
|
+
/** The end, a Date or an ISO 8601 string. */
|
|
19
|
+
end: Date | string;
|
|
20
|
+
/** The text that replaces the digits at zero, e.g. "Sale ended". */
|
|
21
|
+
expired: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* The printed end date line. Default "Ends 30 Sept 2026", formatted from
|
|
24
|
+
* `end` in `locale` and the reader's time zone once the page has loaded.
|
|
25
|
+
*/
|
|
26
|
+
endLabel?: string;
|
|
27
|
+
/** The locale for the default end label. Default `en-GB`. */
|
|
28
|
+
locale?: string;
|
|
29
|
+
/** Unit labels after the day, hour and minute cells. Default `d`, `h`, `min`. */
|
|
30
|
+
units?: readonly [days: string, hours: string, minutes: string];
|
|
31
|
+
}
|
|
32
|
+
interface AnnouncementBarCommonProps extends Omit<React.ComponentPropsWithRef<'aside'>, 'children'> {
|
|
33
|
+
/** The message: one short notice, authored; ≤ 2 lines at base, 1 from `--md-n-above`. */
|
|
34
|
+
children: React.ReactNode;
|
|
35
|
+
/**
|
|
36
|
+
* The one link, after the message: underlined at rest in `--role-accent`
|
|
37
|
+
* (§9.3 body link); it prints its short URL.
|
|
38
|
+
*/
|
|
39
|
+
link?: {
|
|
40
|
+
href: string;
|
|
41
|
+
label: React.ReactNode;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* `standard` (default): caps `type-label`, centered. `mono`: `type-data`
|
|
45
|
+
* caps for dated or technical notices ("CLOSED 24–26 DEC"). `dual`: the
|
|
46
|
+
* caps run plus one serif caps phrase, `AnnouncementBarAccent`.
|
|
47
|
+
*/
|
|
48
|
+
voice?: AnnouncementBarVariants['voice'];
|
|
49
|
+
/**
|
|
50
|
+
* A notice of record (a legal change, a recall): it prints once, between
|
|
51
|
+
* two 0.75 pt rules. Default `false`: the bar is hidden in print.
|
|
52
|
+
*/
|
|
53
|
+
record?: boolean;
|
|
54
|
+
/** Boxed countdown digits; a polite live region announces at most once a minute. */
|
|
55
|
+
countdown?: AnnouncementCountdown;
|
|
56
|
+
/** Adds the dismiss button (`close`, in a 44 px target). Default `false`. */
|
|
57
|
+
dismissible?: boolean;
|
|
58
|
+
/** The dismiss button's accessible name. Default "Dismiss announcement". */
|
|
59
|
+
dismissLabel?: string;
|
|
60
|
+
/**
|
|
61
|
+
* Remembers the dismissal per viewer under this key (browser storage), so
|
|
62
|
+
* the bar stays gone on later visits. Change the key for a new notice.
|
|
63
|
+
*/
|
|
64
|
+
storageKey?: string;
|
|
65
|
+
/** Called after the bar is dismissed. */
|
|
66
|
+
onDismiss?: () => void;
|
|
67
|
+
/**
|
|
68
|
+
* Primary Radix scale: message, digits, cells, glyph and focus ring. Never
|
|
69
|
+
* defaulted; omitted, it inherits the bar's preset [D133].
|
|
70
|
+
*/
|
|
71
|
+
primary?: AnnouncementBarVariants['primary'];
|
|
72
|
+
/** Secondary Radix scale: the link underline and its hover ink. Never defaulted. */
|
|
73
|
+
secondary?: AnnouncementBarVariants['secondary'];
|
|
74
|
+
}
|
|
75
|
+
interface AnnouncementBarBarProps extends AnnouncementBarCommonProps {
|
|
76
|
+
/**
|
|
77
|
+
* `bar` (default): a full-bleed page-ground bar with its bottom rule.
|
|
78
|
+
* `field`: a full-container field with its `--primary12` edge [D180].
|
|
79
|
+
*/
|
|
80
|
+
kind?: 'bar';
|
|
81
|
+
/**
|
|
82
|
+
* The bar's page ground: `white`, `paper` or the page's pastel. Omitted,
|
|
83
|
+
* the bar sits on the surrounding page ground.
|
|
84
|
+
*/
|
|
85
|
+
preset?: PageGroundPreset;
|
|
86
|
+
/** The bottom rule is required on every page-ground bar. */
|
|
87
|
+
ruled?: true;
|
|
88
|
+
}
|
|
89
|
+
interface AnnouncementBarFieldProps extends AnnouncementBarCommonProps {
|
|
90
|
+
kind: 'field';
|
|
91
|
+
/** The field: `forest` (default), `leaf`, `amber` or `brick`, counted against its ration [D177]. */
|
|
92
|
+
preset?: AnnouncementField;
|
|
93
|
+
/** A field draws its `--primary12` edge instead of the rule. */
|
|
94
|
+
ruled?: false;
|
|
95
|
+
}
|
|
96
|
+
/**
|
|
97
|
+
* Props for AnnouncementBar: `aside` props, the message, link, voice,
|
|
98
|
+
* record, countdown and dismissal, the kind with its preset, and the color
|
|
99
|
+
* axes. `ruled` is required with `kind: bar` and excluded with `kind: field`.
|
|
100
|
+
*/
|
|
101
|
+
export type AnnouncementBarProps = AnnouncementBarBarProps | AnnouncementBarFieldProps;
|
|
102
|
+
/**
|
|
103
|
+
* The announcement bar. Never sticky, never rotating, never truncated with
|
|
104
|
+
* an ellipsis; it scrolls away with the page. Hidden in print unless it is
|
|
105
|
+
* a `record`, whose countdown prints its end date.
|
|
106
|
+
*/
|
|
107
|
+
export declare function AnnouncementBar(props: AnnouncementBarProps): React.JSX.Element | null;
|
|
108
|
+
/** Props for AnnouncementBarAccent: `span` props. */
|
|
109
|
+
export type AnnouncementBarAccentProps = React.ComponentPropsWithRef<'span'>;
|
|
110
|
+
/**
|
|
111
|
+
* The dual voice's one serif caps phrase, set inside the message at the
|
|
112
|
+
* run's cap height (Rocco's two-voice bar). Use it once, with `voice="dual"`.
|
|
113
|
+
*/
|
|
114
|
+
export declare function AnnouncementBarAccent(props: AnnouncementBarAccentProps): React.JSX.Element;
|
|
115
|
+
export {};
|
|
116
|
+
//# sourceMappingURL=AnnouncementBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnnouncementBar.d.ts","sourceRoot":"","sources":["../../src/page/announcement-bar/AnnouncementBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAU,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AA8CxE,eAAO,MAAM,eAAe;;;;;;;;8EA+B1B,CAAA;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,EAAE,aAAa,CAAC,CAAA;AAExF,oFAAoF;AACpF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;AAErE,+EAA+E;AAC/E,MAAM,WAAW,qBAAqB;IACpC,6CAA6C;IAC7C,GAAG,EAAE,IAAI,GAAG,MAAM,CAAA;IAClB,oEAAoE;IACpE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;CAChE;AAED,UAAU,0BAA2B,SAAQ,IAAI,CAC/C,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,UAAU,CACX;IACC,yFAAyF;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAA;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAA;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oFAAoF;IACpF,SAAS,CAAC,EAAE,qBAAqB,CAAA;IACjC,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAA;IAC5C,oFAAoF;IACpF,SAAS,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAA;CACjD;AAED,UAAU,uBAAwB,SAAQ,0BAA0B;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,IAAI,CAAA;CACb;AAED,UAAU,yBAA0B,SAAQ,0BAA0B;IACpE,IAAI,EAAE,OAAO,CAAA;IACb,oGAAoG;IACpG,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,gEAAgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,uBAAuB,GAAG,yBAAyB,CAAA;AA6FtF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,4BAmH1D;AAED,qDAAqD;AACrD,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAA;AAE5E;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAGtE"}
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Button as BaseButton } from '@base-ui/react/button';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { Ground } from '../../foundations/ground';
|
|
6
|
+
import { Icon, iconHost } from '../../foundations/icon';
|
|
7
|
+
import { Link } from '../../actions/link';
|
|
8
|
+
import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
|
|
9
|
+
import { useScopeAttributes } from '../../utils/scope';
|
|
10
|
+
import styles from './announcement-bar.module.css';
|
|
11
|
+
/*
|
|
12
|
+
* Announcement Bar (§11.4): one short, authored site notice per page (a
|
|
13
|
+
* closure, a deadline, shipping terms, a policy change). An `aside`
|
|
14
|
+
* labelled "Announcement" holding a `p` with at most one link, an optional
|
|
15
|
+
* countdown in `time` and an optional dismiss Button. It is not a Toast.
|
|
16
|
+
*
|
|
17
|
+
* Implementation (CSS Modules + CVA)
|
|
18
|
+
* - Module: announcement-bar.module.css; CVA function `announcementBar`.
|
|
19
|
+
* - Axes: `kind` → bar | field → `bar`, `field` [D180]: a full-bleed
|
|
20
|
+
* page-ground bar, or a full-container field; `voice` → standard | mono |
|
|
21
|
+
* dual → `standard`, `mono`, `dual`; `record` → `record` (a notice of
|
|
22
|
+
* record: prints); `ruled` → `ruled` (the required bottom rule: always
|
|
23
|
+
* on with `kind: bar`, excluded with `kind: field`, whose --primary12
|
|
24
|
+
* edge does that job); `primary`, `secondary` → scales module classes.
|
|
25
|
+
* `interactive` is computed, never a prop: a bar holding a link or the
|
|
26
|
+
* dismiss grows to the --ds-size-hit minimum.
|
|
27
|
+
* - Compound variants: none.
|
|
28
|
+
* - Defaults: kind bar, voice standard, record false, ruled true; color
|
|
29
|
+
* axes: none [D133].
|
|
30
|
+
* - Color fallback: inherits the bar's own preset (or the page ground when
|
|
31
|
+
* the bar names none); on a preset bar `primary` and `secondary` override
|
|
32
|
+
* its Ground's scales. Secondary drives only the link underline
|
|
33
|
+
* (--role-accent) and its hover ink (--role-link-hover).
|
|
34
|
+
* - States: on the dismiss (a Base UI Button) `:hover` per §9.2 icon-only
|
|
35
|
+
* (the glyph at the next tier's weight, never an added circle) [D181],
|
|
36
|
+
* `:active` → the inverse pair, `:focus-visible` → the ring.
|
|
37
|
+
* `data-disabled` is never set. Dismissal removes the element and is
|
|
38
|
+
* remembered per viewer. The link is a §9.3 Link with its own states.
|
|
39
|
+
* - Parts: base, container, message, accent (the dual voice's serif
|
|
40
|
+
* phrase), link, countdown, cell, unit, dismiss, fieldBar (the field
|
|
41
|
+
* kind's Ground); the bottom `rule` is the ruled bar's own border.
|
|
42
|
+
* - Scope: with `kind: bar`, the root is a `kind="band"` Ground of a page
|
|
43
|
+
* ground when `preset` is given (otherwise it inherits the page ground);
|
|
44
|
+
* with `kind: field`, a `kind="field"` Ground of a field preset, inset to
|
|
45
|
+
* the full width of --ds-container-content, with its radius and its
|
|
46
|
+
* --primary12 edge [D178, D180].
|
|
47
|
+
* - Container: none: it inherits its context and never reflows as a
|
|
48
|
+
* module; the responsive rules are viewport rules [D163].
|
|
49
|
+
*/
|
|
50
|
+
export const announcementBar = cva(styles.base, {
|
|
51
|
+
variants: {
|
|
52
|
+
kind: {
|
|
53
|
+
bar: styles.bar,
|
|
54
|
+
field: styles.field,
|
|
55
|
+
},
|
|
56
|
+
voice: {
|
|
57
|
+
standard: styles.standard,
|
|
58
|
+
mono: styles.mono,
|
|
59
|
+
dual: styles.dual,
|
|
60
|
+
},
|
|
61
|
+
record: {
|
|
62
|
+
true: styles.record,
|
|
63
|
+
},
|
|
64
|
+
ruled: {
|
|
65
|
+
true: styles.ruled,
|
|
66
|
+
},
|
|
67
|
+
// Computed: a link or the dismiss raises the minimum height to --ds-size-hit.
|
|
68
|
+
interactive: {
|
|
69
|
+
true: styles.interactive,
|
|
70
|
+
},
|
|
71
|
+
// Color axes: never defaulted, so an omitted prop inherits the scope [D133].
|
|
72
|
+
primary: primaryScaleVariants,
|
|
73
|
+
secondary: secondaryScaleVariants,
|
|
74
|
+
},
|
|
75
|
+
defaultVariants: {
|
|
76
|
+
kind: 'bar',
|
|
77
|
+
voice: 'standard',
|
|
78
|
+
record: false,
|
|
79
|
+
ruled: true,
|
|
80
|
+
},
|
|
81
|
+
});
|
|
82
|
+
const STORAGE_PREFIX = 'fg-announcement-dismissed:';
|
|
83
|
+
function readDismissed(key) {
|
|
84
|
+
if (!key)
|
|
85
|
+
return false;
|
|
86
|
+
try {
|
|
87
|
+
return window.localStorage.getItem(STORAGE_PREFIX + key) === '1';
|
|
88
|
+
}
|
|
89
|
+
catch {
|
|
90
|
+
return false;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
function writeDismissed(key) {
|
|
94
|
+
if (!key)
|
|
95
|
+
return;
|
|
96
|
+
try {
|
|
97
|
+
window.localStorage.setItem(STORAGE_PREFIX + key, '1');
|
|
98
|
+
}
|
|
99
|
+
catch {
|
|
100
|
+
// Storage may be unavailable (private window, blocked site data); the bar still goes.
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
function toDate(value) {
|
|
104
|
+
return value instanceof Date ? value : new Date(value);
|
|
105
|
+
}
|
|
106
|
+
const pad = (value) => String(value).padStart(2, '0');
|
|
107
|
+
/** Remaining whole days, hours and minutes to `end`, or null once it has passed. */
|
|
108
|
+
function remaining(end, now) {
|
|
109
|
+
const total = Math.floor((end.getTime() - now) / 60000);
|
|
110
|
+
if (total <= 0)
|
|
111
|
+
return null;
|
|
112
|
+
return {
|
|
113
|
+
days: Math.floor(total / 1440),
|
|
114
|
+
hours: Math.floor((total % 1440) / 60),
|
|
115
|
+
minutes: total % 60,
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
function Countdown({ countdown }) {
|
|
119
|
+
const { expired, locale = 'en-GB', units = ['d', 'h', 'min'] } = countdown;
|
|
120
|
+
const end = toDate(countdown.end);
|
|
121
|
+
// Server rendering cannot know "now": the digits fill in after mount.
|
|
122
|
+
const [now, setNow] = React.useState(null);
|
|
123
|
+
React.useEffect(() => {
|
|
124
|
+
setNow(Date.now());
|
|
125
|
+
// One update a minute: digits never flip or pulse, and the polite
|
|
126
|
+
// region announces at most once a minute.
|
|
127
|
+
const timer = window.setInterval(() => setNow(Date.now()), 60000);
|
|
128
|
+
return () => window.clearInterval(timer);
|
|
129
|
+
}, []);
|
|
130
|
+
// Formatted in the reader's time zone, so only once mounted (print comes later).
|
|
131
|
+
const endLabel = countdown.endLabel ??
|
|
132
|
+
(now == null
|
|
133
|
+
? null
|
|
134
|
+
: `Ends ${new Intl.DateTimeFormat(locale, { day: 'numeric', month: 'short', year: 'numeric' }).format(end)}`);
|
|
135
|
+
const left = now == null ? undefined : remaining(end, now);
|
|
136
|
+
if (left === null) {
|
|
137
|
+
return React.createElement("span", { className: styles.countdown }, expired);
|
|
138
|
+
}
|
|
139
|
+
const cells = [
|
|
140
|
+
[left?.days, units[0]],
|
|
141
|
+
[left?.hours, units[1]],
|
|
142
|
+
[left?.minutes, units[2]],
|
|
143
|
+
];
|
|
144
|
+
const spoken = left == null
|
|
145
|
+
? ''
|
|
146
|
+
: `${left.days} ${units[0]}, ${left.hours} ${units[1]}, ${left.minutes} ${units[2]} left`;
|
|
147
|
+
return (React.createElement("time", { className: styles.countdown, dateTime: end.toISOString() },
|
|
148
|
+
React.createElement("span", { className: styles.cells, "aria-hidden": "true" }, cells.map(([value, unit]) => (React.createElement("span", { key: unit, className: styles.cellGroup },
|
|
149
|
+
React.createElement("span", { className: styles.cell }, value == null ? '––' : pad(value)),
|
|
150
|
+
React.createElement("span", { className: styles.unit }, unit))))),
|
|
151
|
+
React.createElement("span", { className: styles.visuallyHidden, "aria-live": "polite" }, spoken),
|
|
152
|
+
React.createElement("span", { className: styles.endDate }, endLabel)));
|
|
153
|
+
}
|
|
154
|
+
/**
|
|
155
|
+
* The announcement bar. Never sticky, never rotating, never truncated with
|
|
156
|
+
* an ellipsis; it scrolls away with the page. Hidden in print unless it is
|
|
157
|
+
* a `record`, whose countdown prints its end date.
|
|
158
|
+
*/
|
|
159
|
+
export function AnnouncementBar(props) {
|
|
160
|
+
const { kind, preset, ruled: _ruled, voice, record, link, countdown, dismissible, dismissLabel = 'Dismiss announcement', storageKey, onDismiss, primary, secondary, className, children, ...rest } = props;
|
|
161
|
+
const scope = useScopeAttributes();
|
|
162
|
+
const resolvedKind = kind ?? 'bar';
|
|
163
|
+
const [dismissed, setDismissed] = React.useState(false);
|
|
164
|
+
React.useEffect(() => {
|
|
165
|
+
if (readDismissed(storageKey))
|
|
166
|
+
setDismissed(true);
|
|
167
|
+
}, [storageKey]);
|
|
168
|
+
if (dismissed)
|
|
169
|
+
return null;
|
|
170
|
+
const dismiss = () => {
|
|
171
|
+
writeDismissed(storageKey);
|
|
172
|
+
setDismissed(true);
|
|
173
|
+
onDismiss?.();
|
|
174
|
+
};
|
|
175
|
+
const variants = {
|
|
176
|
+
kind: resolvedKind,
|
|
177
|
+
voice,
|
|
178
|
+
record,
|
|
179
|
+
ruled: resolvedKind === 'bar',
|
|
180
|
+
interactive: link != null || dismissible === true,
|
|
181
|
+
className,
|
|
182
|
+
};
|
|
183
|
+
const classes = announcementBar({ ...variants, primary, secondary });
|
|
184
|
+
const content = (React.createElement(React.Fragment, null,
|
|
185
|
+
React.createElement("p", { className: styles.message },
|
|
186
|
+
children,
|
|
187
|
+
link ? (React.createElement(React.Fragment, null,
|
|
188
|
+
' ',
|
|
189
|
+
React.createElement(Link, { href: link.href, className: styles.link }, link.label))) : null),
|
|
190
|
+
countdown ? React.createElement(Countdown, { countdown: countdown }) : null,
|
|
191
|
+
dismissible ? (React.createElement(BaseButton, { className: `${styles.dismiss} ${iconHost}`, "aria-label": dismissLabel, onClick: dismiss },
|
|
192
|
+
React.createElement(Icon, { name: "close", weight: "interactive" }))) : null));
|
|
193
|
+
const aside = { ...rest, 'aria-label': rest['aria-label'] ?? 'Announcement' };
|
|
194
|
+
if (resolvedKind === 'field') {
|
|
195
|
+
return (React.createElement("aside", { ...aside, ...scope, className: classes },
|
|
196
|
+
React.createElement("div", { className: styles.container },
|
|
197
|
+
React.createElement(Ground, { kind: "field", preset: preset ?? 'forest', render: React.createElement("div", null), className: styles.fieldBar }, content))));
|
|
198
|
+
}
|
|
199
|
+
const inner = React.createElement("div", { className: styles.container }, content);
|
|
200
|
+
if (preset) {
|
|
201
|
+
return (React.createElement(Ground, { ...aside, kind: "band", preset: preset,
|
|
202
|
+
// The color props override the preset on the Ground itself.
|
|
203
|
+
primary: primary ?? undefined, secondary: secondary ?? undefined, render: React.createElement("aside", null), className: announcementBar(variants) }, inner));
|
|
204
|
+
}
|
|
205
|
+
return (React.createElement("aside", { ...aside, ...scope, className: classes }, inner));
|
|
206
|
+
}
|
|
207
|
+
/**
|
|
208
|
+
* The dual voice's one serif caps phrase, set inside the message at the
|
|
209
|
+
* run's cap height (Rocco's two-voice bar). Use it once, with `voice="dual"`.
|
|
210
|
+
*/
|
|
211
|
+
export function AnnouncementBarAccent(props) {
|
|
212
|
+
const { className, ...rest } = props;
|
|
213
|
+
return React.createElement("span", { ...rest, className: className ? `${styles.accent} ${className}` : styles.accent });
|
|
214
|
+
}
|
|
215
|
+
//# sourceMappingURL=AnnouncementBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnnouncementBar.js","sourceRoot":"","sources":["../../src/page/announcement-bar/AnnouncementBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page/announcement-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/announcement-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTABlock.d.ts","sourceRoot":"","sources":["../../src/page/cta-block/CTABlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA+CjE,eAAO,MAAM,QAAQ;;;;;8EAoBnB,CAAA;AAEF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAA;AAErD,iGAAiG;AACjG,MAAM,WAAW,SAAS;IACxB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,2DAA2D;AAC3D,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;AAE7E,iGAAiG;AACjG,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE7C,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC;IAC5F,qFAAqF;IACrF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,kFAAkF;IAClF,MAAM,EAAE,SAAS,CAAA;IACjB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACrC,kGAAkG;IAClG,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CAC1C;AAED,UAAU,iBAAkB,SAAQ,mBAAmB;IACrD;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;IACxC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,UAAU,sBAAuB,SAAQ,mBAAmB;IAC1D,IAAI,EAAE,WAAW,CAAA;IACjB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,UAAU,iBAAkB,SAAQ,mBAAmB;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,qDAAqD;IACrD,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,iBAAiB,CAAA;AA8B1F;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAkH5C"}
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { Button } from '../../actions/button';
|
|
5
|
+
import { Ground } from '../../foundations/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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTABlock.js","sourceRoot":"","sources":["../../src/page/cta-block/CTABlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/page/cta-block/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/cta-block/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|