@flowstack-ui/brick 0.1.9 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -6
- package/dist/agents/accordion.json +8 -2
- package/dist/agents/accordion.md +3 -1
- package/dist/agents/alert-dialog.json +111 -0
- package/dist/agents/alert-dialog.md +53 -0
- package/dist/agents/app-bar.json +5 -4
- package/dist/agents/app-bar.md +4 -3
- package/dist/agents/aspect-ratio.json +80 -0
- package/dist/agents/aspect-ratio.md +45 -0
- package/dist/agents/avatar.json +92 -0
- package/dist/agents/avatar.md +49 -0
- package/dist/agents/badge.json +26 -8
- package/dist/agents/badge.md +11 -6
- package/dist/agents/bleed.json +54 -0
- package/dist/agents/bleed.md +39 -0
- package/dist/agents/button.json +7 -2
- package/dist/agents/button.md +1 -1
- package/dist/agents/card.json +21 -1
- package/dist/agents/card.md +7 -1
- package/dist/agents/checkbox-group.json +108 -0
- package/dist/agents/checkbox-group.md +56 -0
- package/dist/agents/checkbox.json +6 -1
- package/dist/agents/chip.json +73 -0
- package/dist/agents/chip.md +44 -0
- package/dist/agents/code-block.json +76 -0
- package/dist/agents/code-block.md +47 -0
- package/dist/agents/code.json +67 -0
- package/dist/agents/code.md +42 -0
- package/dist/agents/collapsible.json +34 -3
- package/dist/agents/collapsible.md +10 -3
- package/dist/agents/color-picker.json +78 -0
- package/dist/agents/color-picker.md +46 -0
- package/dist/agents/color-swatch.json +51 -0
- package/dist/agents/color-swatch.md +36 -0
- package/dist/agents/combobox.json +95 -0
- package/dist/agents/combobox.md +51 -0
- package/dist/agents/context-menu.json +109 -0
- package/dist/agents/context-menu.md +54 -0
- package/dist/agents/coverage.json +24579 -0
- package/dist/agents/data-grid.json +127 -0
- package/dist/agents/data-grid.md +61 -0
- package/dist/agents/data-list.json +63 -0
- package/dist/agents/data-list.md +41 -0
- package/dist/agents/dialog.json +112 -0
- package/dist/agents/dialog.md +53 -0
- package/dist/agents/dropdown-menu.json +112 -0
- package/dist/agents/dropdown-menu.md +56 -0
- package/dist/agents/feed.json +84 -0
- package/dist/agents/feed.md +48 -0
- package/dist/agents/field.json +6 -1
- package/dist/agents/fieldset.json +6 -1
- package/dist/agents/file-upload.json +93 -0
- package/dist/agents/file-upload.md +50 -0
- package/dist/agents/form.json +11 -2
- package/dist/agents/form.md +2 -1
- package/dist/agents/grid.json +18 -1
- package/dist/agents/grid.md +6 -0
- package/dist/agents/group.json +77 -0
- package/dist/agents/group.md +48 -0
- package/dist/agents/hide.json +14 -0
- package/dist/agents/hide.md +3 -0
- package/dist/agents/hover-card.json +94 -0
- package/dist/agents/hover-card.md +51 -0
- package/dist/agents/icon-button.json +23 -12
- package/dist/agents/icon-button.md +12 -8
- package/dist/agents/image.json +33 -7
- package/dist/agents/image.md +11 -4
- package/dist/agents/input.json +7 -2
- package/dist/agents/input.md +1 -1
- package/dist/agents/interface-composition.json +216 -17
- package/dist/agents/interface-composition.md +7 -0
- package/dist/agents/layer-selection.json +1174 -11
- package/dist/agents/layer-selection.md +84 -1
- package/dist/agents/link-box.json +97 -0
- package/dist/agents/link-box.md +53 -0
- package/dist/agents/link.json +34 -5
- package/dist/agents/link.md +12 -2
- package/dist/agents/list.json +1 -1
- package/dist/agents/list.md +1 -1
- package/dist/agents/manifest.json +291 -2
- package/dist/agents/menubar.json +109 -0
- package/dist/agents/menubar.md +54 -0
- package/dist/agents/multi-select.json +93 -0
- package/dist/agents/multi-select.md +49 -0
- package/dist/agents/nav-list.json +15 -5
- package/dist/agents/nav-list.md +6 -4
- package/dist/agents/notification-badge.json +88 -0
- package/dist/agents/notification-badge.md +49 -0
- package/dist/agents/number-input.json +89 -0
- package/dist/agents/number-input.md +50 -0
- package/dist/agents/otp-field.json +87 -0
- package/dist/agents/otp-field.md +48 -0
- package/dist/agents/pagination.json +26 -5
- package/dist/agents/pagination.md +11 -4
- package/dist/agents/password-toggle-field.json +87 -0
- package/dist/agents/password-toggle-field.md +48 -0
- package/dist/agents/popover.json +114 -0
- package/dist/agents/popover.md +56 -0
- package/dist/agents/progress-circle.json +85 -0
- package/dist/agents/progress-circle.md +46 -0
- package/dist/agents/progress.json +91 -0
- package/dist/agents/progress.md +48 -0
- package/dist/agents/radio-group.json +92 -0
- package/dist/agents/radio-group.md +49 -0
- package/dist/agents/rating.json +91 -0
- package/dist/agents/rating.md +49 -0
- package/dist/agents/reorderable-list.json +74 -0
- package/dist/agents/reorderable-list.md +45 -0
- package/dist/agents/segment-group.json +62 -0
- package/dist/agents/segment-group.md +43 -0
- package/dist/agents/select.json +95 -0
- package/dist/agents/select.md +51 -0
- package/dist/agents/show.json +14 -0
- package/dist/agents/show.md +3 -0
- package/dist/agents/sidebar.json +16 -3
- package/dist/agents/sidebar.md +6 -1
- package/dist/agents/skeleton.json +73 -0
- package/dist/agents/skeleton.md +43 -0
- package/dist/agents/slider.json +88 -0
- package/dist/agents/slider.md +48 -0
- package/dist/agents/stack.json +19 -1
- package/dist/agents/stack.md +7 -0
- package/dist/agents/status.json +59 -0
- package/dist/agents/status.md +40 -0
- package/dist/agents/surface.json +32 -3
- package/dist/agents/surface.md +9 -2
- package/dist/agents/swipeable-item.json +93 -0
- package/dist/agents/swipeable-item.md +50 -0
- package/dist/agents/switch.json +92 -0
- package/dist/agents/switch.md +49 -0
- package/dist/agents/table.json +113 -0
- package/dist/agents/table.md +59 -0
- package/dist/agents/tabs.json +9 -2
- package/dist/agents/tabs.md +4 -1
- package/dist/agents/text.json +23 -8
- package/dist/agents/text.md +10 -7
- package/dist/agents/textarea.json +6 -1
- package/dist/agents/toast.json +91 -0
- package/dist/agents/toast.md +48 -0
- package/dist/agents/toggle-group.json +89 -0
- package/dist/agents/toggle-group.md +49 -0
- package/dist/agents/toggle.json +82 -0
- package/dist/agents/toggle.md +47 -0
- package/dist/agents/toolbar.json +11 -1
- package/dist/agents/toolbar.md +3 -1
- package/dist/agents/tooltip.json +96 -0
- package/dist/agents/tooltip.md +49 -0
- package/dist/agents/tree-grid.json +98 -0
- package/dist/agents/tree-grid.md +51 -0
- package/dist/agents/tree.json +94 -0
- package/dist/agents/tree.md +51 -0
- package/dist/agents/visually-hidden.json +70 -0
- package/dist/agents/visually-hidden.md +42 -0
- package/dist/agents/z-stack.json +21 -1
- package/dist/agents/z-stack.md +5 -0
- package/dist/bleed.d.ts +2 -0
- package/dist/bleed.d.ts.map +1 -0
- package/dist/bleed.js +2 -0
- package/dist/bleed.js.map +1 -0
- package/dist/color-picker.d.ts +2 -0
- package/dist/color-picker.d.ts.map +1 -0
- package/dist/color-picker.js +2 -0
- package/dist/color-picker.js.map +1 -0
- package/dist/color-swatch.d.ts +2 -0
- package/dist/color-swatch.d.ts.map +1 -0
- package/dist/color-swatch.js +2 -0
- package/dist/color-swatch.js.map +1 -0
- package/dist/components/_responsive-value/ResponsiveValue.d.ts.map +1 -1
- package/dist/components/_responsive-value/ResponsiveValue.js +3 -1
- package/dist/components/_responsive-value/ResponsiveValue.js.map +1 -1
- package/dist/components/_spacing-value/SpacingValue.d.ts +8 -0
- package/dist/components/_spacing-value/SpacingValue.d.ts.map +1 -0
- package/dist/components/_spacing-value/SpacingValue.js +46 -0
- package/dist/components/_spacing-value/SpacingValue.js.map +1 -0
- package/dist/components/accordion/Accordion.js +1 -1
- package/dist/components/app-bar/AppBar.d.ts +7 -3
- package/dist/components/app-bar/AppBar.d.ts.map +1 -1
- package/dist/components/app-bar/AppBar.js +2 -2
- package/dist/components/app-bar/AppBar.js.map +1 -1
- package/dist/components/app-bar/index.d.ts +1 -1
- package/dist/components/app-bar/index.d.ts.map +1 -1
- package/dist/components/app-bar/index.js.map +1 -1
- package/dist/components/avatar/Avatar.d.ts +1 -1
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/badge/Badge.d.ts +2 -2
- package/dist/components/badge/Badge.d.ts.map +1 -1
- package/dist/components/bleed/Bleed.d.ts +28 -0
- package/dist/components/bleed/Bleed.d.ts.map +1 -0
- package/dist/components/bleed/Bleed.js +92 -0
- package/dist/components/bleed/Bleed.js.map +1 -0
- package/dist/components/bleed/index.d.ts +2 -0
- package/dist/components/bleed/index.d.ts.map +1 -0
- package/dist/components/bleed/index.js +2 -0
- package/dist/components/bleed/index.js.map +1 -0
- package/dist/components/collapsible/Collapsible.d.ts +9 -3
- package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.js +3 -3
- package/dist/components/collapsible/Collapsible.js.map +1 -1
- package/dist/components/color-picker/ColorPicker.d.ts +42 -0
- package/dist/components/color-picker/ColorPicker.d.ts.map +1 -0
- package/dist/components/color-picker/ColorPicker.js +52 -0
- package/dist/components/color-picker/ColorPicker.js.map +1 -0
- package/dist/components/color-picker/index.d.ts +2 -0
- package/dist/components/color-picker/index.d.ts.map +1 -0
- package/dist/components/color-picker/index.js +2 -0
- package/dist/components/color-picker/index.js.map +1 -0
- package/dist/components/color-swatch/ColorSwatch.d.ts +21 -0
- package/dist/components/color-swatch/ColorSwatch.d.ts.map +1 -0
- package/dist/components/color-swatch/ColorSwatch.js +25 -0
- package/dist/components/color-swatch/ColorSwatch.js.map +1 -0
- package/dist/components/color-swatch/index.d.ts +2 -0
- package/dist/components/color-swatch/index.d.ts.map +1 -0
- package/dist/components/color-swatch/index.js +2 -0
- package/dist/components/color-swatch/index.js.map +1 -0
- package/dist/components/data-list/DataList.d.ts +48 -0
- package/dist/components/data-list/DataList.d.ts.map +1 -0
- package/dist/components/data-list/DataList.js +31 -0
- package/dist/components/data-list/DataList.js.map +1 -0
- package/dist/components/data-list/index.d.ts +2 -0
- package/dist/components/data-list/index.d.ts.map +1 -0
- package/dist/components/data-list/index.js +2 -0
- package/dist/components/data-list/index.js.map +1 -0
- package/dist/components/feed/Feed.d.ts +2 -0
- package/dist/components/feed/Feed.d.ts.map +1 -1
- package/dist/components/feed/Feed.js +2 -2
- package/dist/components/feed/Feed.js.map +1 -1
- package/dist/components/feed/index.d.ts +1 -1
- package/dist/components/feed/index.d.ts.map +1 -1
- package/dist/components/grid/Grid.d.ts +3 -1
- package/dist/components/grid/Grid.d.ts.map +1 -1
- package/dist/components/grid/Grid.js +11 -1
- package/dist/components/grid/Grid.js.map +1 -1
- package/dist/components/grid/index.d.ts +1 -1
- package/dist/components/grid/index.d.ts.map +1 -1
- package/dist/components/grid/index.js.map +1 -1
- package/dist/components/group/Group.d.ts +19 -0
- package/dist/components/group/Group.d.ts.map +1 -0
- package/dist/components/group/Group.js +23 -0
- package/dist/components/group/Group.js.map +1 -0
- package/dist/components/group/index.d.ts +2 -0
- package/dist/components/group/index.d.ts.map +1 -0
- package/dist/components/group/index.js +2 -0
- package/dist/components/group/index.js.map +1 -0
- package/dist/components/link/Link.d.ts +1 -1
- package/dist/components/link/Link.d.ts.map +1 -1
- package/dist/components/link/Link.js +1 -1
- package/dist/components/link/Link.js.map +1 -1
- package/dist/components/link-box/LinkBox.d.ts +22 -0
- package/dist/components/link-box/LinkBox.d.ts.map +1 -0
- package/dist/components/link-box/LinkBox.js +30 -0
- package/dist/components/link-box/LinkBox.js.map +1 -0
- package/dist/components/link-box/index.d.ts +2 -0
- package/dist/components/link-box/index.d.ts.map +1 -0
- package/dist/components/link-box/index.js +2 -0
- package/dist/components/link-box/index.js.map +1 -0
- package/dist/components/nav-list/NavList.d.ts +15 -2
- package/dist/components/nav-list/NavList.d.ts.map +1 -1
- package/dist/components/nav-list/NavList.js +4 -3
- package/dist/components/nav-list/NavList.js.map +1 -1
- package/dist/components/pagination/Pagination.d.ts +9 -6
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +2 -2
- package/dist/components/pagination/Pagination.js.map +1 -1
- package/dist/components/pagination/index.d.ts +1 -1
- package/dist/components/pagination/index.d.ts.map +1 -1
- package/dist/components/pagination/index.js.map +1 -1
- package/dist/components/popover/Popover.d.ts +3 -0
- package/dist/components/popover/Popover.d.ts.map +1 -1
- package/dist/components/popover/Popover.js +2 -2
- package/dist/components/popover/Popover.js.map +1 -1
- package/dist/components/popover/index.d.ts +1 -1
- package/dist/components/popover/index.d.ts.map +1 -1
- package/dist/components/popover/index.js.map +1 -1
- package/dist/components/rating/Rating.d.ts +37 -1
- package/dist/components/rating/Rating.d.ts.map +1 -1
- package/dist/components/rating/Rating.js +25 -2
- package/dist/components/rating/Rating.js.map +1 -1
- package/dist/components/rating/index.d.ts +1 -1
- package/dist/components/rating/index.d.ts.map +1 -1
- package/dist/components/rating/index.js +1 -1
- package/dist/components/rating/index.js.map +1 -1
- package/dist/components/reorderable-list/ReorderableList.d.ts +89 -0
- package/dist/components/reorderable-list/ReorderableList.d.ts.map +1 -0
- package/dist/components/reorderable-list/ReorderableList.js +54 -0
- package/dist/components/reorderable-list/ReorderableList.js.map +1 -0
- package/dist/components/reorderable-list/index.d.ts +2 -0
- package/dist/components/reorderable-list/index.d.ts.map +1 -0
- package/dist/components/reorderable-list/index.js +2 -0
- package/dist/components/reorderable-list/index.js.map +1 -0
- package/dist/components/segment-group/SegmentGroup.d.ts +30 -0
- package/dist/components/segment-group/SegmentGroup.d.ts.map +1 -0
- package/dist/components/segment-group/SegmentGroup.js +67 -0
- package/dist/components/segment-group/SegmentGroup.js.map +1 -0
- package/dist/components/segment-group/index.d.ts +2 -0
- package/dist/components/segment-group/index.d.ts.map +1 -0
- package/dist/components/segment-group/index.js +2 -0
- package/dist/components/segment-group/index.js.map +1 -0
- package/dist/components/show/Show.d.ts.map +1 -1
- package/dist/components/show/Show.js +7 -1
- package/dist/components/show/Show.js.map +1 -1
- package/dist/components/sidebar/Sidebar.d.ts +4 -0
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.js +3 -2
- package/dist/components/sidebar/Sidebar.js.map +1 -1
- package/dist/components/slider/Slider.d.ts.map +1 -1
- package/dist/components/slider/Slider.js +3 -1
- package/dist/components/slider/Slider.js.map +1 -1
- package/dist/components/stack/Stack.d.ts +3 -1
- package/dist/components/stack/Stack.d.ts.map +1 -1
- package/dist/components/stack/Stack.js +9 -1
- package/dist/components/stack/Stack.js.map +1 -1
- package/dist/components/stack/index.d.ts +1 -1
- package/dist/components/stack/index.d.ts.map +1 -1
- package/dist/components/stack/index.js.map +1 -1
- package/dist/components/status/Status.d.ts +22 -0
- package/dist/components/status/Status.d.ts.map +1 -0
- package/dist/components/status/Status.js +23 -0
- package/dist/components/status/Status.js.map +1 -0
- package/dist/components/status/index.d.ts +2 -0
- package/dist/components/status/index.d.ts.map +1 -0
- package/dist/components/status/index.js +2 -0
- package/dist/components/status/index.js.map +1 -0
- package/dist/components/surface/Surface.d.ts +5 -2
- package/dist/components/surface/Surface.d.ts.map +1 -1
- package/dist/components/surface/Surface.js +4 -2
- package/dist/components/surface/Surface.js.map +1 -1
- package/dist/components/surface/index.d.ts +1 -1
- package/dist/components/surface/index.d.ts.map +1 -1
- package/dist/components/surface/index.js.map +1 -1
- package/dist/components/text/Text.d.ts +25 -4
- package/dist/components/text/Text.d.ts.map +1 -1
- package/dist/components/text/Text.js +22 -3
- package/dist/components/text/Text.js.map +1 -1
- package/dist/components/text/index.d.ts +1 -1
- package/dist/components/text/index.d.ts.map +1 -1
- package/dist/components/text/index.js +1 -1
- package/dist/components/text/index.js.map +1 -1
- package/dist/components/toggle/Toggle.d.ts +5 -0
- package/dist/components/toggle/Toggle.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.js +2 -2
- package/dist/components/toggle/Toggle.js.map +1 -1
- package/dist/components/toggle/index.d.ts +1 -1
- package/dist/components/toggle/index.d.ts.map +1 -1
- package/dist/components/toggle/index.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts +3 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.js +2 -1
- package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
- package/dist/components/toolbar/Toolbar.d.ts +9 -2
- package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
- package/dist/components/toolbar/Toolbar.js +2 -2
- package/dist/components/toolbar/Toolbar.js.map +1 -1
- package/dist/components/toolbar/index.d.ts +1 -1
- package/dist/components/toolbar/index.d.ts.map +1 -1
- package/dist/components/z-stack/ZStack.d.ts +7 -0
- package/dist/components/z-stack/ZStack.d.ts.map +1 -1
- package/dist/components/z-stack/ZStack.js +14 -3
- package/dist/components/z-stack/ZStack.js.map +1 -1
- package/dist/components/z-stack/index.d.ts +1 -1
- package/dist/components/z-stack/index.d.ts.map +1 -1
- package/dist/components/z-stack/index.js.map +1 -1
- package/dist/data-list.d.ts +2 -0
- package/dist/data-list.d.ts.map +1 -0
- package/dist/data-list.js +2 -0
- package/dist/data-list.js.map +1 -0
- package/dist/feed.d.ts +1 -1
- package/dist/feed.d.ts.map +1 -1
- package/dist/grid.d.ts +1 -1
- package/dist/grid.d.ts.map +1 -1
- package/dist/grid.js.map +1 -1
- package/dist/group.d.ts +2 -0
- package/dist/group.d.ts.map +1 -0
- package/dist/group.js +2 -0
- package/dist/group.js.map +1 -0
- package/dist/index.d.ts +18 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -1
- package/dist/index.js.map +1 -1
- package/dist/link-box.d.ts +2 -0
- package/dist/link-box.d.ts.map +1 -0
- package/dist/link-box.js +2 -0
- package/dist/link-box.js.map +1 -0
- package/dist/reorderable-list.d.ts +2 -0
- package/dist/reorderable-list.d.ts.map +1 -0
- package/dist/reorderable-list.js +2 -0
- package/dist/reorderable-list.js.map +1 -0
- package/dist/reset.css +1 -1
- package/dist/reset.css.map +1 -1
- package/dist/segment-group.d.ts +2 -0
- package/dist/segment-group.d.ts.map +1 -0
- package/dist/segment-group.js +2 -0
- package/dist/segment-group.js.map +1 -0
- package/dist/stack.d.ts +1 -1
- package/dist/stack.d.ts.map +1 -1
- package/dist/stack.js.map +1 -1
- package/dist/status.d.ts +2 -0
- package/dist/status.d.ts.map +1 -0
- package/dist/status.js +2 -0
- package/dist/status.js.map +1 -0
- package/dist/styles/accordion.css +1 -1
- package/dist/styles/accordion.css.map +1 -1
- package/dist/styles/alert-dialog.css +1 -1
- package/dist/styles/alert-dialog.css.map +1 -1
- package/dist/styles/app-bar.css +1 -1
- package/dist/styles/app-bar.css.map +1 -1
- package/dist/styles/avatar.css +1 -1
- package/dist/styles/avatar.css.map +1 -1
- package/dist/styles/badge.css +1 -1
- package/dist/styles/badge.css.map +1 -1
- package/dist/styles/bleed.css +2 -0
- package/dist/styles/bleed.css.map +1 -0
- package/dist/styles/bottom-navigation.css +1 -1
- package/dist/styles/bottom-navigation.css.map +1 -1
- package/dist/styles/button.css +1 -1
- package/dist/styles/button.css.map +1 -1
- package/dist/styles/card.css +1 -1
- package/dist/styles/card.css.map +1 -1
- package/dist/styles/checkbox-group.css +1 -1
- package/dist/styles/checkbox-group.css.map +1 -1
- package/dist/styles/checkbox.css +1 -1
- package/dist/styles/checkbox.css.map +1 -1
- package/dist/styles/code-block.css +1 -1
- package/dist/styles/code-block.css.map +1 -1
- package/dist/styles/collapsible.css +1 -1
- package/dist/styles/collapsible.css.map +1 -1
- package/dist/styles/color-picker.css +2 -0
- package/dist/styles/color-picker.css.map +1 -0
- package/dist/styles/color-swatch.css +2 -0
- package/dist/styles/color-swatch.css.map +1 -0
- package/dist/styles/combobox.css +1 -1
- package/dist/styles/combobox.css.map +1 -1
- package/dist/styles/context-menu.css +1 -1
- package/dist/styles/context-menu.css.map +1 -1
- package/dist/styles/core.css +1 -1
- package/dist/styles/core.css.map +1 -1
- package/dist/styles/data-grid.css +1 -1
- package/dist/styles/data-grid.css.map +1 -1
- package/dist/styles/data-list.css +2 -0
- package/dist/styles/data-list.css.map +1 -0
- package/dist/styles/dialog.css +1 -1
- package/dist/styles/dialog.css.map +1 -1
- package/dist/styles/divider.css +1 -1
- package/dist/styles/divider.css.map +1 -1
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/drawer.css.map +1 -1
- package/dist/styles/dropdown-menu.css +1 -1
- package/dist/styles/dropdown-menu.css.map +1 -1
- package/dist/styles/feed.css +1 -1
- package/dist/styles/feed.css.map +1 -1
- package/dist/styles/grid.css +1 -1
- package/dist/styles/grid.css.map +1 -1
- package/dist/styles/group.css +2 -0
- package/dist/styles/group.css.map +1 -0
- package/dist/styles/hide.css +1 -1
- package/dist/styles/hide.css.map +1 -1
- package/dist/styles/icon-button.css +1 -1
- package/dist/styles/icon-button.css.map +1 -1
- package/dist/styles/input.css +1 -1
- package/dist/styles/input.css.map +1 -1
- package/dist/styles/link-box.css +2 -0
- package/dist/styles/link-box.css.map +1 -0
- package/dist/styles/link.css +1 -1
- package/dist/styles/link.css.map +1 -1
- package/dist/styles/list.css +1 -1
- package/dist/styles/list.css.map +1 -1
- package/dist/styles/menubar.css +1 -1
- package/dist/styles/menubar.css.map +1 -1
- package/dist/styles/multi-select.css +1 -1
- package/dist/styles/multi-select.css.map +1 -1
- package/dist/styles/nav-list.css +1 -1
- package/dist/styles/nav-list.css.map +1 -1
- package/dist/styles/navigation-menu.css +1 -1
- package/dist/styles/navigation-menu.css.map +1 -1
- package/dist/styles/pagination.css +1 -1
- package/dist/styles/pagination.css.map +1 -1
- package/dist/styles/password-toggle-field.css +1 -1
- package/dist/styles/password-toggle-field.css.map +1 -1
- package/dist/styles/popover.css +1 -1
- package/dist/styles/popover.css.map +1 -1
- package/dist/styles/rating.css +1 -1
- package/dist/styles/rating.css.map +1 -1
- package/dist/styles/reorderable-list.css +2 -0
- package/dist/styles/reorderable-list.css.map +1 -0
- package/dist/styles/segment-group.css +2 -0
- package/dist/styles/segment-group.css.map +1 -0
- package/dist/styles/select.css +1 -1
- package/dist/styles/select.css.map +1 -1
- package/dist/styles/show.css +1 -1
- package/dist/styles/show.css.map +1 -1
- package/dist/styles/sidebar.css +1 -1
- package/dist/styles/sidebar.css.map +1 -1
- package/dist/styles/skeleton.css +1 -1
- package/dist/styles/skeleton.css.map +1 -1
- package/dist/styles/slider.css +1 -1
- package/dist/styles/slider.css.map +1 -1
- package/dist/styles/stack.css +1 -1
- package/dist/styles/stack.css.map +1 -1
- package/dist/styles/status.css +2 -0
- package/dist/styles/status.css.map +1 -0
- package/dist/styles/surface.css +1 -1
- package/dist/styles/surface.css.map +1 -1
- package/dist/styles/table.css +1 -1
- package/dist/styles/table.css.map +1 -1
- package/dist/styles/tabs.css +1 -1
- package/dist/styles/tabs.css.map +1 -1
- package/dist/styles/text.css +1 -1
- package/dist/styles/text.css.map +1 -1
- package/dist/styles/toggle-group.css +1 -1
- package/dist/styles/toggle-group.css.map +1 -1
- package/dist/styles/toggle.css +1 -1
- package/dist/styles/toggle.css.map +1 -1
- package/dist/styles/toolbar.css +1 -1
- package/dist/styles/toolbar.css.map +1 -1
- package/dist/styles/z-stack.css +1 -1
- package/dist/styles/z-stack.css.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/surface.d.ts +1 -1
- package/dist/surface.d.ts.map +1 -1
- package/dist/surface.js.map +1 -1
- package/dist/text.d.ts +1 -1
- package/dist/text.d.ts.map +1 -1
- package/dist/text.js +1 -1
- package/dist/text.js.map +1 -1
- package/dist/theme-contract.json +5288 -2105
- package/dist/toggle.d.ts +1 -1
- package/dist/toggle.d.ts.map +1 -1
- package/dist/toggle.js.map +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/dist/toolbar.d.ts +1 -1
- package/dist/toolbar.d.ts.map +1 -1
- package/docs/guides/agent-knowledge.md +19 -0
- package/docs/guides/appearance-and-tokens.md +5 -0
- package/docs/guides/browser-support.md +21 -0
- package/docs/guides/control-sizing.md +55 -0
- package/docs/guides/installation.md +5 -2
- package/docs/guides/theme-contract.md +26 -12
- package/package.json +45 -6
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
export type StatusSize = "sm" | "md" | "lg";
|
|
3
|
+
export type StatusTone = "neutral" | "accent" | "info" | "success" | "warning" | "danger";
|
|
4
|
+
export interface StatusRootProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "color"> {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
size?: StatusSize;
|
|
7
|
+
tone?: StatusTone;
|
|
8
|
+
"data-slot"?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface StatusPartProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "color" | "aria-hidden"> {
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
"data-slot"?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const StatusRoot: import("react").ForwardRefExoticComponent<StatusRootProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
15
|
+
export declare const StatusIndicator: import("react").ForwardRefExoticComponent<StatusPartProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
16
|
+
export declare const StatusLabel: import("react").ForwardRefExoticComponent<StatusPartProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
17
|
+
export declare const Status: Readonly<{
|
|
18
|
+
Root: import("react").ForwardRefExoticComponent<StatusRootProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
19
|
+
Indicator: import("react").ForwardRefExoticComponent<StatusPartProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
20
|
+
Label: import("react").ForwardRefExoticComponent<StatusPartProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
21
|
+
}>;
|
|
22
|
+
//# sourceMappingURL=Status.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/components/status/Status.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,UAAU,6GAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe,6GAmB3B,CAAC;AAEF,eAAO,MAAM,WAAW,6GAcvB,CAAC;AAMF,eAAO,MAAM,MAAM;;;;EAIjB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, } from "react";
|
|
3
|
+
function classes(base, className) {
|
|
4
|
+
return className ? `${base} ${className}` : base;
|
|
5
|
+
}
|
|
6
|
+
export const StatusRoot = forwardRef(function StatusRoot({ className, size = "md", tone = "neutral", "data-slot": slot = "status-root", ...props }, ref) {
|
|
7
|
+
return (_jsx("span", { ...props, className: classes("brick-status", className), "data-size": size, "data-slot": slot, "data-tone": tone, ref: ref }));
|
|
8
|
+
});
|
|
9
|
+
export const StatusIndicator = forwardRef(function StatusIndicator({ className, "data-slot": slot = "status-indicator", ...props }, ref) {
|
|
10
|
+
return (_jsx("span", { ...props, "aria-hidden": "true", className: classes("brick-status__indicator", className), "data-slot": slot, ref: ref }));
|
|
11
|
+
});
|
|
12
|
+
export const StatusLabel = forwardRef(function StatusLabel({ className, "data-slot": slot = "status-label", ...props }, ref) {
|
|
13
|
+
return (_jsx("span", { ...props, className: classes("brick-status__label", className), "data-slot": slot, ref: ref }));
|
|
14
|
+
});
|
|
15
|
+
StatusRoot.displayName = "Status.Root";
|
|
16
|
+
StatusIndicator.displayName = "Status.Indicator";
|
|
17
|
+
StatusLabel.displayName = "Status.Label";
|
|
18
|
+
export const Status = Object.freeze({
|
|
19
|
+
Root: StatusRoot,
|
|
20
|
+
Indicator: StatusIndicator,
|
|
21
|
+
Label: StatusLabel,
|
|
22
|
+
});
|
|
23
|
+
//# sourceMappingURL=Status.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Status.js","sourceRoot":"","sources":["../../../src/components/status/Status.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,GAGX,MAAM,OAAO,CAAC;AAyBf,SAAS,OAAO,CAAC,IAAY,EAAE,SAAkB;IAC/C,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CACjB,EACE,SAAS,EACT,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,WAAW,EAAE,IAAI,GAAG,aAAa,EACjC,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,OAAO,CAAC,cAAc,EAAE,SAAS,CAAC,eAClC,IAAI,eACJ,IAAI,eACJ,IAAI,EACf,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CACtB,EACE,SAAS,EACT,WAAW,EAAE,IAAI,GAAG,kBAAkB,EACtC,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,kBACM,KAAK,iBACG,MAAM,EAClB,SAAS,EAAE,OAAO,CAAC,yBAAyB,EAAE,SAAS,CAAC,eAC7C,IAAI,EACf,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,GAAG,cAAc,EAAE,GAAG,KAAK,EAAE,EAC3D,GAAG;IAEH,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,eACzC,IAAI,EACf,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC;AACvC,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AACjD,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAClC,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,WAAW;CACnB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,eAAe,EACf,WAAW,EACX,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,UAAU,GAChB,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,eAAe,EACf,WAAW,EACX,UAAU,GAKX,MAAM,aAAa,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
|
|
2
|
+
import { type ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
|
|
2
3
|
export type SurfaceElement = "div" | "section" | "article" | "aside" | "nav" | "main" | "header" | "footer" | "form" | "li";
|
|
3
4
|
export type SurfaceLevel = "canvas" | "base" | "subtle" | "raised";
|
|
5
|
+
export type SurfaceTone = "neutral" | "accent";
|
|
4
6
|
export type SurfaceElevation = "none" | "low" | "medium" | "high";
|
|
5
7
|
export type SurfaceRadius = "none" | "subtle" | "surface";
|
|
6
|
-
export type SurfaceInset = "none" | "sm" | "md" | "lg";
|
|
8
|
+
export type SurfaceInset = "none" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
7
9
|
export type SurfaceScrimStrength = "soft" | "medium" | "strong";
|
|
8
10
|
export type SurfaceScrimDirection = "uniform" | "inline-start" | "inline-end" | "block-start" | "block-end";
|
|
9
11
|
type SurfaceNativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "style">;
|
|
@@ -18,10 +20,11 @@ type SurfaceHostProps = {
|
|
|
18
20
|
};
|
|
19
21
|
export type SurfaceProps = SurfaceNativeProps & SurfaceHostProps & {
|
|
20
22
|
level?: SurfaceLevel;
|
|
23
|
+
tone?: SurfaceTone;
|
|
21
24
|
bordered?: boolean;
|
|
22
25
|
elevation?: SurfaceElevation;
|
|
23
26
|
radius?: SurfaceRadius;
|
|
24
|
-
inset?: SurfaceInset
|
|
27
|
+
inset?: ResponsiveValue<SurfaceInset>;
|
|
25
28
|
className?: string;
|
|
26
29
|
style?: CSSProperties;
|
|
27
30
|
slot?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Children, cloneElement, createElement, forwardRef, Fragment, } from "react";
|
|
3
|
+
import { responsiveDataAttributes, } from "../_responsive-value/ResponsiveValue.js";
|
|
3
4
|
function mergeClassName(className) {
|
|
4
5
|
return className ? `brick-surface ${className}` : "brick-surface";
|
|
5
6
|
}
|
|
@@ -40,16 +41,17 @@ function mergeComposedProps(original, override) {
|
|
|
40
41
|
}
|
|
41
42
|
return merged;
|
|
42
43
|
}
|
|
43
|
-
function SurfaceImpl({ as = "div", asChild = false, bordered = false, children, className, elevation = "none", inset = "none", level = "base", radius = "surface", slot = "surface", ...props }, ref) {
|
|
44
|
+
function SurfaceImpl({ as = "div", asChild = false, bordered = false, children, className, elevation = "none", inset = "none", level = "base", radius = "surface", slot = "surface", tone = "neutral", ...props }, ref) {
|
|
44
45
|
const rootProps = {
|
|
45
46
|
...props,
|
|
47
|
+
...responsiveDataAttributes("data-inset", inset, { alwaysInitial: true }),
|
|
46
48
|
className: mergeClassName(className),
|
|
47
49
|
"data-bordered": bordered ? "" : undefined,
|
|
48
50
|
"data-elevation": elevation,
|
|
49
|
-
"data-inset": inset,
|
|
50
51
|
"data-level": level,
|
|
51
52
|
"data-radius": radius,
|
|
52
53
|
"data-slot": slot,
|
|
54
|
+
"data-tone": tone,
|
|
53
55
|
ref,
|
|
54
56
|
};
|
|
55
57
|
if (asChild) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/components/surface/Surface.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,UAAU,EACV,QAAQ,GAOT,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Surface, SurfaceContent, SurfaceMedia, SurfaceRoot, SurfaceScrim, type SurfaceContentProps, type SurfaceElement, type SurfaceElevation, type SurfaceInset, type SurfaceLevel, type SurfaceMediaProps, type SurfaceProps, type SurfaceRadius, type SurfaceScrimDirection, type SurfaceScrimProps, type SurfaceScrimStrength, } from "./Surface.js";
|
|
1
|
+
export { Surface, SurfaceContent, SurfaceMedia, SurfaceRoot, SurfaceScrim, type SurfaceContentProps, type SurfaceElement, type SurfaceElevation, type SurfaceInset, type SurfaceLevel, type SurfaceMediaProps, type SurfaceProps, type SurfaceRadius, type SurfaceScrimDirection, type SurfaceScrimProps, type SurfaceScrimStrength, type SurfaceTone, } from "./Surface.js";
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,WAAW,GACjB,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,GAab,MAAM,cAAc,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
|
|
2
|
+
import { type ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
|
|
2
3
|
export type TextElement = "span" | "p" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
3
|
-
export type TextVariant = "display" | "title-lg" | "title-md" | "title-sm" | "body-lg" | "body-md" | "body-sm" | "caption" | "eyebrow";
|
|
4
|
+
export type TextVariant = "display" | "display-sm" | "display-md" | "display-lg" | "title-lg" | "title-md" | "title-sm" | "body-lg" | "body-md" | "body-sm" | "caption" | "eyebrow";
|
|
4
5
|
export type TextTone = "inherit" | "primary" | "secondary" | "muted" | "accent" | "info" | "success" | "warning" | "danger";
|
|
5
6
|
export type TextWeight = "inherit" | "regular" | "medium" | "semibold";
|
|
6
7
|
export type TextAlign = "start" | "center" | "end";
|
|
7
8
|
export type TextWrap = "wrap" | "nowrap" | "balance" | "pretty";
|
|
9
|
+
export type TextTransform = "none" | "uppercase" | "lowercase" | "capitalize";
|
|
8
10
|
export type TextLineClamp = 2 | 3 | 4 | 5 | 6;
|
|
11
|
+
export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
12
|
+
export type HeadingVariant = "display" | "display-sm" | "display-md" | "display-lg" | "title-lg" | "title-md" | "title-sm";
|
|
13
|
+
export type ParagraphVariant = "body-lg" | "body-md" | "body-sm";
|
|
9
14
|
type TextNativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "color" | "style">;
|
|
10
15
|
type TextOverflowProps = {
|
|
11
16
|
truncate?: boolean;
|
|
@@ -14,18 +19,34 @@ type TextOverflowProps = {
|
|
|
14
19
|
truncate?: false;
|
|
15
20
|
lineClamp?: TextLineClamp;
|
|
16
21
|
};
|
|
17
|
-
|
|
22
|
+
type TextVisualProps = {
|
|
18
23
|
as?: TextElement;
|
|
19
24
|
children: ReactNode;
|
|
20
|
-
variant?: TextVariant
|
|
25
|
+
variant?: ResponsiveValue<TextVariant>;
|
|
21
26
|
tone?: TextTone;
|
|
22
27
|
weight?: TextWeight;
|
|
23
|
-
align?: TextAlign
|
|
28
|
+
align?: ResponsiveValue<TextAlign>;
|
|
24
29
|
wrap?: TextWrap;
|
|
30
|
+
transform?: TextTransform;
|
|
25
31
|
className?: string;
|
|
26
32
|
style?: CSSProperties;
|
|
27
33
|
slot?: string;
|
|
28
34
|
};
|
|
35
|
+
export type TextProps = TextNativeProps & TextOverflowProps & TextVisualProps;
|
|
29
36
|
export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
|
|
37
|
+
type NamedTextProps = TextNativeProps & TextOverflowProps & Omit<TextVisualProps, "as" | "variant">;
|
|
38
|
+
export type HeadingProps = NamedTextProps & {
|
|
39
|
+
level: HeadingLevel;
|
|
40
|
+
variant?: ResponsiveValue<HeadingVariant>;
|
|
41
|
+
};
|
|
42
|
+
export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLElement>>;
|
|
43
|
+
export type ParagraphProps = NamedTextProps & {
|
|
44
|
+
variant?: ResponsiveValue<ParagraphVariant>;
|
|
45
|
+
};
|
|
46
|
+
export declare const Paragraph: import("react").ForwardRefExoticComponent<ParagraphProps & import("react").RefAttributes<HTMLElement>>;
|
|
47
|
+
export type CaptionProps = NamedTextProps;
|
|
48
|
+
export declare const Caption: import("react").ForwardRefExoticComponent<NamedTextProps & import("react").RefAttributes<HTMLElement>>;
|
|
49
|
+
export type EyebrowProps = NamedTextProps;
|
|
50
|
+
export declare const Eyebrow: import("react").ForwardRefExoticComponent<NamedTextProps & import("react").RefAttributes<HTMLElement>>;
|
|
30
51
|
export {};
|
|
31
52
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,40 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
import { createElement, forwardRef, } from "react";
|
|
3
|
+
import { responsiveDataAttributes, } from "../_responsive-value/ResponsiveValue.js";
|
|
2
4
|
function mergeClassName(className) {
|
|
3
5
|
return className ? `brick-text ${className}` : "brick-text";
|
|
4
6
|
}
|
|
5
|
-
export const Text = forwardRef(function Text({ as = "span", variant = "body-md", tone = "primary", weight, align, wrap = "wrap", truncate = false, lineClamp, className, slot = "text", children, ...props }, ref) {
|
|
7
|
+
export const Text = forwardRef(function Text({ as = "span", variant = "body-md", tone = "primary", weight, align, wrap = "wrap", transform, truncate = false, lineClamp, className, slot = "text", children, ...props }, ref) {
|
|
6
8
|
return createElement(as, {
|
|
7
9
|
...props,
|
|
8
10
|
className: mergeClassName(className),
|
|
9
|
-
"data-align"
|
|
11
|
+
...responsiveDataAttributes("data-align", align),
|
|
10
12
|
"data-line-clamp": lineClamp,
|
|
11
13
|
"data-slot": slot,
|
|
12
14
|
"data-tone": tone,
|
|
15
|
+
"data-transform": transform,
|
|
13
16
|
"data-truncate": truncate ? "" : undefined,
|
|
14
|
-
"data-variant"
|
|
17
|
+
...responsiveDataAttributes("data-variant", variant, { alwaysInitial: true }),
|
|
15
18
|
"data-weight": weight,
|
|
16
19
|
"data-wrap": wrap !== "wrap" ? wrap : undefined,
|
|
17
20
|
ref,
|
|
18
21
|
}, children);
|
|
19
22
|
});
|
|
20
23
|
Text.displayName = "Text";
|
|
24
|
+
export const Heading = forwardRef(function Heading({ level, variant = "title-lg", ...props }, ref) {
|
|
25
|
+
return _jsx(Text, { ...props, as: `h${level}`, ref: ref, variant: variant });
|
|
26
|
+
});
|
|
27
|
+
Heading.displayName = "Heading";
|
|
28
|
+
export const Paragraph = forwardRef(function Paragraph({ variant = "body-md", ...props }, ref) {
|
|
29
|
+
return _jsx(Text, { ...props, as: "p", ref: ref, variant: variant });
|
|
30
|
+
});
|
|
31
|
+
Paragraph.displayName = "Paragraph";
|
|
32
|
+
export const Caption = forwardRef(function Caption(props, ref) {
|
|
33
|
+
return _jsx(Text, { ...props, as: "span", ref: ref, variant: "caption" });
|
|
34
|
+
});
|
|
35
|
+
Caption.displayName = "Caption";
|
|
36
|
+
export const Eyebrow = forwardRef(function Eyebrow(props, ref) {
|
|
37
|
+
return _jsx(Text, { ...props, as: "span", ref: ref, variant: "eyebrow" });
|
|
38
|
+
});
|
|
39
|
+
Eyebrow.displayName = "Eyebrow";
|
|
21
40
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAIX,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Text, type TextAlign, type TextElement, type TextLineClamp, type TextProps, type TextTone, type TextVariant, type TextWeight, type TextWrap, } from "./Text.js";
|
|
1
|
+
export { Caption, Eyebrow, Heading, Paragraph, Text, type CaptionProps, type EyebrowProps, type HeadingLevel, type HeadingProps, type HeadingVariant, type ParagraphProps, type ParagraphVariant, type TextAlign, type TextElement, type TextLineClamp, type TextProps, type TextTone, type TextTransform, type TextVariant, type TextWeight, type TextWrap, } from "./Text.js";
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,QAAQ,GACd,MAAM,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,QAAQ,GACd,MAAM,WAAW,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Text, } from "./Text.js";
|
|
1
|
+
export { Caption, Eyebrow, Heading, Paragraph, Text, } from "./Text.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,IAAI,GAiBL,MAAM,WAAW,CAAC"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { type ToggleRootProps as AtomToggleRootProps } from "@flowstack-ui/atom/toggle";
|
|
2
2
|
export type ToggleVariant = "solid" | "soft" | "outline" | "ghost";
|
|
3
|
+
export type ToggleTone = "accent" | "neutral";
|
|
3
4
|
export type ToggleSize = "sm" | "md" | "lg";
|
|
4
5
|
export type ToggleShape = "rounded" | "pill";
|
|
5
6
|
export type ToggleProps = Omit<AtomToggleRootProps, "color" | "value"> & {
|
|
6
7
|
/** Resting and selected visual treatment. @default "soft" */
|
|
7
8
|
variant?: ToggleVariant;
|
|
9
|
+
/** Selected-state color treatment. @default "accent" */
|
|
10
|
+
tone?: ToggleTone;
|
|
8
11
|
/** Complete control size. @default "md" */
|
|
9
12
|
size?: ToggleSize;
|
|
10
13
|
/** Control geometry. @default "rounded" */
|
|
@@ -15,6 +18,8 @@ export type ToggleProps = Omit<AtomToggleRootProps, "color" | "value"> & {
|
|
|
15
18
|
export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<AtomToggleRootProps, "color" | "value"> & {
|
|
16
19
|
/** Resting and selected visual treatment. @default "soft" */
|
|
17
20
|
variant?: ToggleVariant;
|
|
21
|
+
/** Selected-state color treatment. @default "accent" */
|
|
22
|
+
tone?: ToggleTone;
|
|
18
23
|
/** Complete control size. @default "md" */
|
|
19
24
|
size?: ToggleSize;
|
|
20
25
|
/** Control geometry. @default "rounded" */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,eAAe,IAAI,mBAAmB,EAC5C,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IACvE,6DAA6D;IAC7D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,MAAM;
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,eAAe,IAAI,mBAAmB,EAC5C,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IACvE,6DAA6D;IAC7D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,wDAAwD;IACxD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,MAAM;IAhBjB,6DAA6D;cACnD,aAAa;IACvB,wDAAwD;WACjD,UAAU;IACjB,2CAA2C;WACpC,UAAU;IACjB,2CAA2C;YACnC,WAAW;IACnB,+DAA+D;eACpD,OAAO;qDA+BlB,CAAC"}
|
|
@@ -4,8 +4,8 @@ import { Toggle as AtomToggle, } from "@flowstack-ui/atom/toggle";
|
|
|
4
4
|
function mergeClassName(base, className) {
|
|
5
5
|
return className ? `${base} ${className}` : base;
|
|
6
6
|
}
|
|
7
|
-
export const Toggle = forwardRef(function Toggle({ variant = "soft", size = "md", shape = "rounded", iconOnly = false, className, ...props }, ref) {
|
|
8
|
-
return (_jsx(AtomToggle.Root, { ...props, className: mergeClassName("brick-toggle", className), "data-icon-only": iconOnly ? "" : undefined, "data-shape": shape, "data-size": size, "data-variant": variant, ref: ref }));
|
|
7
|
+
export const Toggle = forwardRef(function Toggle({ variant = "soft", tone = "accent", size = "md", shape = "rounded", iconOnly = false, className, ...props }, ref) {
|
|
8
|
+
return (_jsx(AtomToggle.Root, { ...props, className: mergeClassName("brick-toggle", className), "data-icon-only": iconOnly ? "" : undefined, "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref }));
|
|
9
9
|
});
|
|
10
10
|
Toggle.displayName = "Toggle";
|
|
11
11
|
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,MAAM,IAAI,UAAU,GAErB,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,MAAM,IAAI,UAAU,GAErB,MAAM,2BAA2B,CAAC;AAoBnC,SAAS,cAAc,CAAC,IAAY,EAAE,SAA6B;IACjE,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EACE,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,OACV,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,cAAc,EAAE,SAAS,CAAC,oBACpC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,gBAC7B,KAAK,eACN,IAAI,eACJ,IAAI,kBACD,OAAO,EACrB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Toggle, type ToggleProps, type ToggleShape, type ToggleSize, type ToggleVariant, } from "./Toggle.js";
|
|
1
|
+
export { Toggle, type ToggleProps, type ToggleShape, type ToggleSize, type ToggleTone, type ToggleVariant, } from "./Toggle.js";
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,GAMP,MAAM,aAAa,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { type ToggleGroupItemRootProps as AtomToggleGroupItemRootProps, type ToggleGroupRootProps as AtomToggleGroupRootProps } from "@flowstack-ui/atom/toggle-group";
|
|
2
|
-
import type { ToggleShape, ToggleSize, ToggleVariant } from "../toggle/Toggle.js";
|
|
2
|
+
import type { ToggleShape, ToggleSize, ToggleTone, ToggleVariant } from "../toggle/Toggle.js";
|
|
3
3
|
type ToggleGroupRootCommonProps = Omit<AtomToggleGroupRootProps, "color" | "defaultValue" | "onValueChange" | "type" | "value"> & {
|
|
4
4
|
/** Shared item visual treatment. @default "soft" */
|
|
5
5
|
variant?: ToggleVariant;
|
|
6
|
+
/** Shared selected-state color treatment. @default "accent" */
|
|
7
|
+
tone?: ToggleTone;
|
|
6
8
|
/** Shared item size. @default "md" */
|
|
7
9
|
size?: ToggleSize;
|
|
8
10
|
/** Shared item and outer group geometry. @default "rounded" */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,wBAAwB,IAAI,4BAA4B,EAC7D,KAAK,oBAAoB,IAAI,wBAAwB,EACtD,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACd,MAAM,qBAAqB,CAAC;AAE7B,KAAK,0BAA0B,GAAG,IAAI,CACpC,wBAAwB,EACxB,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO,CAC9D,GAAG;IACF,oDAAoD;IACpD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,sCAAsC;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,0BAA0B,GAAG;IAClE,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,sBAAsB,GACtB,wBAAwB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,4BAA4B,EAC5B,OAAO,CACR,GAAG;IACF,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,wBAAwB,IAAI,4BAA4B,EAC7D,KAAK,oBAAoB,IAAI,wBAAwB,EACtD,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EACV,WAAW,EACX,UAAU,EACV,UAAU,EACV,aAAa,EACd,MAAM,qBAAqB,CAAC;AAE7B,KAAK,0BAA0B,GAAG,IAAI,CACpC,wBAAwB,EACxB,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO,CAC9D,GAAG;IACF,oDAAoD;IACpD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAAG;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,0BAA0B,GAAG;IAClE,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,sBAAsB,GACtB,wBAAwB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,4BAA4B,EAC5B,OAAO,CACR,GAAG;IACF,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,eAAe,iHA+C1B,CAAC;AAEH,eAAO,MAAM,eAAe;IAzD1B,+DAA+D;eACpD,OAAO;qDAuElB,CAAC;AAKH,eAAO,MAAM,WAAW;;;QA7EtB,+DAA+D;mBACpD,OAAO;;CA+EV,CAAC"}
|
|
@@ -5,13 +5,14 @@ function mergeClassName(base, className) {
|
|
|
5
5
|
return className ? `${base} ${className}` : base;
|
|
6
6
|
}
|
|
7
7
|
export const ToggleGroupRoot = forwardRef(function ToggleGroupRoot(props, ref) {
|
|
8
|
-
const { variant = "soft", size = "md", shape = "rounded", attached = false, fullWidth = false, className, ...behaviorProps } = props;
|
|
8
|
+
const { variant = "soft", tone = "accent", size = "md", shape = "rounded", attached = false, fullWidth = false, className, ...behaviorProps } = props;
|
|
9
9
|
const visualProps = {
|
|
10
10
|
className: mergeClassName("brick-toggle-group", className),
|
|
11
11
|
"data-attached": String(attached),
|
|
12
12
|
"data-full-width": fullWidth ? "" : undefined,
|
|
13
13
|
"data-shape": shape,
|
|
14
14
|
"data-size": size,
|
|
15
|
+
"data-tone": tone,
|
|
15
16
|
"data-variant": variant,
|
|
16
17
|
ref,
|
|
17
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,WAAW,IAAI,eAAe,GAG/B,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,WAAW,IAAI,eAAe,GAG/B,MAAM,iCAAiC,CAAC;AAsDzC,SAAS,cAAc,CAAC,IAAY,EAAE,SAA6B;IACjE,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAGvC,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG;IACnC,MAAM,EACJ,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,GAAG,aAAa,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,cAAc,CAAC,oBAAoB,EAAE,SAAS,CAAC;QAC1D,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC;QACjC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAC7C,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,IAAI;QACjB,cAAc,EAAE,OAAO;QACvB,GAAG;KACK,CAAC;IAEX,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QACtC,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,GAAG,aAAa,CAAC;QAC1D,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,OACf,aAAa,KACb,WAAW,EACf,aAAa,EAAE,aAAgC,EAC/C,IAAI,EAAC,UAAU,GACf,CACH,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,GAAG,aAAa,CAAC;IACxD,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,OACf,WAAW,KACX,WAAW,EACf,aAAa,EAAE,aAAgC,EAC/C,IAAI,EAAC,QAAQ,GACb,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAGvC,SAAS,eAAe,CACxB,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACzC,GAAG;IAEH,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,OACf,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,yBAAyB,EAAE,SAAS,CAAC,oBAC/C,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACzC,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AACjD,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,eAAe;CACb,CAAC"}
|
|
@@ -8,13 +8,20 @@ export interface ToolbarRootProps extends AtomToolbarRootProps {
|
|
|
8
8
|
export type ToolbarButtonProps = AtomToolbarButtonProps;
|
|
9
9
|
export type ToolbarLinkProps = AtomToolbarLinkProps;
|
|
10
10
|
export type ToolbarSeparatorProps = AtomToolbarSeparatorProps;
|
|
11
|
-
export type
|
|
11
|
+
export type ToolbarToggleVariant = "solid" | "soft" | "outline" | "ghost";
|
|
12
|
+
export type ToolbarToggleTone = "accent" | "neutral";
|
|
13
|
+
export type ToolbarToggleGroupProps = Omit<AtomToolbarToggleGroupProps, "color"> & {
|
|
14
|
+
/** Shared ToggleItem visual treatment. @default "soft" */
|
|
15
|
+
variant?: ToolbarToggleVariant;
|
|
16
|
+
/** Shared ToggleItem selected-state color treatment. @default "accent" */
|
|
17
|
+
tone?: ToolbarToggleTone;
|
|
18
|
+
};
|
|
12
19
|
export type ToolbarToggleItemProps = AtomToolbarToggleItemProps;
|
|
13
20
|
export declare const ToolbarRoot: import("react").ForwardRefExoticComponent<ToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
21
|
export declare const ToolbarButton: import("react").ForwardRefExoticComponent<AtomToolbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
22
|
export declare const ToolbarLink: import("react").ForwardRefExoticComponent<AtomToolbarLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
16
23
|
export declare function ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps): import("react").JSX.Element;
|
|
17
|
-
export declare function ToolbarToggleGroup({ className, ...props }: ToolbarToggleGroupProps): import("react").JSX.Element;
|
|
24
|
+
export declare function ToolbarToggleGroup({ className, tone, variant, ...props }: ToolbarToggleGroupProps): import("react").JSX.Element;
|
|
18
25
|
export declare const ToolbarToggleItem: import("react").ForwardRefExoticComponent<AtomToolbarToggleItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
19
26
|
export declare const Toolbar: {
|
|
20
27
|
readonly Root: import("react").ForwardRefExoticComponent<ToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,qBAAqB,IAAI,yBAAyB,EACvD,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,sBAAsB,IAAI,0BAA0B,EAC1D,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AACD,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC9D,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,qBAAqB,IAAI,yBAAyB,EACvD,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,sBAAsB,IAAI,0BAA0B,EAC1D,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AACD,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC9D,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,GAAG;IACjF,0DAA0D;IAC1D,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAMhE,eAAO,MAAM,WAAW,6GAIvB,CAAC;AACF,eAAO,MAAM,aAAa,sHAIzB,CAAC;AACF,eAAO,MAAM,WAAW,oHAIvB,CAAC;AACF,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAE9E;AACD,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,IAAe,EAAE,OAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,+BAErH;AACD,eAAO,MAAM,iBAAiB,0HAI7B,CAAC;AAOF,eAAO,MAAM,OAAO;;;;;;;CAAwK,CAAC"}
|
|
@@ -16,8 +16,8 @@ export const ToolbarLink = forwardRef(function ToolbarLink({ className, ...props
|
|
|
16
16
|
export function ToolbarSeparator({ className, ...props }) {
|
|
17
17
|
return _jsx(AtomToolbar.Separator, { ...props, className: classes("brick-toolbar__separator", className) });
|
|
18
18
|
}
|
|
19
|
-
export function ToolbarToggleGroup({ className, ...props }) {
|
|
20
|
-
return _jsx(AtomToolbar.ToggleGroup, { ...props, className: classes("brick-toolbar__toggle-group", className) });
|
|
19
|
+
export function ToolbarToggleGroup({ className, tone = "accent", variant = "soft", ...props }) {
|
|
20
|
+
return _jsx(AtomToolbar.ToggleGroup, { ...props, className: classes("brick-toolbar__toggle-group", className), "data-tone": tone, "data-variant": variant });
|
|
21
21
|
}
|
|
22
22
|
export const ToolbarToggleItem = forwardRef(function ToolbarToggleItem({ className, ...props }, ref) {
|
|
23
23
|
return _jsx(AtomToolbar.ToggleItem, { ...props, className: classes("brick-toolbar__toggle-item", className), ref: ref });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,OAAO,IAAI,WAAW,GAOvB,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,OAAO,IAAI,WAAW,GAOvB,MAAM,4BAA4B,CAAC;AAsBpC,SAAS,OAAO,CAAC,IAAY,EAAE,SAAkB;IAC/C,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC9E,OAAO,KAAC,WAAW,CAAC,IAAI,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,SAAS,CAAC,eAAa,IAAI,kBAAgB,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC3I,CAAC,CACF,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACjD,OAAO,KAAC,WAAW,CAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC7G,CAAC,CACF,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC/C,OAAO,KAAC,WAAW,CAAC,IAAI,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACzG,CAAC,CACF,CAAC;AACF,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAC7E,OAAO,KAAC,WAAW,CAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,0BAA0B,EAAE,SAAS,CAAC,GAAI,CAAC;AACzG,CAAC;AACD,MAAM,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK,EAA2B;IACpH,OAAO,KAAC,WAAW,CAAC,WAAW,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,6BAA6B,EAAE,SAAS,CAAC,eAAa,IAAI,kBAAgB,OAAO,GAAI,CAAC;AACtJ,CAAC;AACD,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACrD,OAAO,KAAC,WAAW,CAAC,UAAU,OAAK,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,4BAA4B,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACtH,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,EAAW,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { Toolbar, ToolbarButton, ToolbarLink, ToolbarRoot, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem } from "./Toolbar.js";
|
|
2
|
-
export type { ToolbarButtonProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSize, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarVariant } from "./Toolbar.js";
|
|
2
|
+
export type { ToolbarButtonProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSize, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarToggleTone, ToolbarToggleVariant, ToolbarVariant } from "./Toolbar.js";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACzI,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,WAAW,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACzI,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,WAAW,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
|
|
2
2
|
import { type ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
|
|
3
|
+
import { type SpacingValue } from "../_spacing-value/SpacingValue.js";
|
|
3
4
|
export type { ResponsiveValue };
|
|
5
|
+
export type { SpacingValue };
|
|
4
6
|
export type ZStackElement = "div" | "span" | "section" | "article" | "nav" | "header" | "footer" | "main" | "aside" | "ul" | "ol" | "li";
|
|
5
7
|
export type ZStackItemElement = "div" | "span" | "section" | "article" | "header" | "footer" | "aside" | "li";
|
|
6
8
|
export type ZStackAlign = "stretch" | "start" | "center" | "end";
|
|
7
9
|
export type ZStackJustify = "stretch" | "start" | "center" | "end";
|
|
8
10
|
export type ZStackItemAlign = "auto" | ZStackAlign;
|
|
9
11
|
export type ZStackItemJustify = "auto" | ZStackJustify;
|
|
12
|
+
export type ZStackIsolation = "contained" | "open";
|
|
13
|
+
export type ZStackItemLayer = "base" | "content" | "action";
|
|
10
14
|
type NativeProps = Omit<HTMLAttributes<HTMLElement>, "children" | "className" | "style">;
|
|
11
15
|
export interface ZStackRootProps extends NativeProps {
|
|
12
16
|
as?: ZStackElement;
|
|
13
17
|
children?: ReactNode;
|
|
14
18
|
align?: ResponsiveValue<ZStackAlign>;
|
|
19
|
+
isolation?: ZStackIsolation;
|
|
15
20
|
justify?: ResponsiveValue<ZStackJustify>;
|
|
16
21
|
className?: string;
|
|
17
22
|
style?: CSSProperties;
|
|
@@ -28,7 +33,9 @@ type ZStackItemHostProps = {
|
|
|
28
33
|
};
|
|
29
34
|
export type ZStackItemProps = NativeProps & ZStackItemHostProps & {
|
|
30
35
|
align?: ResponsiveValue<ZStackItemAlign>;
|
|
36
|
+
edgeSpacing?: ResponsiveValue<SpacingValue>;
|
|
31
37
|
justify?: ResponsiveValue<ZStackItemJustify>;
|
|
38
|
+
layer?: ZStackItemLayer;
|
|
32
39
|
className?: string;
|
|
33
40
|
style?: CSSProperties;
|
|
34
41
|
slot?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZStack.d.ts","sourceRoot":"","sources":["../../../src/components/z-stack/ZStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"ZStack.d.ts","sourceRoot":"","sources":["../../../src/components/z-stack/ZStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,mCAAmC,CAAC;AAE3C,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,MAAM,MAAM,aAAa,GACrB,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GACzD,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,MAAM,MAAM,iBAAiB,GACzB,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAC5D,OAAO,GAAG,IAAI,CAAC;AACnB,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACjE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,aAAa,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5D,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAEzF,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,mBAAmB,GACpB;IAAE,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GACjE;IAAE,EAAE,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,mBAAmB,GAAG;IAChE,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAkFF,QAAA,MAAM,UAAU,yGAA2D,CAAC;AAE5E,QAAA,MAAM,UAAU,yGAA2D,CAAC;AAG5E,eAAO,MAAM,MAAM;;;EAAwD,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}
|