@indielayer/ui 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/exports/tailwind.preset.js +30 -45
- package/lib/{composables/colors-utils.d.ts → common/colors.d.ts} +1 -1
- package/lib/common/icons.js +7 -8
- package/lib/common/utils.d.ts +6 -4
- package/lib/components/alert/Alert.vue.d.ts +10 -6
- package/lib/components/alert/Alert.vue2.js +13 -14
- package/lib/components/alert/index.d.ts +1 -2
- package/lib/components/alert/theme/Alert.base.theme.d.ts +3 -0
- package/lib/components/alert/theme/Alert.carbon.theme.d.ts +3 -0
- package/lib/components/alert/theme/Alert.carbon.theme.js +5 -0
- package/lib/components/avatar/Avatar.vue.d.ts +13 -6
- package/lib/components/avatar/Avatar.vue2.js +16 -17
- package/lib/components/avatar/index.d.ts +1 -2
- package/lib/components/avatar/theme/Avatar.base.theme.d.ts +3 -0
- package/lib/components/avatar/theme/Avatar.carbon.theme.d.ts +3 -0
- package/lib/components/avatar/theme/Avatar.carbon.theme.js +5 -0
- package/lib/components/badge/Badge.vue.d.ts +10 -6
- package/lib/components/badge/Badge.vue.js +18 -19
- package/lib/components/badge/index.d.ts +1 -2
- package/lib/components/badge/theme/Badge.base.theme.d.ts +3 -0
- package/lib/components/badge/theme/Badge.base.theme.js +12 -0
- package/lib/components/badge/theme/Badge.carbon.theme.d.ts +3 -0
- package/lib/components/badge/theme/Badge.carbon.theme.js +5 -0
- package/lib/components/breadcrumbs/Breadcrumbs.vue.d.ts +11 -4
- package/lib/components/breadcrumbs/Breadcrumbs.vue.js +55 -65
- package/lib/components/breadcrumbs/index.d.ts +1 -2
- package/lib/components/breadcrumbs/theme/Breadcrumbs.base.theme.d.ts +3 -0
- package/lib/components/breadcrumbs/{Breadcrumbs.theme.js → theme/Breadcrumbs.base.theme.js} +2 -2
- package/lib/components/breadcrumbs/theme/Breadcrumbs.carbon.theme.d.ts +3 -0
- package/lib/components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js +10 -0
- package/lib/components/button/Button.vue.d.ts +33 -10
- package/lib/components/button/Button.vue.js +2 -2
- package/lib/components/button/Button.vue2.js +60 -58
- package/lib/components/button/ButtonGroup.vue.d.ts +31 -8
- package/lib/components/button/ButtonGroup.vue2.js +13 -14
- package/lib/components/button/index.d.ts +2 -4
- package/lib/components/button/theme/Button.base.theme.d.ts +3 -0
- package/lib/components/button/theme/Button.carbon.theme.d.ts +3 -0
- package/lib/components/button/theme/Button.carbon.theme.js +138 -0
- package/lib/components/button/theme/ButtonGroup.base.theme.d.ts +3 -0
- package/lib/components/button/theme/ButtonGroup.carbon.theme.d.ts +3 -0
- package/lib/components/button/theme/ButtonGroup.carbon.theme.js +8 -0
- package/lib/components/card/Card.vue.d.ts +4 -0
- package/lib/components/card/Card.vue.js +12 -13
- package/lib/components/card/index.d.ts +1 -2
- package/lib/components/card/theme/Card.base.theme.d.ts +3 -0
- package/lib/components/card/{Card.theme.js → theme/Card.base.theme.js} +2 -2
- package/lib/components/card/theme/Card.carbon.theme.d.ts +3 -0
- package/lib/components/card/theme/Card.carbon.theme.js +5 -0
- package/lib/components/carousel/Carousel.vue.d.ts +85 -0
- package/lib/components/carousel/Carousel.vue.js +94 -0
- package/lib/components/carousel/Carousel.vue2.js +4 -0
- package/lib/components/carousel/CarouselSlide.vue.d.ts +22 -0
- package/lib/components/carousel/CarouselSlide.vue.js +9 -0
- package/lib/components/carousel/CarouselSlide.vue2.js +25 -0
- package/lib/components/carousel/CarouselSlide.vue3.js +6 -0
- package/lib/components/carousel/__tests__/Carousel.spec.d.ts +1 -0
- package/lib/components/carousel/index.d.ts +4 -0
- package/lib/components/carousel/theme/Carousel.base.theme.d.ts +3 -0
- package/lib/components/carousel/theme/Carousel.base.theme.js +16 -0
- package/lib/components/carousel/theme/Carousel.carbon.theme.d.ts +3 -0
- package/lib/components/carousel/theme/Carousel.carbon.theme.js +5 -0
- package/lib/components/carousel/theme/CarouselSlide.base.theme.d.ts +3 -0
- package/lib/components/carousel/theme/CarouselSlide.base.theme.js +8 -0
- package/lib/components/carousel/theme/CarouselSlide.carbon.theme.d.ts +3 -0
- package/lib/components/carousel/theme/CarouselSlide.carbon.theme.js +5 -0
- package/lib/components/checkbox/Checkbox.vue.d.ts +35 -8
- package/lib/components/checkbox/Checkbox.vue2.js +53 -53
- package/lib/components/checkbox/index.d.ts +1 -2
- package/lib/components/checkbox/theme/Checkbox.base.theme.d.ts +3 -0
- package/lib/components/checkbox/theme/Checkbox.carbon.theme.d.ts +3 -0
- package/lib/components/checkbox/theme/Checkbox.carbon.theme.js +52 -0
- package/lib/components/collapse/Collapse.vue.d.ts +5 -1
- package/lib/components/collapse/Collapse.vue.js +34 -35
- package/lib/components/collapse/index.d.ts +1 -2
- package/lib/components/collapse/theme/Collapse.base.theme.d.ts +3 -0
- package/lib/components/collapse/theme/Collapse.carbon.theme.d.ts +3 -0
- package/lib/components/collapse/theme/Collapse.carbon.theme.js +5 -0
- package/lib/components/container/Container.vue.d.ts +4 -0
- package/lib/components/container/Container.vue.js +13 -14
- package/lib/components/container/index.d.ts +1 -2
- package/lib/components/container/theme/Container.base.theme.d.ts +3 -0
- package/lib/components/container/theme/Container.carbon.theme.d.ts +3 -0
- package/lib/components/container/theme/Container.carbon.theme.js +5 -0
- package/lib/components/divider/Divider.vue.d.ts +4 -0
- package/lib/components/divider/Divider.vue.js +12 -13
- package/lib/components/divider/index.d.ts +1 -2
- package/lib/components/divider/theme/Divider.base.theme.d.ts +3 -0
- package/lib/components/divider/theme/Divider.carbon.theme.d.ts +3 -0
- package/lib/components/divider/theme/Divider.carbon.theme.js +5 -0
- package/lib/components/drawer/Drawer.vue.d.ts +10 -6
- package/lib/components/drawer/Drawer.vue.js +34 -35
- package/lib/components/drawer/index.d.ts +1 -2
- package/lib/components/drawer/theme/Drawer.base.theme.d.ts +3 -0
- package/lib/components/drawer/theme/Drawer.carbon.theme.d.ts +3 -0
- package/lib/components/drawer/theme/Drawer.carbon.theme.js +5 -0
- package/lib/components/form/Form.vue.d.ts +5 -1
- package/lib/components/form/Form.vue.js +23 -24
- package/lib/components/form/index.d.ts +1 -2
- package/lib/components/form/theme/Form.base.theme.d.ts +3 -0
- package/lib/components/form/theme/Form.carbon.theme.d.ts +3 -0
- package/lib/components/form/theme/Form.carbon.theme.js +5 -0
- package/lib/components/icon/Icon.vue.d.ts +15 -5
- package/lib/components/icon/Icon.vue.js +16 -17
- package/lib/components/icon/index.d.ts +1 -2
- package/lib/components/icon/theme/Icon.base.theme.d.ts +3 -0
- package/lib/components/icon/theme/Icon.carbon.theme.d.ts +3 -0
- package/lib/components/icon/theme/Icon.carbon.theme.js +11 -0
- package/lib/components/image/Image.vue.d.ts +4 -0
- package/lib/components/image/Image.vue.js +13 -14
- package/lib/components/image/index.d.ts +1 -2
- package/lib/components/image/theme/Image.base.theme.d.ts +3 -0
- package/lib/components/image/theme/Image.carbon.theme.d.ts +3 -0
- package/lib/components/image/theme/Image.carbon.theme.js +5 -0
- package/lib/components/index.d.ts +5 -0
- package/lib/components/index.js +101 -88
- package/lib/components/input/Input.vue.d.ts +47 -12
- package/lib/components/input/Input.vue.js +101 -94
- package/lib/components/input/index.d.ts +1 -2
- package/lib/components/input/theme/Input.base.theme.d.ts +3 -0
- package/lib/components/input/theme/Input.base.theme.js +17 -0
- package/lib/components/input/theme/Input.carbon.theme.d.ts +3 -0
- package/lib/components/input/theme/Input.carbon.theme.js +17 -0
- package/lib/components/inputFooter/InputFooter.vue.d.ts +18 -0
- package/lib/components/inputFooter/InputFooter.vue.js +27 -0
- package/lib/components/inputFooter/InputFooter.vue2.js +4 -0
- package/lib/components/inputFooter/__tests__/InputFooter.spec.d.ts +1 -0
- package/lib/components/inputFooter/index.d.ts +2 -0
- package/lib/components/inputFooter/theme/InputFooter.base.theme.d.ts +3 -0
- package/lib/components/inputFooter/theme/InputFooter.base.theme.js +10 -0
- package/lib/components/inputFooter/theme/InputFooter.carbon.theme.d.ts +3 -0
- package/lib/components/inputFooter/theme/InputFooter.carbon.theme.js +10 -0
- package/lib/components/label/Label.vue.d.ts +68 -0
- package/lib/components/label/Label.vue.js +48 -0
- package/lib/components/label/Label.vue2.js +4 -0
- package/lib/components/label/__tests__/Label.spec.d.ts +1 -0
- package/lib/components/label/index.d.ts +2 -0
- package/lib/components/label/theme/Label.base.theme.d.ts +3 -0
- package/lib/components/label/theme/Label.base.theme.js +15 -0
- package/lib/components/label/theme/Label.carbon.theme.d.ts +3 -0
- package/lib/components/label/theme/Label.carbon.theme.js +11 -0
- package/lib/components/link/Link.vue.d.ts +6 -2
- package/lib/components/link/Link.vue.js +1 -1
- package/lib/components/link/Link.vue2.js +15 -16
- package/lib/components/link/index.d.ts +1 -2
- package/lib/components/link/theme/Link.base.theme.d.ts +3 -0
- package/lib/components/link/{Link.theme.js → theme/Link.base.theme.js} +4 -4
- package/lib/components/link/theme/Link.carbon.theme.d.ts +3 -0
- package/lib/components/link/theme/Link.carbon.theme.js +5 -0
- package/lib/components/loader/Loader.vue.d.ts +49 -0
- package/lib/components/loader/Loader.vue.js +54 -0
- package/lib/components/loader/Loader.vue2.js +4 -0
- package/lib/components/loader/__tests__/Loader.spec.d.ts +1 -0
- package/lib/components/loader/index.d.ts +2 -0
- package/lib/components/loader/theme/Loader.base.theme.d.ts +3 -0
- package/lib/components/loader/theme/Loader.base.theme.js +11 -0
- package/lib/components/loader/theme/Loader.carbon.theme.d.ts +3 -0
- package/lib/components/loader/theme/Loader.carbon.theme.js +11 -0
- package/lib/components/menu/Menu.vue.d.ts +8 -4
- package/lib/components/menu/Menu.vue.js +21 -22
- package/lib/components/menu/MenuItem.vue.d.ts +16 -9
- package/lib/components/menu/MenuItem.vue.js +2 -2
- package/lib/components/menu/MenuItem.vue2.js +35 -36
- package/lib/components/menu/index.d.ts +2 -4
- package/lib/components/menu/theme/Menu.base.theme.d.ts +3 -0
- package/lib/components/menu/theme/Menu.carbon.theme.d.ts +3 -0
- package/lib/components/menu/theme/Menu.carbon.theme.js +5 -0
- package/lib/components/menu/theme/MenuItem.base.theme.d.ts +3 -0
- package/lib/components/menu/theme/MenuItem.carbon.theme.d.ts +3 -0
- package/lib/components/menu/theme/MenuItem.carbon.theme.js +5 -0
- package/lib/components/modal/Modal.vue.d.ts +4 -0
- package/lib/components/modal/Modal.vue.js +39 -40
- package/lib/components/modal/index.d.ts +1 -2
- package/lib/components/modal/theme/Modal.base.theme.d.ts +3 -0
- package/lib/components/modal/{Modal.theme.js → theme/Modal.base.theme.js} +2 -2
- package/lib/components/modal/theme/Modal.carbon.theme.d.ts +3 -0
- package/lib/components/modal/theme/Modal.carbon.theme.js +5 -0
- package/lib/components/notifications/Notifications.vue.d.ts +17 -5
- package/lib/components/notifications/Notifications.vue.js +34 -35
- package/lib/components/notifications/index.d.ts +1 -2
- package/lib/components/notifications/theme/Notifications.base.theme.d.ts +3 -0
- package/lib/components/notifications/theme/Notifications.carbon.theme.d.ts +3 -0
- package/lib/components/notifications/theme/Notifications.carbon.theme.js +5 -0
- package/lib/components/pagination/Pagination.vue.d.ts +9 -5
- package/lib/components/pagination/Pagination.vue.js +34 -34
- package/lib/components/pagination/PaginationItem.vue.d.ts +8 -4
- package/lib/components/pagination/PaginationItem.vue.js +13 -14
- package/lib/components/pagination/index.d.ts +2 -4
- package/lib/components/pagination/theme/Pagination.base.theme.d.ts +3 -0
- package/lib/components/pagination/{Pagination.theme.js → theme/Pagination.base.theme.js} +6 -6
- package/lib/components/pagination/theme/Pagination.carbon.theme.d.ts +3 -0
- package/lib/components/pagination/theme/Pagination.carbon.theme.js +5 -0
- package/lib/components/pagination/theme/PaginationItem.base.theme.d.ts +3 -0
- package/lib/components/pagination/theme/PaginationItem.carbon.theme.d.ts +3 -0
- package/lib/components/pagination/theme/PaginationItem.carbon.theme.js +5 -0
- package/lib/components/popover/Popover.vue.d.ts +163 -54
- package/lib/components/popover/Popover.vue.js +127 -7
- package/lib/components/popover/Popover.vue2.js +2 -104
- package/lib/components/popover/Popover.vue3.js +3 -13
- package/lib/components/popover/PopoverContainer.vue.d.ts +4 -0
- package/lib/components/popover/PopoverContainer.vue.js +10 -11
- package/lib/components/popover/index.d.ts +2 -4
- package/lib/components/popover/theme/Popover.base.theme.d.ts +3 -0
- package/lib/components/popover/theme/Popover.base.theme.js +9 -0
- package/lib/components/popover/theme/Popover.carbon.theme.d.ts +3 -0
- package/lib/components/popover/theme/Popover.carbon.theme.js +5 -0
- package/lib/components/popover/theme/PopoverContainer.base.theme.d.ts +3 -0
- package/lib/components/popover/theme/PopoverContainer.carbon.theme.d.ts +3 -0
- package/lib/components/popover/theme/PopoverContainer.carbon.theme.js +8 -0
- package/lib/components/progress/Progress.vue.d.ts +6 -2
- package/lib/components/progress/Progress.vue.js +14 -15
- package/lib/components/progress/index.d.ts +1 -2
- package/lib/components/progress/theme/Progress.base.theme.d.ts +3 -0
- package/lib/components/progress/theme/Progress.carbon.theme.d.ts +3 -0
- package/lib/components/progress/theme/Progress.carbon.theme.js +5 -0
- package/lib/components/radio/Radio.vue.d.ts +38 -11
- package/lib/components/radio/Radio.vue2.js +62 -62
- package/lib/components/radio/index.d.ts +1 -2
- package/lib/components/radio/theme/Radio.base.theme.d.ts +3 -0
- package/lib/components/radio/{Radio.theme.js → theme/Radio.base.theme.js} +16 -16
- package/lib/components/radio/theme/Radio.carbon.theme.d.ts +3 -0
- package/lib/components/radio/theme/Radio.carbon.theme.js +61 -0
- package/lib/components/scroll/Scroll.vue.d.ts +8 -2
- package/lib/components/scroll/Scroll.vue2.js +20 -21
- package/lib/components/scroll/index.d.ts +1 -2
- package/lib/components/scroll/theme/Scroll.base.theme.d.ts +3 -0
- package/lib/components/scroll/theme/Scroll.carbon.theme.d.ts +3 -0
- package/lib/components/scroll/theme/Scroll.carbon.theme.js +5 -0
- package/lib/components/select/Select.vue.d.ts +38 -7
- package/lib/components/select/Select.vue.js +283 -206
- package/lib/components/select/index.d.ts +1 -2
- package/lib/components/select/theme/Select.base.theme.d.ts +3 -0
- package/lib/components/select/theme/Select.base.theme.js +22 -0
- package/lib/components/select/theme/Select.carbon.theme.d.ts +3 -0
- package/lib/components/select/theme/Select.carbon.theme.js +22 -0
- package/lib/components/skeleton/Skeleton.vue.d.ts +4 -0
- package/lib/components/skeleton/Skeleton.vue.js +10 -11
- package/lib/components/skeleton/index.d.ts +1 -2
- package/lib/components/skeleton/theme/Skeleton.base.theme.d.ts +3 -0
- package/lib/components/skeleton/theme/Skeleton.carbon.theme.d.ts +3 -0
- package/lib/components/skeleton/theme/Skeleton.carbon.theme.js +5 -0
- package/lib/components/slider/Slider.vue.d.ts +31 -7
- package/lib/components/slider/Slider.vue.js +97 -96
- package/lib/components/slider/index.d.ts +1 -1
- package/lib/components/slider/theme/Slider.base.theme.d.ts +3 -0
- package/lib/components/slider/theme/Slider.base.theme.js +16 -0
- package/lib/components/slider/theme/Slider.carbon.theme.d.ts +3 -0
- package/lib/components/slider/theme/Slider.carbon.theme.js +16 -0
- package/lib/components/spinner/Spinner.vue.d.ts +4 -4
- package/lib/components/spinner/Spinner.vue.js +2 -2
- package/lib/components/tab/Tab.vue.d.ts +11 -3
- package/lib/components/tab/Tab.vue.js +61 -57
- package/lib/components/tab/TabGroup.vue.d.ts +24 -7
- package/lib/components/tab/TabGroup.vue.js +78 -76
- package/lib/components/tab/index.d.ts +2 -2
- package/lib/components/tab/theme/Tab.base.theme.d.ts +3 -0
- package/lib/components/tab/{Tab.theme.js → theme/Tab.base.theme.js} +4 -3
- package/lib/components/tab/theme/Tab.carbon.theme.d.ts +3 -0
- package/lib/components/tab/theme/Tab.carbon.theme.js +17 -0
- package/lib/components/tab/theme/TabGroup.base.theme.d.ts +3 -0
- package/lib/components/tab/{TabGroup.theme.js → theme/TabGroup.base.theme.js} +5 -1
- package/lib/components/tab/theme/TabGroup.carbon.theme.d.ts +3 -0
- package/lib/components/tab/theme/TabGroup.carbon.theme.js +5 -0
- package/lib/components/table/Table.vue.d.ts +213 -225
- package/lib/components/table/Table.vue.js +27 -28
- package/lib/components/table/TableCell.vue.d.ts +5 -1
- package/lib/components/table/TableCell.vue.js +19 -20
- package/lib/components/table/TableHeader.vue.d.ts +1 -1
- package/lib/components/table/TableRow.vue.d.ts +1 -1
- package/lib/components/table/index.d.ts +2 -2
- package/lib/components/table/theme/Table.base.theme.d.ts +3 -0
- package/lib/components/table/{Table.theme.js → theme/Table.base.theme.js} +3 -3
- package/lib/components/table/theme/Table.carbon.theme.d.ts +3 -0
- package/lib/components/table/theme/Table.carbon.theme.js +5 -0
- package/lib/components/table/theme/TableCell.base.theme.d.ts +3 -0
- package/lib/components/table/theme/TableCell.carbon.theme.d.ts +3 -0
- package/lib/components/table/theme/TableCell.carbon.theme.js +5 -0
- package/lib/components/tag/Tag.vue.d.ts +10 -6
- package/lib/components/tag/Tag.vue.js +16 -17
- package/lib/components/tag/index.d.ts +1 -1
- package/lib/components/tag/theme/Tag.base.theme.d.ts +3 -0
- package/lib/components/tag/{Tag.theme.js → theme/Tag.base.theme.js} +8 -8
- package/lib/components/tag/theme/Tag.carbon.theme.d.ts +3 -0
- package/lib/components/tag/theme/Tag.carbon.theme.js +24 -0
- package/lib/components/textarea/Textarea.vue.d.ts +51 -23
- package/lib/components/textarea/Textarea.vue.js +81 -78
- package/lib/components/textarea/index.d.ts +1 -1
- package/lib/components/textarea/theme/Textarea.base.theme.d.ts +3 -0
- package/lib/components/textarea/theme/Textarea.base.theme.js +12 -0
- package/lib/components/textarea/theme/Textarea.carbon.theme.d.ts +3 -0
- package/lib/components/textarea/theme/Textarea.carbon.theme.js +12 -0
- package/lib/components/themeProvider/ThemeProvider.vue.d.ts +15 -0
- package/lib/components/themeProvider/ThemeProvider.vue.js +18 -0
- package/lib/components/themeProvider/ThemeProvider.vue2.js +4 -0
- package/lib/components/themeProvider/index.d.ts +1 -0
- package/lib/components/toggle/Toggle.vue.d.ts +31 -7
- package/lib/components/toggle/Toggle.vue.js +44 -44
- package/lib/components/toggle/index.d.ts +1 -1
- package/lib/components/toggle/theme/Toggle.base.theme.d.ts +3 -0
- package/lib/components/toggle/theme/Toggle.carbon.theme.d.ts +3 -0
- package/lib/components/toggle/theme/Toggle.carbon.theme.js +5 -0
- package/lib/components/tooltip/Tooltip.vue.js +13 -9
- package/lib/composables/index.d.ts +6 -6
- package/lib/composables/keys.d.ts +9 -5
- package/lib/composables/keys.js +6 -6
- package/lib/composables/useColors.js +52 -0
- package/lib/composables/{inputtable.d.ts → useInputtable.d.ts} +9 -2
- package/lib/composables/useInputtable.js +93 -0
- package/lib/composables/{interactive.d.ts → useInteractive.d.ts} +9 -1
- package/lib/composables/useInteractive.js +22 -0
- package/lib/composables/useNotifications.d.ts +2 -0
- package/lib/composables/{theme.d.ts → useTheme.d.ts} +9 -6
- package/lib/composables/useTheme.js +59 -0
- package/lib/create.d.ts +7 -8
- package/lib/create.js +14 -12
- package/lib/index.d.ts +4 -2
- package/lib/index.js +118 -102
- package/lib/index.umd.js +166 -1
- package/lib/install.d.ts +1 -1
- package/lib/node_modules/.pnpm/@floating-ui_core@1.5.3/node_modules/@floating-ui/core/dist/floating-ui.core.js +497 -0
- package/lib/node_modules/.pnpm/@floating-ui_dom@1.1.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.browser.min.js +217 -0
- package/lib/node_modules/.pnpm/@floating-ui_utils@0.2.1/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +116 -0
- package/lib/node_modules/.pnpm/{@vueuse_core@10.2.0_vue@3.3.4 → @vueuse_core@10.2.0_vue@3.3.9}/node_modules/@vueuse/core/index.js +2 -2
- package/lib/node_modules/.pnpm/floating-vue@5.2.0_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js +1346 -0
- package/lib/theme.d.ts +56 -0
- package/lib/theme.js +14 -0
- package/lib/themes/base/components.d.ts +43 -0
- package/lib/themes/base/components.js +88 -0
- package/lib/themes/base/index.d.ts +3 -0
- package/lib/themes/base/index.js +14 -0
- package/lib/themes/base/styles.css.js +87 -0
- package/lib/themes/carbon/components.d.ts +43 -0
- package/lib/themes/carbon/components.js +88 -0
- package/lib/themes/carbon/index.d.ts +3 -0
- package/lib/themes/carbon/index.js +14 -0
- package/lib/themes/carbon/styles.css.js +86 -0
- package/lib/themes/index.d.ts +2 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +3 -9
- package/src/{composables/colors-utils.ts → common/colors.ts} +1 -1
- package/src/common/utils.ts +7 -5
- package/src/components/alert/Alert.vue +6 -6
- package/src/components/alert/__tests__/Alert.spec.ts +0 -3
- package/src/components/alert/index.ts +1 -2
- package/src/components/alert/{Alert.theme.ts → theme/Alert.base.theme.ts} +2 -10
- package/src/components/alert/theme/Alert.carbon.theme.ts +7 -0
- package/src/components/avatar/Avatar.vue +9 -7
- package/src/components/avatar/index.ts +1 -2
- package/src/components/avatar/{Avatar.theme.ts → theme/Avatar.base.theme.ts} +2 -12
- package/src/components/avatar/theme/Avatar.carbon.theme.ts +7 -0
- package/src/components/badge/Badge.vue +7 -6
- package/src/components/badge/index.ts +1 -2
- package/src/components/badge/theme/Badge.base.theme.ts +15 -0
- package/src/components/badge/theme/Badge.carbon.theme.ts +7 -0
- package/src/components/breadcrumbs/Breadcrumbs.vue +19 -17
- package/src/components/breadcrumbs/index.ts +1 -2
- package/src/components/breadcrumbs/theme/Breadcrumbs.base.theme.ts +11 -0
- package/src/components/breadcrumbs/theme/Breadcrumbs.carbon.theme.ts +12 -0
- package/src/components/button/Button.vue +28 -19
- package/src/components/button/ButtonGroup.vue +9 -7
- package/src/components/button/index.ts +2 -4
- package/src/components/button/{Button.theme.ts → theme/Button.base.theme.ts} +2 -11
- package/src/components/button/theme/Button.carbon.theme.ts +237 -0
- package/src/components/button/theme/ButtonGroup.base.theme.ts +9 -0
- package/src/components/button/theme/ButtonGroup.carbon.theme.ts +9 -0
- package/src/components/card/Card.vue +5 -4
- package/src/components/card/index.ts +1 -2
- package/src/components/card/theme/Card.base.theme.ts +9 -0
- package/src/components/card/theme/Card.carbon.theme.ts +7 -0
- package/src/components/carousel/Carousel.vue +138 -0
- package/src/components/carousel/CarouselSlide.vue +45 -0
- package/src/components/carousel/__tests__/Carousel.spec.ts +11 -0
- package/src/components/carousel/index.ts +4 -0
- package/src/components/carousel/theme/Carousel.base.theme.ts +25 -0
- package/src/components/carousel/theme/Carousel.carbon.theme.ts +7 -0
- package/src/components/carousel/theme/CarouselSlide.base.theme.ts +9 -0
- package/src/components/carousel/theme/CarouselSlide.carbon.theme.ts +7 -0
- package/src/components/checkbox/Checkbox.vue +14 -12
- package/src/components/checkbox/index.ts +1 -2
- package/src/components/checkbox/{Checkbox.theme.ts → theme/Checkbox.base.theme.ts} +2 -12
- package/src/components/checkbox/theme/Checkbox.carbon.theme.ts +94 -0
- package/src/components/collapse/Collapse.vue +6 -5
- package/src/components/collapse/index.ts +1 -2
- package/src/components/collapse/theme/Collapse.base.theme.ts +13 -0
- package/src/components/collapse/theme/Collapse.carbon.theme.ts +7 -0
- package/src/components/container/Container.vue +5 -4
- package/src/components/container/index.ts +1 -2
- package/src/components/container/theme/Container.base.theme.ts +9 -0
- package/src/components/container/theme/Container.carbon.theme.ts +7 -0
- package/src/components/divider/Divider.vue +5 -4
- package/src/components/divider/index.ts +1 -2
- package/src/components/divider/theme/Divider.base.theme.ts +13 -0
- package/src/components/divider/theme/Divider.carbon.theme.ts +7 -0
- package/src/components/drawer/Drawer.vue +5 -4
- package/src/components/drawer/index.ts +1 -2
- package/src/components/drawer/theme/Drawer.base.theme.ts +11 -0
- package/src/components/drawer/theme/Drawer.carbon.theme.ts +7 -0
- package/src/components/form/Form.vue +5 -4
- package/src/components/form/index.ts +1 -2
- package/src/components/form/theme/Form.base.theme.ts +9 -0
- package/src/components/form/theme/Form.carbon.theme.ts +7 -0
- package/src/components/icon/Icon.vue +11 -8
- package/src/components/icon/index.ts +1 -2
- package/src/components/icon/{Icon.theme.ts → theme/Icon.base.theme.ts} +2 -10
- package/src/components/icon/theme/Icon.carbon.theme.ts +18 -0
- package/src/components/image/Image.vue +5 -4
- package/src/components/image/index.ts +1 -2
- package/src/components/image/theme/Image.base.theme.ts +9 -0
- package/src/components/image/theme/Image.carbon.theme.ts +7 -0
- package/src/components/index.ts +5 -0
- package/src/components/input/Input.vue +46 -43
- package/src/components/input/index.ts +1 -2
- package/src/components/input/{Input.theme.ts → theme/Input.base.theme.ts} +3 -23
- package/src/components/input/theme/Input.carbon.theme.ts +37 -0
- package/src/components/inputFooter/InputFooter.vue +29 -0
- package/src/components/inputFooter/__tests__/InputFooter.spec.ts +11 -0
- package/src/components/inputFooter/index.ts +2 -0
- package/src/components/inputFooter/theme/InputFooter.base.theme.ts +11 -0
- package/src/components/inputFooter/theme/InputFooter.carbon.theme.ts +11 -0
- package/src/components/label/Label.vue +54 -0
- package/src/components/label/__tests__/Label.spec.ts +11 -0
- package/src/components/label/index.ts +2 -0
- package/src/components/label/theme/Label.base.theme.ts +27 -0
- package/src/components/label/theme/Label.carbon.theme.ts +13 -0
- package/src/components/link/Link.vue +6 -5
- package/src/components/link/index.ts +1 -2
- package/src/components/link/{Link.theme.ts → theme/Link.base.theme.ts} +2 -10
- package/src/components/link/theme/Link.carbon.theme.ts +7 -0
- package/src/components/loader/Loader.vue +59 -0
- package/src/components/loader/__tests__/Loader.spec.ts +11 -0
- package/src/components/loader/index.ts +2 -0
- package/src/components/loader/theme/Loader.base.theme.ts +12 -0
- package/src/components/loader/theme/Loader.carbon.theme.ts +12 -0
- package/src/components/menu/Menu.vue +8 -7
- package/src/components/menu/MenuItem.vue +9 -6
- package/src/components/menu/index.ts +2 -4
- package/src/components/menu/theme/Menu.base.theme.ts +9 -0
- package/src/components/menu/theme/Menu.carbon.theme.ts +7 -0
- package/src/components/menu/{MenuItem.theme.ts → theme/MenuItem.base.theme.ts} +2 -12
- package/src/components/menu/theme/MenuItem.carbon.theme.ts +7 -0
- package/src/components/modal/Modal.vue +5 -4
- package/src/components/modal/index.ts +1 -2
- package/src/components/modal/{Modal.theme.ts → theme/Modal.base.theme.ts} +2 -10
- package/src/components/modal/theme/Modal.carbon.theme.ts +7 -0
- package/src/components/notifications/Notifications.vue +17 -7
- package/src/components/notifications/index.ts +1 -1
- package/src/components/notifications/theme/Notifications.base.theme.ts +13 -0
- package/src/components/notifications/theme/Notifications.carbon.theme.ts +7 -0
- package/src/components/pagination/Pagination.vue +13 -6
- package/src/components/pagination/PaginationItem.vue +7 -5
- package/src/components/pagination/index.ts +2 -4
- package/src/components/pagination/{Pagination.theme.ts → theme/Pagination.base.theme.ts} +3 -11
- package/src/components/pagination/theme/Pagination.carbon.theme.ts +7 -0
- package/src/components/pagination/{PaginationItem.theme.ts → theme/PaginationItem.base.theme.ts} +2 -10
- package/src/components/pagination/theme/PaginationItem.carbon.theme.ts +7 -0
- package/src/components/popover/Popover.vue +149 -200
- package/src/components/popover/PopoverContainer.vue +5 -4
- package/src/components/popover/index.ts +2 -4
- package/src/components/popover/theme/Popover.base.theme.ts +11 -0
- package/src/components/popover/theme/Popover.carbon.theme.ts +7 -0
- package/src/components/popover/theme/PopoverContainer.base.theme.ts +9 -0
- package/src/components/popover/theme/PopoverContainer.carbon.theme.ts +9 -0
- package/src/components/progress/Progress.vue +6 -5
- package/src/components/progress/index.ts +1 -2
- package/src/components/progress/{Progress.theme.ts → theme/Progress.base.theme.ts} +2 -10
- package/src/components/progress/theme/Progress.carbon.theme.ts +7 -0
- package/src/components/radio/Radio.vue +13 -11
- package/src/components/radio/index.ts +1 -2
- package/src/components/radio/{Radio.theme.ts → theme/Radio.base.theme.ts} +3 -13
- package/src/components/radio/theme/Radio.carbon.theme.ts +104 -0
- package/src/components/scroll/Scroll.vue +9 -6
- package/src/components/scroll/index.ts +1 -2
- package/src/components/scroll/theme/Scroll.base.theme.ts +9 -0
- package/src/components/scroll/theme/Scroll.carbon.theme.ts +7 -0
- package/src/components/select/Select.vue +183 -93
- package/src/components/select/index.ts +1 -2
- package/src/components/select/theme/Select.base.theme.ts +56 -0
- package/src/components/select/theme/Select.carbon.theme.ts +54 -0
- package/src/components/skeleton/Skeleton.vue +5 -4
- package/src/components/skeleton/index.ts +1 -2
- package/src/components/skeleton/theme/Skeleton.base.theme.ts +9 -0
- package/src/components/skeleton/theme/Skeleton.carbon.theme.ts +7 -0
- package/src/components/slider/Slider.vue +20 -20
- package/src/components/slider/index.ts +1 -1
- package/src/components/slider/theme/Slider.base.theme.ts +21 -0
- package/src/components/slider/theme/Slider.carbon.theme.ts +21 -0
- package/src/components/spinner/Spinner.vue +2 -2
- package/src/components/tab/Tab.vue +18 -10
- package/src/components/tab/TabGroup.vue +16 -12
- package/src/components/tab/index.ts +8 -2
- package/src/components/tab/theme/Tab.base.theme.ts +26 -0
- package/src/components/tab/theme/Tab.carbon.theme.ts +32 -0
- package/src/components/tab/{TabGroup.theme.ts → theme/TabGroup.base.theme.ts} +14 -12
- package/src/components/tab/theme/TabGroup.carbon.theme.ts +7 -0
- package/src/components/table/Table.vue +5 -4
- package/src/components/table/TableCell.vue +5 -4
- package/src/components/table/index.ts +2 -2
- package/src/components/table/theme/Table.base.theme.ts +21 -0
- package/src/components/table/theme/Table.carbon.theme.ts +7 -0
- package/src/components/table/{TableCell.theme.ts → theme/TableCell.base.theme.ts} +2 -10
- package/src/components/table/theme/TableCell.carbon.theme.ts +7 -0
- package/src/components/tag/Tag.vue +7 -6
- package/src/components/tag/index.ts +1 -1
- package/src/components/tag/{Tag.theme.ts → theme/Tag.base.theme.ts} +3 -11
- package/src/components/tag/theme/Tag.carbon.theme.ts +34 -0
- package/src/components/textarea/Textarea.vue +28 -27
- package/src/components/textarea/index.ts +1 -1
- package/src/components/textarea/theme/Textarea.base.theme.ts +27 -0
- package/src/components/textarea/theme/Textarea.carbon.theme.ts +29 -0
- package/src/components/themeProvider/ThemeProvider.vue +28 -0
- package/src/components/themeProvider/index.ts +1 -0
- package/src/components/toggle/Toggle.vue +12 -11
- package/src/components/toggle/index.ts +1 -1
- package/src/components/toggle/{Toggle.theme.ts → theme/Toggle.base.theme.ts} +2 -10
- package/src/components/toggle/theme/Toggle.carbon.theme.ts +7 -0
- package/src/components/tooltip/Tooltip.vue +1 -1
- package/src/composables/index.ts +6 -6
- package/src/composables/keys.ts +9 -5
- package/src/composables/{colors.ts → useColors.ts} +5 -5
- package/src/composables/{inputtable.ts → useInputtable.ts} +21 -5
- package/src/composables/{interactive.ts → useInteractive.ts} +9 -1
- package/src/composables/{notifications.ts → useNotifications.ts} +2 -1
- package/src/composables/{theme.ts → useTheme.ts} +17 -11
- package/src/create.ts +13 -12
- package/src/index.ts +4 -2
- package/src/theme.ts +119 -0
- package/src/themes/base/components.ts +43 -0
- package/src/themes/base/index.ts +15 -0
- package/src/themes/base/styles.css +83 -0
- package/src/themes/carbon/components.ts +43 -0
- package/src/themes/carbon/index.ts +15 -0
- package/src/themes/carbon/styles.css +82 -0
- package/src/themes/index.ts +2 -0
- package/src/version.ts +1 -1
- package/volar.d.ts +5 -0
- package/lib/components/alert/Alert.theme.d.ts +0 -10
- package/lib/components/avatar/Avatar.theme.d.ts +0 -14
- package/lib/components/badge/Badge.theme.d.ts +0 -10
- package/lib/components/badge/Badge.theme.js +0 -12
- package/lib/components/breadcrumbs/Breadcrumbs.theme.d.ts +0 -10
- package/lib/components/button/Button.theme.d.ts +0 -13
- package/lib/components/button/ButtonGroup.theme.d.ts +0 -13
- package/lib/components/card/Card.theme.d.ts +0 -10
- package/lib/components/checkbox/Checkbox.theme.d.ts +0 -14
- package/lib/components/collapse/Collapse.theme.d.ts +0 -10
- package/lib/components/container/Container.theme.d.ts +0 -10
- package/lib/components/divider/Divider.theme.d.ts +0 -10
- package/lib/components/drawer/Drawer.theme.d.ts +0 -10
- package/lib/components/form/Form.theme.d.ts +0 -10
- package/lib/components/helpers/InputError.d.ts +0 -8
- package/lib/components/helpers/InputError.js +0 -18
- package/lib/components/icon/Icon.theme.d.ts +0 -10
- package/lib/components/image/Image.theme.d.ts +0 -10
- package/lib/components/input/Input.theme.d.ts +0 -13
- package/lib/components/input/Input.theme.js +0 -21
- package/lib/components/link/Link.theme.d.ts +0 -10
- package/lib/components/menu/Menu.theme.d.ts +0 -10
- package/lib/components/menu/MenuItem.theme.d.ts +0 -14
- package/lib/components/modal/Modal.theme.d.ts +0 -10
- package/lib/components/notifications/Notifications.theme.d.ts +0 -10
- package/lib/components/pagination/Pagination.theme.d.ts +0 -10
- package/lib/components/pagination/PaginationItem.theme.d.ts +0 -10
- package/lib/components/popover/Popover.theme.d.ts +0 -10
- package/lib/components/popover/Popover.theme.js +0 -9
- package/lib/components/popover/PopoverContainer.theme.d.ts +0 -10
- package/lib/components/progress/Progress.theme.d.ts +0 -10
- package/lib/components/radio/Radio.theme.d.ts +0 -14
- package/lib/components/scroll/Scroll.theme.d.ts +0 -10
- package/lib/components/select/Select.theme.d.ts +0 -14
- package/lib/components/select/Select.theme.js +0 -23
- package/lib/components/skeleton/Skeleton.theme.d.ts +0 -10
- package/lib/components/slider/Slider.theme.d.ts +0 -10
- package/lib/components/slider/Slider.theme.js +0 -20
- package/lib/components/tab/Tab.theme.d.ts +0 -12
- package/lib/components/tab/TabGroup.theme.d.ts +0 -10
- package/lib/components/table/Table.theme.d.ts +0 -10
- package/lib/components/table/TableCell.theme.d.ts +0 -10
- package/lib/components/tag/Tag.theme.d.ts +0 -10
- package/lib/components/textarea/Textarea.theme.d.ts +0 -14
- package/lib/components/textarea/Textarea.theme.js +0 -16
- package/lib/components/toggle/Toggle.theme.d.ts +0 -10
- package/lib/composables/colors.js +0 -52
- package/lib/composables/inputtable.js +0 -78
- package/lib/composables/interactive.js +0 -17
- package/lib/composables/notifications.d.ts +0 -1
- package/lib/composables/theme.js +0 -59
- package/src/components/badge/Badge.theme.ts +0 -23
- package/src/components/breadcrumbs/Breadcrumbs.theme.ts +0 -19
- package/src/components/button/ButtonGroup.theme.ts +0 -18
- package/src/components/card/Card.theme.ts +0 -17
- package/src/components/collapse/Collapse.theme.ts +0 -21
- package/src/components/container/Container.theme.ts +0 -17
- package/src/components/divider/Divider.theme.ts +0 -21
- package/src/components/drawer/Drawer.theme.ts +0 -19
- package/src/components/form/Form.theme.ts +0 -17
- package/src/components/helpers/InputError.tsx +0 -14
- package/src/components/image/Image.theme.ts +0 -17
- package/src/components/menu/Menu.theme.ts +0 -17
- package/src/components/notifications/Notifications.theme.ts +0 -21
- package/src/components/popover/Popover.theme.ts +0 -19
- package/src/components/popover/PopoverContainer.theme.ts +0 -17
- package/src/components/scroll/Scroll.theme.ts +0 -17
- package/src/components/select/Select.theme.ts +0 -68
- package/src/components/skeleton/Skeleton.theme.ts +0 -17
- package/src/components/slider/Slider.theme.ts +0 -40
- package/src/components/tab/Tab.theme.ts +0 -34
- package/src/components/table/Table.theme.ts +0 -29
- package/src/components/textarea/Textarea.theme.ts +0 -50
- /package/lib/{composables/colors-utils.js → common/colors.js} +0 -0
- /package/lib/components/alert/{Alert.theme.js → theme/Alert.base.theme.js} +0 -0
- /package/lib/components/avatar/{Avatar.theme.js → theme/Avatar.base.theme.js} +0 -0
- /package/lib/components/button/{Button.theme.js → theme/Button.base.theme.js} +0 -0
- /package/lib/components/button/{ButtonGroup.theme.js → theme/ButtonGroup.base.theme.js} +0 -0
- /package/lib/components/checkbox/{Checkbox.theme.js → theme/Checkbox.base.theme.js} +0 -0
- /package/lib/components/collapse/{Collapse.theme.js → theme/Collapse.base.theme.js} +0 -0
- /package/lib/components/container/{Container.theme.js → theme/Container.base.theme.js} +0 -0
- /package/lib/components/divider/{Divider.theme.js → theme/Divider.base.theme.js} +0 -0
- /package/lib/components/drawer/{Drawer.theme.js → theme/Drawer.base.theme.js} +0 -0
- /package/lib/components/form/{Form.theme.js → theme/Form.base.theme.js} +0 -0
- /package/lib/components/icon/{Icon.theme.js → theme/Icon.base.theme.js} +0 -0
- /package/lib/components/image/{Image.theme.js → theme/Image.base.theme.js} +0 -0
- /package/lib/components/menu/{Menu.theme.js → theme/Menu.base.theme.js} +0 -0
- /package/lib/components/menu/{MenuItem.theme.js → theme/MenuItem.base.theme.js} +0 -0
- /package/lib/components/notifications/{Notifications.theme.js → theme/Notifications.base.theme.js} +0 -0
- /package/lib/components/pagination/{PaginationItem.theme.js → theme/PaginationItem.base.theme.js} +0 -0
- /package/lib/components/popover/{PopoverContainer.theme.js → theme/PopoverContainer.base.theme.js} +0 -0
- /package/lib/components/progress/{Progress.theme.js → theme/Progress.base.theme.js} +0 -0
- /package/lib/components/scroll/{Scroll.theme.js → theme/Scroll.base.theme.js} +0 -0
- /package/lib/components/skeleton/{Skeleton.theme.js → theme/Skeleton.base.theme.js} +0 -0
- /package/lib/components/table/{TableCell.theme.js → theme/TableCell.base.theme.js} +0 -0
- /package/lib/components/toggle/{Toggle.theme.js → theme/Toggle.base.theme.js} +0 -0
- /package/lib/composables/{css.d.ts → useCSS.d.ts} +0 -0
- /package/lib/composables/{css.js → useCSS.js} +0 -0
- /package/lib/composables/{colors.d.ts → useColors.d.ts} +0 -0
- /package/lib/composables/{common.d.ts → useCommon.d.ts} +0 -0
- /package/lib/composables/{common.js → useCommon.js} +0 -0
- /package/lib/composables/{notifications.js → useNotifications.js} +0 -0
- /package/lib/node_modules/.pnpm/{@vueuse_shared@10.2.0_vue@3.3.4 → @vueuse_shared@10.2.0_vue@3.3.9}/node_modules/@vueuse/shared/index.js +0 -0
- /package/src/composables/{css.ts → useCSS.ts} +0 -0
- /package/src/composables/{common.ts → useCommon.ts} +0 -0
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { IconProps } from './Icon.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<IconProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface IconTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<IconProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { ImageProps } from './Image.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<ImageProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface ImageTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<ImageProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { InputProps } from './Input.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'label' | 'input' | 'icon';
|
|
4
|
-
type InternalExtraData = {
|
|
5
|
-
errorInternal: any;
|
|
6
|
-
};
|
|
7
|
-
interface InternalTheme extends ThemeComponent<InputProps, InternalClasses, InternalExtraData> {
|
|
8
|
-
}
|
|
9
|
-
export interface InputTheme extends Omit<InternalTheme, 'classes'> {
|
|
10
|
-
classes?: Partial<ThemeClasses<InputProps, InternalClasses, InternalExtraData>>;
|
|
11
|
-
}
|
|
12
|
-
declare const theme: InternalTheme;
|
|
13
|
-
export default theme;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
const s = {
|
|
2
|
-
classes: {
|
|
3
|
-
wrapper: "inline-block align-bottom text-left",
|
|
4
|
-
label: ({ props: e }) => {
|
|
5
|
-
const r = "font-medium text-gray-800 dark:text-gray-200 mb-1";
|
|
6
|
-
return e.size === "xs" ? r + " text-xs" : e.size === "sm" ? r + " text-sm" : e.size === "lg" ? r + " text-lg" : e.size === "xl" ? r + " text-xl" : r;
|
|
7
|
-
},
|
|
8
|
-
input: ({ props: e, data: r }) => {
|
|
9
|
-
const t = ["appearance-none block w-full placeholder-gray-400 dark:placeholder-gray-500 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out border-gray-300 dark:border-gray-700 border shadow-sm rounded-md"];
|
|
10
|
-
return !r.errorInternal && !e.disabled && t.push("hover:border-gray-400 dark:hover:border-gray-500"), e.size === "xs" ? t.push("px-2 py-1 text-xs") : e.size === "sm" ? t.push("px-2 py-2 text-sm") : e.size === "lg" ? t.push("px-4 py-3 text-lg") : e.size === "xl" ? t.push("px-5 py-4 text-xl") : t.push("px-3 py-2"), t.push(e.disabled ? "bg-gray-100 dark:bg-gray-900 text-gray-500 cursor-not-allowed" : "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200"), t;
|
|
11
|
-
},
|
|
12
|
-
icon: "text-gray-600 dark:text-gray-300 absolute my-auto inset-y-0"
|
|
13
|
-
},
|
|
14
|
-
styles: ({ colors: e, props: r, css: t }) => {
|
|
15
|
-
const a = e.getPalette(r.color);
|
|
16
|
-
return t.get("border", a[400]);
|
|
17
|
-
}
|
|
18
|
-
}, l = s;
|
|
19
|
-
export {
|
|
20
|
-
l as default
|
|
21
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { LinkProps } from './Link.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<LinkProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface LinkTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<LinkProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { MenuProps } from './Menu.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<MenuProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface MenuTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<MenuProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { Ref } from 'vue';
|
|
2
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
3
|
-
import type { MenuItemProps } from './MenuItem.vue';
|
|
4
|
-
type InternalClasses = 'wrapper';
|
|
5
|
-
type InternalExtraData = {
|
|
6
|
-
isActive: Ref<boolean>;
|
|
7
|
-
};
|
|
8
|
-
interface InternalTheme extends ThemeComponent<MenuItemProps, InternalClasses, InternalExtraData> {
|
|
9
|
-
}
|
|
10
|
-
export interface MenuItemTheme extends Omit<InternalTheme, 'classes'> {
|
|
11
|
-
classes?: Partial<ThemeClasses<MenuItemProps, InternalClasses, InternalExtraData>>;
|
|
12
|
-
}
|
|
13
|
-
declare const theme: InternalTheme;
|
|
14
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { ModalProps } from './Modal.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'backdrop' | 'modal' | 'closeIcon' | 'header' | 'content' | 'actions';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<ModalProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface ModalTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<ModalProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { NotificationsProps } from './Notifications.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'list' | 'item';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<NotificationsProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface NotificationsTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<NotificationsProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { PaginationProps } from './Pagination.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'dots';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<PaginationProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface PaginationTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<PaginationProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { PaginationItemProps } from './PaginationItem.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<PaginationItemProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface PaginationItemTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<PaginationItemProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { PopoverProps } from './Popover.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'content';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<PopoverProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface PopoverTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<PopoverProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { PopoverContainerProps } from './PopoverContainer.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<PopoverContainerProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface PopoverContainerTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<PopoverContainerProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { ProgressProps } from './Progress.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'list' | 'item';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<ProgressProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface ProgressTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<ProgressProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { Ref } from 'vue';
|
|
2
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
3
|
-
import type { RadioProps } from './Radio.vue';
|
|
4
|
-
type InternalClasses = 'wrapper' | 'circle' | 'circleIcon' | 'label' | 'content';
|
|
5
|
-
type InternalExtraData = {
|
|
6
|
-
selected: Ref<boolean>;
|
|
7
|
-
};
|
|
8
|
-
interface InternalTheme extends ThemeComponent<RadioProps, InternalClasses, InternalExtraData> {
|
|
9
|
-
}
|
|
10
|
-
export interface RadioTheme extends Omit<InternalTheme, 'classes'> {
|
|
11
|
-
classes?: Partial<ThemeClasses<RadioProps, InternalClasses, InternalExtraData>>;
|
|
12
|
-
}
|
|
13
|
-
declare const theme: InternalTheme;
|
|
14
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { ScrollProps } from './Scroll.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<ScrollProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface ScrollTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<ScrollProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { Ref } from 'vue';
|
|
2
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
3
|
-
import type { SelectProps } from './Select.vue';
|
|
4
|
-
type InternalClasses = 'wrapper' | 'label' | 'box' | 'content' | 'iconWrapper' | 'icon';
|
|
5
|
-
type InternalExtraData = {
|
|
6
|
-
errorInternal: Ref<boolean>;
|
|
7
|
-
};
|
|
8
|
-
interface InternalTheme extends ThemeComponent<SelectProps, InternalClasses, InternalExtraData> {
|
|
9
|
-
}
|
|
10
|
-
export interface SelectTheme extends Omit<InternalTheme, 'classes'> {
|
|
11
|
-
classes?: Partial<ThemeClasses<SelectProps, InternalClasses, InternalExtraData>>;
|
|
12
|
-
}
|
|
13
|
-
declare const theme: InternalTheme;
|
|
14
|
-
export default theme;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
const i = {
|
|
2
|
-
classes: {
|
|
3
|
-
wrapper: "inline-block align-bottom text-left focus:outline-none",
|
|
4
|
-
label: ({ props: e }) => {
|
|
5
|
-
let r = "font-medium text-gray-800 dark:text-gray-200 mb-1";
|
|
6
|
-
return e.size === "xs" ? r += " text-xs" : e.size === "sm" ? r += " text-sm" : e.size === "lg" ? r += " text-lg" : e.size === "xl" && (r += " text-xl"), r;
|
|
7
|
-
},
|
|
8
|
-
box: ({ props: e, data: r }) => {
|
|
9
|
-
let t = "w-full border border-gray-300 dark:border-gray-700 pr-8 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out rounded-md shadow-sm";
|
|
10
|
-
return !r.errorInternal && !e.disabled && (t += " hover:border-gray-400 dark:hover:border-gray-500"), e.size === "xs" ? t += " px-2 py-1 text-xs" : e.size === "sm" ? t += " px-2 py-2 text-sm" : e.size === "lg" ? t += " px-4 py-3 text-lg" : e.size === "xl" ? t += " px-5 py-4 text-xl" : t += " px-3 py-2", t += e.disabled ? " bg-gray-100 dark:bg-gray-900 text-gray-500 cursor-not-allowed" : " bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200", t;
|
|
11
|
-
},
|
|
12
|
-
content: "py-1 max-h-72 overflow-scroll",
|
|
13
|
-
iconWrapper: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2",
|
|
14
|
-
icon: ({ props: e }) => e.size === "sm" || e.size === "xs" ? "h-3 w-3" : e.size === "lg" ? "h-6 w-6" : e.size === "xl" ? "h-7 w-7" : "h-5 w-5"
|
|
15
|
-
},
|
|
16
|
-
styles: ({ props: e, colors: r, css: t }) => {
|
|
17
|
-
const l = r.getPalette("primary");
|
|
18
|
-
return t.get("border", l[500]);
|
|
19
|
-
}
|
|
20
|
-
}, s = i;
|
|
21
|
-
export {
|
|
22
|
-
s as default
|
|
23
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { SkeletonProps } from './Skeleton.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<SkeletonProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface SkeletonTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<SkeletonProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { SliderProps } from './Slider.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'label' | 'drag';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<SliderProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface SliderTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<SliderProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
const a = {
|
|
2
|
-
classes: {
|
|
3
|
-
wrapper: "inline-block align-bottom text-left focus:outline-none",
|
|
4
|
-
label: ({ props: t }) => {
|
|
5
|
-
let e = "font-medium text-gray-800 dark:text-gray-200 mb-1";
|
|
6
|
-
return t.size === "xs" ? e += " text-xs" : t.size === "sm" ? e += " text-sm" : t.size === "lg" ? e += " text-lg" : t.size === "xl" && (e += " text-xl"), e;
|
|
7
|
-
},
|
|
8
|
-
drag: "w-[20px] h-[20px] -mt-[13px] -ml-[10px] rounded-full bg-white border shadow-sm"
|
|
9
|
-
},
|
|
10
|
-
styles: ({ props: t, colors: e, css: l }) => {
|
|
11
|
-
const s = e.getPalette("primary"), r = e.getPalette(t.color);
|
|
12
|
-
return l.variables({
|
|
13
|
-
bg: r[500],
|
|
14
|
-
border: s[500]
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
}, i = a;
|
|
18
|
-
export {
|
|
19
|
-
i as default
|
|
20
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { TabProps } from './Tab.vue';
|
|
3
|
-
import type { TabGroupInjection } from './TabGroup.vue';
|
|
4
|
-
type InternalClasses = 'wrapper' | 'label' | 'icon';
|
|
5
|
-
type InternalExtraData = Pick<TabGroupInjection, 'state'>['state'];
|
|
6
|
-
interface InternalTheme extends ThemeComponent<TabProps, InternalClasses, InternalExtraData> {
|
|
7
|
-
}
|
|
8
|
-
export interface TabTheme extends Omit<InternalTheme, 'classes'> {
|
|
9
|
-
classes?: Partial<ThemeClasses<TabProps, InternalClasses, InternalExtraData>>;
|
|
10
|
-
}
|
|
11
|
-
declare const theme: InternalTheme;
|
|
12
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { TabGroupProps } from './TabGroup.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'list' | 'tracker';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<TabGroupProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface TabGroupTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<TabGroupProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { TableProps } from './Table.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'loadingWrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<TableProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface TableTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<TableProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { TableCellProps } from './TableCell.vue';
|
|
3
|
-
type InternalClasses = 'wrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<TableCellProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface TableCellTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<TableCellProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { TagProps } from './Tag.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'loadingWrapper';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<TagProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface TagTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<TagProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { Ref } from 'vue';
|
|
2
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
3
|
-
import type { TextareaProps } from './Textarea.vue';
|
|
4
|
-
type InternalClasses = 'wrapper' | 'label' | 'input';
|
|
5
|
-
type InternalExtraData = {
|
|
6
|
-
errorInternal: Ref<boolean>;
|
|
7
|
-
};
|
|
8
|
-
interface InternalTheme extends ThemeComponent<TextareaProps, InternalClasses, InternalExtraData> {
|
|
9
|
-
}
|
|
10
|
-
export interface TextareaTheme extends Omit<InternalTheme, 'classes'> {
|
|
11
|
-
classes?: Partial<ThemeClasses<TextareaProps, InternalClasses, InternalExtraData>>;
|
|
12
|
-
}
|
|
13
|
-
declare const theme: InternalTheme;
|
|
14
|
-
export default theme;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const s = {
|
|
2
|
-
classes: {
|
|
3
|
-
wrapper: "inline-block align-bottom text-left",
|
|
4
|
-
label: ({ props: e }) => {
|
|
5
|
-
const r = "font-medium text-gray-800 dark:text-gray-200 mb-1";
|
|
6
|
-
return e.size === "xs" ? r + " text-xs" : e.size === "sm" ? r + " text-sm" : e.size === "lg" ? r + " text-lg" : e.size === "xl" ? r + " text-xl" : r;
|
|
7
|
-
},
|
|
8
|
-
input: ({ props: e, data: r }) => {
|
|
9
|
-
const t = ["resize-none appearance-none block w-full placeholder-gray-400 dark:placeholder-gray-500 outline-transparent outline outline-2 outline-offset-[-1px] transition duration-150 ease-in-out border-gray-300 dark:border-gray-700 border shadow-sm rounded-md"];
|
|
10
|
-
return !r.errorInternal && !e.disabled && t.push("hover:border-gray-400 dark:hover:border-gray-500"), e.size === "xs" ? t.push("px-2 py-1 text-xs") : e.size === "sm" ? t.push("px-2 py-2 text-sm") : e.size === "lg" ? t.push("px-4 py-3 text-lg") : e.size === "xl" ? t.push("px-5 py-4 text-xl") : t.push("px-3 py-2"), t.push(e.disabled ? "bg-gray-100 dark:bg-gray-900 text-gray-500 cursor-not-allowed" : "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200"), t;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}, a = s;
|
|
14
|
-
export {
|
|
15
|
-
a as default
|
|
16
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
|
|
2
|
-
import type { ToggleProps } from './Toggle.vue';
|
|
3
|
-
type InternalClasses = 'wrapper' | 'label' | 'buttonWrapper' | 'button';
|
|
4
|
-
interface InternalTheme extends ThemeComponent<ToggleProps, InternalClasses> {
|
|
5
|
-
}
|
|
6
|
-
export interface ToggleTheme extends Omit<InternalTheme, 'classes'> {
|
|
7
|
-
classes?: Partial<ThemeClasses<ToggleProps, InternalClasses>>;
|
|
8
|
-
}
|
|
9
|
-
declare const theme: InternalTheme;
|
|
10
|
-
export default theme;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { inject as p, computed as m, unref as g } from "vue";
|
|
2
|
-
import { injectThemeKey as f } from "./keys.js";
|
|
3
|
-
import { tailwindColors as r, setOpacity as l, isValidColor as y, colorShade as t } from "./colors-utils.js";
|
|
4
|
-
import { mergeRightDeep as d } from "../common/utils.js";
|
|
5
|
-
const a = {}, C = {
|
|
6
|
-
primary: r.sky,
|
|
7
|
-
secondary: r.slate,
|
|
8
|
-
success: r.green,
|
|
9
|
-
warning: r.yellow,
|
|
10
|
-
error: r.red
|
|
11
|
-
}, c = () => {
|
|
12
|
-
const s = p(f, {}), o = m(() => d(C, g(s).colors || {})), i = (e) => r[e];
|
|
13
|
-
return {
|
|
14
|
-
getPalette: (e) => {
|
|
15
|
-
if (!e)
|
|
16
|
-
return i("gray");
|
|
17
|
-
const n = i(e);
|
|
18
|
-
if (n)
|
|
19
|
-
return n;
|
|
20
|
-
if (a[e])
|
|
21
|
-
return a[e];
|
|
22
|
-
if (o.value[e])
|
|
23
|
-
return o.value[e];
|
|
24
|
-
if (!y(e))
|
|
25
|
-
return console.warn(`Invalid color: ${e}`), i("gray");
|
|
26
|
-
const u = {
|
|
27
|
-
50: t(e, 0.9),
|
|
28
|
-
100: t(e, 0.8),
|
|
29
|
-
200: t(e, 0.6),
|
|
30
|
-
300: t(e, 0.4),
|
|
31
|
-
400: t(e, 0.1),
|
|
32
|
-
500: e,
|
|
33
|
-
600: t(e, -0.1),
|
|
34
|
-
700: t(e, -0.25),
|
|
35
|
-
800: t(e, -0.58),
|
|
36
|
-
900: t(e, -0.7),
|
|
37
|
-
950: t(e, -0.8)
|
|
38
|
-
};
|
|
39
|
-
return a[e] = u, u;
|
|
40
|
-
},
|
|
41
|
-
getColorOpacity: (e, n) => l(e, n)
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
c.props = (s) => ({
|
|
45
|
-
color: {
|
|
46
|
-
type: String,
|
|
47
|
-
default: s
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
export {
|
|
51
|
-
c as useColors
|
|
52
|
-
};
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { ref as f, watch as I, inject as F, computed as A, onMounted as B, onUnmounted as S } from "vue";
|
|
2
|
-
import { injectFormKey as j } from "./keys.js";
|
|
3
|
-
const v = (t, { focus: p, emit: u, withListeners: y = !0 }) => {
|
|
4
|
-
const o = f(!0), n = f(t.error), V = t.name ? t.name : (Math.random() + 1).toString(36).substring(7), s = f(V);
|
|
5
|
-
I(() => t.error, (e) => {
|
|
6
|
-
n.value = e;
|
|
7
|
-
}), I(() => t.name, (e) => {
|
|
8
|
-
e && (s.value = e);
|
|
9
|
-
});
|
|
10
|
-
const i = F(j, {
|
|
11
|
-
registerInput: () => {
|
|
12
|
-
},
|
|
13
|
-
unregisterInput: () => {
|
|
14
|
-
},
|
|
15
|
-
isInsideForm: !1
|
|
16
|
-
}), b = () => {
|
|
17
|
-
n.value = "", o.value = !0, u("update:modelValue", "");
|
|
18
|
-
}, g = (e) => {
|
|
19
|
-
n.value = e;
|
|
20
|
-
}, c = (e) => {
|
|
21
|
-
e = e || t.modelValue, o.value = !1;
|
|
22
|
-
for (let d = 0; d < t.rules.length; d++) {
|
|
23
|
-
const r = t.rules[d];
|
|
24
|
-
let a = !0;
|
|
25
|
-
if (typeof r == "function")
|
|
26
|
-
a = r(e);
|
|
27
|
-
else if (Array.isArray(r) && r.length === 2) {
|
|
28
|
-
const { 0: l, 1: m } = r;
|
|
29
|
-
a = l(e, m);
|
|
30
|
-
} else {
|
|
31
|
-
const l = r.fn, { options: m } = r;
|
|
32
|
-
a = l(e, m);
|
|
33
|
-
}
|
|
34
|
-
if (a !== !0)
|
|
35
|
-
return n.value = a, !1;
|
|
36
|
-
}
|
|
37
|
-
return n.value = "", !0;
|
|
38
|
-
}, h = y ? A(() => ({
|
|
39
|
-
blur: (e) => u("blur", e),
|
|
40
|
-
focus: (e) => u("focus", e),
|
|
41
|
-
input: (e) => {
|
|
42
|
-
t.validateOnInput && !o.value && c(e.target.value), u("update:modelValue", e.target.value);
|
|
43
|
-
},
|
|
44
|
-
change: (e) => u("change", e)
|
|
45
|
-
})) : {};
|
|
46
|
-
return B(() => {
|
|
47
|
-
i.registerInput(s.value, p, c, g);
|
|
48
|
-
}), S(() => {
|
|
49
|
-
i.unregisterInput(s.value);
|
|
50
|
-
}), {
|
|
51
|
-
isFirstValidation: o,
|
|
52
|
-
errorInternal: n,
|
|
53
|
-
isInsideForm: i.isInsideForm,
|
|
54
|
-
inputListeners: h,
|
|
55
|
-
reset: b,
|
|
56
|
-
validate: c,
|
|
57
|
-
setError: g
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
v.emits = (t = !0) => t ? ["update:modelValue", "blur", "focus", "input", "change"] : ["update:modelValue"];
|
|
61
|
-
v.props = () => ({
|
|
62
|
-
modelValue: [String, Number, Boolean, Object, Array],
|
|
63
|
-
name: String,
|
|
64
|
-
readonly: Boolean,
|
|
65
|
-
required: Boolean,
|
|
66
|
-
validateOnInput: {
|
|
67
|
-
type: Boolean,
|
|
68
|
-
default: !0
|
|
69
|
-
},
|
|
70
|
-
error: String,
|
|
71
|
-
rules: {
|
|
72
|
-
type: Array,
|
|
73
|
-
default: () => []
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
export {
|
|
77
|
-
v as useInputtable
|
|
78
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
const a = (u) => ({
|
|
2
|
-
focus: () => {
|
|
3
|
-
var o, e;
|
|
4
|
-
return (e = (o = u.value) == null ? void 0 : o.focus) == null ? void 0 : e.call(o);
|
|
5
|
-
},
|
|
6
|
-
blur: () => {
|
|
7
|
-
var o, e;
|
|
8
|
-
return (e = (o = u.value) == null ? void 0 : o.blur) == null ? void 0 : e.call(o);
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
a.props = () => ({
|
|
12
|
-
disabled: Boolean,
|
|
13
|
-
loading: Boolean
|
|
14
|
-
});
|
|
15
|
-
export {
|
|
16
|
-
a as useInteractive
|
|
17
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useNotifications: (key?: symbol | string) => any;
|
package/lib/composables/theme.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { inject as P, computed as c, unref as r, useSlots as T } from "vue";
|
|
2
|
-
import { injectThemeKey as $ } from "./keys.js";
|
|
3
|
-
import { useColors as d } from "./colors.js";
|
|
4
|
-
import { useCSS as w } from "./css.js";
|
|
5
|
-
import { mergeRightDeep as D, smartUnref as C, isFunction as h, isObject as j } from "../common/utils.js";
|
|
6
|
-
const U = (s, e = {}, n = {}, l = {}) => {
|
|
7
|
-
const t = P($, !1), b = c(() => {
|
|
8
|
-
var o;
|
|
9
|
-
return (o = r(t)) != null && o[s] ? D(e.classes, r(t)[s].classes || {}) : e.classes;
|
|
10
|
-
}), f = c(() => {
|
|
11
|
-
var o;
|
|
12
|
-
return ((o = r(t)) == null ? void 0 : o.classPrefix) ?? "x-";
|
|
13
|
-
}), v = c(() => `${f.value}${s}`), m = c(() => {
|
|
14
|
-
var o;
|
|
15
|
-
return ((o = r(t)) == null ? void 0 : o.rtl) ?? !1;
|
|
16
|
-
}), a = T(), i = d(), u = w(s), y = c(() => S(b.value, {
|
|
17
|
-
props: r(n),
|
|
18
|
-
slots: a,
|
|
19
|
-
data: C(l),
|
|
20
|
-
colors: i,
|
|
21
|
-
css: u,
|
|
22
|
-
rtl: r(m)
|
|
23
|
-
})), O = c(() => {
|
|
24
|
-
var x;
|
|
25
|
-
const o = ((x = r(t)) == null ? void 0 : x[s]) || {}, p = {
|
|
26
|
-
props: r(n),
|
|
27
|
-
slots: a,
|
|
28
|
-
data: C(l),
|
|
29
|
-
colors: i,
|
|
30
|
-
css: u,
|
|
31
|
-
rtl: r(m)
|
|
32
|
-
};
|
|
33
|
-
return [
|
|
34
|
-
g(e.styles, p),
|
|
35
|
-
g(o.styles, p)
|
|
36
|
-
];
|
|
37
|
-
});
|
|
38
|
-
return {
|
|
39
|
-
classPrefix: f,
|
|
40
|
-
className: v,
|
|
41
|
-
colors: i,
|
|
42
|
-
classes: y,
|
|
43
|
-
styles: O,
|
|
44
|
-
css: u
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
function S(s, e) {
|
|
48
|
-
const n = {};
|
|
49
|
-
return Object.keys(s).forEach((l) => {
|
|
50
|
-
const t = s[l];
|
|
51
|
-
n[l] = h(t) ? t(e) : j(t) ? S(t, e) : t;
|
|
52
|
-
}), n;
|
|
53
|
-
}
|
|
54
|
-
function g(s, e) {
|
|
55
|
-
return h(s) ? s(e) || {} : j(s) ? s : {};
|
|
56
|
-
}
|
|
57
|
-
export {
|
|
58
|
-
U as useTheme
|
|
59
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { ThemeClasses, ThemeComponent } from '../../composables/theme'
|
|
2
|
-
import type { BadgeProps } from './Badge.vue'
|
|
3
|
-
|
|
4
|
-
type InternalClasses = 'wrapper'
|
|
5
|
-
|
|
6
|
-
interface InternalTheme extends ThemeComponent<BadgeProps, InternalClasses> {}
|
|
7
|
-
export interface BadgeTheme extends Omit<InternalTheme, 'classes'> {
|
|
8
|
-
classes?: Partial<ThemeClasses<BadgeProps, InternalClasses>>;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
const theme: InternalTheme = {
|
|
12
|
-
classes: {
|
|
13
|
-
wrapper: 'inline-block',
|
|
14
|
-
},
|
|
15
|
-
|
|
16
|
-
styles({ props, colors, css }) {
|
|
17
|
-
const color = colors.getPalette(props.color)
|
|
18
|
-
|
|
19
|
-
return css.get('bg', color[500])
|
|
20
|
-
},
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export default theme
|