@fairgarden/design 0.1.0-0.canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/Readme.md +88 -0
- 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 +2 -0
- package/actions/button/index.d.ts.map +1 -0
- package/actions/button/index.js +2 -0
- package/actions/button/index.js.map +1 -0
- package/actions/chip/Chip.d.ts +58 -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/chip.module.css +171 -0
- package/actions/chip/index.d.ts +2 -0
- package/actions/chip/index.d.ts.map +1 -0
- package/actions/chip/index.js +2 -0
- package/actions/chip/index.js.map +1 -0
- package/actions/link/Link.d.ts +86 -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 +2 -0
- package/actions/link/index.d.ts.map +1 -0
- package/actions/link/index.js +2 -0
- package/actions/link/index.js.map +1 -0
- package/actions/link/link.module.css +330 -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 +2 -0
- package/actions/toggle/index.d.ts.map +1 -0
- package/actions/toggle/index.js +2 -0
- package/actions/toggle/index.js.map +1 -0
- package/actions/toggle/toggle.module.css +281 -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 +2 -0
- package/actions/toggle-group/index.d.ts.map +1 -0
- package/actions/toggle-group/index.js +2 -0
- package/actions/toggle-group/index.js.map +1 -0
- package/actions/toggle-group/toggle-group.module.css +139 -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/card.module.css +479 -0
- package/content/card/index.d.ts +2 -0
- package/content/card/index.d.ts.map +1 -0
- package/content/card/index.js +2 -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/card-grid.module.css +187 -0
- package/content/card-grid/index.d.ts +2 -0
- package/content/card-grid/index.d.ts.map +1 -0
- package/content/card-grid/index.js +2 -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 +2 -0
- package/content/carousel/index.d.ts.map +1 -0
- package/content/carousel/index.js +2 -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/empty-state.module.css +244 -0
- package/content/empty-state/index.d.ts +2 -0
- package/content/empty-state/index.d.ts.map +1 -0
- package/content/empty-state/index.js +2 -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/feature-grid.module.css +358 -0
- package/content/feature-grid/index.d.ts +2 -0
- package/content/feature-grid/index.d.ts.map +1 -0
- package/content/feature-grid/index.js +2 -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-rows.module.css +460 -0
- package/content/index-rows/index.d.ts +2 -0
- package/content/index-rows/index.d.ts.map +1 -0
- package/content/index-rows/index.js +2 -0
- package/content/index-rows/index.js.map +1 -0
- package/content/pricing/Pricing.d.ts +190 -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 +2 -0
- package/content/pricing/index.d.ts.map +1 -0
- package/content/pricing/index.js +2 -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 +2 -0
- package/content/profile/index.d.ts.map +1 -0
- package/content/profile/index.js +2 -0
- package/content/profile/index.js.map +1 -0
- package/content/profile/profile.module.css +272 -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 +2 -0
- package/content/quote/index.d.ts.map +1 -0
- package/content/quote/index.js +2 -0
- package/content/quote/index.js.map +1 -0
- package/content/quote/quote.module.css +184 -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 +2 -0
- package/content/timeline/index.d.ts.map +1 -0
- package/content/timeline/index.js +2 -0
- package/content/timeline/index.js.map +1 -0
- package/content/timeline/timeline.module.css +428 -0
- package/data/chart/Chart.d.ts +135 -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/chart.module.css +376 -0
- package/data/chart/index.d.ts +2 -0
- package/data/chart/index.d.ts.map +1 -0
- package/data/chart/index.js +2 -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/figure.module.css +162 -0
- package/data/figure/index.d.ts +2 -0
- package/data/figure/index.d.ts.map +1 -0
- package/data/figure/index.js +2 -0
- package/data/figure/index.js.map +1 -0
- package/data/map/Map.d.ts +192 -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 +29 -0
- package/data/map/MapCanvas.d.ts.map +1 -0
- package/data/map/MapCanvas.js +295 -0
- package/data/map/MapCanvas.js.map +1 -0
- package/data/map/index.d.ts +2 -0
- package/data/map/index.d.ts.map +1 -0
- package/data/map/index.js +2 -0
- package/data/map/index.js.map +1 -0
- package/data/map/map.module.css +501 -0
- package/data/map/mapStyle.d.ts +72 -0
- package/data/map/mapStyle.d.ts.map +1 -0
- package/data/map/mapStyle.js +441 -0
- package/data/map/mapStyle.js.map +1 -0
- package/data/map/types.d.ts +59 -0
- package/data/map/types.d.ts.map +1 -0
- package/data/map/types.js +2 -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 +87 -0
- package/data/scroll-area/ScrollArea.js.map +1 -0
- package/data/scroll-area/index.d.ts +2 -0
- package/data/scroll-area/index.d.ts.map +1 -0
- package/data/scroll-area/index.js +2 -0
- package/data/scroll-area/index.js.map +1 -0
- package/data/scroll-area/scroll-area.module.css +247 -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 +2 -0
- package/data/spec-grid/index.d.ts.map +1 -0
- package/data/spec-grid/index.js +2 -0
- package/data/spec-grid/index.js.map +1 -0
- package/data/spec-grid/spec-grid.module.css +142 -0
- package/data/spec-list/SpecList.d.ts +32 -0
- package/data/spec-list/SpecList.d.ts.map +1 -0
- package/data/spec-list/SpecList.js +51 -0
- package/data/spec-list/SpecList.js.map +1 -0
- package/data/spec-list/index.d.ts +2 -0
- package/data/spec-list/index.d.ts.map +1 -0
- package/data/spec-list/index.js +2 -0
- package/data/spec-list/index.js.map +1 -0
- package/data/spec-list/spec-list.module.css +95 -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 +2 -0
- package/data/spec-sheet/index.d.ts.map +1 -0
- package/data/spec-sheet/index.js +2 -0
- package/data/spec-sheet/index.js.map +1 -0
- package/data/spec-sheet/spec-sheet.module.css +278 -0
- package/data/stat/Stat.d.ts +74 -0
- package/data/stat/Stat.d.ts.map +1 -0
- package/data/stat/Stat.js +159 -0
- package/data/stat/Stat.js.map +1 -0
- package/data/stat/index.d.ts +2 -0
- package/data/stat/index.d.ts.map +1 -0
- package/data/stat/index.js +2 -0
- package/data/stat/index.js.map +1 -0
- package/data/stat/stat.module.css +299 -0
- package/data/table/Table.d.ts +164 -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 +2 -0
- package/data/table/index.d.ts.map +1 -0
- package/data/table/index.js +2 -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/accordion.module.css +248 -0
- package/disclosure/accordion/index.d.ts +2 -0
- package/disclosure/accordion/index.d.ts.map +1 -0
- package/disclosure/accordion/index.js +2 -0
- package/disclosure/accordion/index.js.map +1 -0
- package/disclosure/collapsible/Collapsible.d.ts +80 -0
- package/disclosure/collapsible/Collapsible.d.ts.map +1 -0
- package/disclosure/collapsible/Collapsible.js +112 -0
- package/disclosure/collapsible/Collapsible.js.map +1 -0
- package/disclosure/collapsible/collapsible.module.css +214 -0
- package/disclosure/collapsible/index.d.ts +2 -0
- package/disclosure/collapsible/index.d.ts.map +1 -0
- package/disclosure/collapsible/index.js +2 -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/faq.module.css +277 -0
- package/disclosure/faq/index.d.ts +2 -0
- package/disclosure/faq/index.d.ts.map +1 -0
- package/disclosure/faq/index.js +2 -0
- package/disclosure/faq/index.js.map +1 -0
- package/feedback/alert/Alert.d.ts +38 -0
- package/feedback/alert/Alert.d.ts.map +1 -0
- package/feedback/alert/Alert.js +79 -0
- package/feedback/alert/Alert.js.map +1 -0
- package/feedback/alert/alert.module.css +99 -0
- package/feedback/alert/index.d.ts +2 -0
- package/feedback/alert/index.d.ts.map +1 -0
- package/feedback/alert/index.js +2 -0
- package/feedback/alert/index.js.map +1 -0
- package/feedback/avatar/Avatar.d.ts +97 -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/avatar-group.module.css +72 -0
- package/feedback/avatar/avatar.module.css +180 -0
- package/feedback/avatar/index.d.ts +2 -0
- package/feedback/avatar/index.d.ts.map +1 -0
- package/feedback/avatar/index.js +2 -0
- package/feedback/avatar/index.js.map +1 -0
- package/feedback/badge/Badge.d.ts +67 -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/badge.module.css +134 -0
- package/feedback/badge/index.d.ts +2 -0
- package/feedback/badge/index.d.ts.map +1 -0
- package/feedback/badge/index.js +2 -0
- package/feedback/badge/index.js.map +1 -0
- package/feedback/meter/Meter.d.ts +67 -0
- package/feedback/meter/Meter.d.ts.map +1 -0
- package/feedback/meter/Meter.js +145 -0
- package/feedback/meter/Meter.js.map +1 -0
- package/feedback/meter/index.d.ts +2 -0
- package/feedback/meter/index.d.ts.map +1 -0
- package/feedback/meter/index.js +2 -0
- package/feedback/meter/index.js.map +1 -0
- package/feedback/meter/meter.module.css +389 -0
- package/feedback/progress/Progress.d.ts +63 -0
- package/feedback/progress/Progress.d.ts.map +1 -0
- package/feedback/progress/Progress.js +129 -0
- package/feedback/progress/Progress.js.map +1 -0
- package/feedback/progress/index.d.ts +2 -0
- package/feedback/progress/index.d.ts.map +1 -0
- package/feedback/progress/index.js +2 -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 +2 -0
- package/feedback/tag/index.d.ts.map +1 -0
- package/feedback/tag/index.js +2 -0
- package/feedback/tag/index.js.map +1 -0
- package/feedback/tag/tag.module.css +99 -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 +2 -0
- package/feedback/toast/index.d.ts.map +1 -0
- package/feedback/toast/index.js +2 -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/autocomplete.module.css +428 -0
- package/forms/autocomplete/index.d.ts +2 -0
- package/forms/autocomplete/index.d.ts.map +1 -0
- package/forms/autocomplete/index.js +2 -0
- package/forms/autocomplete/index.js.map +1 -0
- package/forms/checkbox/Checkbox.d.ts +66 -0
- package/forms/checkbox/Checkbox.d.ts.map +1 -0
- package/forms/checkbox/Checkbox.js +91 -0
- package/forms/checkbox/Checkbox.js.map +1 -0
- package/forms/checkbox/checkbox.module.css +388 -0
- package/forms/checkbox/index.d.ts +2 -0
- package/forms/checkbox/index.d.ts.map +1 -0
- package/forms/checkbox/index.js +2 -0
- package/forms/checkbox/index.js.map +1 -0
- package/forms/checkbox-group/CheckboxGroup.d.ts +39 -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/checkbox-group.module.css +52 -0
- package/forms/checkbox-group/index.d.ts +2 -0
- package/forms/checkbox-group/index.d.ts.map +1 -0
- package/forms/checkbox-group/index.js +2 -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 +2 -0
- package/forms/combobox/index.d.ts.map +1 -0
- package/forms/combobox/index.js +2 -0
- package/forms/combobox/index.js.map +1 -0
- package/forms/field/Field.d.ts +70 -0
- package/forms/field/Field.d.ts.map +1 -0
- package/forms/field/Field.js +103 -0
- package/forms/field/Field.js.map +1 -0
- package/forms/field/field.module.css +114 -0
- package/forms/field/index.d.ts +2 -0
- package/forms/field/index.d.ts.map +1 -0
- package/forms/field/index.js +2 -0
- package/forms/field/index.js.map +1 -0
- package/forms/fieldset/Fieldset.d.ts +48 -0
- package/forms/fieldset/Fieldset.d.ts.map +1 -0
- package/forms/fieldset/Fieldset.js +80 -0
- package/forms/fieldset/Fieldset.js.map +1 -0
- package/forms/fieldset/fieldset.module.css +167 -0
- package/forms/fieldset/index.d.ts +2 -0
- package/forms/fieldset/index.d.ts.map +1 -0
- package/forms/fieldset/index.js +2 -0
- package/forms/fieldset/index.js.map +1 -0
- package/forms/form/Form.d.ts +69 -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/form.module.css +123 -0
- package/forms/form/index.d.ts +2 -0
- package/forms/form/index.d.ts.map +1 -0
- package/forms/form/index.js +2 -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 +2 -0
- package/forms/input/index.d.ts.map +1 -0
- package/forms/input/index.js +2 -0
- package/forms/input/index.js.map +1 -0
- package/forms/input/input.module.css +394 -0
- package/forms/number-field/NumberField.d.ts +67 -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 +2 -0
- package/forms/number-field/index.d.ts.map +1 -0
- package/forms/number-field/index.js +2 -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 +81 -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 +2 -0
- package/forms/radio/index.d.ts.map +1 -0
- package/forms/radio/index.js +2 -0
- package/forms/radio/index.js.map +1 -0
- package/forms/radio/radio.module.css +449 -0
- package/forms/radio-group/RadioGroup.d.ts +35 -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 +2 -0
- package/forms/radio-group/index.d.ts.map +1 -0
- package/forms/radio-group/index.js +2 -0
- package/forms/radio-group/index.js.map +1 -0
- package/forms/radio-group/radio-group.module.css +57 -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 +2 -0
- package/forms/search/index.d.ts.map +1 -0
- package/forms/search/index.js +2 -0
- package/forms/search/index.js.map +1 -0
- package/forms/search/search.module.css +326 -0
- package/forms/select/Select.d.ts +104 -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 +2 -0
- package/forms/select/index.d.ts.map +1 -0
- package/forms/select/index.js +2 -0
- package/forms/select/index.js.map +1 -0
- package/forms/select/select.module.css +398 -0
- package/forms/slider/Slider.d.ts +54 -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 +2 -0
- package/forms/slider/index.d.ts.map +1 -0
- package/forms/slider/index.js +2 -0
- package/forms/slider/index.js.map +1 -0
- package/forms/slider/slider.module.css +371 -0
- package/forms/switch/Switch.d.ts +57 -0
- package/forms/switch/Switch.d.ts.map +1 -0
- package/forms/switch/Switch.js +82 -0
- package/forms/switch/Switch.js.map +1 -0
- package/forms/switch/index.d.ts +2 -0
- package/forms/switch/index.d.ts.map +1 -0
- package/forms/switch/index.js +2 -0
- package/forms/switch/index.js.map +1 -0
- package/forms/switch/switch.module.css +285 -0
- package/foundations/ground/Ground.d.ts +105 -0
- package/foundations/ground/Ground.d.ts.map +1 -0
- package/foundations/ground/Ground.js +98 -0
- package/foundations/ground/Ground.js.map +1 -0
- package/foundations/ground/ground.module.css +84 -0
- package/foundations/ground/index.d.ts +2 -0
- package/foundations/ground/index.d.ts.map +1 -0
- package/foundations/ground/index.js +2 -0
- package/foundations/ground/index.js.map +1 -0
- package/foundations/icon/Icon.d.ts +49 -0
- package/foundations/icon/Icon.d.ts.map +1 -0
- package/foundations/icon/Icon.js +54 -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 +3 -0
- package/foundations/icon/index.d.ts.map +1 -0
- package/foundations/icon/index.js +3 -0
- package/foundations/icon/index.js.map +1 -0
- package/foundations/separator/Separator.d.ts +47 -0
- package/foundations/separator/Separator.d.ts.map +1 -0
- package/foundations/separator/Separator.js +62 -0
- package/foundations/separator/Separator.js.map +1 -0
- package/foundations/separator/index.d.ts +2 -0
- package/foundations/separator/index.d.ts.map +1 -0
- package/foundations/separator/index.js +2 -0
- package/foundations/separator/index.js.map +1 -0
- package/foundations/separator/separator.module.css +174 -0
- package/foundations/sticker/Sticker.d.ts +71 -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 +2 -0
- package/foundations/sticker/index.d.ts.map +1 -0
- package/foundations/sticker/index.js +2 -0
- package/foundations/sticker/index.js.map +1 -0
- package/foundations/sticker/sticker.module.css +87 -0
- package/icons/paths.d.ts +35 -0
- package/icons/paths.d.ts.map +1 -0
- package/icons/paths.js +150 -0
- package/icons/paths.js.map +1 -0
- package/navigation/breadcrumb/Breadcrumb.d.ts +83 -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 +2 -0
- package/navigation/breadcrumb/index.d.ts.map +1 -0
- package/navigation/breadcrumb/index.js +2 -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 +2 -0
- package/navigation/nav-drawer/index.d.ts.map +1 -0
- package/navigation/nav-drawer/index.js +2 -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 +2 -0
- package/navigation/navigation-bar/index.d.ts.map +1 -0
- package/navigation/navigation-bar/index.js +2 -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 +243 -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 +2 -0
- package/navigation/navigation-menu/index.d.ts.map +1 -0
- package/navigation/navigation-menu/index.js +2 -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 +2 -0
- package/navigation/pagination/index.d.ts.map +1 -0
- package/navigation/pagination/index.js +2 -0
- package/navigation/pagination/index.js.map +1 -0
- package/navigation/pagination/pagination.module.css +400 -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 +2 -0
- package/navigation/tabs/index.d.ts.map +1 -0
- package/navigation/tabs/index.js +2 -0
- package/navigation/tabs/index.js.map +1 -0
- package/navigation/tabs/tabs.module.css +339 -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 +2 -0
- package/navigation/toolbar/index.d.ts.map +1 -0
- package/navigation/toolbar/index.js +2 -0
- package/navigation/toolbar/index.js.map +1 -0
- package/navigation/toolbar/toolbar.module.css +273 -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/alert-dialog.module.css +53 -0
- package/overlays/alert-dialog/index.d.ts +2 -0
- package/overlays/alert-dialog/index.d.ts.map +1 -0
- package/overlays/alert-dialog/index.js +2 -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 +2 -0
- package/overlays/context-menu/index.d.ts.map +1 -0
- package/overlays/context-menu/index.js +2 -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/dialog.module.css +257 -0
- package/overlays/dialog/index.d.ts +2 -0
- package/overlays/dialog/index.d.ts.map +1 -0
- package/overlays/dialog/index.js +2 -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 +2 -0
- package/overlays/menu/index.d.ts.map +1 -0
- package/overlays/menu/index.js +2 -0
- package/overlays/menu/index.js.map +1 -0
- package/overlays/menu/menu.module.css +292 -0
- package/overlays/menu/popup.d.ts +44 -0
- package/overlays/menu/popup.d.ts.map +1 -0
- package/overlays/menu/popup.js +39 -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 +2 -0
- package/overlays/menubar/index.d.ts.map +1 -0
- package/overlays/menubar/index.js +2 -0
- package/overlays/menubar/index.js.map +1 -0
- package/overlays/menubar/menubar.module.css +124 -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 +2 -0
- package/overlays/popover/index.d.ts.map +1 -0
- package/overlays/popover/index.js +2 -0
- package/overlays/popover/index.js.map +1 -0
- package/overlays/popover/popover.module.css +194 -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 +2 -0
- package/overlays/preview-card/index.d.ts.map +1 -0
- package/overlays/preview-card/index.js +2 -0
- package/overlays/preview-card/index.js.map +1 -0
- package/overlays/preview-card/preview-card.module.css +177 -0
- package/overlays/tooltip/Tooltip.d.ts +72 -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 +2 -0
- package/overlays/tooltip/index.d.ts.map +1 -0
- package/overlays/tooltip/index.js +2 -0
- package/overlays/tooltip/index.js.map +1 -0
- package/overlays/tooltip/tooltip.module.css +120 -0
- package/package.json +124 -0
- 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/announcement-bar.module.css +271 -0
- package/page/announcement-bar/index.d.ts +2 -0
- package/page/announcement-bar/index.d.ts.map +1 -0
- package/page/announcement-bar/index.js +2 -0
- package/page/announcement-bar/index.js.map +1 -0
- package/page/cta-block/CTABlock.d.ts +117 -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/cta-block.module.css +358 -0
- package/page/cta-block/index.d.ts +2 -0
- package/page/cta-block/index.d.ts.map +1 -0
- package/page/cta-block/index.js +2 -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/footer.module.css +683 -0
- package/page/footer/index.d.ts +2 -0
- package/page/footer/index.d.ts.map +1 -0
- package/page/footer/index.js +2 -0
- package/page/footer/index.js.map +1 -0
- package/page/hero/Hero.d.ts +214 -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/hero.module.css +766 -0
- package/page/hero/index.d.ts +2 -0
- package/page/hero/index.d.ts.map +1 -0
- package/page/hero/index.js +2 -0
- package/page/hero/index.js.map +1 -0
- package/page/marquee/Marquee.d.ts +65 -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 +2 -0
- package/page/marquee/index.d.ts.map +1 -0
- package/page/marquee/index.js +2 -0
- package/page/marquee/index.js.map +1 -0
- package/page/marquee/marquee.module.css +151 -0
- package/page/newsletter/Newsletter.d.ts +146 -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 +2 -0
- package/page/newsletter/index.d.ts.map +1 -0
- package/page/newsletter/index.js +2 -0
- package/page/newsletter/index.js.map +1 -0
- package/page/newsletter/newsletter.module.css +552 -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 +2 -0
- package/page/section-bar/index.d.ts.map +1 -0
- package/page/section-bar/index.js +2 -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 +80 -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 +2 -0
- package/page/section-divider/index.d.ts.map +1 -0
- package/page/section-divider/index.js +2 -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 +121 -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 +2 -0
- package/page/section-header/index.d.ts.map +1 -0
- package/page/section-header/index.js +2 -0
- package/page/section-header/index.js.map +1 -0
- package/page/section-header/section-header.module.css +319 -0
- package/utils/ClientProvider.d.ts +18 -0
- package/utils/ClientProvider.d.ts.map +1 -0
- package/utils/ClientProvider.js +55 -0
- package/utils/ClientProvider.js.map +1 -0
- package/utils/Ornament.d.ts +93 -0
- package/utils/Ornament.d.ts.map +1 -0
- package/utils/Ornament.js +160 -0
- package/utils/Ornament.js.map +1 -0
- package/utils/StatusGlyph.d.ts +24 -0
- package/utils/StatusGlyph.d.ts.map +1 -0
- package/utils/StatusGlyph.js +39 -0
- package/utils/StatusGlyph.js.map +1 -0
- package/utils/assignRef.d.ts +7 -0
- package/utils/assignRef.d.ts.map +1 -0
- package/utils/assignRef.js +11 -0
- package/utils/assignRef.js.map +1 -0
- package/utils/className.d.ts +10 -0
- package/utils/className.d.ts.map +1 -0
- package/utils/className.js +21 -0
- package/utils/className.js.map +1 -0
- package/utils/colors/amber.css +101 -0
- package/utils/colors/amberDarkDefault.css +101 -0
- package/utils/colors/amberLightDefault.css +67 -0
- package/utils/colors/blue.css +101 -0
- package/utils/colors/blueDarkDefault.css +101 -0
- package/utils/colors/blueLightDefault.css +67 -0
- package/utils/colors/bronze.css +101 -0
- package/utils/colors/bronzeDarkDefault.css +101 -0
- package/utils/colors/bronzeLightDefault.css +67 -0
- package/utils/colors/brown.css +101 -0
- package/utils/colors/brownDarkDefault.css +101 -0
- package/utils/colors/brownLightDefault.css +67 -0
- package/utils/colors/crimson.css +101 -0
- package/utils/colors/crimsonDarkDefault.css +101 -0
- package/utils/colors/crimsonLightDefault.css +67 -0
- package/utils/colors/cyan.css +101 -0
- package/utils/colors/cyanDarkDefault.css +101 -0
- package/utils/colors/cyanLightDefault.css +67 -0
- package/utils/colors/gold.css +101 -0
- package/utils/colors/goldDarkDefault.css +101 -0
- package/utils/colors/goldLightDefault.css +67 -0
- package/utils/colors/grass.css +101 -0
- package/utils/colors/grassDarkDefault.css +101 -0
- package/utils/colors/grassLightDefault.css +67 -0
- package/utils/colors/gray.css +101 -0
- package/utils/colors/grayDarkDefault.css +101 -0
- package/utils/colors/grayLightDefault.css +67 -0
- package/utils/colors/green.css +101 -0
- package/utils/colors/greenDarkDefault.css +101 -0
- package/utils/colors/greenLightDefault.css +67 -0
- package/utils/colors/indigo.css +101 -0
- package/utils/colors/indigoDarkDefault.css +101 -0
- package/utils/colors/indigoLightDefault.css +67 -0
- package/utils/colors/iris.css +101 -0
- package/utils/colors/irisDarkDefault.css +101 -0
- package/utils/colors/irisLightDefault.css +67 -0
- package/utils/colors/jade.css +101 -0
- package/utils/colors/jadeDarkDefault.css +101 -0
- package/utils/colors/jadeLightDefault.css +67 -0
- package/utils/colors/lime.css +101 -0
- package/utils/colors/limeDarkDefault.css +101 -0
- package/utils/colors/limeLightDefault.css +67 -0
- package/utils/colors/mauve.css +101 -0
- package/utils/colors/mauveDarkDefault.css +101 -0
- package/utils/colors/mauveLightDefault.css +67 -0
- package/utils/colors/mint.css +101 -0
- package/utils/colors/mintDarkDefault.css +101 -0
- package/utils/colors/mintLightDefault.css +67 -0
- package/utils/colors/olive.css +101 -0
- package/utils/colors/oliveDarkDefault.css +101 -0
- package/utils/colors/oliveLightDefault.css +67 -0
- package/utils/colors/orange.css +101 -0
- package/utils/colors/orangeDarkDefault.css +101 -0
- package/utils/colors/orangeLightDefault.css +67 -0
- package/utils/colors/pink.css +101 -0
- package/utils/colors/pinkDarkDefault.css +101 -0
- package/utils/colors/pinkLightDefault.css +67 -0
- package/utils/colors/plum.css +101 -0
- package/utils/colors/plumDarkDefault.css +101 -0
- package/utils/colors/plumLightDefault.css +67 -0
- package/utils/colors/purple.css +101 -0
- package/utils/colors/purpleDarkDefault.css +101 -0
- package/utils/colors/purpleLightDefault.css +67 -0
- package/utils/colors/red.css +101 -0
- package/utils/colors/redDarkDefault.css +101 -0
- package/utils/colors/redLightDefault.css +67 -0
- package/utils/colors/ruby.css +101 -0
- package/utils/colors/rubyDarkDefault.css +101 -0
- package/utils/colors/rubyLightDefault.css +67 -0
- package/utils/colors/sage.css +101 -0
- package/utils/colors/sageDarkDefault.css +101 -0
- package/utils/colors/sageLightDefault.css +67 -0
- package/utils/colors/sand.css +101 -0
- package/utils/colors/sandDarkDefault.css +101 -0
- package/utils/colors/sandLightDefault.css +67 -0
- package/utils/colors/sky.css +101 -0
- package/utils/colors/skyDarkDefault.css +101 -0
- package/utils/colors/skyLightDefault.css +67 -0
- package/utils/colors/slate.css +101 -0
- package/utils/colors/slateDarkDefault.css +101 -0
- package/utils/colors/slateLightDefault.css +67 -0
- package/utils/colors/teal.css +101 -0
- package/utils/colors/tealDarkDefault.css +101 -0
- package/utils/colors/tealLightDefault.css +67 -0
- package/utils/colors/tomato.css +101 -0
- package/utils/colors/tomatoDarkDefault.css +101 -0
- package/utils/colors/tomatoLightDefault.css +67 -0
- package/utils/colors/violet.css +101 -0
- package/utils/colors/violetDarkDefault.css +101 -0
- package/utils/colors/violetLightDefault.css +67 -0
- package/utils/colors/yellow.css +101 -0
- package/utils/colors/yellowDarkDefault.css +101 -0
- package/utils/colors/yellowLightDefault.css +67 -0
- package/utils/colors.css +2441 -0
- package/utils/colorsDarkDefault.css +2441 -0
- package/utils/colorsLightDefault.css +1627 -0
- package/utils/fonts.d.ts +11 -0
- package/utils/fonts.d.ts.map +1 -0
- package/utils/fonts.js +12 -0
- package/utils/fonts.js.map +1 -0
- package/utils/global.css +3869 -0
- package/utils/highlightMatch.d.ts +7 -0
- package/utils/highlightMatch.d.ts.map +1 -0
- package/utils/highlightMatch.js +25 -0
- package/utils/highlightMatch.js.map +1 -0
- package/utils/layers.css +3 -0
- package/utils/line.module.css +101 -0
- package/utils/media.css +11 -0
- package/utils/navigation.d.ts +100 -0
- package/utils/navigation.d.ts.map +1 -0
- package/utils/navigation.js +65 -0
- package/utils/navigation.js.map +1 -0
- package/utils/ornament.module.css +224 -0
- package/utils/overlay.d.ts +49 -0
- package/utils/overlay.d.ts.map +1 -0
- package/utils/overlay.js +73 -0
- package/utils/overlay.js.map +1 -0
- package/utils/pattern.module.css +386 -0
- package/utils/print.css +125 -0
- package/utils/printUrl.d.ts +13 -0
- package/utils/printUrl.d.ts.map +1 -0
- package/utils/printUrl.js +43 -0
- package/utils/printUrl.js.map +1 -0
- package/utils/reset.css +129 -0
- package/utils/roles.css +799 -0
- package/utils/scales.d.ts +20 -0
- package/utils/scales.d.ts.map +1 -0
- package/utils/scales.js +156 -0
- package/utils/scales.js.map +1 -0
- package/utils/scales.module.css +1624 -0
- package/utils/scope.d.ts +119 -0
- package/utils/scope.d.ts.map +1 -0
- package/utils/scope.js +145 -0
- package/utils/scope.js.map +1 -0
- package/utils/seriesPatterns.d.ts +75 -0
- package/utils/seriesPatterns.d.ts.map +1 -0
- package/utils/seriesPatterns.js +118 -0
- package/utils/seriesPatterns.js.map +1 -0
- package/utils/theme.css +28 -0
- package/utils/tokens.css +329 -0
- package/utils/tokens.d.ts +36 -0
- package/utils/tokens.d.ts.map +1 -0
- package/utils/tokens.js +38 -0
- package/utils/tokens.js.map +1 -0
- package/utils/type.module.css +342 -0
- package/utils/useColorScheme.d.ts +12 -0
- package/utils/useColorScheme.d.ts.map +1 -0
- package/utils/useColorScheme.js +43 -0
- package/utils/useColorScheme.js.map +1 -0
- package/utils/useMediaQuery.d.ts +8 -0
- package/utils/useMediaQuery.d.ts.map +1 -0
- package/utils/useMediaQuery.js +17 -0
- package/utils/useMediaQuery.js.map +1 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Connor Davis
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/Readme.md
ADDED
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
# FairGarden Design System
|
|
2
|
+
|
|
3
|
+
<!-- fg:version -->
|
|
4
|
+
|
|
5
|
+
Version **0.1.0-alpha.2**
|
|
6
|
+
|
|
7
|
+
<!-- /fg:version -->
|
|
8
|
+
|
|
9
|
+
<!-- fg:releasing -->
|
|
10
|
+
|
|
11
|
+
## Releasing
|
|
12
|
+
|
|
13
|
+
This module releases on its own. `0.1.0-alpha.2` is what main is working towards,
|
|
14
|
+
not what is published — the version here is always the next one.
|
|
15
|
+
|
|
16
|
+
1. **Publish it.** Run the *Publish* workflow from the Actions tab, picking the
|
|
17
|
+
dist tag. It refuses if that version is already on npm.
|
|
18
|
+
2. **Move it on.** `pnpm release` — opens a pull request bumping this branch
|
|
19
|
+
to `0.1.0-alpha.3`, or `pnpm release --id rc` to change
|
|
20
|
+
identifier. A prerelease gets no maintenance branch; there is no released
|
|
21
|
+
line behind it yet.
|
|
22
|
+
|
|
23
|
+
Every push to main publishes `@fairgarden/design@canary`. A canary is not a release and
|
|
24
|
+
carries no promise; it is there so main can be tried without a checkout.
|
|
25
|
+
|
|
26
|
+
<!-- /fg:releasing -->
|
|
27
|
+
|
|
28
|
+
## Stack
|
|
29
|
+
|
|
30
|
+
- **React 19** and **Base UI** (`@base-ui/react`, a peer dependency): unstyled, accessible primitives under every interactive component.
|
|
31
|
+
- **CSS Modules plus CVA** (`class-variance-authority`): one module per component, one class per variant value, typed variant axes, all in cascade layers (`reset, tokens, theme, roles, base, variants, compounds, scales, states, print`).
|
|
32
|
+
- **Open Props** for the non-color tokens. A step the system adds between two Open Props steps is named by its position (`--size-px-2-5` sits halfway between `--size-px-2` and `--size-px-3`); every other FairGarden-only token takes `--fgd-*`. Text sizes are in rem, spacing in px.
|
|
33
|
+
- **Radix Colors**: the 31 standard scales as one unified `--{scale}{step}` set (no alpha scales). Light and dark swap the values, never the names: `data-theme="light|dark"` on `html` forces a mode, otherwise the OS `prefers-color-scheme` decides. Components read only scale steps and role variables (`--primary1…12`, `--secondary1…12`, `--role-*`) and never see the mode. Every component takes `primary` and `secondary` scale props; grounds (`Ground`: 8 page grounds, the `night` band, 7 fields) set them for a region.
|
|
34
|
+
- **Material Symbols** (Rounded, FILL 0 by default) compiled to inline SVG paths by `scripts/build-icons.js`; no icon font.
|
|
35
|
+
- **Recharts** for charts (SVG, role colors, opaque fills, pattern defs, no animation unless motion is allowed).
|
|
36
|
+
- **MapLibre GL + Protomaps + OpenStreetMap** for maps: `maplibre-gl`, `pmtiles` and `@protomaps/basemaps` are optional peer dependencies, loaded dynamically by `Map`. Install them only if you use it.
|
|
37
|
+
- **Fonts** (SIL OFL, self-hosted via Fontsource): Fraunces, Source Serif 4, Figtree and IBM Plex Mono.
|
|
38
|
+
- **PostCSS** (`postcss-import`, `@csstools/postcss-global-data`, `postcss-custom-media`), TypeScript, ESLint and Prettier.
|
|
39
|
+
|
|
40
|
+
## Usage
|
|
41
|
+
|
|
42
|
+
```bash
|
|
43
|
+
pnpm add @fairgarden/design @base-ui/react
|
|
44
|
+
# only for Map:
|
|
45
|
+
pnpm add maplibre-gl pmtiles @protomaps/basemaps
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
// app shell, once
|
|
50
|
+
import '@fairgarden/design/utils/global.css'
|
|
51
|
+
import '@fairgarden/design/utils/fonts'
|
|
52
|
+
import { ClientProvider } from '@fairgarden/design/utils/ClientProvider'
|
|
53
|
+
|
|
54
|
+
// anywhere
|
|
55
|
+
import { Button } from '@fairgarden/design/actions/button'
|
|
56
|
+
|
|
57
|
+
<ClientProvider locale="en-US">
|
|
58
|
+
<Button variant="solid">Sign Up</Button>
|
|
59
|
+
</ClientProvider>
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
Each component is imported from its own path, `@fairgarden/design/<category>/<name>`: the category folder, then the component's name in kebab case (`@fairgarden/design/forms/number-field` exports `NumberField`). The shared utilities stay at `@fairgarden/design/utils/<name>` and the generated icon paths at `@fairgarden/design/icons/paths`.
|
|
63
|
+
|
|
64
|
+
## Components
|
|
65
|
+
|
|
66
|
+
| Category | Components (import path `@fairgarden/design/<category>/…`) |
|
|
67
|
+
| --- | --- |
|
|
68
|
+
| `foundations` | Ground (`ground`), Icon (`icon`), Separator (`separator`), Sticker (`sticker`) |
|
|
69
|
+
| `actions` | Button (`button`), Link (`link`), Toggle (`toggle`), Toggle Group (`toggle-group`), Chip (`chip`) |
|
|
70
|
+
| `navigation` | Navigation Menu (`navigation-menu`), Navigation Bar (`navigation-bar`), Nav Drawer (`nav-drawer`), Breadcrumb (`breadcrumb`), Pagination (`pagination`), Tabs (`tabs`), Toolbar (`toolbar`) |
|
|
71
|
+
| `forms` | Field (`field`), Fieldset (`fieldset`), Form (`form`), Input (`input`), Number Field (`number-field`), Select (`select`), Combobox (`combobox`), Autocomplete (`autocomplete`), Search (`search`), Checkbox (`checkbox`), Checkbox Group (`checkbox-group`), Radio (`radio`), Radio Group (`radio-group`), Switch (`switch`), Slider (`slider`) |
|
|
72
|
+
| `feedback` | Alert (`alert`), Badge (`badge`), Tag (`tag`), Avatar (`avatar`), Progress (`progress`), Meter (`meter`), Toast (`toast`) |
|
|
73
|
+
| `overlays` | Dialog (`dialog`), Alert Dialog (`alert-dialog`), Popover (`popover`), Preview Card (`preview-card`), Menu (`menu`), Context Menu (`context-menu`), Menubar (`menubar`), Tooltip (`tooltip`) |
|
|
74
|
+
| `disclosure` | Accordion (`accordion`), Collapsible (`collapsible`), FAQ (`faq`) |
|
|
75
|
+
| `page` | Hero (`hero`), Footer (`footer`), Section Bar (`section-bar`), Section Divider (`section-divider`), Section Header (`section-header`), CTA Block (`cta-block`), Newsletter (`newsletter`), Marquee (`marquee`), Announcement Bar (`announcement-bar`) |
|
|
76
|
+
| `content` | Card (`card`), Card Grid (`card-grid`), Feature Grid (`feature-grid`), Carousel (`carousel`), Quote (`quote`), Index Rows (`index-rows`), Profile (`profile`), Pricing (`pricing`), Timeline (`timeline`), Empty State (`empty-state`) |
|
|
77
|
+
| `data` | Table (`table`), Scroll Area (`scroll-area`), Spec Grid (`spec-grid`), Spec List (`spec-list`), Spec Sheet (`spec-sheet`), Figure (`figure`), Stat (`stat`), Chart (`chart`), Map (`map`) |
|
|
78
|
+
|
|
79
|
+
**Utilities** (`@fairgarden/design/utils/…`): the global stylesheet (`global.css`), the fonts (`fonts`), `ClientProvider`, the pattern tiles (`pattern.module.css`), the type roles (`type.module.css`), the line styles (`line.module.css`), ornaments (`Ornament`) and the navigation data type (`navigation`).
|
|
80
|
+
|
|
81
|
+
## Development
|
|
82
|
+
|
|
83
|
+
- `pnpm --filter @fairgarden/design build`: generates the color and icon files, the CSS Module typings, then compiles `src/` with `tsc` and PostCSS into one folder per category (`foundations/`, `actions/` … `data/`), `utils/` and `icons/` at the package root.
|
|
84
|
+
- `pnpm --filter @fairgarden/design lint`
|
|
85
|
+
- Source layout: `src/<category>/<name>/` holds `<Name>.tsx`, `<name>.module.css` (with its generated `.d.ts`) and `index.ts`; the shared utilities are in `src/utils/` and the generated icons in `src/icons/`.
|
|
86
|
+
- Documentation site in `docs/` (`@fairgarden/design-docs`, port 3032): `pnpm --filter @fairgarden/design-docs dev`. It compiles `src/` directly through tsconfig paths, with one section per category (`docs/app/<category>/<name>/`). After changing a component's props or adding a page, run `pnpm validate` in `docs/` to regenerate the `types.md` files and the section indexes.
|
|
87
|
+
|
|
88
|
+
Install dependencies from the monorepo root only. The full specification lives outside this repository (`DESIGN-SYSTEM.md`).
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Button as BaseButton } from '@base-ui/react/button';
|
|
3
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { type IconName } from '../../foundations/icon';
|
|
5
|
+
/**
|
|
6
|
+
* Button classes (§9.2, §1.11.10). `primary` and `secondary` are never
|
|
7
|
+
* defaulted [D133]: the `solid` class falls back to the scope's action scale
|
|
8
|
+
* for `secondary`, and an explicit `secondary` wins from the scales layer.
|
|
9
|
+
* `destructive` swaps in the danger roles per variant (compounds) [D192].
|
|
10
|
+
*/
|
|
11
|
+
export declare const button: (props?: ({
|
|
12
|
+
variant?: "outline" | "text" | "solid" | null | undefined;
|
|
13
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
14
|
+
iconOnly?: boolean | null | undefined;
|
|
15
|
+
onMedia?: boolean | null | undefined;
|
|
16
|
+
butted?: "end" | "start" | null | undefined;
|
|
17
|
+
destructive?: boolean | null | undefined;
|
|
18
|
+
primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
|
|
19
|
+
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;
|
|
20
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
21
|
+
type ButtonVariants = VariantProps<typeof button>;
|
|
22
|
+
/** Handler type of the deprecated `onPress` alias, kept for existing callers. */
|
|
23
|
+
export type PressCallback = (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
24
|
+
type ButtonCommonProps = Omit<BaseButton.Props, 'children'> & {
|
|
25
|
+
/**
|
|
26
|
+
* `outline` (default) is the outline twin; `solid` is the page's primary
|
|
27
|
+
* action, filled with the scope's action scale; `text` is a text button
|
|
28
|
+
* whose glyph trails (§9.2).
|
|
29
|
+
*/
|
|
30
|
+
variant?: ButtonVariants['variant'];
|
|
31
|
+
/**
|
|
32
|
+
* Butts the button against an adjacent field on its `start` or `end`
|
|
33
|
+
* edge, as in the butted submit. Default: none.
|
|
34
|
+
*/
|
|
35
|
+
butted?: ButtonVariants['butted'];
|
|
36
|
+
/**
|
|
37
|
+
* Marks a destructive action (delete, remove, discard, clear): the
|
|
38
|
+
* danger (red) roles replace the action and primary inks in every
|
|
39
|
+
* variant [D192]. `solid` takes the danger fill, label and edge;
|
|
40
|
+
* `outline` the danger edge and label; `text` the danger label and
|
|
41
|
+
* glyph. Focus and pressed are unchanged. Default `false`.
|
|
42
|
+
*/
|
|
43
|
+
destructive?: ButtonVariants['destructive'];
|
|
44
|
+
/**
|
|
45
|
+
* Primary Radix scale, from the primary roster: the outline edge, labels
|
|
46
|
+
* and focus ring. Never defaulted; omitted, it inherits the scope [D133].
|
|
47
|
+
*/
|
|
48
|
+
primary?: ButtonVariants['primary'];
|
|
49
|
+
/**
|
|
50
|
+
* Secondary Radix scale: the `solid` fill and the `text` glyph. Omitted,
|
|
51
|
+
* `solid` falls back to the scope's action scale.
|
|
52
|
+
*/
|
|
53
|
+
secondary?: ButtonVariants['secondary'];
|
|
54
|
+
/** Which side of the label the glyph sits on (a `text` Button's chevron trails). */
|
|
55
|
+
iconPosition?: 'start' | 'end';
|
|
56
|
+
/**
|
|
57
|
+
* Called on click, after `onClick`.
|
|
58
|
+
* @deprecated Use `onClick`. Kept as an alias from the react-aria Button.
|
|
59
|
+
*/
|
|
60
|
+
onPress?: PressCallback;
|
|
61
|
+
};
|
|
62
|
+
type LabelledButtonProps = {
|
|
63
|
+
/** `true` hides the label and shows only `icon`. Default `false`. */
|
|
64
|
+
iconOnly?: false | null;
|
|
65
|
+
/** Only with `iconOnly`. */
|
|
66
|
+
onMedia?: false | null;
|
|
67
|
+
/**
|
|
68
|
+
* Fixed height: `sm` 32 px (hit area extended to 44), `md` 40 px (default),
|
|
69
|
+
* `lg` 48 px, `xl` 56 px for the page's single transactional action.
|
|
70
|
+
*/
|
|
71
|
+
size?: ButtonVariants['size'];
|
|
72
|
+
/** One optional functional glyph (§6.10), inline tier, FILL 0. */
|
|
73
|
+
icon?: IconName;
|
|
74
|
+
/** The label: verb plus object, authored in title case [D160]. */
|
|
75
|
+
children?: React.ReactNode;
|
|
76
|
+
};
|
|
77
|
+
type IconOnlyButtonProps = {
|
|
78
|
+
/**
|
|
79
|
+
* Shows only `icon`; `children` becomes the visually hidden accessible
|
|
80
|
+
* name. Pair the button with a Tooltip. Default `false`.
|
|
81
|
+
*/
|
|
82
|
+
iconOnly: true;
|
|
83
|
+
/** Media button: place it inside a `night` Ground [D148]. */
|
|
84
|
+
onMedia?: boolean | null;
|
|
85
|
+
/** `sm`, `md` (default) or `lg`: `xl` is excluded for icon-only buttons. */
|
|
86
|
+
size?: Exclude<ButtonVariants['size'], 'xl'>;
|
|
87
|
+
/** The glyph (§6.10). */
|
|
88
|
+
icon: IconName;
|
|
89
|
+
/** The accessible name, visually hidden. Pair the button with a Tooltip. */
|
|
90
|
+
children: React.ReactNode;
|
|
91
|
+
};
|
|
92
|
+
/**
|
|
93
|
+
* Props for Button: Base UI Button props plus the variant and color axes.
|
|
94
|
+
* With `iconOnly`, `icon` and an accessible-name `children` are required.
|
|
95
|
+
*/
|
|
96
|
+
export type ButtonProps = ButtonCommonProps & (LabelledButtonProps | IconOnlyButtonProps);
|
|
97
|
+
/**
|
|
98
|
+
* A Base UI Button. A navigating action renders an anchor through `render`
|
|
99
|
+
* (with `nativeButton={false}`), keeping link semantics. States come from
|
|
100
|
+
* Base UI and ARIA attributes only: pass `disabled` (with
|
|
101
|
+
* `focusableWhenDisabled` where the reason matters) or `aria-busy` together
|
|
102
|
+
* with an authored "-ing…" label; a busy button holds its rest width and
|
|
103
|
+
* ignores clicks.
|
|
104
|
+
*/
|
|
105
|
+
export declare function Button(props: ButtonProps): React.JSX.Element;
|
|
106
|
+
export {};
|
|
107
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/actions/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAWtE;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;;;;;8EA4CjB,CAAA;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAA;AAEjD,iFAAiF;AACjF,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;AAIhF,KAAK,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IACjC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACvC,oFAAoF;IACpF,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACvB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B,kEAAkE;IAClE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB;;;OAGG;IACH,QAAQ,EAAE,IAAI,CAAA;IACd,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACxB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAA;IAC5C,yBAAyB;IACzB,IAAI,EAAE,QAAQ,CAAA;IACd,4EAA4E;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,CAAC,mBAAmB,GAAG,mBAAmB,CAAC,CAAA;AAE7C;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAwHxC"}
|
|
@@ -0,0 +1,136 @@
|
|
|
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 { Icon, iconHost } from '../../foundations/icon';
|
|
6
|
+
import { assignRef } from '../../utils/assignRef';
|
|
7
|
+
import { cx, resolveClassName } from '../../utils/className';
|
|
8
|
+
import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
|
|
9
|
+
import { useScopeAttributes } from '../../utils/scope';
|
|
10
|
+
import styles from './button.module.css';
|
|
11
|
+
/**
|
|
12
|
+
* Button classes (§9.2, §1.11.10). `primary` and `secondary` are never
|
|
13
|
+
* defaulted [D133]: the `solid` class falls back to the scope's action scale
|
|
14
|
+
* for `secondary`, and an explicit `secondary` wins from the scales layer.
|
|
15
|
+
* `destructive` swaps in the danger roles per variant (compounds) [D192].
|
|
16
|
+
*/
|
|
17
|
+
export const button = cva(styles.base, {
|
|
18
|
+
variants: {
|
|
19
|
+
variant: {
|
|
20
|
+
solid: styles.solid,
|
|
21
|
+
outline: styles.outline,
|
|
22
|
+
text: styles.text,
|
|
23
|
+
},
|
|
24
|
+
size: {
|
|
25
|
+
sm: styles.sm,
|
|
26
|
+
md: styles.md,
|
|
27
|
+
lg: styles.lg,
|
|
28
|
+
xl: styles.xl,
|
|
29
|
+
},
|
|
30
|
+
iconOnly: {
|
|
31
|
+
true: styles.iconOnly,
|
|
32
|
+
},
|
|
33
|
+
onMedia: {
|
|
34
|
+
true: styles.onMedia,
|
|
35
|
+
},
|
|
36
|
+
butted: {
|
|
37
|
+
start: styles.buttedStart,
|
|
38
|
+
end: styles.buttedEnd,
|
|
39
|
+
},
|
|
40
|
+
destructive: {
|
|
41
|
+
true: styles.destructive,
|
|
42
|
+
},
|
|
43
|
+
primary: primaryScaleVariants,
|
|
44
|
+
secondary: secondaryScaleVariants,
|
|
45
|
+
},
|
|
46
|
+
compoundVariants: [
|
|
47
|
+
{ iconOnly: true, onMedia: true, class: styles.iconOnlyOnMedia },
|
|
48
|
+
{ iconOnly: true, butted: 'start', class: styles.iconOnlyButtedStart },
|
|
49
|
+
{ iconOnly: true, butted: 'end', class: styles.iconOnlyButtedEnd },
|
|
50
|
+
{ variant: 'solid', destructive: true, class: styles.solidDestructive },
|
|
51
|
+
{ variant: 'outline', destructive: true, class: styles.outlineDestructive },
|
|
52
|
+
{ variant: 'text', destructive: true, class: styles.textDestructive },
|
|
53
|
+
],
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
variant: 'outline',
|
|
56
|
+
size: 'md',
|
|
57
|
+
iconOnly: false,
|
|
58
|
+
onMedia: false,
|
|
59
|
+
destructive: false,
|
|
60
|
+
},
|
|
61
|
+
});
|
|
62
|
+
/**
|
|
63
|
+
* A Base UI Button. A navigating action renders an anchor through `render`
|
|
64
|
+
* (with `nativeButton={false}`), keeping link semantics. States come from
|
|
65
|
+
* Base UI and ARIA attributes only: pass `disabled` (with
|
|
66
|
+
* `focusableWhenDisabled` where the reason matters) or `aria-busy` together
|
|
67
|
+
* with an authored "-ing…" label; a busy button holds its rest width and
|
|
68
|
+
* ignores clicks.
|
|
69
|
+
*/
|
|
70
|
+
export function Button(props) {
|
|
71
|
+
const { variant, size, iconOnly, onMedia, butted, destructive, primary, secondary, icon, iconPosition = 'start', onPress, onClick, className, children, disabled, ref, ...rest } = props;
|
|
72
|
+
const scope = useScopeAttributes();
|
|
73
|
+
const busy = rest['aria-busy'] === true || rest['aria-busy'] === 'true';
|
|
74
|
+
// A navigating Button keeps link semantics: drop Base UI's role="button".
|
|
75
|
+
const linkSemantics = React.isValidElement(rest.render) &&
|
|
76
|
+
rest.render.props.href != null &&
|
|
77
|
+
!('role' in rest)
|
|
78
|
+
? { role: undefined }
|
|
79
|
+
: null;
|
|
80
|
+
const element = React.useRef(null);
|
|
81
|
+
const restWidth = React.useRef(null);
|
|
82
|
+
const setRef = React.useCallback((node) => {
|
|
83
|
+
element.current = node;
|
|
84
|
+
assignRef(ref, node);
|
|
85
|
+
}, [ref]);
|
|
86
|
+
// Remember the rest width, then hold it while busy [D84].
|
|
87
|
+
React.useLayoutEffect(() => {
|
|
88
|
+
if (!busy && element.current) {
|
|
89
|
+
restWidth.current = element.current.getBoundingClientRect().width;
|
|
90
|
+
}
|
|
91
|
+
}, [busy, children]);
|
|
92
|
+
React.useLayoutEffect(() => {
|
|
93
|
+
const node = element.current;
|
|
94
|
+
if (!busy || !node || restWidth.current === null)
|
|
95
|
+
return undefined;
|
|
96
|
+
node.style.setProperty('--button-rest-width', `${restWidth.current}px`);
|
|
97
|
+
return () => {
|
|
98
|
+
node.style.removeProperty('--button-rest-width');
|
|
99
|
+
};
|
|
100
|
+
}, [busy]);
|
|
101
|
+
const handleClick = (event) => {
|
|
102
|
+
if (busy) {
|
|
103
|
+
event.preventDefault();
|
|
104
|
+
event.preventBaseUIHandler();
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
restWidth.current = event.currentTarget.getBoundingClientRect().width;
|
|
108
|
+
onClick?.(event);
|
|
109
|
+
onPress?.(event);
|
|
110
|
+
};
|
|
111
|
+
const variants = {
|
|
112
|
+
variant,
|
|
113
|
+
size,
|
|
114
|
+
iconOnly,
|
|
115
|
+
onMedia,
|
|
116
|
+
butted,
|
|
117
|
+
destructive,
|
|
118
|
+
primary,
|
|
119
|
+
secondary,
|
|
120
|
+
};
|
|
121
|
+
// The text Button and icon-only buttons swap the glyph to the next tier's
|
|
122
|
+
// weight on hover and press (§10.1 icon states) [D181]; the root hosts it.
|
|
123
|
+
const interactiveGlyph = icon != null && (variant === 'text' || iconOnly === true);
|
|
124
|
+
const host = interactiveGlyph ? iconHost : undefined;
|
|
125
|
+
const resolvedClassName = resolveClassName(className, (extra) => button({ ...variants, className: cx(host, extra) }));
|
|
126
|
+
// Icon-only lg takes the tag tier (20 px) as its own instance, never a resize.
|
|
127
|
+
const glyph = icon ? (React.createElement(Icon, { name: icon, size: iconOnly && size === 'lg' ? 'tag' : 'inline', weight: interactiveGlyph ? 'interactive' : 'rest', className: styles.icon })) : null;
|
|
128
|
+
const label = children == null ? null : React.createElement("span", { className: styles.label }, children);
|
|
129
|
+
const edge = disabled && variant !== 'text' ? (React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" },
|
|
130
|
+
React.createElement("rect", { className: styles.edgeLine, width: "100%", height: "100%" }))) : null;
|
|
131
|
+
return (React.createElement(BaseButton, { ...rest, ...linkSemantics, ...scope, ref: setRef, disabled: disabled, className: resolvedClassName, onClick: handleClick },
|
|
132
|
+
iconPosition === 'end' ? label : glyph,
|
|
133
|
+
iconPosition === 'end' ? glyph : label,
|
|
134
|
+
edge));
|
|
135
|
+
}
|
|
136
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/actions/button/Button.tsx"],"names":[],"mappings":"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"}
|