@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
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Badge (§10.11). Parts: `base` (the pill: edge, radius, height; alone it
|
|
3
|
+
* is the outline badge), `glyph` (the §1.5.4 status glyph, status only),
|
|
4
|
+
* `label` (caps), `count` (the numeral). Static: no states. Colors are role
|
|
5
|
+
* variables only; local custom properties carry dimensions only.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* Composition sits in top-level rules, outside the layers: Lightning CSS
|
|
9
|
+
* (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
|
|
10
|
+
* The composed classes keep their own layers. Badges keep caps [D160]. */
|
|
11
|
+
.label {
|
|
12
|
+
composes: typeLabel from '../../utils/type.module.css';
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.count {
|
|
16
|
+
composes: typeData from '../../utils/type.module.css';
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.base {
|
|
20
|
+
composes: lineSolid from '../../utils/line.module.css';
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@layer base {
|
|
24
|
+
/* The outline badge: --size-px-5 tall, --size-px-2-5 padding, a --border-size-1-5 --primary12 edge, no fill. */
|
|
25
|
+
.base {
|
|
26
|
+
display: inline-flex;
|
|
27
|
+
align-items: center;
|
|
28
|
+
justify-content: center;
|
|
29
|
+
gap: var(--size-px-1);
|
|
30
|
+
box-sizing: border-box;
|
|
31
|
+
block-size: var(--size-px-5);
|
|
32
|
+
max-inline-size: 100%;
|
|
33
|
+
padding-block: 0;
|
|
34
|
+
padding-inline: var(--size-px-2-5);
|
|
35
|
+
border-width: var(--border-size-1-5);
|
|
36
|
+
border-color: var(--primary12);
|
|
37
|
+
border-radius: var(--radius-round);
|
|
38
|
+
color: var(--primary12);
|
|
39
|
+
white-space: nowrap;
|
|
40
|
+
vertical-align: middle;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.label,
|
|
44
|
+
.count {
|
|
45
|
+
color: inherit;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/*
|
|
49
|
+
* The status glyph at the inline tier: shape and inner mark in
|
|
50
|
+
* --role-status (currentColor), knockouts and the outline disc in
|
|
51
|
+
* --role-status-fill.
|
|
52
|
+
*/
|
|
53
|
+
.glyph {
|
|
54
|
+
flex: none;
|
|
55
|
+
display: block;
|
|
56
|
+
inline-size: var(--size-px-3);
|
|
57
|
+
block-size: var(--size-px-3);
|
|
58
|
+
overflow: visible;
|
|
59
|
+
color: var(--role-status);
|
|
60
|
+
fill: var(--role-status-fill);
|
|
61
|
+
stroke: var(--role-status-fill);
|
|
62
|
+
stroke-width: var(--border-size-1-5);
|
|
63
|
+
stroke-linecap: round;
|
|
64
|
+
stroke-linejoin: round;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@media (forced-colors: active) {
|
|
68
|
+
.glyph {
|
|
69
|
+
forced-color-adjust: none;
|
|
70
|
+
color: CanvasText;
|
|
71
|
+
fill: Canvas;
|
|
72
|
+
stroke: Canvas;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@layer variants {
|
|
78
|
+
/*
|
|
79
|
+
* The pill badge: --role-pill, the secondary's step-9 fill with its edge
|
|
80
|
+
* (step 11 where the fill is below 3:1) and the contrast-ink label
|
|
81
|
+
* [D12, D118]; on saturated fields it resolves to the ink pill [D14].
|
|
82
|
+
*/
|
|
83
|
+
.solid {
|
|
84
|
+
border-color: var(--role-pill-edge);
|
|
85
|
+
background-color: var(--role-pill);
|
|
86
|
+
color: var(--role-pill-label);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/*
|
|
90
|
+
* The static fill (§10.11, §1.4.7): the secondary's --secondary4 fill, a
|
|
91
|
+
* --secondary11 edge and a --primary12 label. A solid pill on a scale
|
|
92
|
+
* with no step-9 text ink in a light scope takes it too.
|
|
93
|
+
*/
|
|
94
|
+
.staticFill {
|
|
95
|
+
border-color: var(--secondary11);
|
|
96
|
+
background-color: var(--secondary4);
|
|
97
|
+
color: var(--primary12);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/* The sticker: a nested face scope named --primary1, ring and bold caps --primary12 [D144]. */
|
|
101
|
+
.sticker {
|
|
102
|
+
display: inline-flex;
|
|
103
|
+
border-block: var(--border-size-1-5) solid var(--primary12);
|
|
104
|
+
border-inline: var(--border-size-1-5) solid var(--primary12);
|
|
105
|
+
background-color: var(--primary1);
|
|
106
|
+
color: var(--primary12);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.sticker .label {
|
|
110
|
+
font-weight: var(--font-weight-7);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
/*
|
|
114
|
+
* The status badge (§1.5.4) [D141]: --role-status-fill (the status scale's
|
|
115
|
+
* step 4 on light base grounds, the ground elsewhere, which reads as the
|
|
116
|
+
* outline form), a --role-status edge and glyph, the word in
|
|
117
|
+
* --role-status-text.
|
|
118
|
+
*/
|
|
119
|
+
.info,
|
|
120
|
+
.success,
|
|
121
|
+
.warning,
|
|
122
|
+
.danger {
|
|
123
|
+
padding-inline: var(--size-px-2) var(--size-px-2-5);
|
|
124
|
+
border-color: var(--role-status);
|
|
125
|
+
background-color: var(--role-status-fill);
|
|
126
|
+
color: var(--role-status-text);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
/* The count: a numeral in an outline pill at least --size-px-4 wide. */
|
|
130
|
+
.numeric {
|
|
131
|
+
min-inline-size: var(--size-px-4);
|
|
132
|
+
padding-inline: var(--size-px-2);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feedback/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/feedback/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Meter as BaseMeter } from '@base-ui/react/meter';
|
|
3
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
4
|
+
export declare const meter: (props?: ({
|
|
5
|
+
kind?: "ordinal" | "bar" | "steps" | "ring" | null | undefined;
|
|
6
|
+
primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
|
|
7
|
+
secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
/** The status part: a §1.5.4 glyph plus a word, in the status scale [D129]. */
|
|
10
|
+
export declare const meterStatus: (props?: ({
|
|
11
|
+
status?: "warning" | "success" | "danger" | null | undefined;
|
|
12
|
+
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;
|
|
13
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
|
+
type MeterVariants = VariantProps<typeof meter>;
|
|
15
|
+
/** A status beside the value: `warning` ▲ "Near limit", `danger` ◆ "Over limit", `success` ●. */
|
|
16
|
+
export type MeterStatus = 'success' | 'warning' | 'danger';
|
|
17
|
+
/** Props for Meter: Base UI Meter Root props plus the kind and color axes, the label, stops, threshold and status. */
|
|
18
|
+
export type MeterProps = Omit<BaseMeter.Root.Props, 'children' | 'value'> & {
|
|
19
|
+
/** The measured value, between `min` and `max`; for `ordinal`, the index of the active stop. */
|
|
20
|
+
value: number;
|
|
21
|
+
/**
|
|
22
|
+
* `bar` (default): an outlined 8 px track with a solid indicator. `steps`:
|
|
23
|
+
* one outlined 12 px cell per unit (`max` − `min` cells). `ordinal`: a
|
|
24
|
+
* 1 px track with a tick and a caps label per stop, the active stop bold,
|
|
25
|
+
* larger and pointed to. `ring`: a 2 px arc beside its value.
|
|
26
|
+
*/
|
|
27
|
+
kind?: MeterVariants['kind'];
|
|
28
|
+
/**
|
|
29
|
+
* Primary Radix scale: track, indicator, ticks, stops and text. Never
|
|
30
|
+
* defaulted; omitted, it inherits the scope [D133].
|
|
31
|
+
*/
|
|
32
|
+
primary?: MeterVariants['primary'];
|
|
33
|
+
/** Secondary Radix scale: unused, so a meter never reads as a chart series. Never defaulted. */
|
|
34
|
+
secondary?: MeterVariants['secondary'];
|
|
35
|
+
/** The label, in caps (`type-label`); author it in sentence case. */
|
|
36
|
+
label?: React.ReactNode;
|
|
37
|
+
/** Formats the visible value (`type-data`): "62%", "4.2 of 10 GB". Default: the Base UI formatted value. */
|
|
38
|
+
formatValue?: (formattedValue: string, value: number) => React.ReactNode;
|
|
39
|
+
/**
|
|
40
|
+
* `ordinal` only: the stop labels in order (author them in sentence case;
|
|
41
|
+
* CSS sets the caps). `min` becomes 0 and `max` the last index.
|
|
42
|
+
*/
|
|
43
|
+
stops?: readonly React.ReactNode[];
|
|
44
|
+
/** A limit, drawn as a --size-px-2-5 tick at --border-size-2 across the track (`bar`). */
|
|
45
|
+
threshold?: number;
|
|
46
|
+
/** The status beside the value; always with `statusText`. */
|
|
47
|
+
status?: MeterStatus;
|
|
48
|
+
/** The status word: "Near limit", "Over limit". In a form it is also the Field description. */
|
|
49
|
+
statusText?: React.ReactNode;
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* A Base UI Meter drawn in ink only: every part is `--primary12` on the
|
|
53
|
+
* ground; the value is always in text. In print, linear and segmented
|
|
54
|
+
* indicators turn to a 45° hatch inside their outline, closed by an edge at
|
|
55
|
+
* the value; rings and ordinal scales print as line.
|
|
56
|
+
*/
|
|
57
|
+
export declare function Meter(props: MeterProps): React.JSX.Element;
|
|
58
|
+
/** Props for MeterPanel: `div` props. */
|
|
59
|
+
export type MeterPanelProps = React.ComponentPropsWithRef<'div'>;
|
|
60
|
+
/**
|
|
61
|
+
* A meter or scale panel: stacks its meters and is the `meter-panel`
|
|
62
|
+
* container, so each meter sets label | track | value in one row from
|
|
63
|
+
* 768 px of the panel's width, and stacks below it.
|
|
64
|
+
*/
|
|
65
|
+
export declare function MeterPanel(props: MeterPanelProps): React.JSX.Element;
|
|
66
|
+
export {};
|
|
67
|
+
//# sourceMappingURL=Meter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../src/feedback/meter/Meter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAqCjE,eAAO,MAAM,KAAK;;;;8EAehB,CAAA;AAEF,+EAA+E;AAC/E,eAAO,MAAM,WAAW;;;8EAStB,CAAA;AAEF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAA;AAE/C,iGAAiG;AACjG,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE1D,sHAAsH;AACtH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAC1E,gGAAgG;IAChG,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,gGAAgG;IAChG,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,4GAA4G;IAC5G,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACxE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,KAAK,CAAC,SAAS,EAAE,CAAA;IAClC,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,+FAA+F;IAC/F,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,qBAyJtC;AAaD,yCAAyC;AACzC,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;AAEhE;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAMhD"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Meter as BaseMeter } from '@base-ui/react/meter';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { resolveClassName } from '../../utils/className';
|
|
6
|
+
import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
|
|
7
|
+
import { useScopeAttributes } from '../../utils/scope';
|
|
8
|
+
import { StatusGlyph, statusScales } from '../../utils/StatusGlyph';
|
|
9
|
+
import styles from './meter.module.css';
|
|
10
|
+
/*
|
|
11
|
+
* Meter (§10.18; what it draws, §8.9): a measured value in a known range —
|
|
12
|
+
* storage used, strength, a level on an ordinal scale. Never for an
|
|
13
|
+
* unbounded value.
|
|
14
|
+
*
|
|
15
|
+
* Implementation (CSS Modules + CVA)
|
|
16
|
+
* - Module: meter.module.css; CVA function `meter`.
|
|
17
|
+
* - Axes: `kind` → bar | steps | ordinal | ring → `bar`, `steps`,
|
|
18
|
+
* `ordinal`, `kindRing` (axis-prefixed: `ring` is also a part) [D155];
|
|
19
|
+
* `primary`, `secondary` → scales module classes (both; `secondary`
|
|
20
|
+
* unused).
|
|
21
|
+
* - Compound variants: none.
|
|
22
|
+
* - Defaults: kind bar; color axes none [D133].
|
|
23
|
+
* - Color fallback: inherits the scope. The `status` part takes the status
|
|
24
|
+
* scale of its `status` as its secondary.
|
|
25
|
+
* - States: none (value only); thresholds are a tick plus a status glyph
|
|
26
|
+
* and word, never an indicator color swap.
|
|
27
|
+
* - Parts: base, label, value, readout, track, indicator, threshold, cell
|
|
28
|
+
* (cellFilled), stop (stopActive), arrow, stops, stopLabel
|
|
29
|
+
* (stopLabelActive), ring, ringTrack, ringArc, status (its own CVA
|
|
30
|
+
* function `meterStatus`: `status` → success | warning | danger),
|
|
31
|
+
* statusGlyph, statusText; MeterPanel's `panel`.
|
|
32
|
+
* - Scope: none.
|
|
33
|
+
* - Container: none; inherits its context. `MeterPanel` is the
|
|
34
|
+
* `meter-panel` container: label | track | value rows from 768 px of it;
|
|
35
|
+
* baseline without support: label and value above a full-width track,
|
|
36
|
+
* rows from --md-n-above. Below 360 px of the panel, ordinal labels wrap,
|
|
37
|
+
* all kept.
|
|
38
|
+
*/
|
|
39
|
+
export const meter = cva(styles.base, {
|
|
40
|
+
variants: {
|
|
41
|
+
kind: {
|
|
42
|
+
bar: styles.bar,
|
|
43
|
+
steps: styles.steps,
|
|
44
|
+
ordinal: styles.ordinal,
|
|
45
|
+
ring: styles.kindRing,
|
|
46
|
+
},
|
|
47
|
+
// Color axes: never defaulted, so an omitted prop inherits the scope [D133].
|
|
48
|
+
primary: primaryScaleVariants,
|
|
49
|
+
secondary: secondaryScaleVariants,
|
|
50
|
+
},
|
|
51
|
+
defaultVariants: {
|
|
52
|
+
kind: 'bar',
|
|
53
|
+
},
|
|
54
|
+
});
|
|
55
|
+
/** The status part: a §1.5.4 glyph plus a word, in the status scale [D129]. */
|
|
56
|
+
export const meterStatus = cva(styles.status, {
|
|
57
|
+
variants: {
|
|
58
|
+
status: {
|
|
59
|
+
success: styles.success,
|
|
60
|
+
warning: styles.warning,
|
|
61
|
+
danger: styles.danger,
|
|
62
|
+
},
|
|
63
|
+
secondary: secondaryScaleVariants,
|
|
64
|
+
},
|
|
65
|
+
});
|
|
66
|
+
/**
|
|
67
|
+
* A Base UI Meter drawn in ink only: every part is `--primary12` on the
|
|
68
|
+
* ground; the value is always in text. In print, linear and segmented
|
|
69
|
+
* indicators turn to a 45° hatch inside their outline, closed by an edge at
|
|
70
|
+
* the value; rings and ordinal scales print as line.
|
|
71
|
+
*/
|
|
72
|
+
export function Meter(props) {
|
|
73
|
+
const { kind, primary, secondary, label, formatValue, stops, threshold, status, statusText, getAriaValueText, className, value, min: minProp = 0, max: maxProp = 100, ...rest } = props;
|
|
74
|
+
const scope = useScopeAttributes();
|
|
75
|
+
const statusId = React.useId();
|
|
76
|
+
const resolvedKind = kind ?? 'bar';
|
|
77
|
+
const ordinalStops = resolvedKind === 'ordinal' ? (stops ?? []) : null;
|
|
78
|
+
const min = ordinalStops ? 0 : minProp;
|
|
79
|
+
const max = ordinalStops ? Math.max(ordinalStops.length - 1, 1) : maxProp;
|
|
80
|
+
const fraction = clamp((value - min) / (max - min || 1));
|
|
81
|
+
const variants = { kind, primary, secondary };
|
|
82
|
+
const resolvedClassName = resolveClassName(className, (extra) => meter({ ...variants, className: extra }));
|
|
83
|
+
const activeIndex = Math.round(value);
|
|
84
|
+
const activeStop = ordinalStops?.[activeIndex];
|
|
85
|
+
const ariaValueText = getAriaValueText ??
|
|
86
|
+
(ordinalStops && (typeof activeStop === 'string' || typeof activeStop === 'number')
|
|
87
|
+
? () => String(activeStop)
|
|
88
|
+
: undefined);
|
|
89
|
+
let track;
|
|
90
|
+
let after = null;
|
|
91
|
+
if (resolvedKind === 'ring') {
|
|
92
|
+
track = (React.createElement("svg", { className: styles.ring, viewBox: "0 0 20 20", "aria-hidden": "true", focusable: "false" },
|
|
93
|
+
React.createElement("circle", { className: styles.ringTrack, cx: "10", cy: "10", r: "9" }),
|
|
94
|
+
React.createElement("circle", { className: styles.ringArc, cx: "10", cy: "10", r: "9", pathLength: 100, strokeDasharray: `${fraction * 100} 100`, transform: "rotate(-90 10 10)" })));
|
|
95
|
+
}
|
|
96
|
+
else if (resolvedKind === 'steps') {
|
|
97
|
+
const count = Math.max(0, Math.round(max - min));
|
|
98
|
+
const filled = Math.round(fraction * count);
|
|
99
|
+
track = (React.createElement(BaseMeter.Track, { className: styles.track }, Array.from({ length: count }, (_, index) => (React.createElement("span", { key: index, className: index < filled ? `${styles.cell} ${styles.cellFilled}` : styles.cell })))));
|
|
100
|
+
}
|
|
101
|
+
else if (ordinalStops) {
|
|
102
|
+
const count = ordinalStops.length;
|
|
103
|
+
const scale = { '--meter-stops': count };
|
|
104
|
+
track = (React.createElement(BaseMeter.Track, { className: styles.track, style: scale },
|
|
105
|
+
ordinalStops.map((_, index) => (React.createElement("span", { key: index, className: index === activeIndex ? `${styles.stop} ${styles.stopActive}` : styles.stop, style: { '--meter-stop-index': index } }))),
|
|
106
|
+
React.createElement("svg", { className: styles.arrow, viewBox: "0 0 12 8", "aria-hidden": "true", focusable: "false", style: { '--meter-stop-index': activeIndex } },
|
|
107
|
+
React.createElement("path", { d: "M1 1h10L6 7z" }))));
|
|
108
|
+
after = (React.createElement("ol", { className: styles.stops, style: scale, "aria-hidden": "true" }, ordinalStops.map((stop, index) => (React.createElement("li", { key: index, className: index === activeIndex ? `${styles.stopLabel} ${styles.stopLabelActive}` : styles.stopLabel }, stop)))));
|
|
109
|
+
}
|
|
110
|
+
else {
|
|
111
|
+
track = (React.createElement(BaseMeter.Track, { className: styles.track },
|
|
112
|
+
React.createElement(BaseMeter.Indicator, { className: styles.indicator }),
|
|
113
|
+
threshold == null ? null : (React.createElement("span", { className: styles.threshold, style: {
|
|
114
|
+
'--meter-threshold': `${clamp((threshold - min) / (max - min || 1)) * 100}%`,
|
|
115
|
+
} }))));
|
|
116
|
+
}
|
|
117
|
+
return (React.createElement(BaseMeter.Root, { ...rest, ...scope, value: value, min: min, max: max, getAriaValueText: ariaValueText, "aria-describedby": status ? statusId : rest['aria-describedby'], className: resolvedClassName },
|
|
118
|
+
label == null ? null : React.createElement(BaseMeter.Label, { className: styles.label }, label),
|
|
119
|
+
track,
|
|
120
|
+
after,
|
|
121
|
+
React.createElement("span", { className: styles.readout },
|
|
122
|
+
ordinalStops ? null : (React.createElement(BaseMeter.Value, { className: styles.value }, (formatted, current) => (formatValue ? formatValue(formatted, current) : formatted))),
|
|
123
|
+
status ? (React.createElement(MeterStatusPart, { id: statusId, status: status }, statusText)) : null)));
|
|
124
|
+
}
|
|
125
|
+
function MeterStatusPart(props) {
|
|
126
|
+
const { id, status, children } = props;
|
|
127
|
+
const scope = useScopeAttributes();
|
|
128
|
+
return (React.createElement("span", { ...scope, id: id, className: meterStatus({ status, secondary: statusScales[status] }) },
|
|
129
|
+
React.createElement(StatusGlyph, { status: status, label: null, className: styles.statusGlyph }),
|
|
130
|
+
children == null ? null : React.createElement("span", { className: styles.statusText }, children)));
|
|
131
|
+
}
|
|
132
|
+
/**
|
|
133
|
+
* A meter or scale panel: stacks its meters and is the `meter-panel`
|
|
134
|
+
* container, so each meter sets label | track | value in one row from
|
|
135
|
+
* 768 px of the panel's width, and stacks below it.
|
|
136
|
+
*/
|
|
137
|
+
export function MeterPanel(props) {
|
|
138
|
+
const { className, ...rest } = props;
|
|
139
|
+
const scope = useScopeAttributes();
|
|
140
|
+
return (React.createElement("div", { ...rest, ...scope, className: className ? `${styles.panel} ${className}` : styles.panel }));
|
|
141
|
+
}
|
|
142
|
+
function clamp(fraction) {
|
|
143
|
+
return Math.min(1, Math.max(0, fraction));
|
|
144
|
+
}
|
|
145
|
+
//# sourceMappingURL=Meter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Meter.js","sourceRoot":"","sources":["../../src/feedback/meter/Meter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/feedback/meter/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/feedback/meter/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|