@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
|
@@ -0,0 +1,276 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stable visual identity shipped by the Offset Pop Grammar family.
|
|
3
|
+
*
|
|
4
|
+
* Same shape as `STARCI_CORE_DNA`, key for key, plus two family groups: `offset` (the hard
|
|
5
|
+
* offset shadow and ink outline that make the family recognisable) and `palette` (the named
|
|
6
|
+
* inks the semantic colours are drawn from). This is presentation data, not a registry of UI
|
|
7
|
+
* laws, and it is product-neutral. Every value equals the default in `./styles.css`; the
|
|
8
|
+
* styles spec holds the two together.
|
|
9
|
+
*
|
|
10
|
+
* WCAG 2.x contrast, recorded here and asserted in `styles.spec.ts`:
|
|
11
|
+
*
|
|
12
|
+
* | pair | light | dark | need |
|
|
13
|
+
* | -------------------------------------- | ----- | ----- | ---- |
|
|
14
|
+
* | foreground on canvas | 16.86 | 17.47 | 4.5 |
|
|
15
|
+
* | foreground on surface | 17.49 | 15.44 | 4.5 |
|
|
16
|
+
* | foreground on surfaceSecondary | 13.78 | 12.80 | 4.5 |
|
|
17
|
+
* | muted on canvas | 5.81 | 10.16 | 4.5 |
|
|
18
|
+
* | muted on surface | 6.03 | 8.98 | 4.5 |
|
|
19
|
+
* | muted on surfaceSecondary | 4.75 | 7.45 | 4.5 |
|
|
20
|
+
* | accentForeground on accent | 5.23 | 5.23 | 4.5 |
|
|
21
|
+
* | successForeground on success | 11.97 | 11.97 | 4.5 |
|
|
22
|
+
* | warningForeground on warning | 12.49 | 12.49 | 4.5 |
|
|
23
|
+
* | dangerForeground on danger | 4.72 | 4.72 | 4.5 |
|
|
24
|
+
* | infoForeground on info | 13.50 | 13.50 | 4.5 |
|
|
25
|
+
* | focus on canvas (non-text, 1.4.11) | 3.22 | 5.42 | 3 |
|
|
26
|
+
* | focus on surface (non-text, 1.4.11) | 3.34 | 4.79 | 3 |
|
|
27
|
+
* | accentText on canvas | 6.22 | 7.65 | 4.5 |
|
|
28
|
+
* | accentText on surface | 6.45 | 6.76 | 4.5 |
|
|
29
|
+
* | accentText on surfaceSecondary | 5.09 | 5.61 | 4.5 |
|
|
30
|
+
* | accentText on blush (palette/info) | 4.98 | - | 4.5 |
|
|
31
|
+
*
|
|
32
|
+
* The accent foreground is the ink, not white: white on the family pink is 3.40:1, which fails
|
|
33
|
+
* AA for button-size text. The same reasoning puts ink on the critical red (white is 3.77:1).
|
|
34
|
+
* Pink as body-size TEXT on the light canvas is only 3.22:1, so `accent` stays the fill and the
|
|
35
|
+
* focus ring and every place the accent paints text reads `accentText` instead: a deeper
|
|
36
|
+
* raspberry in light, a lighter candy pink in dark. `accentText` and `accentSoft` (the selected
|
|
37
|
+
* and soft tint, the blush secondary surface in light and the plum one in dark) mirror Core's
|
|
38
|
+
* keys of the same names.
|
|
39
|
+
*/
|
|
40
|
+
export const OFFSET_POP_DNA = Object.freeze({
|
|
41
|
+
id: "offset-pop",
|
|
42
|
+
version: 1,
|
|
43
|
+
color: Object.freeze({
|
|
44
|
+
accent: "#ff3593",
|
|
45
|
+
accentForeground: "#1c1524",
|
|
46
|
+
focus: "#ff3593",
|
|
47
|
+
light: Object.freeze({
|
|
48
|
+
canvas: "#fff8ef",
|
|
49
|
+
surface: "#fffdf9",
|
|
50
|
+
surfaceSecondary: "#f8dbe8",
|
|
51
|
+
foreground: "#1c1524",
|
|
52
|
+
muted: "#675f6c",
|
|
53
|
+
border: "#1c1524",
|
|
54
|
+
separator: "#1c1524",
|
|
55
|
+
success: "#91e4ca",
|
|
56
|
+
successForeground: "#1c1524",
|
|
57
|
+
warning: "#ffd447",
|
|
58
|
+
warningForeground: "#1c1524",
|
|
59
|
+
danger: "#e84a5f",
|
|
60
|
+
dangerForeground: "#1c1524",
|
|
61
|
+
info: "#f8d8e6",
|
|
62
|
+
infoForeground: "#1c1524",
|
|
63
|
+
accentText: "#b8005f",
|
|
64
|
+
accentSoft: "#f8dbe8",
|
|
65
|
+
}),
|
|
66
|
+
dark: Object.freeze({
|
|
67
|
+
canvas: "#17121d",
|
|
68
|
+
surface: "#251d2c",
|
|
69
|
+
surfaceSecondary: "#3b2936",
|
|
70
|
+
foreground: "#fff8ef",
|
|
71
|
+
muted: "#c8bdca",
|
|
72
|
+
border: "#fff8ef",
|
|
73
|
+
separator: "#fff8ef",
|
|
74
|
+
success: "#91e4ca",
|
|
75
|
+
successForeground: "#1c1524",
|
|
76
|
+
warning: "#ffd447",
|
|
77
|
+
warningForeground: "#1c1524",
|
|
78
|
+
danger: "#e84a5f",
|
|
79
|
+
dangerForeground: "#1c1524",
|
|
80
|
+
info: "#f8d8e6",
|
|
81
|
+
infoForeground: "#1c1524",
|
|
82
|
+
accentText: "#ff7ab8",
|
|
83
|
+
accentSoft: "#3b2936",
|
|
84
|
+
}),
|
|
85
|
+
}),
|
|
86
|
+
geometry: Object.freeze({
|
|
87
|
+
pageMeasure: "80rem",
|
|
88
|
+
readingMeasure: "72ch",
|
|
89
|
+
surfaceRadius: "1.5rem",
|
|
90
|
+
controlRadius: "1rem",
|
|
91
|
+
pillRadius: "999px",
|
|
92
|
+
}),
|
|
93
|
+
rhythm: Object.freeze({
|
|
94
|
+
inlineGap: "0.5rem",
|
|
95
|
+
rowGap: "0.75rem",
|
|
96
|
+
sectionGap: "1rem",
|
|
97
|
+
regionGap: "1.5rem",
|
|
98
|
+
pageInset: "clamp(1rem, 3vw, 2rem)",
|
|
99
|
+
}),
|
|
100
|
+
elevation: Object.freeze({
|
|
101
|
+
/** Composed from `offset`, so it follows the theme's shadow ink and the narrow-viewport drop. */
|
|
102
|
+
surface: "var(--offset-pop-shadow-x) var(--offset-pop-shadow-y) 0 var(--offset-pop-shadow-ink)",
|
|
103
|
+
}),
|
|
104
|
+
motion: Object.freeze({
|
|
105
|
+
duration: "140ms",
|
|
106
|
+
easing: "cubic-bezier(.2, .8, .2, 1)",
|
|
107
|
+
}),
|
|
108
|
+
offset: Object.freeze({
|
|
109
|
+
x: "0.25rem",
|
|
110
|
+
y: "0.5rem",
|
|
111
|
+
outlineWidth: "2px",
|
|
112
|
+
ink: "#1c1524",
|
|
113
|
+
shadowInk: "#1c1524",
|
|
114
|
+
/** Dark ink is the outline and text colour (it flips to cream); the shadow stays near-black. */
|
|
115
|
+
dark: Object.freeze({
|
|
116
|
+
ink: "#fff8ef",
|
|
117
|
+
shadowInk: "#050306",
|
|
118
|
+
}),
|
|
119
|
+
}),
|
|
120
|
+
palette: Object.freeze({
|
|
121
|
+
pink: "#ff3593",
|
|
122
|
+
blush: "#f8d8e6",
|
|
123
|
+
yellow: "#ffd447",
|
|
124
|
+
mint: "#91e4ca",
|
|
125
|
+
critical: "#e84a5f",
|
|
126
|
+
}),
|
|
127
|
+
});
|
|
128
|
+
/** Canonical 4px spacing scale; the same values as Common and Core, which the family does not re-space. */
|
|
129
|
+
export const OFFSET_POP_SPACING_SCALE = Object.freeze({
|
|
130
|
+
"0": "0rem",
|
|
131
|
+
"0.5": "0.125rem",
|
|
132
|
+
"1": "0.25rem",
|
|
133
|
+
"1.5": "0.375rem",
|
|
134
|
+
"2": "0.5rem",
|
|
135
|
+
"2.5": "0.625rem",
|
|
136
|
+
"3": "0.75rem",
|
|
137
|
+
"4": "1rem",
|
|
138
|
+
"5": "1.25rem",
|
|
139
|
+
"6": "1.5rem",
|
|
140
|
+
"8": "2rem",
|
|
141
|
+
"10": "2.5rem",
|
|
142
|
+
"12": "3rem",
|
|
143
|
+
"16": "4rem",
|
|
144
|
+
});
|
|
145
|
+
/** CSS custom-property contract for adapting Offset Pop without renaming its anatomy. */
|
|
146
|
+
export const OFFSET_POP_TOKEN_NAMES = Object.freeze({
|
|
147
|
+
accent: "--offset-pop-accent",
|
|
148
|
+
accentForeground: "--offset-pop-accent-foreground",
|
|
149
|
+
focus: "--offset-pop-focus",
|
|
150
|
+
canvas: "--offset-pop-canvas",
|
|
151
|
+
surface: "--offset-pop-surface",
|
|
152
|
+
surfaceSecondary: "--offset-pop-surface-secondary",
|
|
153
|
+
foreground: "--offset-pop-foreground",
|
|
154
|
+
muted: "--offset-pop-muted",
|
|
155
|
+
border: "--offset-pop-border",
|
|
156
|
+
separator: "--offset-pop-separator",
|
|
157
|
+
success: "--offset-pop-success",
|
|
158
|
+
successForeground: "--offset-pop-success-foreground",
|
|
159
|
+
warning: "--offset-pop-warning",
|
|
160
|
+
warningForeground: "--offset-pop-warning-foreground",
|
|
161
|
+
danger: "--offset-pop-danger",
|
|
162
|
+
dangerForeground: "--offset-pop-danger-foreground",
|
|
163
|
+
info: "--offset-pop-info",
|
|
164
|
+
infoForeground: "--offset-pop-info-foreground",
|
|
165
|
+
accentText: "--offset-pop-accent-text",
|
|
166
|
+
accentSoft: "--offset-pop-accent-soft",
|
|
167
|
+
pageMeasure: "--offset-pop-page-measure",
|
|
168
|
+
readingMeasure: "--offset-pop-reading-measure",
|
|
169
|
+
surfaceRadius: "--offset-pop-surface-radius",
|
|
170
|
+
controlRadius: "--offset-pop-control-radius",
|
|
171
|
+
pillRadius: "--offset-pop-pill-radius",
|
|
172
|
+
pageInset: "--offset-pop-page-inset",
|
|
173
|
+
inlineGap: "--offset-pop-inline-gap",
|
|
174
|
+
rowGap: "--offset-pop-row-gap",
|
|
175
|
+
sectionGap: "--offset-pop-section-gap",
|
|
176
|
+
regionGap: "--offset-pop-region-gap",
|
|
177
|
+
elevation: "--offset-pop-surface-shadow",
|
|
178
|
+
motionDuration: "--offset-pop-motion-duration",
|
|
179
|
+
motionEasing: "--offset-pop-motion-easing",
|
|
180
|
+
shadowX: "--offset-pop-shadow-x",
|
|
181
|
+
shadowY: "--offset-pop-shadow-y",
|
|
182
|
+
outlineWidth: "--offset-pop-outline-width",
|
|
183
|
+
ink: "--offset-pop-ink",
|
|
184
|
+
shadowInk: "--offset-pop-shadow-ink",
|
|
185
|
+
pink: "--offset-pop-pink",
|
|
186
|
+
blush: "--offset-pop-blush",
|
|
187
|
+
yellow: "--offset-pop-yellow",
|
|
188
|
+
mint: "--offset-pop-mint",
|
|
189
|
+
critical: "--offset-pop-critical",
|
|
190
|
+
});
|
|
191
|
+
/**
|
|
192
|
+
* Sticky-band geometry published under an Offset Pop root.
|
|
193
|
+
*
|
|
194
|
+
* Common, not the family, publishes the band: `src/common/styles.css` defines these on every
|
|
195
|
+
* `.grammar-common-root` that holds a sticky `NavigationFeatureNav` or `Subnav`, whatever its
|
|
196
|
+
* family, and reads the two host overrides. So the names are Common's, shared with Core; the
|
|
197
|
+
* family re-exports them so a consumer reads them from `@starci/grammar/offset-pop`. They are
|
|
198
|
+
* not theme tokens and are absent from `OFFSET_POP_TOKEN_NAMES`; Offset Pop CSS never writes them.
|
|
199
|
+
* See `STARCI_CORE_BAND_TOKEN_NAMES` for what each one means.
|
|
200
|
+
*/
|
|
201
|
+
export const OFFSET_POP_BAND_TOKEN_NAMES = Object.freeze({
|
|
202
|
+
bandOffset: "--starci-core-band-offset",
|
|
203
|
+
bandHeight: "--starci-core-band-height",
|
|
204
|
+
bandSubnavHeight: "--starci-core-band-subnav-height",
|
|
205
|
+
railOffset: "--starci-core-rail-offset",
|
|
206
|
+
subnavOffset: "--starci-core-subnav-offset",
|
|
207
|
+
});
|
|
208
|
+
/** Portable light/default values keyed by the public CSS custom-property contract. */
|
|
209
|
+
export const OFFSET_POP_TOKEN_DEFAULTS = Object.freeze({
|
|
210
|
+
"--offset-pop-accent": OFFSET_POP_DNA.color.accent,
|
|
211
|
+
"--offset-pop-accent-foreground": OFFSET_POP_DNA.color.accentForeground,
|
|
212
|
+
"--offset-pop-focus": OFFSET_POP_DNA.color.focus,
|
|
213
|
+
"--offset-pop-canvas": OFFSET_POP_DNA.color.light.canvas,
|
|
214
|
+
"--offset-pop-surface": OFFSET_POP_DNA.color.light.surface,
|
|
215
|
+
"--offset-pop-surface-secondary": OFFSET_POP_DNA.color.light.surfaceSecondary,
|
|
216
|
+
"--offset-pop-foreground": OFFSET_POP_DNA.color.light.foreground,
|
|
217
|
+
"--offset-pop-muted": OFFSET_POP_DNA.color.light.muted,
|
|
218
|
+
"--offset-pop-border": OFFSET_POP_DNA.color.light.border,
|
|
219
|
+
"--offset-pop-separator": OFFSET_POP_DNA.color.light.separator,
|
|
220
|
+
"--offset-pop-success": OFFSET_POP_DNA.color.light.success,
|
|
221
|
+
"--offset-pop-success-foreground": OFFSET_POP_DNA.color.light.successForeground,
|
|
222
|
+
"--offset-pop-warning": OFFSET_POP_DNA.color.light.warning,
|
|
223
|
+
"--offset-pop-warning-foreground": OFFSET_POP_DNA.color.light.warningForeground,
|
|
224
|
+
"--offset-pop-danger": OFFSET_POP_DNA.color.light.danger,
|
|
225
|
+
"--offset-pop-danger-foreground": OFFSET_POP_DNA.color.light.dangerForeground,
|
|
226
|
+
"--offset-pop-info": OFFSET_POP_DNA.color.light.info,
|
|
227
|
+
"--offset-pop-info-foreground": OFFSET_POP_DNA.color.light.infoForeground,
|
|
228
|
+
"--offset-pop-accent-text": OFFSET_POP_DNA.color.light.accentText,
|
|
229
|
+
"--offset-pop-accent-soft": OFFSET_POP_DNA.color.light.accentSoft,
|
|
230
|
+
"--offset-pop-page-measure": OFFSET_POP_DNA.geometry.pageMeasure,
|
|
231
|
+
"--offset-pop-reading-measure": OFFSET_POP_DNA.geometry.readingMeasure,
|
|
232
|
+
"--offset-pop-surface-radius": OFFSET_POP_DNA.geometry.surfaceRadius,
|
|
233
|
+
"--offset-pop-control-radius": OFFSET_POP_DNA.geometry.controlRadius,
|
|
234
|
+
"--offset-pop-pill-radius": OFFSET_POP_DNA.geometry.pillRadius,
|
|
235
|
+
"--offset-pop-page-inset": OFFSET_POP_DNA.rhythm.pageInset,
|
|
236
|
+
"--offset-pop-inline-gap": OFFSET_POP_DNA.rhythm.inlineGap,
|
|
237
|
+
"--offset-pop-row-gap": OFFSET_POP_DNA.rhythm.rowGap,
|
|
238
|
+
"--offset-pop-section-gap": OFFSET_POP_DNA.rhythm.sectionGap,
|
|
239
|
+
"--offset-pop-region-gap": OFFSET_POP_DNA.rhythm.regionGap,
|
|
240
|
+
"--offset-pop-surface-shadow": OFFSET_POP_DNA.elevation.surface,
|
|
241
|
+
"--offset-pop-motion-duration": OFFSET_POP_DNA.motion.duration,
|
|
242
|
+
"--offset-pop-motion-easing": OFFSET_POP_DNA.motion.easing,
|
|
243
|
+
"--offset-pop-shadow-x": OFFSET_POP_DNA.offset.x,
|
|
244
|
+
"--offset-pop-shadow-y": OFFSET_POP_DNA.offset.y,
|
|
245
|
+
"--offset-pop-outline-width": OFFSET_POP_DNA.offset.outlineWidth,
|
|
246
|
+
"--offset-pop-ink": OFFSET_POP_DNA.offset.ink,
|
|
247
|
+
"--offset-pop-shadow-ink": OFFSET_POP_DNA.offset.shadowInk,
|
|
248
|
+
"--offset-pop-pink": OFFSET_POP_DNA.palette.pink,
|
|
249
|
+
"--offset-pop-blush": OFFSET_POP_DNA.palette.blush,
|
|
250
|
+
"--offset-pop-yellow": OFFSET_POP_DNA.palette.yellow,
|
|
251
|
+
"--offset-pop-mint": OFFSET_POP_DNA.palette.mint,
|
|
252
|
+
"--offset-pop-critical": OFFSET_POP_DNA.palette.critical,
|
|
253
|
+
});
|
|
254
|
+
/** Theme overrides layered on the default token set by `OffsetPopGrammarRoot` dark (and system-dark) mode. */
|
|
255
|
+
export const OFFSET_POP_DARK_TOKEN_DEFAULTS = Object.freeze({
|
|
256
|
+
"--offset-pop-canvas": OFFSET_POP_DNA.color.dark.canvas,
|
|
257
|
+
"--offset-pop-surface": OFFSET_POP_DNA.color.dark.surface,
|
|
258
|
+
"--offset-pop-surface-secondary": OFFSET_POP_DNA.color.dark.surfaceSecondary,
|
|
259
|
+
"--offset-pop-foreground": OFFSET_POP_DNA.color.dark.foreground,
|
|
260
|
+
"--offset-pop-muted": OFFSET_POP_DNA.color.dark.muted,
|
|
261
|
+
"--offset-pop-border": OFFSET_POP_DNA.color.dark.border,
|
|
262
|
+
"--offset-pop-separator": OFFSET_POP_DNA.color.dark.separator,
|
|
263
|
+
"--offset-pop-success": OFFSET_POP_DNA.color.dark.success,
|
|
264
|
+
"--offset-pop-success-foreground": OFFSET_POP_DNA.color.dark.successForeground,
|
|
265
|
+
"--offset-pop-warning": OFFSET_POP_DNA.color.dark.warning,
|
|
266
|
+
"--offset-pop-warning-foreground": OFFSET_POP_DNA.color.dark.warningForeground,
|
|
267
|
+
"--offset-pop-danger": OFFSET_POP_DNA.color.dark.danger,
|
|
268
|
+
"--offset-pop-danger-foreground": OFFSET_POP_DNA.color.dark.dangerForeground,
|
|
269
|
+
"--offset-pop-info": OFFSET_POP_DNA.color.dark.info,
|
|
270
|
+
"--offset-pop-info-foreground": OFFSET_POP_DNA.color.dark.infoForeground,
|
|
271
|
+
"--offset-pop-accent-text": OFFSET_POP_DNA.color.dark.accentText,
|
|
272
|
+
"--offset-pop-accent-soft": OFFSET_POP_DNA.color.dark.accentSoft,
|
|
273
|
+
"--offset-pop-ink": OFFSET_POP_DNA.offset.dark.ink,
|
|
274
|
+
"--offset-pop-shadow-ink": OFFSET_POP_DNA.offset.dark.shadowInk,
|
|
275
|
+
});
|
|
276
|
+
//# sourceMappingURL=dna.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dna.js","sourceRoot":"","sources":["../../src/offset-pop/dna.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { type GrammarRootProps } from "../common/index.js";
|
|
2
|
+
export * from "../common/index.js";
|
|
3
|
+
export { OFFSET_POP_BAND_TOKEN_NAMES, OFFSET_POP_DARK_TOKEN_DEFAULTS, OFFSET_POP_DNA, OFFSET_POP_SPACING_SCALE, OFFSET_POP_TOKEN_DEFAULTS, OFFSET_POP_TOKEN_NAMES, type OffsetPopBandTokenName, type OffsetPopDna, type OffsetPopSpacingStep, type OffsetPopSpacingValue, type OffsetPopTokenDefaults, type OffsetPopTokenName, } from "./dna.js";
|
|
4
|
+
export { OFFSET_POP_FAMILY_EVIDENCE, offsetPopRuleConformance } from "./conformance.js";
|
|
2
5
|
/** Official product-neutral Offset Pop sibling family over the Common contract. */
|
|
3
|
-
export declare const offsetPopGrammar: import("
|
|
4
|
-
export declare const offsetPopRuleConformance: Readonly<{
|
|
5
|
-
familyId: string;
|
|
6
|
-
inheritedCommonRules: readonly string[];
|
|
7
|
-
familyEvidence: Readonly<{
|
|
8
|
-
[x: string]: readonly string[];
|
|
9
|
-
}>;
|
|
10
|
-
}>;
|
|
6
|
+
export declare const offsetPopGrammar: import("./index.js").GrammarFamilyContract<"offset-pop", {}>;
|
|
11
7
|
export declare const OffsetPopGrammarRoot: ({ className, theme, ...props }: GrammarRootProps) => import("react").JSX.Element;
|
|
12
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/offset-pop/index.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/offset-pop/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAM3B,cAAc,oBAAoB,CAAA;AAElC,OAAO,EACH,2BAA2B,EAC3B,8BAA8B,EAC9B,cAAc,EACd,wBAAwB,EACxB,yBAAyB,EACzB,sBAAsB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,GAC1B,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAQvF,mFAAmF;AACnF,eAAO,MAAM,gBAAgB,8DAY3B,CAAA;AAEF,eAAO,MAAM,oBAAoB,mFAA0C,CAAA"}
|
package/dist/offset-pop/index.js
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { COMMON_GRAMMAR_COMPONENTS,
|
|
2
|
+
import { COMMON_GRAMMAR_COMPONENTS, defineGrammarFamily, } from "../common/index.js";
|
|
3
3
|
import { createElement } from "react";
|
|
4
|
+
// Offset Pop inherits every Common renderer and type, exactly like Core; the names Offset Pop defines
|
|
5
|
+
// itself (its root, tokens, DNA, conformance) win over the same names below. A consumer may import
|
|
6
|
+
// renderers from this entry or from @starci/grammar/common; both name the same Common components.
|
|
7
|
+
export * from "../common/index.js";
|
|
8
|
+
export { OFFSET_POP_BAND_TOKEN_NAMES, OFFSET_POP_DARK_TOKEN_DEFAULTS, OFFSET_POP_DNA, OFFSET_POP_SPACING_SCALE, OFFSET_POP_TOKEN_DEFAULTS, OFFSET_POP_TOKEN_NAMES, } from "./dna.js";
|
|
9
|
+
export { OFFSET_POP_FAMILY_EVIDENCE, offsetPopRuleConformance } from "./conformance.js";
|
|
4
10
|
/** Installs the Offset Pop scope without changing Common root props or behavior. */
|
|
5
11
|
const OffsetPopGrammarRootRenderer = (props) => {
|
|
6
12
|
const CommonGrammarRoot = COMMON_GRAMMAR_COMPONENTS.GrammarRoot;
|
|
@@ -20,22 +26,5 @@ export const offsetPopGrammar = defineGrammarFamily({
|
|
|
20
26
|
extensions: {},
|
|
21
27
|
},
|
|
22
28
|
});
|
|
23
|
-
const OFFSET_POP_FAMILY_EVIDENCE = {
|
|
24
|
-
"ACCENT-1": ["Offset Pop binds one scoped pink decision accent."],
|
|
25
|
-
"BOUNDARY-1": ["Offset Pop material targets emitted Common surface and frame hooks."],
|
|
26
|
-
"COLOR-5": ["Offset Pop owns scoped light, dark, system, and forced-color variables."],
|
|
27
|
-
"FOCUS-1": ["Offset Pop keeps Common focus ownership and supplies a visible family focus color."],
|
|
28
|
-
"GAP-2": ["Family geometry uses the invariant Common spacing scale."],
|
|
29
|
-
"MOTION-2": ["Reduced motion removes Offset Pop transforms and transition duration."],
|
|
30
|
-
"PADDING-3": ["Offset Pop does not add a second inset owner to Common surface content."],
|
|
31
|
-
"RESPONSIVE-4": ["Narrow viewports retain content and reduce only family shadow geometry."],
|
|
32
|
-
"STATE-2": ["Pending and loading remain Common-owned; family CSS only reads emitted state hooks."],
|
|
33
|
-
"SURFACE-1": ["Top and nested surface treatments preserve Common surface roles."],
|
|
34
|
-
};
|
|
35
|
-
export const offsetPopRuleConformance = defineGrammarRuleConformance({
|
|
36
|
-
familyId: "offset-pop",
|
|
37
|
-
inheritedCommonRules: COMMON_UI_RULE_IDS.filter((rule) => !(rule in OFFSET_POP_FAMILY_EVIDENCE)),
|
|
38
|
-
familyEvidence: OFFSET_POP_FAMILY_EVIDENCE,
|
|
39
|
-
});
|
|
40
29
|
export const OffsetPopGrammarRoot = offsetPopGrammar.components.GrammarRoot;
|
|
41
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/offset-pop/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EACH,yBAAyB,EACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/offset-pop/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EACH,yBAAyB,EACzB,mBAAmB,GAGtB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,sGAAsG;AACtG,mGAAmG;AACnG,kGAAkG;AAClG,cAAc,oBAAoB,CAAA;AAElC,OAAO,EACH,2BAA2B,EAC3B,8BAA8B,EAC9B,cAAc,EACd,wBAAwB,EACxB,yBAAyB,EACzB,sBAAsB,GAOzB,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAEvF,oFAAoF;AACpF,MAAM,4BAA4B,GAA+C,CAAC,KAAK,EAAE,EAAE;IACvF,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,WAAW,CAAA;IAC/D,OAAO,aAAa,CAAC,iBAAiB,EAAE,EAAE,GAAG,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED,mFAAmF;AACnF,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC;IAChD,EAAE,EAAE,YAAY;IAChB,MAAM,EAAE;QACJ,UAAU,EAAE,uCAAuC;QACnD,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,KAAK,EAAE,YAAY,EAAE;KACnE;IACD,UAAU,EAAE;QACR,YAAY,EAAE;YACV,WAAW,EAAE,4BAA4B;SAC5C;QACD,UAAU,EAAE,EAAE;KACjB;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAA"}
|