@starci/grammar 0.4.12 → 0.5.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 -21
- package/README.md +269 -47
- package/dist/.build-stamp.json +9 -0
- package/dist/common/components-forms.css +435 -0
- package/dist/common/components-navigation.css +1163 -0
- package/dist/common/components-overlays.css +939 -0
- package/dist/common/registry.d.ts +60 -1
- package/dist/common/registry.d.ts.map +1 -1
- package/dist/common/registry.js +6 -0
- package/dist/common/registry.js.map +1 -1
- package/dist/common/renderers-forms.d.ts +44 -0
- package/dist/common/renderers-forms.d.ts.map +1 -0
- package/dist/common/renderers-forms.js +49 -0
- package/dist/common/renderers-forms.js.map +1 -0
- package/dist/common/renderers-navigation.d.ts +42 -0
- package/dist/common/renderers-navigation.d.ts.map +1 -0
- package/dist/common/renderers-navigation.js +46 -0
- package/dist/common/renderers-navigation.js.map +1 -0
- package/dist/common/renderers-overlays.d.ts +32 -0
- package/dist/common/renderers-overlays.d.ts.map +1 -0
- package/dist/common/renderers-overlays.js +36 -0
- package/dist/common/renderers-overlays.js.map +1 -0
- package/dist/common/renderers.d.ts +5 -2
- package/dist/common/renderers.d.ts.map +1 -1
- package/dist/common/renderers.js +3 -0
- package/dist/common/renderers.js.map +1 -1
- package/dist/common/styles.css +282 -1
- package/dist/core/LeadingNumber.d.ts.map +1 -1
- package/dist/core/LeadingNumber.js +1 -1
- package/dist/core/LeadingNumber.js.map +1 -1
- package/dist/core/OtpInput.d.ts +17 -1
- package/dist/core/OtpInput.d.ts.map +1 -1
- package/dist/core/OtpInput.js +17 -5
- package/dist/core/OtpInput.js.map +1 -1
- package/dist/core/StateMark.d.ts +6 -1
- package/dist/core/StateMark.d.ts.map +1 -1
- package/dist/core/StateMark.js +7 -2
- package/dist/core/StateMark.js.map +1 -1
- package/dist/core/branch/Accordion/index.d.ts +28 -0
- package/dist/core/branch/Accordion/index.d.ts.map +1 -0
- package/dist/core/branch/Accordion/index.js +30 -0
- package/dist/core/branch/Accordion/index.js.map +1 -0
- package/dist/core/branch/AlertDialog/index.d.ts +40 -0
- package/dist/core/branch/AlertDialog/index.d.ts.map +1 -0
- package/dist/core/branch/AlertDialog/index.js +59 -0
- package/dist/core/branch/AlertDialog/index.js.map +1 -0
- package/dist/core/branch/Calendar/index.d.ts +26 -0
- package/dist/core/branch/Calendar/index.d.ts.map +1 -0
- package/dist/core/branch/Calendar/index.js +17 -0
- package/dist/core/branch/Calendar/index.js.map +1 -0
- package/dist/core/branch/ComboBox/index.d.ts +32 -0
- package/dist/core/branch/ComboBox/index.d.ts.map +1 -0
- package/dist/core/branch/ComboBox/index.js +28 -0
- package/dist/core/branch/ComboBox/index.js.map +1 -0
- package/dist/core/branch/DataTable/index.d.ts +52 -0
- package/dist/core/branch/DataTable/index.d.ts.map +1 -0
- package/dist/core/branch/DataTable/index.js +46 -0
- package/dist/core/branch/DataTable/index.js.map +1 -0
- package/dist/core/branch/DatePicker/index.d.ts +23 -0
- package/dist/core/branch/DatePicker/index.d.ts.map +1 -0
- package/dist/core/branch/DatePicker/index.js +29 -0
- package/dist/core/branch/DatePicker/index.js.map +1 -0
- package/dist/core/branch/DateRangePicker/index.d.ts +21 -0
- package/dist/core/branch/DateRangePicker/index.d.ts.map +1 -0
- package/dist/core/branch/DateRangePicker/index.js +22 -0
- package/dist/core/branch/DateRangePicker/index.js.map +1 -0
- package/dist/core/branch/Dialog/index.d.ts +36 -0
- package/dist/core/branch/Dialog/index.d.ts.map +1 -0
- package/dist/core/branch/Dialog/index.js +20 -0
- package/dist/core/branch/Dialog/index.js.map +1 -0
- package/dist/core/branch/Disclosure/index.d.ts +22 -0
- package/dist/core/branch/Disclosure/index.d.ts.map +1 -0
- package/dist/core/branch/Disclosure/index.js +26 -0
- package/dist/core/branch/Disclosure/index.js.map +1 -0
- package/dist/core/branch/Drawer/index.d.ts +35 -0
- package/dist/core/branch/Drawer/index.d.ts.map +1 -0
- package/dist/core/branch/Drawer/index.js +20 -0
- package/dist/core/branch/Drawer/index.js.map +1 -0
- package/dist/core/branch/DropdownMenu/index.d.ts +61 -0
- package/dist/core/branch/DropdownMenu/index.d.ts.map +1 -0
- package/dist/core/branch/DropdownMenu/index.js +59 -0
- package/dist/core/branch/DropdownMenu/index.js.map +1 -0
- package/dist/core/branch/ListBox/index.d.ts +30 -0
- package/dist/core/branch/ListBox/index.d.ts.map +1 -0
- package/dist/core/branch/ListBox/index.js +14 -0
- package/dist/core/branch/ListBox/index.js.map +1 -0
- package/dist/core/branch/MarkdownArticle/index.d.ts +8 -0
- package/dist/core/branch/MarkdownArticle/index.d.ts.map +1 -1
- package/dist/core/branch/MarkdownArticle/index.js +7 -2
- package/dist/core/branch/MarkdownArticle/index.js.map +1 -1
- package/dist/core/branch/Popover/index.d.ts +33 -0
- package/dist/core/branch/Popover/index.d.ts.map +1 -0
- package/dist/core/branch/Popover/index.js +16 -0
- package/dist/core/branch/Popover/index.js.map +1 -0
- package/dist/core/branch/Rail/index.d.ts +2 -0
- package/dist/core/branch/Rail/index.d.ts.map +1 -1
- package/dist/core/branch/Rail/index.js +10 -3
- package/dist/core/branch/Rail/index.js.map +1 -1
- package/dist/core/branch/Select/index.d.ts +31 -0
- package/dist/core/branch/Select/index.d.ts.map +1 -0
- package/dist/core/branch/Select/index.js +41 -0
- package/dist/core/branch/Select/index.js.map +1 -0
- package/dist/core/branch/SurfaceAccordionCard/index.d.ts +6 -0
- package/dist/core/branch/SurfaceAccordionCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceAccordionCard/index.js +6 -6
- package/dist/core/branch/SurfaceAccordionCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceCard/classNames.d.ts +7 -2
- package/dist/core/branch/SurfaceCard/classNames.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/classNames.js +7 -2
- package/dist/core/branch/SurfaceCard/classNames.js.map +1 -1
- package/dist/core/branch/SurfaceCard/index.d.ts +6 -0
- package/dist/core/branch/SurfaceCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceCard/index.js +4 -4
- package/dist/core/branch/SurfaceCard/index.js.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.d.ts +17 -1
- package/dist/core/branch/SurfaceListCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.js +10 -4
- package/dist/core/branch/SurfaceListCard/index.js.map +1 -1
- package/dist/core/branch/Tabs/index.js +1 -1
- package/dist/core/branch/Tabs/index.js.map +1 -1
- package/dist/core/branch/Toast/index.d.ts +75 -0
- package/dist/core/branch/Toast/index.d.ts.map +1 -0
- package/dist/core/branch/Toast/index.js +145 -0
- package/dist/core/branch/Toast/index.js.map +1 -0
- package/dist/core/composite/Alert/index.d.ts +40 -0
- package/dist/core/composite/Alert/index.d.ts.map +1 -0
- package/dist/core/composite/Alert/index.js +27 -0
- package/dist/core/composite/Alert/index.js.map +1 -0
- package/dist/core/composite/AvatarGroup/index.d.ts +23 -0
- package/dist/core/composite/AvatarGroup/index.d.ts.map +1 -0
- package/dist/core/composite/AvatarGroup/index.js +15 -0
- package/dist/core/composite/AvatarGroup/index.js.map +1 -0
- package/dist/core/composite/Breadcrumbs/index.d.ts +27 -0
- package/dist/core/composite/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/core/composite/Breadcrumbs/index.js +16 -0
- package/dist/core/composite/Breadcrumbs/index.js.map +1 -0
- package/dist/core/composite/ButtonGroup/index.d.ts +14 -0
- package/dist/core/composite/ButtonGroup/index.d.ts.map +1 -0
- package/dist/core/composite/ButtonGroup/index.js +17 -0
- package/dist/core/composite/ButtonGroup/index.js.map +1 -0
- package/dist/core/composite/CheckboxGroup/index.d.ts +23 -0
- package/dist/core/composite/CheckboxGroup/index.d.ts.map +1 -0
- package/dist/core/composite/CheckboxGroup/index.js +21 -0
- package/dist/core/composite/CheckboxGroup/index.js.map +1 -0
- package/dist/core/composite/DescriptionList/index.d.ts +23 -0
- package/dist/core/composite/DescriptionList/index.d.ts.map +1 -0
- package/dist/core/composite/DescriptionList/index.js +8 -0
- package/dist/core/composite/DescriptionList/index.js.map +1 -0
- package/dist/core/composite/Fieldset/index.d.ts +17 -0
- package/dist/core/composite/Fieldset/index.d.ts.map +1 -0
- package/dist/core/composite/Fieldset/index.js +14 -0
- package/dist/core/composite/Fieldset/index.js.map +1 -0
- package/dist/core/composite/Form/index.d.ts +32 -0
- package/dist/core/composite/Form/index.d.ts.map +1 -0
- package/dist/core/composite/Form/index.js +25 -0
- package/dist/core/composite/Form/index.js.map +1 -0
- package/dist/core/composite/HorizontalScrollRegion/index.d.ts +5 -0
- package/dist/core/composite/HorizontalScrollRegion/index.d.ts.map +1 -1
- package/dist/core/composite/HorizontalScrollRegion/index.js +3 -2
- package/dist/core/composite/HorizontalScrollRegion/index.js.map +1 -1
- package/dist/core/composite/Pagination/index.d.ts +31 -0
- package/dist/core/composite/Pagination/index.d.ts.map +1 -0
- package/dist/core/composite/Pagination/index.js +42 -0
- package/dist/core/composite/Pagination/index.js.map +1 -0
- package/dist/core/composite/RadioGroup/index.d.ts +15 -0
- package/dist/core/composite/RadioGroup/index.d.ts.map +1 -0
- package/dist/core/composite/RadioGroup/index.js +20 -0
- package/dist/core/composite/RadioGroup/index.js.map +1 -0
- package/dist/core/composite/SegmentedControl/index.d.ts +24 -0
- package/dist/core/composite/SegmentedControl/index.d.ts.map +1 -0
- package/dist/core/composite/SegmentedControl/index.js +33 -0
- package/dist/core/composite/SegmentedControl/index.js.map +1 -0
- package/dist/core/composite/StaticStateRow/index.d.ts +6 -1
- package/dist/core/composite/StaticStateRow/index.d.ts.map +1 -1
- package/dist/core/composite/StaticStateRow/index.js +6 -1
- package/dist/core/composite/StaticStateRow/index.js.map +1 -1
- package/dist/core/composite/Stepper/index.d.ts +34 -0
- package/dist/core/composite/Stepper/index.d.ts.map +1 -0
- package/dist/core/composite/Stepper/index.js +27 -0
- package/dist/core/composite/Stepper/index.js.map +1 -0
- package/dist/core/composite/TagGroup/index.d.ts +41 -0
- package/dist/core/composite/TagGroup/index.d.ts.map +1 -0
- package/dist/core/composite/TagGroup/index.js +17 -0
- package/dist/core/composite/TagGroup/index.js.map +1 -0
- package/dist/core/composite/Timeline/index.d.ts +28 -0
- package/dist/core/composite/Timeline/index.d.ts.map +1 -0
- package/dist/core/composite/Timeline/index.js +14 -0
- package/dist/core/composite/Timeline/index.js.map +1 -0
- package/dist/core/composite/VerticalScrollRegion/index.d.ts +31 -1
- package/dist/core/composite/VerticalScrollRegion/index.d.ts.map +1 -1
- package/dist/core/composite/VerticalScrollRegion/index.js +16 -3
- package/dist/core/composite/VerticalScrollRegion/index.js.map +1 -1
- package/dist/core/composition/BottomNav/index.d.ts +33 -0
- package/dist/core/composition/BottomNav/index.d.ts.map +1 -0
- package/dist/core/composition/BottomNav/index.js +22 -0
- package/dist/core/composition/BottomNav/index.js.map +1 -0
- package/dist/core/composition/Footer/index.d.ts +35 -0
- package/dist/core/composition/Footer/index.d.ts.map +1 -0
- package/dist/core/composition/Footer/index.js +19 -0
- package/dist/core/composition/Footer/index.js.map +1 -0
- package/dist/core/composition/NavigationFeatureNav/index.d.ts +3 -0
- package/dist/core/composition/NavigationFeatureNav/index.d.ts.map +1 -1
- package/dist/core/composition/NavigationFeatureNav/index.js +3 -0
- package/dist/core/composition/NavigationFeatureNav/index.js.map +1 -1
- package/dist/core/composition/TopBar/index.d.ts +34 -0
- package/dist/core/composition/TopBar/index.d.ts.map +1 -0
- package/dist/core/composition/TopBar/index.js +15 -0
- package/dist/core/composition/TopBar/index.js.map +1 -0
- package/dist/core/composition/WorkspaceShell/index.d.ts +18 -1
- package/dist/core/composition/WorkspaceShell/index.d.ts.map +1 -1
- package/dist/core/composition/WorkspaceShell/index.js +10 -1
- package/dist/core/composition/WorkspaceShell/index.js.map +1 -1
- package/dist/core/dna.d.ts +26 -8
- package/dist/core/dna.d.ts.map +1 -1
- package/dist/core/dna.js +22 -4
- package/dist/core/dna.js.map +1 -1
- package/dist/core/index.d.ts +60 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/navigationClassNames.d.ts +3 -0
- package/dist/core/navigationClassNames.d.ts.map +1 -0
- package/dist/core/navigationClassNames.js +4 -0
- package/dist/core/navigationClassNames.js.map +1 -0
- package/dist/core/navigationKeys.d.ts +11 -0
- package/dist/core/navigationKeys.d.ts.map +1 -0
- package/dist/core/navigationKeys.js +44 -0
- package/dist/core/navigationKeys.js.map +1 -0
- package/dist/core/overlayScope.d.ts +42 -0
- package/dist/core/overlayScope.d.ts.map +1 -0
- package/dist/core/overlayScope.js +54 -0
- package/dist/core/overlayScope.js.map +1 -0
- package/dist/core/primitive/Avatar/index.d.ts +34 -0
- package/dist/core/primitive/Avatar/index.d.ts.map +1 -0
- package/dist/core/primitive/Avatar/index.js +24 -0
- package/dist/core/primitive/Avatar/index.js.map +1 -0
- package/dist/core/primitive/Badge/index.d.ts +6 -1
- package/dist/core/primitive/Badge/index.d.ts.map +1 -1
- package/dist/core/primitive/Badge/index.js +7 -2
- package/dist/core/primitive/Badge/index.js.map +1 -1
- package/dist/core/primitive/Checkbox/index.d.ts +25 -0
- package/dist/core/primitive/Checkbox/index.d.ts.map +1 -0
- package/dist/core/primitive/Checkbox/index.js +17 -0
- package/dist/core/primitive/Checkbox/index.js.map +1 -0
- package/dist/core/primitive/CloseButton/index.d.ts +17 -0
- package/dist/core/primitive/CloseButton/index.d.ts.map +1 -0
- package/dist/core/primitive/CloseButton/index.js +11 -0
- package/dist/core/primitive/CloseButton/index.js.map +1 -0
- package/dist/core/primitive/DateField/index.d.ts +33 -0
- package/dist/core/primitive/DateField/index.d.ts.map +1 -0
- package/dist/core/primitive/DateField/index.js +33 -0
- package/dist/core/primitive/DateField/index.js.map +1 -0
- package/dist/core/primitive/Field/index.d.ts +127 -0
- package/dist/core/primitive/Field/index.d.ts.map +1 -0
- package/dist/core/primitive/Field/index.js +100 -0
- package/dist/core/primitive/Field/index.js.map +1 -0
- package/dist/core/primitive/FileDropzone/index.d.ts +25 -0
- package/dist/core/primitive/FileDropzone/index.d.ts.map +1 -0
- package/dist/core/primitive/FileDropzone/index.js +35 -0
- package/dist/core/primitive/FileDropzone/index.js.map +1 -0
- package/dist/core/primitive/GrammarRoot/index.d.ts +6 -1
- package/dist/core/primitive/GrammarRoot/index.d.ts.map +1 -1
- package/dist/core/primitive/GrammarRoot/index.js +7 -2
- package/dist/core/primitive/GrammarRoot/index.js.map +1 -1
- package/dist/core/primitive/Icon/index.d.ts +7 -1
- package/dist/core/primitive/Icon/index.d.ts.map +1 -1
- package/dist/core/primitive/Icon/index.js +7 -2
- package/dist/core/primitive/Icon/index.js.map +1 -1
- package/dist/core/primitive/IconButton/index.d.ts +1 -1
- package/dist/core/primitive/IconButton/index.d.ts.map +1 -1
- package/dist/core/primitive/IconButton/index.js +2 -2
- package/dist/core/primitive/IconButton/index.js.map +1 -1
- package/dist/core/primitive/Image/index.d.ts +30 -0
- package/dist/core/primitive/Image/index.d.ts.map +1 -0
- package/dist/core/primitive/Image/index.js +29 -0
- package/dist/core/primitive/Image/index.js.map +1 -0
- package/dist/core/primitive/IncludedMark/index.d.ts +2 -1
- package/dist/core/primitive/IncludedMark/index.d.ts.map +1 -1
- package/dist/core/primitive/IncludedMark/index.js +3 -2
- package/dist/core/primitive/IncludedMark/index.js.map +1 -1
- package/dist/core/primitive/Kbd/index.d.ts +13 -0
- package/dist/core/primitive/Kbd/index.d.ts.map +1 -0
- package/dist/core/primitive/Kbd/index.js +14 -0
- package/dist/core/primitive/Kbd/index.js.map +1 -0
- package/dist/core/primitive/Label/index.d.ts +18 -4
- package/dist/core/primitive/Label/index.d.ts.map +1 -1
- package/dist/core/primitive/Label/index.js +4 -2
- package/dist/core/primitive/Label/index.js.map +1 -1
- package/dist/core/primitive/Link/index.d.ts +30 -0
- package/dist/core/primitive/Link/index.d.ts.map +1 -0
- package/dist/core/primitive/Link/index.js +17 -0
- package/dist/core/primitive/Link/index.js.map +1 -0
- package/dist/core/primitive/Meter/index.d.ts +16 -0
- package/dist/core/primitive/Meter/index.d.ts.map +1 -0
- package/dist/core/primitive/Meter/index.js +20 -0
- package/dist/core/primitive/Meter/index.js.map +1 -0
- package/dist/core/primitive/NumberField/index.d.ts +21 -0
- package/dist/core/primitive/NumberField/index.d.ts.map +1 -0
- package/dist/core/primitive/NumberField/index.js +15 -0
- package/dist/core/primitive/NumberField/index.js.map +1 -0
- package/dist/core/primitive/ProgressCircle/index.d.ts +13 -0
- package/dist/core/primitive/ProgressCircle/index.d.ts.map +1 -0
- package/dist/core/primitive/ProgressCircle/index.js +5 -0
- package/dist/core/primitive/ProgressCircle/index.js.map +1 -0
- package/dist/core/primitive/RankArtwork/index.d.ts +2 -1
- package/dist/core/primitive/RankArtwork/index.d.ts.map +1 -1
- package/dist/core/primitive/RankArtwork/index.js +3 -2
- package/dist/core/primitive/RankArtwork/index.js.map +1 -1
- package/dist/core/primitive/Rating/index.d.ts +26 -0
- package/dist/core/primitive/Rating/index.d.ts.map +1 -0
- package/dist/core/primitive/Rating/index.js +37 -0
- package/dist/core/primitive/Rating/index.js.map +1 -0
- package/dist/core/primitive/SearchField/index.d.ts +22 -0
- package/dist/core/primitive/SearchField/index.d.ts.map +1 -0
- package/dist/core/primitive/SearchField/index.js +15 -0
- package/dist/core/primitive/SearchField/index.js.map +1 -0
- package/dist/core/primitive/SectionHeader/index.d.ts +9 -2
- package/dist/core/primitive/SectionHeader/index.d.ts.map +1 -1
- package/dist/core/primitive/SectionHeader/index.js +8 -2
- package/dist/core/primitive/SectionHeader/index.js.map +1 -1
- package/dist/core/primitive/Skeleton/index.d.ts +21 -0
- package/dist/core/primitive/Skeleton/index.d.ts.map +1 -0
- package/dist/core/primitive/Skeleton/index.js +18 -0
- package/dist/core/primitive/Skeleton/index.js.map +1 -0
- package/dist/core/primitive/Slider/index.d.ts +26 -0
- package/dist/core/primitive/Slider/index.d.ts.map +1 -0
- package/dist/core/primitive/Slider/index.js +37 -0
- package/dist/core/primitive/Slider/index.js.map +1 -0
- package/dist/core/primitive/Spinner/index.d.ts +18 -0
- package/dist/core/primitive/Spinner/index.d.ts.map +1 -0
- package/dist/core/primitive/Spinner/index.js +11 -0
- package/dist/core/primitive/Spinner/index.js.map +1 -0
- package/dist/core/primitive/Switch/index.d.ts +13 -0
- package/dist/core/primitive/Switch/index.d.ts.map +1 -0
- package/dist/core/primitive/Switch/index.js +15 -0
- package/dist/core/primitive/Switch/index.js.map +1 -0
- package/dist/core/primitive/Textarea/index.d.ts +16 -0
- package/dist/core/primitive/Textarea/index.d.ts.map +1 -0
- package/dist/core/primitive/Textarea/index.js +20 -0
- package/dist/core/primitive/Textarea/index.js.map +1 -0
- package/dist/core/primitive/TimeField/index.d.ts +15 -0
- package/dist/core/primitive/TimeField/index.d.ts.map +1 -0
- package/dist/core/primitive/TimeField/index.js +13 -0
- package/dist/core/primitive/TimeField/index.js.map +1 -0
- package/dist/core/styles.css +32 -6
- package/dist/heritage/styles.css +21 -6
- package/dist/offset-pop/components-forms.css +405 -0
- package/dist/offset-pop/components-navigation.css +394 -0
- package/dist/offset-pop/components-overlays.css +253 -0
- package/dist/offset-pop/conformance.d.ts +64 -0
- package/dist/offset-pop/conformance.d.ts.map +1 -0
- package/dist/offset-pop/conformance.js +63 -0
- package/dist/offset-pop/conformance.js.map +1 -0
- package/dist/offset-pop/dna.d.ts +282 -0
- package/dist/offset-pop/dna.d.ts.map +1 -0
- package/dist/offset-pop/dna.js +276 -0
- package/dist/offset-pop/dna.js.map +1 -0
- package/dist/offset-pop/index.d.ts +4 -8
- package/dist/offset-pop/index.d.ts.map +1 -1
- package/dist/offset-pop/index.js +7 -18
- package/dist/offset-pop/index.js.map +1 -1
- package/dist/offset-pop/styles.css +203 -62
- package/package.json +33 -9
package/dist/core/dna.js
CHANGED
|
@@ -4,6 +4,14 @@
|
|
|
4
4
|
* This is presentation data, not a registry of UI laws. Product rules remain
|
|
5
5
|
* outside the package; consumers use these values to render the same StarCi
|
|
6
6
|
* family without rebuilding its palette, geometry or motion from memory.
|
|
7
|
+
*
|
|
8
|
+
* Every colour pair the family's CSS combines clears WCAG AA in light and dark; `styles.spec.ts`
|
|
9
|
+
* measures them through the resolved scope, HeroUI's vendor variables included. `accent` is the
|
|
10
|
+
* brand FILL (white text on it, and the focus ring); where the accent is painted as TEXT - links,
|
|
11
|
+
* the current tab and bottom-nav label, the section eyebrow, the soft accent pairing - the family
|
|
12
|
+
* reads `accentText`, which is themed because the violet fill is too dark to read on the dark
|
|
13
|
+
* canvas (3.95:1) and a hair too light on the secondary surface (4.44:1). `accentSoft` is the
|
|
14
|
+
* selected/soft tint that `accentText` and `muted` both stay AA on.
|
|
7
15
|
*/
|
|
8
16
|
export const STARCI_CORE_DNA = Object.freeze({
|
|
9
17
|
id: "starci-core",
|
|
@@ -17,17 +25,19 @@ export const STARCI_CORE_DNA = Object.freeze({
|
|
|
17
25
|
surface: "oklch(100% 0.0008 354.13)",
|
|
18
26
|
surfaceSecondary: "oklch(95.24% 0.0012 354.13)",
|
|
19
27
|
foreground: "oklch(21.03% 0.0015 354.13)",
|
|
20
|
-
muted: "oklch(
|
|
28
|
+
muted: "oklch(52% 0.003 354.13)",
|
|
21
29
|
border: "oklch(90% 0.0015 354.13)",
|
|
22
30
|
separator: "oklch(92% 0.0015 354.13)",
|
|
23
31
|
success: "oklch(73.29% 0.1941 162.85)",
|
|
24
32
|
successForeground: "oklch(21.03% 0.0059 162.85)",
|
|
25
33
|
warning: "oklch(78.19% 0.159 84.37)",
|
|
26
34
|
warningForeground: "oklch(21.03% 0.0059 84.37)",
|
|
27
|
-
danger: "oklch(
|
|
35
|
+
danger: "oklch(55% 0.2 37.78)",
|
|
28
36
|
dangerForeground: "oklch(99.11% 0 0)",
|
|
29
37
|
info: "oklch(72% 0.17 250)",
|
|
30
38
|
infoForeground: "oklch(21.03% 0.0059 250)",
|
|
39
|
+
accentText: "#6a3cf2",
|
|
40
|
+
accentSoft: "oklch(95.5% 0.03 287)",
|
|
31
41
|
}),
|
|
32
42
|
dark: Object.freeze({
|
|
33
43
|
canvas: "oklch(12% 0.0015 354.13)",
|
|
@@ -41,10 +51,12 @@ export const STARCI_CORE_DNA = Object.freeze({
|
|
|
41
51
|
successForeground: "oklch(21.03% 0.0059 162.85)",
|
|
42
52
|
warning: "oklch(82.03% 0.1392 88.38)",
|
|
43
53
|
warningForeground: "oklch(21.03% 0.0059 88.38)",
|
|
44
|
-
danger: "oklch(
|
|
45
|
-
dangerForeground: "oklch(
|
|
54
|
+
danger: "oklch(70% 0.17 36.67)",
|
|
55
|
+
dangerForeground: "oklch(21.03% 0.0059 36.67)",
|
|
46
56
|
info: "oklch(72% 0.17 250)",
|
|
47
57
|
infoForeground: "oklch(21.03% 0.0059 250)",
|
|
58
|
+
accentText: "#a48bff",
|
|
59
|
+
accentSoft: "oklch(30% 0.07 287)",
|
|
48
60
|
}),
|
|
49
61
|
}),
|
|
50
62
|
geometry: Object.freeze({
|
|
@@ -106,6 +118,8 @@ export const STARCI_CORE_TOKEN_NAMES = Object.freeze({
|
|
|
106
118
|
dangerForeground: "--starci-core-danger-foreground",
|
|
107
119
|
info: "--starci-core-info",
|
|
108
120
|
infoForeground: "--starci-core-info-foreground",
|
|
121
|
+
accentText: "--starci-core-accent-text",
|
|
122
|
+
accentSoft: "--starci-core-accent-soft",
|
|
109
123
|
pageMeasure: "--starci-core-page-measure",
|
|
110
124
|
readingMeasure: "--starci-core-reading-measure",
|
|
111
125
|
surfaceRadius: "--starci-core-surface-radius",
|
|
@@ -166,6 +180,8 @@ export const STARCI_CORE_TOKEN_DEFAULTS = Object.freeze({
|
|
|
166
180
|
"--starci-core-danger-foreground": STARCI_CORE_DNA.color.light.dangerForeground,
|
|
167
181
|
"--starci-core-info": STARCI_CORE_DNA.color.light.info,
|
|
168
182
|
"--starci-core-info-foreground": STARCI_CORE_DNA.color.light.infoForeground,
|
|
183
|
+
"--starci-core-accent-text": STARCI_CORE_DNA.color.light.accentText,
|
|
184
|
+
"--starci-core-accent-soft": STARCI_CORE_DNA.color.light.accentSoft,
|
|
169
185
|
"--starci-core-page-measure": STARCI_CORE_DNA.geometry.pageMeasure,
|
|
170
186
|
"--starci-core-reading-measure": STARCI_CORE_DNA.geometry.readingMeasure,
|
|
171
187
|
"--starci-core-surface-radius": STARCI_CORE_DNA.geometry.surfaceRadius,
|
|
@@ -197,5 +213,7 @@ export const STARCI_CORE_DARK_TOKEN_DEFAULTS = Object.freeze({
|
|
|
197
213
|
"--starci-core-danger-foreground": STARCI_CORE_DNA.color.dark.dangerForeground,
|
|
198
214
|
"--starci-core-info": STARCI_CORE_DNA.color.dark.info,
|
|
199
215
|
"--starci-core-info-foreground": STARCI_CORE_DNA.color.dark.infoForeground,
|
|
216
|
+
"--starci-core-accent-text": STARCI_CORE_DNA.color.dark.accentText,
|
|
217
|
+
"--starci-core-accent-soft": STARCI_CORE_DNA.color.dark.accentSoft,
|
|
200
218
|
});
|
|
201
219
|
//# sourceMappingURL=dna.js.map
|
package/dist/core/dna.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dna.js","sourceRoot":"","sources":["../../src/core/dna.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"dna.js","sourceRoot":"","sources":["../../src/core/dna.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC;IACzC,EAAE,EAAE,aAAa;IACjB,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;QACjB,MAAM,EAAE,SAAS;QACjB,gBAAgB,EAAE,iBAAiB;QACnC,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;YACjB,MAAM,EAAE,6BAA6B;YACrC,OAAO,EAAE,2BAA2B;YACpC,gBAAgB,EAAE,6BAA6B;YAC/C,UAAU,EAAE,6BAA6B;YACzC,KAAK,EAAE,yBAAyB;YAChC,MAAM,EAAE,0BAA0B;YAClC,SAAS,EAAE,0BAA0B;YACrC,OAAO,EAAE,6BAA6B;YACtC,iBAAiB,EAAE,6BAA6B;YAChD,OAAO,EAAE,2BAA2B;YACpC,iBAAiB,EAAE,4BAA4B;YAC/C,MAAM,EAAE,sBAAsB;YAC9B,gBAAgB,EAAE,mBAAmB;YACrC,IAAI,EAAE,qBAAqB;YAC3B,cAAc,EAAE,0BAA0B;YAC1C,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,uBAAuB;SACtC,CAAC;QACF,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC;YAChB,MAAM,EAAE,0BAA0B;YAClC,OAAO,EAAE,4BAA4B;YACrC,gBAAgB,EAAE,4BAA4B;YAC9C,UAAU,EAAE,6BAA6B;YACzC,KAAK,EAAE,2BAA2B;YAClC,MAAM,EAAE,0BAA0B;YAClC,SAAS,EAAE,0BAA0B;YACrC,OAAO,EAAE,6BAA6B;YACtC,iBAAiB,EAAE,6BAA6B;YAChD,OAAO,EAAE,4BAA4B;YACrC,iBAAiB,EAAE,4BAA4B;YAC/C,MAAM,EAAE,uBAAuB;YAC/B,gBAAgB,EAAE,4BAA4B;YAC9C,IAAI,EAAE,qBAAqB;YAC3B,cAAc,EAAE,0BAA0B;YAC1C,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,qBAAqB;SACpC,CAAC;KACL,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC;QACpB,WAAW,EAAE,OAAO;QACpB,cAAc,EAAE,MAAM;QACtB,aAAa,EAAE,MAAM;QACrB,aAAa,EAAE,SAAS;QACxB,UAAU,EAAE,OAAO;KACtB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;QAClB,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,wBAAwB;KACtC,CAAC;IACF,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;QACrB,OAAO,EAAE,+CAA+C;KAC3D,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;QAClB,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,4BAA4B;KACvC,CAAC;CACI,CAAC,CAAA;AAEX,kFAAkF;AAClF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,MAAM,CAAC;IACnD,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,QAAQ;IACb,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACN,CAAC,CAAA;AAKX,mFAAmF;AACnF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,CAAC;IACjD,MAAM,EAAE,sBAAsB;IAC9B,gBAAgB,EAAE,iCAAiC;IACnD,KAAK,EAAE,qBAAqB;IAC5B,MAAM,EAAE,sBAAsB;IAC9B,OAAO,EAAE,uBAAuB;IAChC,gBAAgB,EAAE,iCAAiC;IACnD,UAAU,EAAE,0BAA0B;IACtC,KAAK,EAAE,qBAAqB;IAC5B,MAAM,EAAE,sBAAsB;IAC9B,SAAS,EAAE,yBAAyB;IACpC,OAAO,EAAE,uBAAuB;IAChC,iBAAiB,EAAE,kCAAkC;IACrD,OAAO,EAAE,uBAAuB;IAChC,iBAAiB,EAAE,kCAAkC;IACrD,MAAM,EAAE,sBAAsB;IAC9B,gBAAgB,EAAE,iCAAiC;IACnD,IAAI,EAAE,oBAAoB;IAC1B,cAAc,EAAE,+BAA+B;IAC/C,UAAU,EAAE,2BAA2B;IACvC,UAAU,EAAE,2BAA2B;IACvC,WAAW,EAAE,4BAA4B;IACzC,cAAc,EAAE,+BAA+B;IAC/C,aAAa,EAAE,8BAA8B;IAC7C,aAAa,EAAE,8BAA8B;IAC7C,UAAU,EAAE,2BAA2B;IACvC,SAAS,EAAE,0BAA0B;IACrC,SAAS,EAAE,0BAA0B;IACrC,MAAM,EAAE,uBAAuB;IAC/B,UAAU,EAAE,2BAA2B;IACvC,SAAS,EAAE,0BAA0B;IACrC,SAAS,EAAE,8BAA8B;IACzC,cAAc,EAAE,+BAA+B;IAC/C,YAAY,EAAE,6BAA6B;CACrC,CAAC,CAAA;AAEX;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,CAAC;IACtD,UAAU,EAAE,2BAA2B;IACvC,UAAU,EAAE,2BAA2B;IACvC,gBAAgB,EAAE,kCAAkC;IACpD,UAAU,EAAE,2BAA2B;IACvC,YAAY,EAAE,6BAA6B;CACrC,CAAC,CAAA;AAOX,sFAAsF;AACtF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,MAAM,CAAC;IACpD,sBAAsB,EAAE,eAAe,CAAC,KAAK,CAAC,MAAM;IACpD,iCAAiC,EAAE,eAAe,CAAC,KAAK,CAAC,gBAAgB;IACzE,qBAAqB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK;IAClD,sBAAsB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;IAC1D,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IAC5D,iCAAiC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;IAC/E,0BAA0B,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;IAClE,qBAAqB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;IACxD,sBAAsB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;IAC1D,yBAAyB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;IAChE,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IAC5D,kCAAkC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;IACjF,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;IAC5D,kCAAkC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;IACjF,sBAAsB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;IAC1D,iCAAiC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;IAC/E,oBAAoB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI;IACtD,+BAA+B,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc;IAC3E,2BAA2B,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;IACnE,2BAA2B,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;IACnE,4BAA4B,EAAE,eAAe,CAAC,QAAQ,CAAC,WAAW;IAClE,+BAA+B,EAAE,eAAe,CAAC,QAAQ,CAAC,cAAc;IACxE,8BAA8B,EAAE,eAAe,CAAC,QAAQ,CAAC,aAAa;IACtE,8BAA8B,EAAE,eAAe,CAAC,QAAQ,CAAC,aAAa;IACtE,2BAA2B,EAAE,eAAe,CAAC,QAAQ,CAAC,UAAU;IAChE,0BAA0B,EAAE,eAAe,CAAC,MAAM,CAAC,SAAS;IAC5D,0BAA0B,EAAE,eAAe,CAAC,MAAM,CAAC,SAAS;IAC5D,uBAAuB,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM;IACtD,2BAA2B,EAAE,eAAe,CAAC,MAAM,CAAC,UAAU;IAC9D,0BAA0B,EAAE,eAAe,CAAC,MAAM,CAAC,SAAS;IAC5D,8BAA8B,EAAE,eAAe,CAAC,SAAS,CAAC,OAAO;IACjE,+BAA+B,EAAE,eAAe,CAAC,MAAM,CAAC,QAAQ;IAChE,6BAA6B,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM;CACP,CAAC,CAAA;AAE1D,mFAAmF;AACnF,MAAM,CAAC,MAAM,+BAA+B,GAAG,MAAM,CAAC,MAAM,CAAC;IACzD,sBAAsB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;IACzD,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;IAC3D,iCAAiC,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB;IAC9E,0BAA0B,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU;IACjE,qBAAqB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK;IACvD,sBAAsB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;IACzD,yBAAyB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;IAC/D,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;IAC3D,kCAAkC,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,iBAAiB;IAChF,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;IAC3D,kCAAkC,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,iBAAiB;IAChF,sBAAsB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;IACzD,iCAAiC,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB;IAC9E,oBAAoB,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;IACrD,+BAA+B,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;IAC1E,2BAA2B,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU;IAClE,2BAA2B,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU;CACJ,CAAC,CAAA"}
|
package/dist/core/index.d.ts
CHANGED
|
@@ -4,6 +4,59 @@ export type { PresentationState } from "./state.js";
|
|
|
4
4
|
export { STARCI_CORE_BAND_TOKEN_NAMES, STARCI_CORE_DARK_TOKEN_DEFAULTS, STARCI_CORE_DNA, STARCI_CORE_SPACING_SCALE, STARCI_CORE_TOKEN_DEFAULTS, STARCI_CORE_TOKEN_NAMES, type StarCiCoreBandTokenName, type StarCiCoreDna, type StarCiCoreSpacingStep, type StarCiCoreSpacingValue, type StarCiCoreTokenDefaults, type StarCiCoreTokenName, } from "./dna.js";
|
|
5
5
|
/** @deprecated Use COMMON_GRAMMAR_COMPONENTS from `@starci/grammar/common`. */
|
|
6
6
|
export declare const CORE_GRAMMAR_COMPONENTS: Readonly<{
|
|
7
|
+
readonly Accordion: ({ label, items, expandedIds, defaultExpandedIds, onExpandedChange, allowsMultipleExpanded, headingLevel, className, }: import("./index.js").AccordionProps) => import("react").JSX.Element;
|
|
8
|
+
readonly Avatar: ({ name, src, fallback, size, isDecorative, isCurrent, className }: import("./index.js").AvatarProps) => import("react").JSX.Element;
|
|
9
|
+
readonly AvatarGroup: ({ label, items, max, size, overflowLabel, className }: import("./index.js").AvatarGroupProps) => import("react").JSX.Element;
|
|
10
|
+
readonly BottomNav: ({ label, items, currentId, onSelect, position, visibility, className }: import("./index.js").BottomNavProps) => import("react").JSX.Element;
|
|
11
|
+
readonly Breadcrumbs: ({ label, items, separator, onAction, className }: import("./index.js").BreadcrumbsProps) => import("react").JSX.Element;
|
|
12
|
+
readonly Calendar: ({ label, value, defaultValue, onChange, minValue, maxValue, isDateUnavailable, isDisabled, isReadOnly, previousLabel, nextLabel, className, }: import("./index.js").CalendarProps) => import("react").JSX.Element;
|
|
13
|
+
readonly DataTable: <Row extends import("./index.js").DataTableRow>({ label, columns, rows, renderCell, sort, onSortChange, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, selectAllLabel, selectRowLabel, isLoading, loadingContent, emptyContent, stickyHeader, maxBlockSize, onRowAction, className, }: import("./index.js").DataTableProps<Row>) => import("react").JSX.Element;
|
|
14
|
+
readonly DescriptionList: ({ items, layout, isDivided, className }: import("./index.js").DescriptionListProps) => import("react").JSX.Element;
|
|
15
|
+
readonly Disclosure: ({ title, children, isExpanded, defaultExpanded, onExpandedChange, isDisabled, headingLevel, className, }: import("./index.js").DisclosureProps) => import("react").JSX.Element;
|
|
16
|
+
readonly Footer: ({ label, brand, groups, legal, externalHint, children, className }: import("./index.js").FooterProps) => import("react").JSX.Element;
|
|
17
|
+
readonly Image: ({ src, alt, aspect, fit, fallback, loading, srcSet, sizes, width, height, onLoadStateChange, className, }: import("./index.js").ImageProps) => import("react").JSX.Element;
|
|
18
|
+
readonly Link: ({ children, href, kind, isCurrent, visited, externalHint, externalIcon, isDisabled, onFollow, className, }: import("./index.js").LinkProps) => import("react").JSX.Element;
|
|
19
|
+
readonly ListBox: ({ label, items, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, onAction, emptyContent, className, }: import("./index.js").ListBoxProps) => import("react").JSX.Element;
|
|
20
|
+
readonly Pagination: ({ label, page, pageCount, onPageChange, siblingCount, previousLabel, nextLabel, pageLabel, summary, className, }: import("./index.js").PaginationProps) => import("react").JSX.Element;
|
|
21
|
+
readonly Rating: ({ label, value, defaultValue, onChange, max, isReadOnly, isDisabled, valueLabel, icon, name, className, }: import("./index.js").RatingProps) => import("react").JSX.Element;
|
|
22
|
+
readonly Stepper: ({ label, steps, currentStepId, orientation, onStepSelect, stateLabel, renderMarker, className, }: import("./index.js").StepperProps) => import("react").JSX.Element;
|
|
23
|
+
readonly TagGroup: ({ label, items, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, onRemove, removeLabel, emptyContent, size, className, }: import("./index.js").TagGroupProps) => import("react").JSX.Element;
|
|
24
|
+
readonly Timeline: ({ label, items, className }: import("./index.js").TimelineProps) => import("react").JSX.Element;
|
|
25
|
+
readonly TopBar: ({ brand, navigation, actions, menu, position, className, ...headerProps }: import("./index.js").TopBarProps) => import("react").JSX.Element;
|
|
26
|
+
readonly Alert: (props: import("./index.js").AlertProps) => import("react").JSX.Element | null;
|
|
27
|
+
readonly AlertDialog: ({ title, description, children, tone, confirmLabel, cancelLabel, onConfirm, onCancel, isConfirmPending, trigger, isKeyboardDismissDisabled, ...openState }: import("./index.js").AlertDialogProps) => import("react").JSX.Element;
|
|
28
|
+
readonly CloseButton: ({ label, onPress, isDisabled, size }: import("./index.js").CloseButtonProps) => import("react").JSX.Element;
|
|
29
|
+
readonly Dialog: ({ title, description, children, footer, trigger, closeLabel, size, isDismissable, isKeyboardDismissDisabled, ...openState }: import("./index.js").DialogProps) => import("react").JSX.Element;
|
|
30
|
+
readonly Drawer: ({ title, description, children, footer, trigger, closeLabel, placement, showHandle, isDismissable, isKeyboardDismissDisabled, ...openState }: import("./index.js").DrawerProps) => import("react").JSX.Element;
|
|
31
|
+
readonly DropdownMenu: ({ trigger, entries, onAction, placement, ...openState }: import("./index.js").DropdownMenuProps) => import("react").JSX.Element;
|
|
32
|
+
readonly Kbd: ({ keys }: import("./index.js").KbdProps) => import("react").JSX.Element;
|
|
33
|
+
readonly Meter: ({ label, value, minValue, maxValue, valueLabel, tone, isLabelHidden, }: import("./index.js").MeterProps) => import("react").JSX.Element;
|
|
34
|
+
readonly Popover: ({ trigger, children, placement, showArrow, title, label, ...openState }: import("./index.js").PopoverProps) => import("react").JSX.Element;
|
|
35
|
+
readonly ProgressCircle: ({ label, value, isIndeterminate, size }: import("./index.js").ProgressCircleProps) => import("react").JSX.Element;
|
|
36
|
+
readonly Skeleton: ({ shape, lines, ratio, size }: import("./index.js").SkeletonProps) => import("react").JSX.Element;
|
|
37
|
+
readonly Spinner: ({ label, size, tone }: import("./index.js").SpinnerProps) => import("react").JSX.Element;
|
|
38
|
+
readonly Toast: ({ toast, dismissLabel, onDismiss, isPaused }: import("./index.js").ToastProps) => import("react").JSX.Element;
|
|
39
|
+
readonly Toaster: ({ label, dismissLabel, queue, placement, maxVisible }: import("./index.js").ToasterProps) => import("react").JSX.Element;
|
|
40
|
+
readonly ButtonGroup: ({ label, children, orientation, isDisabled, width }: import("./index.js").ButtonGroupProps) => import("react").JSX.Element;
|
|
41
|
+
readonly Checkbox: ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate, ...field }: import("./index.js").CheckboxProps) => import("react").JSX.Element;
|
|
42
|
+
readonly CheckboxGroup: ({ options, value, defaultValue, onValueChange, orientation, ...field }: import("./index.js").CheckboxGroupProps) => import("react").JSX.Element;
|
|
43
|
+
readonly ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, ...field }: import("./index.js").ComboBoxProps) => import("react").JSX.Element;
|
|
44
|
+
readonly DateField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, ...field }: import("./index.js").DateFieldProps) => import("react").JSX.Element;
|
|
45
|
+
readonly DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, ...field }: import("./index.js").DatePickerProps) => import("react").JSX.Element;
|
|
46
|
+
readonly DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, ...field }: import("./index.js").DateRangePickerProps) => import("react").JSX.Element;
|
|
47
|
+
readonly Field: ({ id: idProp, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, children, }: import("./index.js").FieldProps) => import("react").JSX.Element;
|
|
48
|
+
readonly Fieldset: ({ legend, isLegendHidden, description, errorMessage, children, actions, isDisabled }: import("./index.js").FieldsetProps) => import("react").JSX.Element;
|
|
49
|
+
readonly FileDropzone: ({ id: idProp, accept, multiple, onFilesChange, prompt, icon, hideFileList, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./index.js").FileDropzoneProps) => import("react").JSX.Element;
|
|
50
|
+
readonly Form: ({ children, label, id, onSubmit, onReset, action, method, validationErrors, validationBehavior, isPending, }: import("./index.js").FormProps) => import("react").JSX.Element;
|
|
51
|
+
readonly NumberField: ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers, ...field }: import("./index.js").NumberFieldProps) => import("react").JSX.Element;
|
|
52
|
+
readonly RadioGroup: ({ options, value, defaultValue, onValueChange, orientation, ...field }: import("./index.js").RadioGroupProps) => import("react").JSX.Element;
|
|
53
|
+
readonly SearchField: ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending, clearLabel, ...field }: import("./index.js").SearchFieldProps) => import("react").JSX.Element;
|
|
54
|
+
readonly SegmentedControl: ({ options, value, defaultValue, onValueChange, width, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./index.js").SegmentedControlProps) => import("react").JSX.Element;
|
|
55
|
+
readonly Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, ...field }: import("./index.js").SelectProps) => import("react").JSX.Element;
|
|
56
|
+
readonly Slider: ({ value, defaultValue, onValueChange, onValueCommit, minValue, maxValue, step, formatOptions, thumbLabels, orientation, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./index.js").SliderProps) => import("react").JSX.Element;
|
|
57
|
+
readonly Switch: ({ value, isSelected, defaultSelected, onSelectedChange, ...field }: import("./index.js").SwitchProps) => import("react").JSX.Element;
|
|
58
|
+
readonly Textarea: ({ id, placeholder, value, defaultValue, rows, maxLength, minLength, onValueChange, ...field }: import("./index.js").TextareaProps) => import("react").JSX.Element;
|
|
59
|
+
readonly TimeField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, hourCycle, ...field }: import("./index.js").TimeFieldProps) => import("react").JSX.Element;
|
|
7
60
|
readonly Badge: ({ children, startContent, tone, isSkeleton }: import("./index.js").BadgeProps) => import("react").JSX.Element;
|
|
8
61
|
readonly Button: (props: import("./index.js").ButtonProps) => import("react").JSX.Element;
|
|
9
62
|
readonly ChatWorkspace: (props: import("./index.js").ChatWorkspaceProps) => import("react").JSX.Element;
|
|
@@ -18,7 +71,13 @@ export declare const CORE_GRAMMAR_COMPONENTS: Readonly<{
|
|
|
18
71
|
readonly IconTile: ({ source, artwork, ariaLabel, tone, size, isSkeleton, }: import("./index.js").IconTileProps) => import("react").JSX.Element;
|
|
19
72
|
readonly IncludedMark: ({ className, label, ...props }: import("./index.js").IncludedMarkProps) => import("react").JSX.Element;
|
|
20
73
|
readonly Input: ({ id, name, label, kind: kindName, variant, placeholder, defaultValue, value, hint, errorMessage, isError, isDisabled, isRequired, isSkeleton, revealLabel, hideLabel, revealIcon: RevealIcon, hideIcon: HideIcon, onValueChange, }: import("./index.js").InputProps) => import("react").JSX.Element;
|
|
21
|
-
readonly Label: ({ id, children, depth, as }: import("./index.js").LabelProps) => import("react").
|
|
74
|
+
readonly Label: ({ id, children, depth, as }: import("./index.js").LabelProps) => import("react").DetailedReactHTMLElement<{
|
|
75
|
+
readonly id: string | undefined;
|
|
76
|
+
readonly className: string;
|
|
77
|
+
readonly "data-grammar-label": "true";
|
|
78
|
+
readonly "data-grammar-label-depth": "top" | "nested";
|
|
79
|
+
readonly "data-contract": "FONT-1 MARGIN-0" | "FONT-2 MARGIN-0";
|
|
80
|
+
}, HTMLElement>;
|
|
22
81
|
readonly LeadingNumber: (props: import("./LeadingNumber.js").LeadingNumberProps) => import("react").JSX.Element;
|
|
23
82
|
readonly MarkdownArticle: (props: import("./index.js").MarkdownArticleProps) => import("react").JSX.Element;
|
|
24
83
|
readonly MarkdownTableFrame: (props: import("./index.js").MarkdownTableFrameProps) => import("react").JSX.Element;
|
package/dist/core/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAGH,mBAAmB,EAGnB,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAM3B,cAAc,oBAAoB,CAAA;AAElC,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GAC3B,MAAM,UAAU,CAAA;AAEjB,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAGH,mBAAmB,EAGnB,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAM3B,cAAc,oBAAoB,CAAA;AAElC,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GAC3B,MAAM,UAAU,CAAA;AAEjB,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAEhE,MAAM,MAAM,wBAAwB,GAAG,MAAM,OAAO,uBAAuB,CAAA;AAQ3E,eAAO,MAAM,WAAW,wDAOtB,CAAA;AAEF,eAAO,MAAM,eAAe,mFAAqC,CAAA;AAEjE,eAAO,MAAM,mBAAmB;;;;;;EAI9B,CAAA;AAGF,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,YAAY,EACR,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,GACtB,MAAM,oBAAoB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigationClassNames.d.ts","sourceRoot":"","sources":["../../src/core/navigationClassNames.ts"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAiC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigationClassNames.js","sourceRoot":"","sources":["../../src/core/navigationClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,gGAAgG;AAChG,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,KAAc,EAAU,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { KeyboardEvent } from "react";
|
|
2
|
+
export type RovingOrientation = "horizontal" | "vertical" | "both";
|
|
3
|
+
/**
|
|
4
|
+
* Arrow/Home/End focus movement between the peer controls of one navigation object.
|
|
5
|
+
*
|
|
6
|
+
* Every peer stays in the Tab order (these are links and buttons, not a composite widget), so the
|
|
7
|
+
* arrows are an accelerator, never the only way to reach an item. Right-to-left documents swap the
|
|
8
|
+
* horizontal arrows. Returns whether focus moved, and only then prevents the browser default.
|
|
9
|
+
*/
|
|
10
|
+
export declare const moveFocusBetweenPeers: (event: KeyboardEvent<HTMLElement>, selector: string, orientation: RovingOrientation) => boolean;
|
|
11
|
+
//# sourceMappingURL=navigationKeys.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigationKeys.d.ts","sourceRoot":"","sources":["../../src/core/navigationKeys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAA;AAgBlE;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAC9B,OAAO,aAAa,CAAC,WAAW,CAAC,EACjC,UAAU,MAAM,EAChB,aAAa,iBAAiB,KAC/B,OAkBF,CAAA"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
const PREVIOUS = {
|
|
2
|
+
horizontal: ["ArrowLeft"],
|
|
3
|
+
vertical: ["ArrowUp"],
|
|
4
|
+
both: ["ArrowLeft", "ArrowUp"],
|
|
5
|
+
};
|
|
6
|
+
const NEXT = {
|
|
7
|
+
horizontal: ["ArrowRight"],
|
|
8
|
+
vertical: ["ArrowDown"],
|
|
9
|
+
both: ["ArrowRight", "ArrowDown"],
|
|
10
|
+
};
|
|
11
|
+
const isOperable = (element) => !element.hasAttribute("disabled") && element.getAttribute("aria-disabled") !== "true";
|
|
12
|
+
/**
|
|
13
|
+
* Arrow/Home/End focus movement between the peer controls of one navigation object.
|
|
14
|
+
*
|
|
15
|
+
* Every peer stays in the Tab order (these are links and buttons, not a composite widget), so the
|
|
16
|
+
* arrows are an accelerator, never the only way to reach an item. Right-to-left documents swap the
|
|
17
|
+
* horizontal arrows. Returns whether focus moved, and only then prevents the browser default.
|
|
18
|
+
*/
|
|
19
|
+
export const moveFocusBetweenPeers = (event, selector, orientation) => {
|
|
20
|
+
const container = event.currentTarget;
|
|
21
|
+
const peers = Array.from(container.querySelectorAll(selector)).filter(isOperable);
|
|
22
|
+
const index = peers.findIndex((peer) => peer === event.target || peer.contains(event.target));
|
|
23
|
+
if (index < 0 || peers.length === 0)
|
|
24
|
+
return false;
|
|
25
|
+
const rtl = container.closest("[dir]")?.getAttribute("dir") === "rtl";
|
|
26
|
+
const key = rtl && orientation !== "vertical"
|
|
27
|
+
? event.key === "ArrowLeft" ? "ArrowRight" : event.key === "ArrowRight" ? "ArrowLeft" : event.key
|
|
28
|
+
: event.key;
|
|
29
|
+
let next = index;
|
|
30
|
+
if (PREVIOUS[orientation].includes(key))
|
|
31
|
+
next = index === 0 ? peers.length - 1 : index - 1;
|
|
32
|
+
else if (NEXT[orientation].includes(key))
|
|
33
|
+
next = index === peers.length - 1 ? 0 : index + 1;
|
|
34
|
+
else if (key === "Home")
|
|
35
|
+
next = 0;
|
|
36
|
+
else if (key === "End")
|
|
37
|
+
next = peers.length - 1;
|
|
38
|
+
else
|
|
39
|
+
return false;
|
|
40
|
+
event.preventDefault();
|
|
41
|
+
peers[next]?.focus();
|
|
42
|
+
return true;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=navigationKeys.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigationKeys.js","sourceRoot":"","sources":["../../src/core/navigationKeys.ts"],"names":[],"mappings":"AAIA,MAAM,QAAQ,GAAqD;IAC/D,UAAU,EAAE,CAAC,WAAW,CAAC;IACzB,QAAQ,EAAE,CAAC,SAAS,CAAC;IACrB,IAAI,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC;CACjC,CAAA;AAED,MAAM,IAAI,GAAqD;IAC3D,UAAU,EAAE,CAAC,YAAY,CAAC;IAC1B,QAAQ,EAAE,CAAC,WAAW,CAAC;IACvB,IAAI,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;CACpC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,OAAoB,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAA;AAElI;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACjC,KAAiC,EACjC,QAAgB,EAChB,WAA8B,EACvB,EAAE;IACT,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAA;IACrC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAc,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAC9F,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC,CAAA;IACrG,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAA;IACjD,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAA;IACrE,MAAM,GAAG,GAAG,GAAG,IAAI,WAAW,KAAK,UAAU;QACzC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG;QACjG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAA;IACf,IAAI,IAAI,GAAG,KAAK,CAAA;IAChB,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,IAAI,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;SACrF,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;QAAE,IAAI,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;SACtF,IAAI,GAAG,KAAK,MAAM;QAAE,IAAI,GAAG,CAAC,CAAA;SAC5B,IAAI,GAAG,KAAK,KAAK;QAAE,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;;QAC1C,OAAO,KAAK,CAAA;IACjB,KAAK,CAAC,cAAc,EAAE,CAAA;IACtB,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACpB,OAAO,IAAI,CAAA;AACf,CAAC,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { PresentationState } from "../common/state.js";
|
|
2
|
+
/** The neutral Common boundary every visual family installs its scope on. */
|
|
3
|
+
export declare const GRAMMAR_ROOT_SELECTOR = ".grammar-common-root";
|
|
4
|
+
/**
|
|
5
|
+
* Where an overlay's portal lands: the nearest Grammar root around the element that invoked it.
|
|
6
|
+
*
|
|
7
|
+
* Overlays (dialog, drawer, popover, menu) are portalled by React Aria. Its default target is
|
|
8
|
+
* `document.body`, which is OUTSIDE `.grammar-common-root[data-grammar-family]`: every family
|
|
9
|
+
* selector, every family token (`--offset-pop-*`, `--starci-core-*`), the scoped light/dark theme and
|
|
10
|
+
* the forced-colors mapping would silently stop applying to the overlay surface. Portalling into the
|
|
11
|
+
* nearest root keeps the overlay a DOM descendant of the same scope as its trigger, so family CSS,
|
|
12
|
+
* inherited custom properties and `data-grammar-theme` all still resolve. Nested roots resolve to
|
|
13
|
+
* the innermost one. With no Grammar root at all the body is used, which is React Aria's default.
|
|
14
|
+
*/
|
|
15
|
+
export declare const resolveOverlayContainer: (anchor: Element | null) => Element | null;
|
|
16
|
+
/**
|
|
17
|
+
* Renders an inert in-place anchor and resolves the overlay portal container from it.
|
|
18
|
+
*
|
|
19
|
+
* The container is `null` until the anchor has mounted, so an overlay never renders into the body
|
|
20
|
+
* for one frame before moving into its scope (`defaultOpen` included). Server markup contains only
|
|
21
|
+
* the hidden anchor.
|
|
22
|
+
*/
|
|
23
|
+
export declare const useOverlayContainer: (component: string) => {
|
|
24
|
+
readonly anchor: import("react").JSX.Element;
|
|
25
|
+
readonly container: Element | null;
|
|
26
|
+
};
|
|
27
|
+
/** Open-state props shared by every trigger-owned overlay. Controlled when `isOpen` is present. */
|
|
28
|
+
export type OverlayOpenState = {
|
|
29
|
+
readonly isOpen?: boolean;
|
|
30
|
+
readonly defaultOpen?: boolean;
|
|
31
|
+
readonly onOpenChange?: (isOpen: boolean) => void;
|
|
32
|
+
};
|
|
33
|
+
export declare const overlayOpenProps: ({ isOpen, defaultOpen, onOpenChange }: OverlayOpenState) => {
|
|
34
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
35
|
+
defaultOpen?: boolean;
|
|
36
|
+
isOpen?: boolean;
|
|
37
|
+
};
|
|
38
|
+
/** Vendor status vocabulary used by HeroUI alert, meter and alert-dialog parts. */
|
|
39
|
+
export type VendorStatus = "default" | "accent" | "success" | "warning" | "danger";
|
|
40
|
+
/** Map a render-neutral PresentationState onto the vendor status vocabulary. */
|
|
41
|
+
export declare const vendorStatusFor: (tone: PresentationState) => VendorStatus;
|
|
42
|
+
//# sourceMappingURL=overlayScope.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overlayScope.d.ts","sourceRoot":"","sources":["../../src/core/overlayScope.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,6EAA6E;AAC7E,eAAO,MAAM,qBAAqB,yBAAyB,CAAA;AAE3D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,OAAO,GAAG,IAAI,KAAG,OAAO,GAAG,IAG1E,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAW,MAAM;;;CAQpD,CAAA;AAED,mGAAmG;AACnG,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,uCAAuC,gBAAgB;4BAHnD,OAAO,KAAK,IAAI;;;CAOnD,CAAA;AAEF,mFAAmF;AACnF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAElF,gFAAgF;AAChF,eAAO,MAAM,eAAe,GAAI,MAAM,iBAAiB,KAAG,YAMzD,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useLayoutEffect, useRef, useState } from "react";
|
|
3
|
+
/** The neutral Common boundary every visual family installs its scope on. */
|
|
4
|
+
export const GRAMMAR_ROOT_SELECTOR = ".grammar-common-root";
|
|
5
|
+
/**
|
|
6
|
+
* Where an overlay's portal lands: the nearest Grammar root around the element that invoked it.
|
|
7
|
+
*
|
|
8
|
+
* Overlays (dialog, drawer, popover, menu) are portalled by React Aria. Its default target is
|
|
9
|
+
* `document.body`, which is OUTSIDE `.grammar-common-root[data-grammar-family]`: every family
|
|
10
|
+
* selector, every family token (`--offset-pop-*`, `--starci-core-*`), the scoped light/dark theme and
|
|
11
|
+
* the forced-colors mapping would silently stop applying to the overlay surface. Portalling into the
|
|
12
|
+
* nearest root keeps the overlay a DOM descendant of the same scope as its trigger, so family CSS,
|
|
13
|
+
* inherited custom properties and `data-grammar-theme` all still resolve. Nested roots resolve to
|
|
14
|
+
* the innermost one. With no Grammar root at all the body is used, which is React Aria's default.
|
|
15
|
+
*/
|
|
16
|
+
export const resolveOverlayContainer = (anchor) => {
|
|
17
|
+
if (anchor === null)
|
|
18
|
+
return null;
|
|
19
|
+
return anchor.closest(GRAMMAR_ROOT_SELECTOR) ?? anchor.ownerDocument.body;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Renders an inert in-place anchor and resolves the overlay portal container from it.
|
|
23
|
+
*
|
|
24
|
+
* The container is `null` until the anchor has mounted, so an overlay never renders into the body
|
|
25
|
+
* for one frame before moving into its scope (`defaultOpen` included). Server markup contains only
|
|
26
|
+
* the hidden anchor.
|
|
27
|
+
*/
|
|
28
|
+
export const useOverlayContainer = (component) => {
|
|
29
|
+
const anchorRef = useRef(null);
|
|
30
|
+
const [container, setContainer] = useState(null);
|
|
31
|
+
useLayoutEffect(() => {
|
|
32
|
+
setContainer(resolveOverlayContainer(anchorRef.current));
|
|
33
|
+
}, []);
|
|
34
|
+
const anchor = _jsx("span", { ref: anchorRef, hidden: true, "data-grammar-overlay-anchor": component });
|
|
35
|
+
return { anchor, container };
|
|
36
|
+
};
|
|
37
|
+
export const overlayOpenProps = ({ isOpen, defaultOpen, onOpenChange }) => ({
|
|
38
|
+
...(isOpen === undefined ? {} : { isOpen }),
|
|
39
|
+
...(defaultOpen === undefined ? {} : { defaultOpen }),
|
|
40
|
+
...(onOpenChange === undefined ? {} : { onOpenChange }),
|
|
41
|
+
});
|
|
42
|
+
/** Map a render-neutral PresentationState onto the vendor status vocabulary. */
|
|
43
|
+
export const vendorStatusFor = (tone) => {
|
|
44
|
+
if (tone === "affirmative")
|
|
45
|
+
return "success";
|
|
46
|
+
if (tone === "cautionary")
|
|
47
|
+
return "warning";
|
|
48
|
+
if (tone === "negative")
|
|
49
|
+
return "danger";
|
|
50
|
+
if (tone === "informative")
|
|
51
|
+
return "accent";
|
|
52
|
+
return "default";
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=overlayScope.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overlayScope.js","sourceRoot":"","sources":["../../src/core/overlayScope.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGzD,6EAA6E;AAC7E,MAAM,CAAC,MAAM,qBAAqB,GAAG,sBAAsB,CAAA;AAE3D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAsB,EAAkB,EAAE;IAC9E,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,IAAI,CAAA;IAChC,OAAO,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,MAAM,CAAC,aAAa,CAAC,IAAI,CAAA;AAC7E,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,SAAiB,EAAE,EAAE;IACrD,MAAM,SAAS,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAA;IAChE,eAAe,CAAC,GAAG,EAAE;QACjB,YAAY,CAAC,uBAAuB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC5D,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,MAAM,GAAG,eAAM,GAAG,EAAE,SAAS,EAAE,MAAM,uCAA8B,SAAS,GAAI,CAAA;IACtF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAW,CAAA;AACzC,CAAC,CAAA;AASD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAoB,EAAE,EAAE,CAAC,CAAC;IAC1F,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3C,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC;IACrD,GAAG,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1D,CAAC,CAAA;AAKF,gFAAgF;AAChF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAuB,EAAgB,EAAE;IACrE,IAAI,IAAI,KAAK,aAAa;QAAE,OAAO,SAAS,CAAA;IAC5C,IAAI,IAAI,KAAK,YAAY;QAAE,OAAO,SAAS,CAAA;IAC3C,IAAI,IAAI,KAAK,UAAU;QAAE,OAAO,QAAQ,CAAA;IACxC,IAAI,IAAI,KAAK,aAAa;QAAE,OAAO,QAAQ,CAAA;IAC3C,OAAO,SAAS,CAAA;AACpB,CAAC,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export type AvatarSize = "sm" | "md" | "lg";
|
|
3
|
+
export type AvatarProps = {
|
|
4
|
+
/** The person or entity the avatar stands for; it is the accessible name. */
|
|
5
|
+
readonly name: string;
|
|
6
|
+
readonly src?: string;
|
|
7
|
+
/** Shown while the image loads or when it fails. Defaults to initials derived from `name`. */
|
|
8
|
+
readonly fallback?: ReactNode;
|
|
9
|
+
readonly size?: AvatarSize;
|
|
10
|
+
/** A decorative avatar sits next to a visible name and is hidden from assistive technology. */
|
|
11
|
+
readonly isDecorative?: boolean;
|
|
12
|
+
/** Selected/current identity, e.g. the active account in a switcher. */
|
|
13
|
+
readonly isCurrent?: boolean;
|
|
14
|
+
readonly className?: string;
|
|
15
|
+
};
|
|
16
|
+
/** Up to two initials from a display name; letters only come from the name the app supplied. */
|
|
17
|
+
export declare const avatarInitials: (name: string) => string;
|
|
18
|
+
/** Shared parts so AvatarGroup can hand HeroUI its own Avatar element directly. */
|
|
19
|
+
export declare const avatarParts: (name: string, src: string | undefined, fallback: ReactNode | undefined) => import("react").JSX.Element;
|
|
20
|
+
export declare const avatarA11yProps: (name: string, isDecorative: boolean) => {
|
|
21
|
+
"aria-hidden": true;
|
|
22
|
+
role?: never;
|
|
23
|
+
"aria-label"?: never;
|
|
24
|
+
} | {
|
|
25
|
+
role: "img";
|
|
26
|
+
"aria-label": string;
|
|
27
|
+
"aria-hidden"?: never;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* A person or entity mark with image, initials fallback and an explicit accessible name.
|
|
31
|
+
* Contract: ICON-6 (named once or aria-hidden when decorative), MEDIA-5 (initials while loading/failed).
|
|
32
|
+
*/
|
|
33
|
+
export declare const Avatar: ({ name, src, fallback, size, isDecorative, isCurrent, className }: AvatarProps) => import("react").JSX.Element;
|
|
34
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Avatar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG;IACtB,6EAA6E;IAC7E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,8FAA8F;IAC9F,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,+FAA+F;IAC/F,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;IAC/B,wEAAwE;IACxE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,KAAG,MAOtB,CAAA;AAExB,mFAAmF;AACnF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS,EAAE,UAAU,SAAS,GAAG,SAAS,gCAG/F,CAAA;AAEH,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,EAAE,cAAc,OAAO;;;;;;;;CAEjB,CAAA;AAElD;;;GAGG;AACH,eAAO,MAAM,MAAM,GAAI,mEAA0F,WAAW,gCAa3H,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Avatar as HeroAvatar } from "@heroui/react";
|
|
4
|
+
import { navigationClassName } from "../../navigationClassNames.js";
|
|
5
|
+
/** Up to two initials from a display name; letters only come from the name the app supplied. */
|
|
6
|
+
export const avatarInitials = (name) => name
|
|
7
|
+
.trim()
|
|
8
|
+
.split(/\s+/)
|
|
9
|
+
.filter(Boolean)
|
|
10
|
+
.slice(0, 2)
|
|
11
|
+
.map((part) => Array.from(part)[0] ?? "")
|
|
12
|
+
.join("")
|
|
13
|
+
.toLocaleUpperCase();
|
|
14
|
+
/** Shared parts so AvatarGroup can hand HeroUI its own Avatar element directly. */
|
|
15
|
+
export const avatarParts = (name, src, fallback) => _jsxs(_Fragment, { children: [src === undefined ? null : _jsx(HeroAvatar.Image, { alt: "", src: src }), _jsx(HeroAvatar.Fallback, { "aria-hidden": "true", "data-grammar-avatar-fallback": "true", children: fallback ?? avatarInitials(name) })] });
|
|
16
|
+
export const avatarA11yProps = (name, isDecorative) => isDecorative
|
|
17
|
+
? { "aria-hidden": true }
|
|
18
|
+
: { role: "img", "aria-label": name };
|
|
19
|
+
/**
|
|
20
|
+
* A person or entity mark with image, initials fallback and an explicit accessible name.
|
|
21
|
+
* Contract: ICON-6 (named once or aria-hidden when decorative), MEDIA-5 (initials while loading/failed).
|
|
22
|
+
*/
|
|
23
|
+
export const Avatar = ({ name, src, fallback, size = "md", isDecorative = false, isCurrent = false, className }) => (_jsx(HeroAvatar, { ...avatarA11yProps(name, isDecorative), className: navigationClassName("starci-core-avatar", className), "data-component": "Avatar", "data-contract": "ICON-6 MEDIA-5", "data-tier": "atom", "data-grammar-avatar-size": size, "data-grammar-current": isCurrent ? "true" : "false", size: size, children: avatarParts(name, src, fallback) }));
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Avatar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAkBnE,gGAAgG;AAChG,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI;KACvD,IAAI,EAAE;KACN,KAAK,CAAC,KAAK,CAAC;KACZ,MAAM,CAAC,OAAO,CAAC;KACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;KACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;KACxC,IAAI,CAAC,EAAE,CAAC;KACR,iBAAiB,EAAE,CAAA;AAExB,mFAAmF;AACnF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,GAAuB,EAAE,QAA+B,EAAE,EAAE,CAAC,8BAClG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,CAAC,KAAK,IAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,GAAG,GAAI,EACjE,KAAC,UAAU,CAAC,QAAQ,mBAAa,MAAM,kCAA8B,MAAM,YAAE,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,GAAuB,IACrI,CAAA;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,YAAqB,EAAE,EAAE,CAAC,YAAY;IAChF,CAAC,CAAC,EAAE,aAAa,EAAE,IAAa,EAAE;IAClC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAc,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,YAAY,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAe,EAAE,EAAE,CAAC,CAC7H,KAAC,UAAU,OACH,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC,EACvC,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAChD,QAAQ,mBACT,gBAAgB,eACpB,MAAM,8BACU,IAAI,0BACR,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAClD,IAAI,EAAE,IAAI,YAET,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,GACxB,CAChB,CAAA"}
|
|
@@ -7,6 +7,11 @@ export type BadgeProps = {
|
|
|
7
7
|
readonly tone?: BadgeTone;
|
|
8
8
|
readonly isSkeleton?: boolean;
|
|
9
9
|
};
|
|
10
|
-
/**
|
|
10
|
+
/**
|
|
11
|
+
* Compact semantic status or figure; product glyph identity remains app-owned.
|
|
12
|
+
*
|
|
13
|
+
* Contract: ICON-2 (the glyph and its words share one status owner) and TRUTH-1 (the tone is stated,
|
|
14
|
+
* never inferred, and defaults to neutral).
|
|
15
|
+
*/
|
|
11
16
|
export declare const Badge: ({ children, startContent, tone, isSkeleton }: BadgeProps) => import("react").JSX.Element;
|
|
12
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Badge/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE/E,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,yCAAyC;IACzC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAcD
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Badge/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE/E,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,yCAAyC;IACzC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAcD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,8CAAkE,UAAU,gCAejG,CAAA"}
|
|
@@ -10,6 +10,11 @@ const TONE_COLORS = {
|
|
|
10
10
|
const SKELETON_CLASS_NAME = skeletonVariants({ animationType: "shimmer" }).base({
|
|
11
11
|
className: "select-none text-transparent",
|
|
12
12
|
});
|
|
13
|
-
/**
|
|
14
|
-
|
|
13
|
+
/**
|
|
14
|
+
* Compact semantic status or figure; product glyph identity remains app-owned.
|
|
15
|
+
*
|
|
16
|
+
* Contract: ICON-2 (the glyph and its words share one status owner) and TRUTH-1 (the tone is stated,
|
|
17
|
+
* never inferred, and defaults to neutral).
|
|
18
|
+
*/
|
|
19
|
+
export const Badge = ({ children, startContent, tone = "neutral", isSkeleton = false }) => (_jsxs(Chip, { "data-tier": "atom", "data-component": "Badge", "data-contract": "ICON-2 TRUTH-1", "data-tone": tone, "data-loading": isSkeleton ? "true" : "false", color: TONE_COLORS[tone], variant: "soft", size: "sm", ...(isSkeleton ? { "aria-hidden": true, className: SKELETON_CLASS_NAME } : {}), children: [isSkeleton ? null : startContent, children ?? "\u00a0"] }));
|
|
15
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Badge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAatD,MAAM,WAAW,GAAG;IAChB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAA;AAEV,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC;IAC5E,SAAS,EAAE,8BAA8B;CAC5C,CAAC,CAAA;AAEF
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Badge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAatD,MAAM,WAAW,GAAG;IAChB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAA;AAEV,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC;IAC5E,SAAS,EAAE,8BAA8B;CAC5C,CAAC,CAAA;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,GAAG,KAAK,EAAc,EAAE,EAAE,CAAC,CACnG,MAAC,IAAI,iBACS,MAAM,oBACD,OAAO,mBACR,gBAAgB,eACnB,IAAI,kBACD,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC3C,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,EACxB,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,KACL,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAE9E,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAChC,QAAQ,IAAI,QAAQ,IAClB,CACV,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import { type FieldControlProps } from "../Field/index.js";
|
|
3
|
+
export type CheckboxProps = Omit<FieldControlProps, "isLabelHidden"> & {
|
|
4
|
+
/** The value submitted, and the value a CheckboxGroup collects. */
|
|
5
|
+
readonly value?: string;
|
|
6
|
+
readonly isSelected?: boolean;
|
|
7
|
+
readonly defaultSelected?: boolean;
|
|
8
|
+
readonly onSelectedChange?: (isSelected: boolean) => void;
|
|
9
|
+
/** Mixed state for a parent of partially selected children. */
|
|
10
|
+
readonly isIndeterminate?: boolean;
|
|
11
|
+
};
|
|
12
|
+
/** Shared checkbox anatomy. Also rendered by CheckboxGroup for each of its options. */
|
|
13
|
+
export declare const CheckboxItem: ({ label, description, errorMessage, isStandalone }: {
|
|
14
|
+
readonly label: ReactNode;
|
|
15
|
+
readonly description?: ReactNode;
|
|
16
|
+
readonly errorMessage?: ReactNode;
|
|
17
|
+
/** A standalone checkbox owns its error slot; inside a group the group owns it. */
|
|
18
|
+
readonly isStandalone: boolean;
|
|
19
|
+
}) => import("react").JSX.Element;
|
|
20
|
+
/**
|
|
21
|
+
* One on/off choice with its label as part of the hit area. Space toggles; the vendor supplies the
|
|
22
|
+
* native checkbox input, `aria-checked="mixed"` for indeterminate, and required/invalid wiring.
|
|
23
|
+
*/
|
|
24
|
+
export declare const Checkbox: ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate, ...field }: CheckboxProps) => import("react").JSX.Element;
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Checkbox/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAKH,KAAK,iBAAiB,EACzB,MAAM,mBAAmB,CAAA;AAE1B,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG;IACnE,mEAAmE;IACnE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACzD,+DAA+D;IAC/D,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CACrC,CAAA;AAED,uFAAuF;AACvF,eAAO,MAAM,YAAY,GAAI,oDAAoD;IAC7E,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,mFAAmF;IACnF,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;CACjC,gCAWA,CAAA;AAQD;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,qFAOtB,aAAa,gCAef,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { Checkbox as HeroCheckbox } from "@heroui/react";
|
|
4
|
+
import { FieldDescription, FieldErrorText, FieldLabel, vendorFieldProps, } from "../Field/index.js";
|
|
5
|
+
/** Shared checkbox anatomy. Also rendered by CheckboxGroup for each of its options. */
|
|
6
|
+
export const CheckboxItem = ({ label, description, errorMessage, isStandalone }) => (_jsxs(_Fragment, { children: [_jsxs(HeroCheckbox.Content, { className: "starci-core-choice-content", "data-grammar-choice-target": "true", children: [_jsx(HeroCheckbox.Control, { className: "starci-core-choice-control", "data-grammar-choice-control": "checkbox", children: _jsx(HeroCheckbox.Indicator, {}) }), _jsx(FieldLabel, { children: label })] }), _jsx(FieldDescription, { children: description }), isStandalone ? _jsx(FieldErrorText, { children: errorMessage }) : null] }));
|
|
7
|
+
/*
|
|
8
|
+
* Consumer hook: `starci-core-checkbox` names this control's root for a consumer or family
|
|
9
|
+
* stylesheet. No shipped sheet paints it: the root is drawn as a whole by `.starci-core-choice`, so
|
|
10
|
+
* a rule on the hook adds to the shared anatomy and never has to replace it.
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* One on/off choice with its label as part of the hit area. Space toggles; the vendor supplies the
|
|
14
|
+
* native checkbox input, `aria-checked="mixed"` for indeterminate, and required/invalid wiring.
|
|
15
|
+
*/
|
|
16
|
+
export const Checkbox = ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate = false, ...field }) => (_jsx(HeroCheckbox, { "data-tier": "atom", "data-component": "Checkbox", "data-contract": "A11Y-1 FIELD-1 CONTROL-STATE-3", className: "starci-core-choice starci-core-checkbox", ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, isIndeterminate: isIndeterminate, ...(value === undefined ? {} : { value }), ...(isSelected === undefined ? defaultSelected === undefined ? {} : { defaultSelected } : { isSelected }), ...(onSelectedChange === undefined ? {} : { onChange: onSelectedChange }), children: _jsx(CheckboxItem, { label: field.label, description: field.description, errorMessage: field.errorMessage, isStandalone: true }) }));
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAY1B,uFAAuF;AACvF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAM5E,EAAE,EAAE,CAAC,CACF,8BACI,MAAC,YAAY,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,gCAA4B,MAAM,aAC1F,KAAC,YAAY,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,iCAA6B,UAAU,YAC/F,KAAC,YAAY,CAAC,SAAS,KAAG,GACP,EACvB,KAAC,UAAU,cAAE,KAAK,GAAc,IACb,EACvB,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EACjD,YAAY,CAAC,CAAC,CAAC,KAAC,cAAc,cAAE,YAAY,GAAkB,CAAC,CAAC,CAAC,IAAI,IACvE,CACN,CAAA;AAED;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,KAAK,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,GAAG,KAAK,EACvB,GAAG,KAAK,EACI,EAAE,EAAE,CAAC,CACjB,KAAC,YAAY,iBACC,MAAM,oBACD,UAAU,mBACX,gCAAgC,EAC9C,SAAS,EAAC,yCAAyC,KAC/C,gBAAgB,CAAC,KAAK,CAAC,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACrC,eAAe,EAAE,eAAe,KAC5B,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KACtC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,KACtG,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,YAE1E,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,YAAY,SAAG,GACxG,CAClB,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export type CloseButtonSize = "sm" | "md";
|
|
2
|
+
export type CloseButtonProps = {
|
|
3
|
+
/** Required accessible name for the glyph-only dismiss action (the app resolves its words). */
|
|
4
|
+
readonly label: string;
|
|
5
|
+
readonly onPress?: () => void;
|
|
6
|
+
readonly isDisabled?: boolean;
|
|
7
|
+
readonly size?: CloseButtonSize;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* ATOM - `CloseButton`: the glyph-only dismiss action used by dialogs, drawers, toasts and banners.
|
|
11
|
+
*
|
|
12
|
+
* It is the vendor close button (a real `<button type="button">` with the platform close glyph) with
|
|
13
|
+
* a mandatory name. Its pressable floor and focus ring are SHIPPED by `.starci-core-close-button` in
|
|
14
|
+
* `src/common/components-overlays.css`.
|
|
15
|
+
*/
|
|
16
|
+
export declare const CloseButton: ({ label, onPress, isDisabled, size }: CloseButtonProps) => import("react").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/CloseButton/index.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC3B,+FAA+F;IAC/F,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,sCAAqD,gBAAgB,gCAWhG,CAAA"}
|