@youcan/celeste 0.6.3
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 +9 -0
- package/dist/celeste.css +3564 -0
- package/dist/cjs/alert.js +111 -0
- package/dist/cjs/alpha-slider.js +3 -0
- package/dist/cjs/badge.js +55 -0
- package/dist/cjs/button.js +39 -0
- package/dist/cjs/checkbox.js +3 -0
- package/dist/cjs/chunks/_plugin-vue_export-helper.js +9 -0
- package/dist/cjs/chunks/alpha-slider.js +127 -0
- package/dist/cjs/chunks/checkbox.vue_vue_type_style_index_0_lang.js +38 -0
- package/dist/cjs/chunks/clsx.js +15 -0
- package/dist/cjs/chunks/content-divider.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/cjs/chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js +51 -0
- package/dist/cjs/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js +49 -0
- package/dist/cjs/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js +32 -0
- package/dist/cjs/chunks/dropdown-menu-sub.js +25 -0
- package/dist/cjs/chunks/index.js +9056 -0
- package/dist/cjs/chunks/modal-close.js +22 -0
- package/dist/cjs/chunks/modal-trigger.js +22 -0
- package/dist/cjs/chunks/modal.js +26 -0
- package/dist/cjs/chunks/popover.js +26 -0
- package/dist/cjs/chunks/scroll-area.js +41 -0
- package/dist/cjs/chunks/select-group.js +22 -0
- package/dist/cjs/chunks/select.js +38 -0
- package/dist/cjs/chunks/slider.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/cjs/chunks/switch.vue_vue_type_style_index_0_lang.js +38 -0
- package/dist/cjs/chunks/use-color-model.js +992 -0
- package/dist/cjs/color-area.js +175 -0
- package/dist/cjs/color-picker.js +515 -0
- package/dist/cjs/color-swatch.js +59 -0
- package/dist/cjs/color.js +102 -0
- package/dist/cjs/command-group.js +41 -0
- package/dist/cjs/command-input.js +45 -0
- package/dist/cjs/command-item.js +34 -0
- package/dist/cjs/command-list.js +52 -0
- package/dist/cjs/command-root.js +45 -0
- package/dist/cjs/command-separator.js +32 -0
- package/dist/cjs/compact-button.js +42 -0
- package/dist/cjs/content-divider.js +3 -0
- package/dist/cjs/context-menu-item.js +134 -0
- package/dist/cjs/crypto.js +8 -0
- package/dist/cjs/dropdown-item.js +99 -0
- package/dist/cjs/dropdown-menu-content.js +3 -0
- package/dist/cjs/dropdown-menu-group.js +24 -0
- package/dist/cjs/dropdown-menu-item.js +68 -0
- package/dist/cjs/dropdown-menu-label.js +31 -0
- package/dist/cjs/dropdown-menu-separator.js +25 -0
- package/dist/cjs/dropdown-menu-sub-content.js +3 -0
- package/dist/cjs/dropdown-menu-sub-trigger.js +3 -0
- package/dist/cjs/dropdown-menu-sub.js +3 -0
- package/dist/cjs/dropdown-menu-trigger.js +26 -0
- package/dist/cjs/dropdown-menu.js +32 -0
- package/dist/cjs/dropdown.js +284 -0
- package/dist/cjs/fancy-button.js +38 -0
- package/dist/cjs/hint-text.js +36 -0
- package/dist/cjs/hue-slider.js +133 -0
- package/dist/cjs/index.js +190 -0
- package/dist/cjs/label.js +55 -0
- package/dist/cjs/link-button.js +44 -0
- package/dist/cjs/modal-body.js +22 -0
- package/dist/cjs/modal-close.js +3 -0
- package/dist/cjs/modal-content.js +48 -0
- package/dist/cjs/modal-footer.js +22 -0
- package/dist/cjs/modal-header.js +81 -0
- package/dist/cjs/modal-trigger.js +3 -0
- package/dist/cjs/modal.js +3 -0
- package/dist/cjs/popover-content.js +104 -0
- package/dist/cjs/popover-trigger.js +24 -0
- package/dist/cjs/popover.js +3 -0
- package/dist/cjs/scroll-area.js +3 -0
- package/dist/cjs/scroll-bar.js +39 -0
- package/dist/cjs/segmented-control-item.js +41 -0
- package/dist/cjs/segmented-control.js +40 -0
- package/dist/cjs/select-content.js +61 -0
- package/dist/cjs/select-group.js +3 -0
- package/dist/cjs/select-icon.js +25 -0
- package/dist/cjs/select-item.js +44 -0
- package/dist/cjs/select-label.js +32 -0
- package/dist/cjs/select-separator.js +26 -0
- package/dist/cjs/select-trigger.js +40 -0
- package/dist/cjs/select-value.js +31 -0
- package/dist/cjs/select.js +3 -0
- package/dist/cjs/shims.js +1 -0
- package/dist/cjs/slider.js +3 -0
- package/dist/cjs/social-button.js +45 -0
- package/dist/cjs/status-badge.js +49 -0
- package/dist/cjs/switch.js +3 -0
- package/dist/cjs/tab-menu-content.js +32 -0
- package/dist/cjs/tab-menu-item.js +44 -0
- package/dist/cjs/tab-menu-list.js +34 -0
- package/dist/cjs/tab-menu.js +32 -0
- package/dist/cjs/text-input-affix.js +28 -0
- package/dist/cjs/text-input-button.js +32 -0
- package/dist/cjs/text-input-icon.js +29 -0
- package/dist/cjs/text-input.js +41 -0
- package/dist/cjs/textarea.js +56 -0
- package/dist/cjs/tooltip.js +115 -0
- package/dist/cjs/use-color-model.js +6 -0
- package/dist/cjs/use-delegated-props.js +14 -0
- package/dist/cjs/use-user-select.js +39 -0
- package/dist/components/alert/alert.d.ts +30 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/badge/badge.d.ts +17 -0
- package/dist/components/badge/index.d.ts +4 -0
- package/dist/components/badge/status-badge.d.ts +13 -0
- package/dist/components/button/button.d.ts +22 -0
- package/dist/components/button/compact-button.d.ts +15 -0
- package/dist/components/button/fancy-button.d.ts +20 -0
- package/dist/components/button/index.d.ts +10 -0
- package/dist/components/button/link-button.d.ts +22 -0
- package/dist/components/button/social-button.d.ts +10 -0
- package/dist/components/checkbox/checkbox.d.ts +11 -0
- package/dist/components/checkbox/index.d.ts +2 -0
- package/dist/components/color-picker/alpha-slider.d.ts +15 -0
- package/dist/components/color-picker/color-area.d.ts +9 -0
- package/dist/components/color-picker/color-picker.d.ts +47 -0
- package/dist/components/color-picker/color-swatch.d.ts +19 -0
- package/dist/components/color-picker/composable/use-color-model.d.ts +7 -0
- package/dist/components/color-picker/composable/use-user-select.d.ts +8 -0
- package/dist/components/color-picker/hue-slider.d.ts +14 -0
- package/dist/components/color-picker/index.d.ts +10 -0
- package/dist/components/content-divider/content-divider.d.ts +10 -0
- package/dist/components/content-divider/index.d.ts +2 -0
- package/dist/components/dropdown/context-menu-item.d.ts +39 -0
- package/dist/components/dropdown/dropdown-item.d.ts +30 -0
- package/dist/components/dropdown/dropdown.d.ts +51 -0
- package/dist/components/dropdown/index.d.ts +6 -0
- package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +36 -0
- package/dist/components/dropdown-menu/dropdown-menu-group.d.ts +18 -0
- package/dist/components/dropdown-menu/dropdown-menu-item.d.ts +26 -0
- package/dist/components/dropdown-menu/dropdown-menu-label.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-separator.d.ts +7 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +38 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-trigger.d.ts +18 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +18 -0
- package/dist/components/dropdown-menu/index.d.ts +20 -0
- package/dist/components/hint-text/hint-text.d.ts +11 -0
- package/dist/components/hint-text/index.d.ts +2 -0
- package/dist/components/index.d.ts +20 -0
- package/dist/components/label/index.d.ts +2 -0
- package/dist/components/label/label.d.ts +29 -0
- package/dist/components/modal/index.d.ts +14 -0
- package/dist/components/modal/modal-body.d.ts +21 -0
- package/dist/components/modal/modal-close.d.ts +18 -0
- package/dist/components/modal/modal-content.d.ts +37 -0
- package/dist/components/modal/modal-footer.d.ts +21 -0
- package/dist/components/modal/modal-header.d.ts +16 -0
- package/dist/components/modal/modal-trigger.d.ts +18 -0
- package/dist/components/modal/modal.d.ts +22 -0
- package/dist/components/popover/index.d.ts +6 -0
- package/dist/components/popover/popover-content.d.ts +41 -0
- package/dist/components/popover/popover-trigger.d.ts +18 -0
- package/dist/components/popover/popover.d.ts +22 -0
- package/dist/components/scroll-area/index.d.ts +2 -0
- package/dist/components/scroll-area/scroll-area.d.ts +22 -0
- package/dist/components/scroll-area/scroll-bar.d.ts +9 -0
- package/dist/components/segmented-control/index.d.ts +4 -0
- package/dist/components/segmented-control/segmented-control-item.d.ts +22 -0
- package/dist/components/segmented-control/segmented-control.d.ts +26 -0
- package/dist/components/select/index.d.ts +18 -0
- package/dist/components/select/select-content.d.ts +33 -0
- package/dist/components/select/select-group.d.ts +18 -0
- package/dist/components/select/select-icon.d.ts +21 -0
- package/dist/components/select/select-item.d.ts +22 -0
- package/dist/components/select/select-label.d.ts +22 -0
- package/dist/components/select/select-separator.d.ts +7 -0
- package/dist/components/select/select-trigger.d.ts +28 -0
- package/dist/components/select/select-value.d.ts +22 -0
- package/dist/components/select/select.d.ts +28 -0
- package/dist/components/slider/index.d.ts +2 -0
- package/dist/components/slider/slider.d.ts +13 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/switch/switch.d.ts +11 -0
- package/dist/components/tab-menu/index.d.ts +8 -0
- package/dist/components/tab-menu/tab-menu-content.d.ts +22 -0
- package/dist/components/tab-menu/tab-menu-item.d.ts +24 -0
- package/dist/components/tab-menu/tab-menu-list.d.ts +22 -0
- package/dist/components/tab-menu/tab-menu.d.ts +23 -0
- package/dist/components/text-input/index.d.ts +8 -0
- package/dist/components/text-input/text-input-affix.d.ts +26 -0
- package/dist/components/text-input/text-input-button.d.ts +23 -0
- package/dist/components/text-input/text-input-icon.d.ts +10 -0
- package/dist/components/text-input/text-input.d.ts +27 -0
- package/dist/components/textarea/index.d.ts +2 -0
- package/dist/components/textarea/textarea.d.ts +22 -0
- package/dist/components/tooltip/index.d.ts +2 -0
- package/dist/components/tooltip/tooltip.d.ts +29 -0
- package/dist/composables/use-delegated-props.d.ts +2 -0
- package/dist/es/alert.js +112 -0
- package/dist/es/alpha-slider.js +4 -0
- package/dist/es/badge.js +56 -0
- package/dist/es/button.js +40 -0
- package/dist/es/checkbox.js +4 -0
- package/dist/es/chunks/_plugin-vue_export-helper.js +10 -0
- package/dist/es/chunks/alpha-slider.js +128 -0
- package/dist/es/chunks/checkbox.vue_vue_type_style_index_0_lang.js +39 -0
- package/dist/es/chunks/clsx.js +16 -0
- package/dist/es/chunks/content-divider.vue_vue_type_style_index_0_lang.js +53 -0
- package/dist/es/chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/es/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js +50 -0
- package/dist/es/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js +33 -0
- package/dist/es/chunks/dropdown-menu-sub.js +26 -0
- package/dist/es/chunks/index.js +9041 -0
- package/dist/es/chunks/modal-close.js +23 -0
- package/dist/es/chunks/modal-trigger.js +23 -0
- package/dist/es/chunks/modal.js +27 -0
- package/dist/es/chunks/popover.js +27 -0
- package/dist/es/chunks/scroll-area.js +42 -0
- package/dist/es/chunks/select-group.js +23 -0
- package/dist/es/chunks/select.js +39 -0
- package/dist/es/chunks/slider.vue_vue_type_style_index_0_lang.js +53 -0
- package/dist/es/chunks/switch.vue_vue_type_style_index_0_lang.js +39 -0
- package/dist/es/chunks/use-color-model.js +993 -0
- package/dist/es/color-area.js +176 -0
- package/dist/es/color-picker.js +516 -0
- package/dist/es/color-swatch.js +60 -0
- package/dist/es/color.js +102 -0
- package/dist/es/command-group.js +42 -0
- package/dist/es/command-input.js +46 -0
- package/dist/es/command-item.js +35 -0
- package/dist/es/command-list.js +53 -0
- package/dist/es/command-root.js +46 -0
- package/dist/es/command-separator.js +33 -0
- package/dist/es/compact-button.js +43 -0
- package/dist/es/content-divider.js +4 -0
- package/dist/es/context-menu-item.js +135 -0
- package/dist/es/crypto.js +8 -0
- package/dist/es/dropdown-item.js +100 -0
- package/dist/es/dropdown-menu-content.js +4 -0
- package/dist/es/dropdown-menu-group.js +25 -0
- package/dist/es/dropdown-menu-item.js +69 -0
- package/dist/es/dropdown-menu-label.js +32 -0
- package/dist/es/dropdown-menu-separator.js +26 -0
- package/dist/es/dropdown-menu-sub-content.js +4 -0
- package/dist/es/dropdown-menu-sub-trigger.js +4 -0
- package/dist/es/dropdown-menu-sub.js +4 -0
- package/dist/es/dropdown-menu-trigger.js +27 -0
- package/dist/es/dropdown-menu.js +33 -0
- package/dist/es/dropdown.js +285 -0
- package/dist/es/fancy-button.js +39 -0
- package/dist/es/hint-text.js +37 -0
- package/dist/es/hue-slider.js +134 -0
- package/dist/es/index.js +190 -0
- package/dist/es/label.js +56 -0
- package/dist/es/link-button.js +45 -0
- package/dist/es/modal-body.js +23 -0
- package/dist/es/modal-close.js +4 -0
- package/dist/es/modal-content.js +49 -0
- package/dist/es/modal-footer.js +23 -0
- package/dist/es/modal-header.js +82 -0
- package/dist/es/modal-trigger.js +4 -0
- package/dist/es/modal.js +4 -0
- package/dist/es/popover-content.js +105 -0
- package/dist/es/popover-trigger.js +25 -0
- package/dist/es/popover.js +4 -0
- package/dist/es/scroll-area.js +4 -0
- package/dist/es/scroll-bar.js +40 -0
- package/dist/es/segmented-control-item.js +42 -0
- package/dist/es/segmented-control.js +41 -0
- package/dist/es/select-content.js +62 -0
- package/dist/es/select-group.js +4 -0
- package/dist/es/select-icon.js +26 -0
- package/dist/es/select-item.js +45 -0
- package/dist/es/select-label.js +33 -0
- package/dist/es/select-separator.js +27 -0
- package/dist/es/select-trigger.js +41 -0
- package/dist/es/select-value.js +32 -0
- package/dist/es/select.js +4 -0
- package/dist/es/shims.js +1 -0
- package/dist/es/slider.js +4 -0
- package/dist/es/social-button.js +46 -0
- package/dist/es/status-badge.js +50 -0
- package/dist/es/switch.js +4 -0
- package/dist/es/tab-menu-content.js +33 -0
- package/dist/es/tab-menu-item.js +45 -0
- package/dist/es/tab-menu-list.js +35 -0
- package/dist/es/tab-menu.js +33 -0
- package/dist/es/text-input-affix.js +29 -0
- package/dist/es/text-input-button.js +33 -0
- package/dist/es/text-input-icon.js +30 -0
- package/dist/es/text-input.js +42 -0
- package/dist/es/textarea.js +57 -0
- package/dist/es/tooltip.js +116 -0
- package/dist/es/use-color-model.js +6 -0
- package/dist/es/use-delegated-props.js +14 -0
- package/dist/es/use-user-select.js +39 -0
- package/dist/index.d.ts +5 -0
- package/dist/utils/color.d.ts +26 -0
- package/dist/utils/crypto.d.ts +1 -0
- package/package.json +77 -0
- package/src/components/alert/alert.vue +312 -0
- package/src/components/alert/index.ts +2 -0
- package/src/components/alert/stories/alert.stories.ts +91 -0
- package/src/components/badge/badge.vue +131 -0
- package/src/components/badge/index.ts +5 -0
- package/src/components/badge/status-badge.vue +110 -0
- package/src/components/badge/stories/badge.stories.ts +33 -0
- package/src/components/badge/stories/status-badge.stories.ts +31 -0
- package/src/components/button/button.vue +281 -0
- package/src/components/button/compact-button.vue +126 -0
- package/src/components/button/fancy-button.vue +171 -0
- package/src/components/button/index.ts +14 -0
- package/src/components/button/link-button.vue +128 -0
- package/src/components/button/social-button.vue +130 -0
- package/src/components/button/stories/button.stories.ts +31 -0
- package/src/components/button/stories/compact-button.stories.ts +31 -0
- package/src/components/button/stories/fancy-button.stories.ts +31 -0
- package/src/components/button/stories/link-button.stories.ts +26 -0
- package/src/components/button/stories/social-button.stories.ts +29 -0
- package/src/components/checkbox/checkbox.vue +131 -0
- package/src/components/checkbox/index.ts +2 -0
- package/src/components/checkbox/stories/checkbox.stories.ts +102 -0
- package/src/components/color-picker/alpha-slider.vue +149 -0
- package/src/components/color-picker/color-area.vue +213 -0
- package/src/components/color-picker/color-picker.vue +642 -0
- package/src/components/color-picker/color-swatch.vue +98 -0
- package/src/components/color-picker/composable/use-color-model.ts +40 -0
- package/src/components/color-picker/composable/use-user-select.ts +51 -0
- package/src/components/color-picker/hue-slider.vue +156 -0
- package/src/components/color-picker/index.ts +14 -0
- package/src/components/color-picker/stories/color-picker.stories.ts +116 -0
- package/src/components/command/command-group.vue +42 -0
- package/src/components/command/command-input.vue +77 -0
- package/src/components/command/command-item.vue +45 -0
- package/src/components/command/command-list.vue +37 -0
- package/src/components/command/command-root.vue +45 -0
- package/src/components/command/command-separator.vue +31 -0
- package/src/components/content-divider/content-divider.vue +110 -0
- package/src/components/content-divider/index.ts +2 -0
- package/src/components/content-divider/stories/content-divider.stories.ts +37 -0
- package/src/components/dropdown/context-menu-item.vue +317 -0
- package/src/components/dropdown/dropdown-item.vue +184 -0
- package/src/components/dropdown/dropdown.vue +620 -0
- package/src/components/dropdown/index.ts +8 -0
- package/src/components/dropdown/stories/context-menu-item.stories.ts +51 -0
- package/src/components/dropdown/stories/dropdown-item.stories.ts +33 -0
- package/src/components/dropdown/stories/dropdown.stories.ts +53 -0
- package/src/components/dropdown-menu/dropdown-menu-content.vue +79 -0
- package/src/components/dropdown-menu/dropdown-menu-group.vue +19 -0
- package/src/components/dropdown-menu/dropdown-menu-item.vue +147 -0
- package/src/components/dropdown-menu/dropdown-menu-label.vue +33 -0
- package/src/components/dropdown-menu/dropdown-menu-separator.vue +27 -0
- package/src/components/dropdown-menu/dropdown-menu-sub-content.vue +72 -0
- package/src/components/dropdown-menu/dropdown-menu-sub-trigger.vue +70 -0
- package/src/components/dropdown-menu/dropdown-menu-sub.vue +19 -0
- package/src/components/dropdown-menu/dropdown-menu-trigger.vue +52 -0
- package/src/components/dropdown-menu/dropdown-menu.vue +23 -0
- package/src/components/dropdown-menu/index.ts +29 -0
- package/src/components/dropdown-menu/stories/dropdown-menu.stories.ts +107 -0
- package/src/components/hint-text/hint-text.vue +63 -0
- package/src/components/hint-text/index.ts +2 -0
- package/src/components/hint-text/stories/hint-text.stories.ts +28 -0
- package/src/components/index.ts +20 -0
- package/src/components/label/index.ts +2 -0
- package/src/components/label/label.vue +103 -0
- package/src/components/label/stories/label.stories.ts +127 -0
- package/src/components/modal/index.ts +20 -0
- package/src/components/modal/modal-body.vue +26 -0
- package/src/components/modal/modal-close.vue +11 -0
- package/src/components/modal/modal-content.vue +64 -0
- package/src/components/modal/modal-footer.vue +22 -0
- package/src/components/modal/modal-header.vue +165 -0
- package/src/components/modal/modal-trigger.vue +12 -0
- package/src/components/modal/modal.vue +15 -0
- package/src/components/modal/stories/modal.stories.ts +287 -0
- package/src/components/popover/index.ts +8 -0
- package/src/components/popover/popover-content.vue +254 -0
- package/src/components/popover/popover-trigger.vue +22 -0
- package/src/components/popover/popover.vue +17 -0
- package/src/components/popover/stories/popover.stories.ts +341 -0
- package/src/components/scroll-area/index.ts +2 -0
- package/src/components/scroll-area/scroll-area.vue +29 -0
- package/src/components/scroll-area/scroll-bar.vue +36 -0
- package/src/components/segmented-control/index.ts +5 -0
- package/src/components/segmented-control/segmented-control-item.vue +62 -0
- package/src/components/segmented-control/segmented-control.vue +38 -0
- package/src/components/segmented-control/stories/segmented-control.stories.ts +120 -0
- package/src/components/select/index.ts +26 -0
- package/src/components/select/select-content.vue +77 -0
- package/src/components/select/select-group.vue +11 -0
- package/src/components/select/select-icon.vue +29 -0
- package/src/components/select/select-item.vue +65 -0
- package/src/components/select/select-label.vue +27 -0
- package/src/components/select/select-separator.vue +25 -0
- package/src/components/select/select-trigger.vue +161 -0
- package/src/components/select/select-value.vue +37 -0
- package/src/components/select/select.vue +21 -0
- package/src/components/select/stories/select.stories.ts +428 -0
- package/src/components/slider/index.ts +2 -0
- package/src/components/slider/slider.vue +81 -0
- package/src/components/slider/stories/slider.stories.ts +30 -0
- package/src/components/switch/index.ts +2 -0
- package/src/components/switch/stories/switch.stories.ts +74 -0
- package/src/components/switch/switch.vue +92 -0
- package/src/components/tab-menu/index.ts +11 -0
- package/src/components/tab-menu/stories/tab-menu.stories.ts +239 -0
- package/src/components/tab-menu/tab-menu-content.vue +27 -0
- package/src/components/tab-menu/tab-menu-item.vue +108 -0
- package/src/components/tab-menu/tab-menu-list.vue +43 -0
- package/src/components/tab-menu/tab-menu.vue +29 -0
- package/src/components/text-input/index.ts +11 -0
- package/src/components/text-input/stories/text-input.stories.ts +244 -0
- package/src/components/text-input/text-input-affix.vue +58 -0
- package/src/components/text-input/text-input-button.vue +56 -0
- package/src/components/text-input/text-input-icon.vue +37 -0
- package/src/components/text-input/text-input.vue +187 -0
- package/src/components/textarea/index.ts +2 -0
- package/src/components/textarea/stories/textarea.stories.ts +27 -0
- package/src/components/textarea/textarea.vue +155 -0
- package/src/components/tooltip/index.ts +2 -0
- package/src/components/tooltip/stories/tooltip.stories.ts +138 -0
- package/src/components/tooltip/tooltip.vue +256 -0
- package/src/composables/use-delegated-props.ts +20 -0
- package/src/index.ts +13 -0
- package/src/shims.d.ts +6 -0
- package/src/utils/color.ts +131 -0
- package/src/utils/crypto.ts +6 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { SliderRootProps } from 'radix-vue';
|
|
3
|
+
type __VLS_Props = Omit<SliderRootProps, 'orientation'> & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (payload: number[] | undefined) => any;
|
|
8
|
+
valueCommit: (payload: number[]) => any;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
+
"onUpdate:modelValue"?: ((payload: number[] | undefined) => any) | undefined;
|
|
11
|
+
onValueCommit?: ((payload: number[]) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { SwitchRootProps } from 'radix-vue';
|
|
3
|
+
type __VLS_Props = SwitchRootProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:checked": (payload: boolean) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
9
|
+
"onUpdate:checked"?: ((payload: boolean) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './tab-menu-content';
|
|
2
|
+
export { default as TabMenuContent } from './tab-menu-content';
|
|
3
|
+
export * from './tab-menu-item';
|
|
4
|
+
export { default as TabMenuItem } from './tab-menu-item';
|
|
5
|
+
export * from './tab-menu-list';
|
|
6
|
+
export { default as TabMenuList } from './tab-menu-list';
|
|
7
|
+
export * from './tab-menu';
|
|
8
|
+
export { default as TabMenu } from './tab-menu';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { TabsContentProps } from 'radix-vue';
|
|
3
|
+
type __VLS_Props = TabsContentProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { TabsTriggerProps } from 'radix-vue';
|
|
3
|
+
type __VLS_Props = TabsTriggerProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
prefix?(_: {}): any;
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
postfix?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { TabsListProps } from 'radix-vue';
|
|
3
|
+
type __VLS_Props = TabsListProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { TabsRootProps } from 'radix-vue';
|
|
2
|
+
type __VLS_Props = TabsRootProps;
|
|
3
|
+
declare function __VLS_template(): {
|
|
4
|
+
attrs: Partial<{}>;
|
|
5
|
+
slots: {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: any;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
"update:modelValue": (payload: import('node_modules/radix-vue/dist/shared/types').StringOrNumber) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
+
"onUpdate:modelValue"?: ((payload: import('node_modules/radix-vue/dist/shared/types').StringOrNumber) => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './text-input-affix';
|
|
2
|
+
export { default as TextInputAffix } from './text-input-affix';
|
|
3
|
+
export * from './text-input-button';
|
|
4
|
+
export { default as TextInputButton } from './text-input-button';
|
|
5
|
+
export * from './text-input-icon';
|
|
6
|
+
export { default as TextInputIcon } from './text-input-icon';
|
|
7
|
+
export * from './text-input';
|
|
8
|
+
export { default as TextInput } from './text-input';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
variant?: 'prefix' | 'suffix';
|
|
5
|
+
inline?: boolean;
|
|
6
|
+
asKbd?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: HTMLSpanElement;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
18
|
+
variant: "prefix" | "suffix";
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ButtonProps } from '../button/button';
|
|
2
|
+
type __VLS_Props = Omit</* @vue-ignore */ ButtonProps, 'type' | 'size' | 'variant'> & {
|
|
3
|
+
inline?: boolean;
|
|
4
|
+
};
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: any;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
15
|
+
inline: boolean;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
icon: string;
|
|
4
|
+
position?: 'start' | 'end';
|
|
5
|
+
class?: HTMLAttributes['class'];
|
|
6
|
+
};
|
|
7
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
|
+
position: "start" | "end";
|
|
9
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'vue';
|
|
2
|
+
export interface TextInputProps extends /* @vue-ignore */ InputHTMLAttributes {
|
|
3
|
+
type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
|
|
4
|
+
size?: 'xs' | 'sm' | 'md';
|
|
5
|
+
hasError?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
8
|
+
modelValue?: string | number;
|
|
9
|
+
} & TextInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
|
+
"update:modelValue": (value: string | number) => any;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
12
|
+
modelValue?: string | number;
|
|
13
|
+
} & TextInputProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
size: "xs" | "sm" | "md";
|
|
17
|
+
type: "text" | "email" | "password" | "search" | "tel" | "url";
|
|
18
|
+
hasError: boolean;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>, {
|
|
20
|
+
default?(_: {}): any;
|
|
21
|
+
}>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TextareaHTMLAttributes } from 'vue';
|
|
2
|
+
export interface TextAreaProps {
|
|
3
|
+
class?: TextareaHTMLAttributes['class'];
|
|
4
|
+
placeholder: string;
|
|
5
|
+
showCount?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
maxLength?: TextareaHTMLAttributes['maxlength'];
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<{
|
|
10
|
+
modelValue?: string;
|
|
11
|
+
} & TextAreaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (value: string) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
14
|
+
modelValue?: string;
|
|
15
|
+
} & TextAreaProps> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
placeholder: string;
|
|
20
|
+
showCount: boolean;
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { TooltipContentProps, TooltipRootProps } from 'radix-vue';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
export interface TooltipProps extends TooltipRootProps, TooltipContentProps {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
size?: 'xs' | 'sm' | 'md';
|
|
6
|
+
variant?: 'light' | 'dark';
|
|
7
|
+
icon?: string;
|
|
8
|
+
title?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
dismissible?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
"update:open": (value: boolean) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<TooltipProps> & Readonly<{
|
|
15
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
size: "xs" | "sm" | "md";
|
|
18
|
+
variant: "light" | "dark";
|
|
19
|
+
sideOffset: number;
|
|
20
|
+
delayDuration: number;
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
22
|
+
default?(_: {}): any;
|
|
23
|
+
}>;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
package/dist/es/alert.js
ADDED
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, renderSlot, createCommentVNode, withModifiers } from "vue";
|
|
2
|
+
import { uid } from "./crypto.js";
|
|
3
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
4
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
+
const _hoisted_1 = ["aria-labelledby", "aria-describedby", "role"];
|
|
6
|
+
const _hoisted_2 = {
|
|
7
|
+
class: "celeste-alert-inner",
|
|
8
|
+
role: "presentation"
|
|
9
|
+
};
|
|
10
|
+
const _hoisted_3 = {
|
|
11
|
+
role: "presentation",
|
|
12
|
+
class: "celeste-alert-content"
|
|
13
|
+
};
|
|
14
|
+
const _hoisted_4 = ["id"];
|
|
15
|
+
const _hoisted_5 = ["id"];
|
|
16
|
+
const _hoisted_6 = {
|
|
17
|
+
key: 0,
|
|
18
|
+
class: "celeste-alert-actions",
|
|
19
|
+
role: "presentation"
|
|
20
|
+
};
|
|
21
|
+
const _hoisted_7 = {
|
|
22
|
+
key: 0,
|
|
23
|
+
class: "celeste-alert-action-primary"
|
|
24
|
+
};
|
|
25
|
+
const _hoisted_8 = {
|
|
26
|
+
key: 1,
|
|
27
|
+
class: "celeste-alert-action-divider"
|
|
28
|
+
};
|
|
29
|
+
const _hoisted_9 = {
|
|
30
|
+
key: 2,
|
|
31
|
+
class: "celeste-alert-action-secondary"
|
|
32
|
+
};
|
|
33
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
34
|
+
__name: "alert",
|
|
35
|
+
props: {
|
|
36
|
+
class: {},
|
|
37
|
+
size: { default: "xs" },
|
|
38
|
+
variant: { default: "fill" },
|
|
39
|
+
state: { default: "information" },
|
|
40
|
+
dismissable: { type: Boolean, default: false }
|
|
41
|
+
},
|
|
42
|
+
emits: ["dismiss"],
|
|
43
|
+
setup(__props) {
|
|
44
|
+
const props = __props;
|
|
45
|
+
const labelledby = uid();
|
|
46
|
+
const describedby = uid();
|
|
47
|
+
const ICON_MAP = {
|
|
48
|
+
warning: "i-celeste-alert-fill",
|
|
49
|
+
feature: "i-celeste-magic-fill",
|
|
50
|
+
error: "i-celeste-error-warning-fill",
|
|
51
|
+
success: "i-celeste-checkbox-circle-fill",
|
|
52
|
+
information: "i-celeste-information-fill"
|
|
53
|
+
};
|
|
54
|
+
return (_ctx, _cache) => {
|
|
55
|
+
return openBlock(), createElementBlock("div", {
|
|
56
|
+
"aria-labelledby": unref(labelledby),
|
|
57
|
+
"aria-describedby": unref(describedby),
|
|
58
|
+
role: _ctx.$slots.primary || _ctx.$slots.secondary ? "alert-dialog" : "alert",
|
|
59
|
+
class: normalizeClass(["celeste-alert", unref(clsx)(
|
|
60
|
+
`celeste-alert--${_ctx.size}`,
|
|
61
|
+
`celeste-alert--${_ctx.variant}--${_ctx.state}`,
|
|
62
|
+
props.class
|
|
63
|
+
)])
|
|
64
|
+
}, [
|
|
65
|
+
createElementVNode("i", {
|
|
66
|
+
class: normalizeClass(["celeste-alert-icon", [`celeste-alert-icon--${_ctx.variant}--${_ctx.state}`, ICON_MAP[props.state]]])
|
|
67
|
+
}, null, 2),
|
|
68
|
+
createElementVNode("div", _hoisted_2, [
|
|
69
|
+
createElementVNode("div", _hoisted_3, [
|
|
70
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
71
|
+
createElementVNode("h5", {
|
|
72
|
+
id: unref(labelledby),
|
|
73
|
+
class: "celeste-alert-title"
|
|
74
|
+
}, [
|
|
75
|
+
renderSlot(_ctx.$slots, "title", {}, void 0, true)
|
|
76
|
+
], 8, _hoisted_4),
|
|
77
|
+
_ctx.size === "lg" && _ctx.$slots.description ? (openBlock(), createElementBlock("div", {
|
|
78
|
+
key: 0,
|
|
79
|
+
id: unref(describedby),
|
|
80
|
+
class: "celeste-alert-description"
|
|
81
|
+
}, [
|
|
82
|
+
renderSlot(_ctx.$slots, "description", {}, void 0, true)
|
|
83
|
+
], 8, _hoisted_5)) : createCommentVNode("", true)
|
|
84
|
+
], true)
|
|
85
|
+
]),
|
|
86
|
+
_ctx.$slots.primary || _ctx.$slots.secondary ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
|
87
|
+
_ctx.$slots.primary ? (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
88
|
+
renderSlot(_ctx.$slots, "primary", {}, void 0, true)
|
|
89
|
+
])) : createCommentVNode("", true),
|
|
90
|
+
_ctx.$slots.primary && _ctx.$slots.secondary && _ctx.size === "lg" ? (openBlock(), createElementBlock("div", _hoisted_8, " ∙ ")) : createCommentVNode("", true),
|
|
91
|
+
_ctx.$slots.secondary && _ctx.size === "lg" ? (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
92
|
+
renderSlot(_ctx.$slots, "secondary", {}, void 0, true)
|
|
93
|
+
])) : createCommentVNode("", true)
|
|
94
|
+
])) : createCommentVNode("", true)
|
|
95
|
+
]),
|
|
96
|
+
_ctx.dismissable ? (openBlock(), createElementBlock("a", {
|
|
97
|
+
key: 0,
|
|
98
|
+
href: "#",
|
|
99
|
+
"aria-label": "close",
|
|
100
|
+
class: normalizeClass(["celeste-alert-close", [`celeste-alert-close--${_ctx.variant}`]]),
|
|
101
|
+
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent"]))
|
|
102
|
+
}, _cache[1] || (_cache[1] = [
|
|
103
|
+
createElementVNode("i", { "i-celeste-close-line": "" }, null, -1)
|
|
104
|
+
]), 2)) : createCommentVNode("", true)
|
|
105
|
+
], 10, _hoisted_1);
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
const alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bf31e7d4"]]);
|
|
110
|
+
export {
|
|
111
|
+
alert as default
|
|
112
|
+
};
|
package/dist/es/badge.js
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, toDisplayString } from "vue";
|
|
2
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
4
|
+
const _hoisted_1 = ["aria-label", "aria-disabled"];
|
|
5
|
+
const _hoisted_2 = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "dot i-celeste-dot"
|
|
8
|
+
};
|
|
9
|
+
const _hoisted_3 = { key: 2 };
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
|
+
__name: "badge",
|
|
12
|
+
props: {
|
|
13
|
+
size: { default: "md" },
|
|
14
|
+
variant: { default: "fill" },
|
|
15
|
+
type: { default: "basic" },
|
|
16
|
+
state: {},
|
|
17
|
+
disabled: { type: Boolean },
|
|
18
|
+
icon: {},
|
|
19
|
+
label: {},
|
|
20
|
+
class: {}
|
|
21
|
+
},
|
|
22
|
+
setup(__props) {
|
|
23
|
+
const props = __props;
|
|
24
|
+
return (_ctx, _cache) => {
|
|
25
|
+
return openBlock(), createElementBlock("div", {
|
|
26
|
+
class: normalizeClass(unref(clsx)(
|
|
27
|
+
"celeste-badge",
|
|
28
|
+
`celeste-badge-${_ctx.size}`,
|
|
29
|
+
`celeste-badge-${_ctx.type}`,
|
|
30
|
+
`celeste-badge-${_ctx.state}`,
|
|
31
|
+
`celeste-badge-${_ctx.variant}`,
|
|
32
|
+
_ctx.disabled && "celeste-badge-disabled",
|
|
33
|
+
props.class
|
|
34
|
+
)),
|
|
35
|
+
"aria-label": _ctx.label,
|
|
36
|
+
"aria-disabled": _ctx.disabled || void 0,
|
|
37
|
+
role: "badge"
|
|
38
|
+
}, [
|
|
39
|
+
_ctx.type === "dot" ? (openBlock(), createElementBlock("i", _hoisted_2)) : createCommentVNode("", true),
|
|
40
|
+
_ctx.type === "leading-icon" ? (openBlock(), createElementBlock("i", {
|
|
41
|
+
key: 1,
|
|
42
|
+
class: normalizeClass(_ctx.icon)
|
|
43
|
+
}, null, 2)) : createCommentVNode("", true),
|
|
44
|
+
_ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
|
|
45
|
+
_ctx.type === "trailing-icon" ? (openBlock(), createElementBlock("i", {
|
|
46
|
+
key: 3,
|
|
47
|
+
class: normalizeClass(_ctx.icon)
|
|
48
|
+
}, null, 2)) : createCommentVNode("", true)
|
|
49
|
+
], 10, _hoisted_1);
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
const Badge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6cc59c9"]]);
|
|
54
|
+
export {
|
|
55
|
+
Badge as default
|
|
56
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
|
|
2
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
+
import { f as O } from "./chunks/index.js";
|
|
4
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "button",
|
|
7
|
+
props: {
|
|
8
|
+
class: {},
|
|
9
|
+
size: { default: "md" },
|
|
10
|
+
intent: { default: "primary" },
|
|
11
|
+
variant: { default: "fill" },
|
|
12
|
+
asChild: { type: Boolean },
|
|
13
|
+
as: { default: "button" }
|
|
14
|
+
},
|
|
15
|
+
setup(__props) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
return (_ctx, _cache) => {
|
|
18
|
+
return openBlock(), createBlock(unref(O), {
|
|
19
|
+
as: _ctx.as,
|
|
20
|
+
"as-child": _ctx.asChild,
|
|
21
|
+
class: normalizeClass(unref(clsx)(
|
|
22
|
+
"celeste-button",
|
|
23
|
+
`celeste-button-intent-${_ctx.intent}`,
|
|
24
|
+
`celeste-button-size-${_ctx.size}`,
|
|
25
|
+
`celeste-button-variant-${_ctx.variant}`,
|
|
26
|
+
props.class
|
|
27
|
+
))
|
|
28
|
+
}, {
|
|
29
|
+
default: withCtx(() => [
|
|
30
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
31
|
+
]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 8, ["as", "as-child", "class"]);
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ba4c26eb"]]);
|
|
38
|
+
export {
|
|
39
|
+
Button as default
|
|
40
|
+
};
|