@indielayer/ui 1.3.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +4 -4
- package/docs/App.vue +25 -0
- package/docs/assets/css/hljs.css +302 -0
- package/docs/assets/css/tailwind.css +46 -0
- package/docs/assets/images/error.svg +1 -0
- package/docs/assets/images/logo.png +0 -0
- package/docs/assets/images/logo_mini.svg +10 -0
- package/docs/assets/images/logo_white.png +0 -0
- package/docs/assets/images/logo_word.svg +12 -0
- package/docs/assets/images/logo_word_dark.svg +12 -0
- package/docs/assets/images/photo1.jpeg +0 -0
- package/docs/assets/images/photo2.jpeg +0 -0
- package/docs/components/Cookies.vue +42 -0
- package/docs/components/common/CodePreview.vue +80 -0
- package/docs/components/common/CodeSnippet.vue +47 -0
- package/docs/components/common/CopyButton.vue +50 -0
- package/docs/components/common/DocumentPage.vue +285 -0
- package/docs/components/common/Indielayer-theme.json +702 -0
- package/docs/components/common/MultiSnippet.vue +26 -0
- package/docs/components/menu/DocsMenu.vue +96 -0
- package/docs/components/toolbar/PreToolbar.vue +16 -0
- package/docs/components/toolbar/Toolbar.vue +76 -0
- package/docs/components/toolbar/ToolbarColorToggle.vue +49 -0
- package/docs/icons.ts +61 -0
- package/docs/layouts/default.vue +33 -0
- package/docs/layouts/simple.vue +3 -0
- package/docs/main.ts +33 -0
- package/docs/pages/colors.vue +120 -0
- package/docs/pages/component/accordion/index.vue +29 -0
- package/docs/pages/component/accordion/usage.vue +30 -0
- package/docs/pages/component/alert/index.vue +29 -0
- package/docs/pages/component/alert/usage.vue +18 -0
- package/docs/pages/component/avatar/index.vue +43 -0
- package/docs/pages/component/avatar/size.vue +9 -0
- package/docs/pages/component/avatar/usage.vue +9 -0
- package/docs/pages/component/avatar/variants.vue +8 -0
- package/docs/pages/component/badge/index.vue +29 -0
- package/docs/pages/component/badge/usage.vue +50 -0
- package/docs/pages/component/breadcrumbs/index.vue +29 -0
- package/docs/pages/component/breadcrumbs/usage.vue +19 -0
- package/docs/pages/component/button/button-group.vue +22 -0
- package/docs/pages/component/button/icons.vue +9 -0
- package/docs/pages/component/button/index.vue +64 -0
- package/docs/pages/component/button/size.vue +9 -0
- package/docs/pages/component/button/states.vue +6 -0
- package/docs/pages/component/button/usage.vue +12 -0
- package/docs/pages/component/button/variants.vue +7 -0
- package/docs/pages/component/card/index.vue +29 -0
- package/docs/pages/component/card/usage.vue +6 -0
- package/docs/pages/component/carousel/index.vue +29 -0
- package/docs/pages/component/carousel/usage.vue +10 -0
- package/docs/pages/component/checkbox/index.vue +50 -0
- package/docs/pages/component/checkbox/size.vue +9 -0
- package/docs/pages/component/checkbox/states.vue +9 -0
- package/docs/pages/component/checkbox/usage.vue +15 -0
- package/docs/pages/component/checkbox/variants.vue +8 -0
- package/docs/pages/component/container/index.vue +29 -0
- package/docs/pages/component/container/usage.vue +3 -0
- package/docs/pages/component/divider/index.vue +43 -0
- package/docs/pages/component/divider/label.vue +12 -0
- package/docs/pages/component/divider/usage.vue +7 -0
- package/docs/pages/component/divider/vertical.vue +7 -0
- package/docs/pages/component/drawer/index.vue +29 -0
- package/docs/pages/component/drawer/usage.vue +56 -0
- package/docs/pages/component/form/index.vue +29 -0
- package/docs/pages/component/form/usage.vue +96 -0
- package/docs/pages/component/formGroup/index.vue +29 -0
- package/docs/pages/component/formGroup/usage.vue +47 -0
- package/docs/pages/component/icon/index.vue +36 -0
- package/docs/pages/component/icon/usage.vue +6 -0
- package/docs/pages/component/icon/variants.vue +14 -0
- package/docs/pages/component/image/index.vue +29 -0
- package/docs/pages/component/image/usage.vue +8 -0
- package/docs/pages/component/input/index.vue +50 -0
- package/docs/pages/component/input/size.vue +13 -0
- package/docs/pages/component/input/states.vue +12 -0
- package/docs/pages/component/input/usage.vue +14 -0
- package/docs/pages/component/input/variants.vue +18 -0
- package/docs/pages/component/link/index.vue +29 -0
- package/docs/pages/component/link/usage.vue +12 -0
- package/docs/pages/component/loader/index.vue +29 -0
- package/docs/pages/component/loader/usage.vue +7 -0
- package/docs/pages/component/menu/index.vue +29 -0
- package/docs/pages/component/menu/usage.vue +69 -0
- package/docs/pages/component/modal/composed.vue +71 -0
- package/docs/pages/component/modal/index.vue +36 -0
- package/docs/pages/component/modal/usage.vue +66 -0
- package/docs/pages/component/notifications/index.vue +29 -0
- package/docs/pages/component/notifications/usage.vue +56 -0
- package/docs/pages/component/pagination/index.vue +29 -0
- package/docs/pages/component/pagination/usage.vue +17 -0
- package/docs/pages/component/popover/index.vue +29 -0
- package/docs/pages/component/popover/usage.vue +21 -0
- package/docs/pages/component/progress/index.vue +36 -0
- package/docs/pages/component/progress/usage.vue +7 -0
- package/docs/pages/component/progress/variants.vue +18 -0
- package/docs/pages/component/radio/index.vue +50 -0
- package/docs/pages/component/radio/size.vue +15 -0
- package/docs/pages/component/radio/states.vue +13 -0
- package/docs/pages/component/radio/usage.vue +14 -0
- package/docs/pages/component/radio/variants.vue +39 -0
- package/docs/pages/component/scroll/horizontal.vue +14 -0
- package/docs/pages/component/scroll/index.vue +36 -0
- package/docs/pages/component/scroll/usage.vue +5 -0
- package/docs/pages/component/select/index.vue +43 -0
- package/docs/pages/component/select/states.vue +22 -0
- package/docs/pages/component/select/usage.vue +46 -0
- package/docs/pages/component/select/variants.vue +23 -0
- package/docs/pages/component/skeleton/index.vue +29 -0
- package/docs/pages/component/skeleton/usage.vue +10 -0
- package/docs/pages/component/slider/index.vue +29 -0
- package/docs/pages/component/slider/usage.vue +15 -0
- package/docs/pages/component/spacer/index.vue +29 -0
- package/docs/pages/component/spacer/usage.vue +8 -0
- package/docs/pages/component/spinner/index.vue +36 -0
- package/docs/pages/component/spinner/usage.vue +3 -0
- package/docs/pages/component/spinner/variants.vue +9 -0
- package/docs/pages/component/stepper/index.vue +29 -0
- package/docs/pages/component/stepper/usage.vue +21 -0
- package/docs/pages/component/table/index.vue +36 -0
- package/docs/pages/component/table/states.vue +28 -0
- package/docs/pages/component/table/usage.vue +107 -0
- package/docs/pages/component/tabs/index.vue +29 -0
- package/docs/pages/component/tabs/usage.vue +142 -0
- package/docs/pages/component/tag/index.vue +29 -0
- package/docs/pages/component/tag/usage.vue +27 -0
- package/docs/pages/component/textarea/index.vue +43 -0
- package/docs/pages/component/textarea/states.vue +13 -0
- package/docs/pages/component/textarea/usage.vue +19 -0
- package/docs/pages/component/textarea/variants.vue +15 -0
- package/docs/pages/component/toggle/index.vue +43 -0
- package/docs/pages/component/toggle/states.vue +13 -0
- package/docs/pages/component/toggle/usage.vue +12 -0
- package/docs/pages/component/toggle/variants.vue +15 -0
- package/docs/pages/component/tooltip/index.vue +29 -0
- package/docs/pages/component/tooltip/usage.vue +12 -0
- package/docs/pages/error.vue +6 -0
- package/docs/pages/icons.vue +101 -0
- package/docs/pages/index.vue +153 -0
- package/docs/pages/play.vue +7 -0
- package/docs/pages/typography.vue +91 -0
- package/docs/router/index.ts +77 -0
- package/lib/common/icons.d.ts +4 -1
- package/lib/common/icons.js +14 -11
- package/lib/components/accordion/Accordion.vue.d.ts +63 -0
- package/lib/components/accordion/Accordion.vue.js +40 -0
- package/lib/components/accordion/Accordion.vue2.js +4 -0
- package/lib/components/{collapse/Collapse.vue.d.ts → accordion/AccordionItem.vue.d.ts} +33 -18
- package/lib/components/accordion/AccordionItem.vue.js +140 -0
- package/lib/components/accordion/AccordionItem.vue2.js +4 -0
- package/lib/components/accordion/index.d.ts +4 -0
- package/lib/components/accordion/theme/Accordion.base.theme.d.ts +3 -0
- package/lib/components/accordion/theme/Accordion.base.theme.js +8 -0
- package/lib/components/accordion/theme/Accordion.carbon.theme.d.ts +3 -0
- package/lib/components/accordion/theme/Accordion.carbon.theme.js +5 -0
- package/lib/components/accordion/theme/AccordionItem.base.theme.d.ts +3 -0
- package/lib/components/accordion/theme/AccordionItem.base.theme.js +16 -0
- package/lib/components/accordion/theme/AccordionItem.carbon.theme.d.ts +3 -0
- package/lib/components/accordion/theme/AccordionItem.carbon.theme.js +5 -0
- package/lib/components/alert/theme/Alert.carbon.theme.js +39 -3
- package/lib/components/avatar/Avatar.vue.d.ts +2 -2
- package/lib/components/badge/Badge.vue.d.ts +2 -2
- package/lib/components/badge/Badge.vue.js +7 -7
- package/lib/components/breadcrumbs/theme/Breadcrumbs.base.theme.js +1 -1
- package/lib/components/button/Button.vue.d.ts +3 -3
- package/lib/components/button/ButtonGroup.vue.d.ts +3 -3
- package/lib/components/button/theme/Button.base.theme.js +7 -7
- package/lib/components/button/theme/Button.carbon.theme.js +1 -1
- package/lib/components/card/theme/Card.base.theme.js +1 -1
- package/lib/components/carousel/CarouselSlide.vue.d.ts +19 -8
- package/lib/components/carousel/CarouselSlide.vue.js +2 -2
- package/lib/components/carousel/CarouselSlide.vue2.js +25 -18
- package/lib/components/checkbox/Checkbox.vue.d.ts +25 -10
- package/lib/components/checkbox/Checkbox.vue2.js +106 -72
- package/lib/components/checkbox/theme/Checkbox.base.theme.js +38 -31
- package/lib/components/checkbox/theme/Checkbox.carbon.theme.js +38 -31
- package/lib/components/container/Container.vue.d.ts +13 -0
- package/lib/components/container/Container.vue.js +15 -11
- package/lib/components/container/theme/Container.base.theme.js +7 -4
- package/lib/components/divider/Divider.vue.js +14 -14
- package/lib/components/divider/theme/Divider.base.theme.js +2 -2
- package/lib/components/drawer/Drawer.vue.d.ts +4 -4
- package/lib/components/drawer/Drawer.vue.js +2 -2
- package/lib/components/drawer/theme/Drawer.base.theme.js +1 -1
- package/lib/components/form/Form.vue.d.ts +25 -2
- package/lib/components/form/Form.vue.js +67 -36
- package/lib/components/form/theme/Form.base.theme.js +7 -3
- package/lib/components/form/theme/Form.carbon.theme.js +10 -3
- package/lib/components/formGroup/FormGroup.vue.d.ts +135 -0
- package/lib/components/formGroup/FormGroup.vue.js +83 -0
- package/lib/components/formGroup/FormGroup.vue2.js +4 -0
- package/lib/components/formGroup/__tests__/FormGroup.spec.d.ts +1 -0
- package/lib/components/formGroup/index.d.ts +2 -0
- package/lib/components/formGroup/theme/FormGroup.base.theme.d.ts +3 -0
- package/lib/components/formGroup/theme/FormGroup.base.theme.js +11 -0
- package/lib/components/formGroup/theme/FormGroup.carbon.theme.d.ts +3 -0
- package/lib/components/formGroup/theme/FormGroup.carbon.theme.js +11 -0
- package/lib/components/icon/theme/Icon.base.theme.js +2 -2
- package/lib/components/icon/theme/Icon.carbon.theme.js +4 -4
- package/lib/components/index.d.ts +3 -1
- package/lib/components/index.js +102 -95
- package/lib/components/input/Input.vue.d.ts +15 -9
- package/lib/components/input/Input.vue.js +43 -42
- package/lib/components/input/theme/Input.base.theme.js +10 -10
- package/lib/components/input/theme/Input.carbon.theme.js +10 -10
- package/lib/components/inputFooter/theme/InputFooter.base.theme.js +3 -3
- package/lib/components/inputFooter/theme/InputFooter.carbon.theme.js +3 -3
- package/lib/components/label/Label.vue.d.ts +6 -3
- package/lib/components/label/Label.vue.js +26 -20
- package/lib/components/label/theme/Label.base.theme.js +1 -1
- package/lib/components/label/theme/Label.carbon.theme.js +8 -7
- package/lib/components/link/Link.vue.d.ts +1 -1
- package/lib/components/link/Link.vue.js +1 -1
- package/lib/components/link/Link.vue2.js +4 -4
- package/lib/components/link/theme/Link.base.theme.js +4 -4
- package/lib/components/link/theme/Link.carbon.theme.js +23 -3
- package/lib/components/loader/theme/Loader.base.theme.js +1 -1
- package/lib/components/loader/theme/Loader.carbon.theme.js +2 -2
- package/lib/components/menu/Menu.vue.d.ts +6 -5
- package/lib/components/menu/Menu.vue.js +44 -41
- package/lib/components/menu/MenuItem.vue.d.ts +4 -4
- package/lib/components/menu/MenuItem.vue.js +2 -2
- package/lib/components/menu/MenuItem.vue2.js +1 -1
- package/lib/components/menu/theme/MenuItem.base.theme.js +22 -32
- package/lib/components/modal/Modal.vue.d.ts +102 -3
- package/lib/components/modal/Modal.vue.js +157 -100
- package/lib/components/modal/theme/Modal.base.theme.js +15 -9
- package/lib/components/modal/theme/Modal.carbon.theme.js +27 -3
- package/lib/components/notifications/Notifications.vue.js +57 -54
- package/lib/components/notifications/theme/Notifications.base.theme.js +2 -2
- package/lib/components/notifications/theme/Notifications.carbon.theme.js +8 -3
- package/lib/components/pagination/Pagination.vue.js +27 -27
- package/lib/components/popover/Popover.vue.d.ts +16 -3
- package/lib/components/popover/Popover.vue.js +13 -8
- package/lib/components/popover/Popover.vue2.js +3 -2
- package/lib/components/popover/Popover.vue3.js +2 -3
- package/lib/components/popover/theme/PopoverContainer.base.theme.js +4 -4
- package/lib/components/popover/theme/PopoverContainer.carbon.theme.js +4 -4
- package/lib/components/progress/Progress.vue.js +11 -11
- package/lib/components/progress/theme/Progress.base.theme.js +10 -10
- package/lib/components/radio/Radio.vue.d.ts +20 -12
- package/lib/components/radio/Radio.vue2.js +81 -66
- package/lib/components/radio/theme/Radio.base.theme.js +34 -31
- package/lib/components/radio/theme/Radio.carbon.theme.js +33 -30
- package/lib/components/select/Select.vue.d.ts +29 -10
- package/lib/components/select/Select.vue.js +121 -119
- package/lib/components/select/theme/Select.base.theme.js +6 -6
- package/lib/components/select/theme/Select.carbon.theme.js +11 -11
- package/lib/components/skeleton/Skeleton.vue.d.ts +19 -1
- package/lib/components/skeleton/Skeleton.vue.js +25 -15
- package/lib/components/skeleton/theme/Skeleton.base.theme.js +7 -4
- package/lib/components/slider/Slider.vue.d.ts +15 -6
- package/lib/components/slider/Slider.vue.js +4 -5
- package/lib/components/slider/theme/Slider.carbon.theme.js +8 -8
- package/lib/components/spinner/Spinner.vue.d.ts +1 -1
- package/lib/components/spinner/Spinner.vue.js +16 -17
- package/lib/components/stepper/Stepper.vue.d.ts +137 -0
- package/lib/components/stepper/Stepper.vue.js +128 -0
- package/lib/components/stepper/Stepper.vue2.js +4 -0
- package/lib/components/stepper/__tests__/Stepper.spec.d.ts +1 -0
- package/lib/components/stepper/index.d.ts +2 -0
- package/lib/components/stepper/theme/Stepper.base.theme.d.ts +3 -0
- package/lib/components/stepper/theme/Stepper.base.theme.js +20 -0
- package/lib/components/stepper/theme/Stepper.carbon.theme.d.ts +3 -0
- package/lib/components/{collapse/theme/Collapse.carbon.theme.js → stepper/theme/Stepper.carbon.theme.js} +1 -1
- package/lib/components/tab/Tab.vue.d.ts +11 -5
- package/lib/components/tab/Tab.vue.js +72 -56
- package/lib/components/tab/TabGroup.vue.d.ts +1 -1
- package/lib/components/tab/TabGroup.vue.js +5 -5
- package/lib/components/tab/theme/Tab.base.theme.js +2 -1
- package/lib/components/tab/theme/Tab.carbon.theme.js +6 -5
- package/lib/components/tab/theme/TabGroup.base.theme.js +15 -15
- package/lib/components/tab/theme/TabGroup.carbon.theme.js +29 -3
- package/lib/components/table/Table.vue.d.ts +115 -9
- package/lib/components/table/Table.vue.js +188 -79
- package/lib/components/table/TableCell.vue.d.ts +4 -5
- package/lib/components/table/TableCell.vue.js +21 -22
- package/lib/components/table/TableHead.vue.d.ts +16 -0
- package/lib/components/table/TableHead.vue.js +21 -0
- package/lib/components/table/TableHead.vue2.js +4 -0
- package/lib/components/table/TableHeader.vue.d.ts +4 -0
- package/lib/components/table/TableHeader.vue.js +45 -54
- package/lib/components/table/TableRow.vue.d.ts +15 -1
- package/lib/components/table/TableRow.vue.js +21 -25
- package/lib/components/table/index.d.ts +4 -2
- package/lib/components/table/theme/Table.base.theme.js +6 -5
- package/lib/components/table/theme/Table.carbon.theme.js +11 -3
- package/lib/components/table/theme/TableCell.base.theme.js +3 -3
- package/lib/components/table/theme/TableCell.carbon.theme.js +9 -3
- package/lib/components/table/theme/TableHead.base.theme.d.ts +3 -0
- package/lib/components/table/theme/TableHead.base.theme.js +9 -0
- package/lib/components/table/theme/TableHead.carbon.theme.d.ts +3 -0
- package/lib/components/table/theme/TableHead.carbon.theme.js +9 -0
- package/lib/components/table/theme/TableHeader.base.theme.d.ts +3 -0
- package/lib/components/table/theme/TableHeader.base.theme.js +12 -0
- package/lib/components/table/theme/TableHeader.carbon.theme.d.ts +3 -0
- package/lib/components/table/theme/TableHeader.carbon.theme.js +12 -0
- package/lib/components/table/theme/TableRow.base.theme.d.ts +3 -0
- package/lib/components/table/theme/TableRow.base.theme.js +11 -0
- package/lib/components/table/theme/TableRow.carbon.theme.d.ts +3 -0
- package/lib/components/table/theme/TableRow.carbon.theme.js +11 -0
- package/lib/components/tag/Tag.vue.d.ts +3 -3
- package/lib/components/tag/Tag.vue.js +18 -18
- package/lib/components/tag/theme/Tag.base.theme.js +14 -13
- package/lib/components/tag/theme/Tag.carbon.theme.js +14 -14
- package/lib/components/textarea/Textarea.vue.d.ts +18 -8
- package/lib/components/textarea/Textarea.vue.js +44 -42
- package/lib/components/textarea/theme/Textarea.base.theme.js +6 -6
- package/lib/components/textarea/theme/Textarea.carbon.theme.js +6 -6
- package/lib/components/toggle/Toggle.vue.d.ts +15 -12
- package/lib/components/toggle/Toggle.vue.js +51 -53
- package/lib/components/toggle/theme/Toggle.base.theme.js +1 -1
- package/lib/components/tooltip/ToggleTip.vue.d.ts +14 -0
- package/lib/components/tooltip/ToggleTip.vue.js +29 -0
- package/lib/components/tooltip/ToggleTip.vue2.js +4 -0
- package/lib/components/tooltip/Tooltip.vue.d.ts +22 -3
- package/lib/components/tooltip/Tooltip.vue.js +26 -17
- package/lib/components/tooltip/__tests__/ToggleTip.spec.d.ts +1 -0
- package/lib/components/tooltip/index.d.ts +2 -0
- package/lib/composables/keys.d.ts +5 -1
- package/lib/composables/keys.js +8 -6
- package/lib/composables/useColors.js +9 -9
- package/lib/composables/useFocusTrap.d.ts +6 -0
- package/lib/composables/useFocusTrap.js +45 -0
- package/lib/composables/useInputtable.d.ts +7 -0
- package/lib/composables/useInputtable.js +64 -46
- package/lib/index.js +139 -129
- package/lib/index.umd.js +7 -3
- package/lib/nuxt.mjs +33 -0
- package/lib/nuxt.plugin.js +8 -0
- package/lib/tailwind.preset.js +40 -0
- package/lib/theme.d.ts +8 -2
- package/lib/themes/base/components.d.ts +7 -1
- package/lib/themes/base/components.js +98 -86
- package/lib/themes/base/index.js +3 -6
- package/lib/themes/base/styles.css.js +4 -0
- package/lib/themes/carbon/components.d.ts +7 -1
- package/lib/themes/carbon/components.js +98 -86
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +8 -2
- package/src/common/icons.ts +4 -1
- package/src/components/accordion/Accordion.vue +55 -0
- package/src/components/{collapse/Collapse.vue → accordion/AccordionItem.vue} +51 -32
- package/src/components/accordion/__tests__/Accordion.spec.ts +11 -0
- package/src/components/accordion/index.ts +4 -0
- package/src/components/accordion/theme/Accordion.base.theme.ts +9 -0
- package/src/components/accordion/theme/Accordion.carbon.theme.ts +7 -0
- package/src/components/accordion/theme/AccordionItem.base.theme.ts +38 -0
- package/src/components/accordion/theme/AccordionItem.carbon.theme.ts +7 -0
- package/src/components/alert/theme/Alert.carbon.theme.ts +54 -2
- package/src/components/badge/Badge.vue +1 -1
- package/src/components/breadcrumbs/theme/Breadcrumbs.base.theme.ts +1 -1
- package/src/components/button/theme/Button.base.theme.ts +2 -2
- package/src/components/button/theme/Button.carbon.theme.ts +1 -1
- package/src/components/card/theme/Card.base.theme.ts +1 -1
- package/src/components/carousel/CarouselSlide.vue +9 -4
- package/src/components/checkbox/Checkbox.vue +69 -20
- package/src/components/checkbox/theme/Checkbox.base.theme.ts +22 -8
- package/src/components/checkbox/theme/Checkbox.carbon.theme.ts +18 -4
- package/src/components/container/Container.vue +4 -0
- package/src/components/container/theme/Container.base.theme.ts +7 -1
- package/src/components/divider/Divider.vue +1 -1
- package/src/components/divider/theme/Divider.base.theme.ts +2 -2
- package/src/components/drawer/Drawer.vue +2 -2
- package/src/components/drawer/theme/Drawer.base.theme.ts +1 -1
- package/src/components/form/Form.vue +26 -5
- package/src/components/form/theme/Form.base.theme.ts +9 -1
- package/src/components/form/theme/Form.carbon.theme.ts +12 -2
- package/src/components/formGroup/FormGroup.vue +117 -0
- package/src/components/formGroup/__tests__/FormGroup.spec.ts +11 -0
- package/src/components/formGroup/index.ts +2 -0
- package/src/components/formGroup/theme/FormGroup.base.theme.ts +16 -0
- package/src/components/formGroup/theme/FormGroup.carbon.theme.ts +16 -0
- package/src/components/icon/theme/Icon.base.theme.ts +3 -3
- package/src/components/icon/theme/Icon.carbon.theme.ts +3 -4
- package/src/components/index.ts +3 -1
- package/src/components/input/Input.vue +5 -4
- package/src/components/input/theme/Input.base.theme.ts +5 -5
- package/src/components/input/theme/Input.carbon.theme.ts +6 -6
- package/src/components/inputFooter/theme/InputFooter.base.theme.ts +3 -3
- package/src/components/inputFooter/theme/InputFooter.carbon.theme.ts +3 -3
- package/src/components/label/Label.vue +4 -1
- package/src/components/label/theme/Label.base.theme.ts +1 -1
- package/src/components/label/theme/Label.carbon.theme.ts +9 -4
- package/src/components/link/Link.vue +1 -1
- package/src/components/link/theme/Link.carbon.theme.ts +23 -2
- package/src/components/loader/theme/Loader.base.theme.ts +1 -1
- package/src/components/loader/theme/Loader.carbon.theme.ts +2 -2
- package/src/components/menu/Menu.vue +11 -8
- package/src/components/menu/MenuItem.vue +1 -1
- package/src/components/menu/theme/MenuItem.base.theme.ts +32 -36
- package/src/components/modal/Modal.vue +117 -52
- package/src/components/modal/theme/Modal.base.theme.ts +31 -12
- package/src/components/modal/theme/Modal.carbon.theme.ts +55 -2
- package/src/components/notifications/Notifications.vue +6 -6
- package/src/components/notifications/theme/Notifications.base.theme.ts +2 -2
- package/src/components/notifications/theme/Notifications.carbon.theme.ts +12 -2
- package/src/components/pagination/Pagination.vue +3 -3
- package/src/components/popover/Popover.vue +77 -2
- package/src/components/popover/theme/PopoverContainer.base.theme.ts +1 -1
- package/src/components/popover/theme/PopoverContainer.carbon.theme.ts +1 -1
- package/src/components/progress/Progress.vue +1 -1
- package/src/components/progress/theme/Progress.base.theme.ts +2 -2
- package/src/components/radio/Radio.vue +39 -15
- package/src/components/radio/theme/Radio.base.theme.ts +15 -9
- package/src/components/radio/theme/Radio.carbon.theme.ts +14 -8
- package/src/components/select/Select.vue +17 -15
- package/src/components/select/theme/Select.base.theme.ts +8 -8
- package/src/components/select/theme/Select.carbon.theme.ts +9 -9
- package/src/components/skeleton/Skeleton.vue +18 -2
- package/src/components/skeleton/theme/Skeleton.base.theme.ts +8 -1
- package/src/components/slider/Slider.vue +2 -3
- package/src/components/slider/theme/Slider.carbon.theme.ts +1 -1
- package/src/components/spinner/Spinner.vue +2 -2
- package/src/components/stepper/Stepper.vue +153 -0
- package/src/components/{collapse/__tests__/Collapse.spec.ts → stepper/__tests__/Stepper.spec.ts} +3 -3
- package/src/components/stepper/index.ts +6 -0
- package/src/components/stepper/theme/Stepper.base.theme.ts +45 -0
- package/src/components/stepper/theme/Stepper.carbon.theme.ts +7 -0
- package/src/components/tab/Tab.vue +21 -7
- package/src/components/tab/TabGroup.vue +2 -2
- package/src/components/tab/theme/Tab.base.theme.ts +2 -0
- package/src/components/tab/theme/Tab.carbon.theme.ts +4 -2
- package/src/components/tab/theme/TabGroup.base.theme.ts +4 -4
- package/src/components/tab/theme/TabGroup.carbon.theme.ts +50 -2
- package/src/components/table/Table.vue +125 -27
- package/src/components/table/TableCell.vue +5 -6
- package/src/components/table/TableHead.vue +25 -0
- package/src/components/table/TableHeader.vue +35 -56
- package/src/components/table/TableRow.vue +19 -17
- package/src/components/table/index.ts +4 -2
- package/src/components/table/theme/Table.base.theme.ts +9 -7
- package/src/components/table/theme/Table.carbon.theme.ts +18 -2
- package/src/components/table/theme/TableCell.base.theme.ts +1 -1
- package/src/components/table/theme/TableCell.carbon.theme.ts +24 -2
- package/src/components/table/theme/TableHead.base.theme.ts +10 -0
- package/src/components/table/theme/TableHead.carbon.theme.ts +10 -0
- package/src/components/table/theme/TableHeader.base.theme.ts +28 -0
- package/src/components/table/theme/TableHeader.carbon.theme.ts +28 -0
- package/src/components/table/theme/TableRow.base.theme.ts +21 -0
- package/src/components/table/theme/TableRow.carbon.theme.ts +21 -0
- package/src/components/tag/Tag.vue +4 -4
- package/src/components/tag/theme/Tag.base.theme.ts +4 -4
- package/src/components/tag/theme/Tag.carbon.theme.ts +5 -6
- package/src/components/textarea/Textarea.vue +6 -4
- package/src/components/textarea/theme/Textarea.base.theme.ts +5 -4
- package/src/components/textarea/theme/Textarea.carbon.theme.ts +5 -5
- package/src/components/toggle/Toggle.vue +5 -7
- package/src/components/toggle/theme/Toggle.base.theme.ts +1 -1
- package/src/components/tooltip/ToggleTip.vue +31 -0
- package/src/components/tooltip/Tooltip.vue +14 -4
- package/src/components/tooltip/__tests__/ToggleTip.spec.ts +11 -0
- package/src/components/tooltip/index.ts +3 -0
- package/src/composables/keys.ts +5 -1
- package/src/composables/useColors.ts +1 -1
- package/src/composables/useFocusTrap.ts +106 -0
- package/src/composables/useInputtable.ts +32 -3
- package/src/theme.ts +14 -2
- package/src/themes/base/components.ts +7 -1
- package/src/themes/base/index.ts +0 -3
- package/src/themes/base/styles.css +4 -0
- package/src/themes/carbon/components.ts +7 -1
- package/src/version.ts +1 -1
- package/volar.d.ts +6 -1
- package/lib/components/collapse/Collapse.vue.js +0 -131
- package/lib/components/collapse/Collapse.vue2.js +0 -4
- package/lib/components/collapse/index.d.ts +0 -2
- package/lib/components/collapse/theme/Collapse.base.theme.d.ts +0 -3
- package/lib/components/collapse/theme/Collapse.base.theme.js +0 -10
- package/lib/components/collapse/theme/Collapse.carbon.theme.d.ts +0 -3
- package/lib/components/table/TableHead.d.ts +0 -2
- package/lib/components/table/TableHead.js +0 -19
- package/src/components/collapse/index.ts +0 -2
- package/src/components/collapse/theme/Collapse.base.theme.ts +0 -13
- package/src/components/collapse/theme/Collapse.carbon.theme.ts +0 -7
- package/src/components/table/TableHead.tsx +0 -14
- /package/lib/components/{collapse/__tests__/Collapse.spec.d.ts → accordion/__tests__/Accordion.spec.d.ts} +0 -0
package/lib/nuxt.mjs
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
|
|
2
|
+
import { fileURLToPath } from 'node:url'
|
|
3
|
+
|
|
4
|
+
export default defineNuxtModule({
|
|
5
|
+
meta: {
|
|
6
|
+
name: '@indielayer/ui',
|
|
7
|
+
configKey: 'indielayer',
|
|
8
|
+
compatibility: {
|
|
9
|
+
nuxt: '^3.0.0',
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
defaults: {
|
|
13
|
+
prefix: 'X',
|
|
14
|
+
},
|
|
15
|
+
async setup(options, nuxt) {
|
|
16
|
+
// Create resolver to resolve relative paths
|
|
17
|
+
const { resolve } = createResolver(import.meta.url)
|
|
18
|
+
|
|
19
|
+
nuxt.options.runtimeConfig.public.indielayerOptions = options
|
|
20
|
+
|
|
21
|
+
// plugin install
|
|
22
|
+
addPlugin(resolve('./nuxt.plugin.js'))
|
|
23
|
+
|
|
24
|
+
// nuxt install
|
|
25
|
+
nuxt.hook('components:dirs', (dirs) => {
|
|
26
|
+
dirs.push({
|
|
27
|
+
path: fileURLToPath(new URL('../src/components', import.meta.url)),
|
|
28
|
+
extensions: ['vue', 'tsx'],
|
|
29
|
+
prefix: options?.prefix ? options?.prefix : 'X',
|
|
30
|
+
})
|
|
31
|
+
})
|
|
32
|
+
},
|
|
33
|
+
})
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
function getColorVar(color, level) {
|
|
2
|
+
if (level) return `rgb(var(--${color}-color-${level}))`
|
|
3
|
+
|
|
4
|
+
return `rgb(var(--${color}-color))`
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
function getColorVarPallete(color) {
|
|
8
|
+
return {
|
|
9
|
+
50: getColorVar(color, 50),
|
|
10
|
+
100: getColorVar(color, 100),
|
|
11
|
+
200: getColorVar(color, 200),
|
|
12
|
+
300: getColorVar(color, 300),
|
|
13
|
+
400: getColorVar(color, 400),
|
|
14
|
+
500: getColorVar(color, 500),
|
|
15
|
+
600: getColorVar(color, 600),
|
|
16
|
+
700: getColorVar(color, 700),
|
|
17
|
+
800: getColorVar(color, 800),
|
|
18
|
+
900: getColorVar(color, 900),
|
|
19
|
+
950: getColorVar(color, 950),
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
module.exports = () => ({
|
|
24
|
+
theme: {
|
|
25
|
+
extend: {
|
|
26
|
+
colors: {
|
|
27
|
+
primary: getColorVarPallete('primary'),
|
|
28
|
+
secondary: getColorVarPallete('secondary'),
|
|
29
|
+
success: getColorVarPallete('success'),
|
|
30
|
+
warning: getColorVarPallete('warning'),
|
|
31
|
+
error: getColorVarPallete('error'),
|
|
32
|
+
},
|
|
33
|
+
borderColor: getColorVar('border'),
|
|
34
|
+
fontFamily: {
|
|
35
|
+
sans: 'var(--font-family-sans)',
|
|
36
|
+
mono: 'var(--font-family-mono)',
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
})
|
package/lib/theme.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type { ColorLibrary } from './composables/useColors';
|
|
2
|
-
import type { AlertTheme, AvatarTheme, BadgeTheme, BreadcrumbsTheme, ButtonTheme, ButtonGroupTheme, CardTheme, CarouselTheme, CarouselSlideTheme, CheckboxTheme,
|
|
2
|
+
import type { AccordionTheme, AccordionItemTheme, AlertTheme, AvatarTheme, BadgeTheme, BreadcrumbsTheme, ButtonTheme, ButtonGroupTheme, CardTheme, CarouselTheme, CarouselSlideTheme, CheckboxTheme, ContainerTheme, DividerTheme, DrawerTheme, FormTheme, FormGroupTheme, IconTheme, ImageTheme, InputTheme, InputFooterTheme, LabelTheme, LinkTheme, LoaderTheme, MenuTheme, MenuItemTheme, ModalTheme, NotificationsTheme, PaginationTheme, PaginationItemTheme, PopoverTheme, PopoverContainerTheme, ProgressTheme, RadioTheme, ScrollTheme, SelectTheme, SkeletonTheme, SliderTheme, StepperTheme, TabTheme, TabGroupTheme, TableTheme, TableCellTheme, TableHeadTheme, TableHeaderTheme, TableRowTheme, TagTheme, TextareaTheme, ToggleTheme } from './components';
|
|
3
3
|
export type ComponentThemes = {
|
|
4
|
+
Accordion: AccordionTheme;
|
|
5
|
+
AccordionItem: AccordionItemTheme;
|
|
4
6
|
Alert: AlertTheme;
|
|
5
7
|
Avatar: AvatarTheme;
|
|
6
8
|
Badge: BadgeTheme;
|
|
@@ -11,11 +13,11 @@ export type ComponentThemes = {
|
|
|
11
13
|
Carousel: CarouselTheme;
|
|
12
14
|
CarouselSlide: CarouselSlideTheme;
|
|
13
15
|
Checkbox: CheckboxTheme;
|
|
14
|
-
Collapse: CollapseTheme;
|
|
15
16
|
Container: ContainerTheme;
|
|
16
17
|
Divider: DividerTheme;
|
|
17
18
|
Drawer: DrawerTheme;
|
|
18
19
|
Form: FormTheme;
|
|
20
|
+
FormGroup: FormGroupTheme;
|
|
19
21
|
Icon: IconTheme;
|
|
20
22
|
Image: ImageTheme;
|
|
21
23
|
Input: InputTheme;
|
|
@@ -37,10 +39,14 @@ export type ComponentThemes = {
|
|
|
37
39
|
Select: SelectTheme;
|
|
38
40
|
Skeleton: SkeletonTheme;
|
|
39
41
|
Slider: SliderTheme;
|
|
42
|
+
Stepper: StepperTheme;
|
|
40
43
|
Tab: TabTheme;
|
|
41
44
|
TabGroup: TabGroupTheme;
|
|
42
45
|
Table: TableTheme;
|
|
43
46
|
TableCell: TableCellTheme;
|
|
47
|
+
TableHead: TableHeadTheme;
|
|
48
|
+
TableHeader: TableHeaderTheme;
|
|
49
|
+
TableRow: TableRowTheme;
|
|
44
50
|
Tag: TagTheme;
|
|
45
51
|
Textarea: TextareaTheme;
|
|
46
52
|
Toggle: ToggleTheme;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { default as Accordion } from '../../components/accordion/theme/Accordion.base.theme';
|
|
2
|
+
export { default as AccordionItem } from '../../components/accordion/theme/AccordionItem.base.theme';
|
|
1
3
|
export { default as Alert } from '../../components/alert/theme/Alert.base.theme';
|
|
2
4
|
export { default as Avatar } from '../../components/avatar/theme/Avatar.base.theme';
|
|
3
5
|
export { default as Badge } from '../../components/badge/theme/Badge.base.theme';
|
|
@@ -8,11 +10,11 @@ export { default as Card } from '../../components/card/theme/Card.base.theme';
|
|
|
8
10
|
export { default as Carousel } from '../../components/carousel/theme/Carousel.base.theme';
|
|
9
11
|
export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.base.theme';
|
|
10
12
|
export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.base.theme';
|
|
11
|
-
export { default as Collapse } from '../../components/collapse/theme/Collapse.base.theme';
|
|
12
13
|
export { default as Container } from '../../components/container/theme/Container.base.theme';
|
|
13
14
|
export { default as Divider } from '../../components/divider/theme/Divider.base.theme';
|
|
14
15
|
export { default as Drawer } from '../../components/drawer/theme/Drawer.base.theme';
|
|
15
16
|
export { default as Form } from '../../components/form/theme/Form.base.theme';
|
|
17
|
+
export { default as FormGroup } from '../../components/formGroup/theme/FormGroup.base.theme';
|
|
16
18
|
export { default as Icon } from '../../components/icon/theme/Icon.base.theme';
|
|
17
19
|
export { default as Image } from '../../components/image/theme/Image.base.theme';
|
|
18
20
|
export { default as Input } from '../../components/input/theme/Input.base.theme';
|
|
@@ -34,10 +36,14 @@ export { default as Scroll } from '../../components/scroll/theme/Scroll.base.the
|
|
|
34
36
|
export { default as Select } from '../../components/select/theme/Select.base.theme';
|
|
35
37
|
export { default as Skeleton } from '../../components/skeleton/theme/Skeleton.base.theme';
|
|
36
38
|
export { default as Slider } from '../../components/slider/theme/Slider.base.theme';
|
|
39
|
+
export { default as Stepper } from '../../components/stepper/theme/Stepper.base.theme';
|
|
37
40
|
export { default as Tab } from '../../components/tab/theme/Tab.base.theme';
|
|
38
41
|
export { default as TabGroup } from '../../components/tab/theme/TabGroup.base.theme';
|
|
39
42
|
export { default as Table } from '../../components/table/theme/Table.base.theme';
|
|
40
43
|
export { default as TableCell } from '../../components/table/theme/TableCell.base.theme';
|
|
44
|
+
export { default as TableHead } from '../../components/table/theme/TableHead.base.theme';
|
|
45
|
+
export { default as TableHeader } from '../../components/table/theme/TableHeader.base.theme';
|
|
46
|
+
export { default as TableRow } from '../../components/table/theme/TableRow.base.theme';
|
|
41
47
|
export { default as Tag } from '../../components/tag/theme/Tag.base.theme';
|
|
42
48
|
export { default as Textarea } from '../../components/textarea/theme/Textarea.base.theme';
|
|
43
49
|
export { default as Toggle } from '../../components/toggle/theme/Toggle.base.theme';
|
|
@@ -1,88 +1,100 @@
|
|
|
1
|
-
import { default as a } from "../../components/
|
|
2
|
-
import { default as t } from "../../components/
|
|
3
|
-
import { default as l } from "../../components/
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as x } from "../../components/
|
|
7
|
-
import { default as i } from "../../components/
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as I } from "../../components/
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as J } from "../../components/
|
|
22
|
-
import { default as O } from "../../components/
|
|
23
|
-
import { default as U } from "../../components/
|
|
24
|
-
import { default as W } from "../../components/
|
|
25
|
-
import { default as Y } from "../../components/
|
|
26
|
-
import { default as _ } from "../../components/
|
|
27
|
-
import { default as ee } from "../../components/
|
|
28
|
-
import { default as ae } from "../../components/
|
|
29
|
-
import { default as te } from "../../components/
|
|
30
|
-
import { default as le } from "../../components/
|
|
31
|
-
import { default as
|
|
32
|
-
import { default as
|
|
33
|
-
import { default as xe } from "../../components/
|
|
34
|
-
import { default as ie } from "../../components/
|
|
35
|
-
import { default as
|
|
36
|
-
import { default as
|
|
37
|
-
import { default as Ie } from "../../components/
|
|
38
|
-
import { default as
|
|
39
|
-
import { default as
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as
|
|
1
|
+
import { default as a } from "../../components/accordion/theme/Accordion.base.theme.js";
|
|
2
|
+
import { default as t } from "../../components/accordion/theme/AccordionItem.base.theme.js";
|
|
3
|
+
import { default as l } from "../../components/alert/theme/Alert.base.theme.js";
|
|
4
|
+
import { default as u } from "../../components/avatar/theme/Avatar.base.theme.js";
|
|
5
|
+
import { default as m } from "../../components/badge/theme/Badge.base.theme.js";
|
|
6
|
+
import { default as x } from "../../components/breadcrumbs/theme/Breadcrumbs.base.theme.js";
|
|
7
|
+
import { default as i } from "../../components/button/theme/Button.base.theme.js";
|
|
8
|
+
import { default as c } from "../../components/button/theme/ButtonGroup.base.theme.js";
|
|
9
|
+
import { default as g } from "../../components/card/theme/Card.base.theme.js";
|
|
10
|
+
import { default as I } from "../../components/carousel/theme/Carousel.base.theme.js";
|
|
11
|
+
import { default as P } from "../../components/carousel/theme/CarouselSlide.base.theme.js";
|
|
12
|
+
import { default as A } from "../../components/checkbox/theme/Checkbox.base.theme.js";
|
|
13
|
+
import { default as k } from "../../components/container/theme/Container.base.theme.js";
|
|
14
|
+
import { default as G } from "../../components/divider/theme/Divider.base.theme.js";
|
|
15
|
+
import { default as M } from "../../components/drawer/theme/Drawer.base.theme.js";
|
|
16
|
+
import { default as D } from "../../components/form/theme/Form.base.theme.js";
|
|
17
|
+
import { default as R } from "../../components/formGroup/theme/FormGroup.base.theme.js";
|
|
18
|
+
import { default as N } from "../../components/icon/theme/Icon.base.theme.js";
|
|
19
|
+
import { default as q } from "../../components/image/theme/Image.base.theme.js";
|
|
20
|
+
import { default as z } from "../../components/input/theme/Input.base.theme.js";
|
|
21
|
+
import { default as J } from "../../components/inputFooter/theme/InputFooter.base.theme.js";
|
|
22
|
+
import { default as O } from "../../components/label/theme/Label.base.theme.js";
|
|
23
|
+
import { default as U } from "../../components/link/theme/Link.base.theme.js";
|
|
24
|
+
import { default as W } from "../../components/loader/theme/Loader.base.theme.js";
|
|
25
|
+
import { default as Y } from "../../components/menu/theme/Menu.base.theme.js";
|
|
26
|
+
import { default as _ } from "../../components/menu/theme/MenuItem.base.theme.js";
|
|
27
|
+
import { default as ee } from "../../components/modal/theme/Modal.base.theme.js";
|
|
28
|
+
import { default as ae } from "../../components/notifications/theme/Notifications.base.theme.js";
|
|
29
|
+
import { default as te } from "../../components/pagination/theme/Pagination.base.theme.js";
|
|
30
|
+
import { default as le } from "../../components/pagination/theme/PaginationItem.base.theme.js";
|
|
31
|
+
import { default as ue } from "../../components/popover/theme/Popover.base.theme.js";
|
|
32
|
+
import { default as me } from "../../components/popover/theme/PopoverContainer.base.theme.js";
|
|
33
|
+
import { default as xe } from "../../components/progress/theme/Progress.base.theme.js";
|
|
34
|
+
import { default as ie } from "../../components/radio/theme/Radio.base.theme.js";
|
|
35
|
+
import { default as ce } from "../../components/scroll/theme/Scroll.base.theme.js";
|
|
36
|
+
import { default as ge } from "../../components/select/theme/Select.base.theme.js";
|
|
37
|
+
import { default as Ie } from "../../components/skeleton/theme/Skeleton.base.theme.js";
|
|
38
|
+
import { default as Pe } from "../../components/slider/theme/Slider.base.theme.js";
|
|
39
|
+
import { default as Ae } from "../../components/stepper/theme/Stepper.base.theme.js";
|
|
40
|
+
import { default as ke } from "../../components/tab/theme/Tab.base.theme.js";
|
|
41
|
+
import { default as Ge } from "../../components/tab/theme/TabGroup.base.theme.js";
|
|
42
|
+
import { default as Me } from "../../components/table/theme/Table.base.theme.js";
|
|
43
|
+
import { default as De } from "../../components/table/theme/TableCell.base.theme.js";
|
|
44
|
+
import { default as Re } from "../../components/table/theme/TableHead.base.theme.js";
|
|
45
|
+
import { default as Ne } from "../../components/table/theme/TableHeader.base.theme.js";
|
|
46
|
+
import { default as qe } from "../../components/table/theme/TableRow.base.theme.js";
|
|
47
|
+
import { default as ze } from "../../components/tag/theme/Tag.base.theme.js";
|
|
48
|
+
import { default as Je } from "../../components/textarea/theme/Textarea.base.theme.js";
|
|
49
|
+
import { default as Oe } from "../../components/toggle/theme/Toggle.base.theme.js";
|
|
44
50
|
export {
|
|
45
|
-
a as
|
|
46
|
-
t as
|
|
47
|
-
l as
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
x as
|
|
51
|
-
i as
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
I as
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
J as
|
|
66
|
-
O as
|
|
67
|
-
U as
|
|
68
|
-
W as
|
|
69
|
-
Y as
|
|
70
|
-
_ as
|
|
71
|
-
ee as
|
|
72
|
-
ae as
|
|
73
|
-
te as
|
|
74
|
-
le as
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
xe as
|
|
78
|
-
ie as
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
Ie as
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
51
|
+
a as Accordion,
|
|
52
|
+
t as AccordionItem,
|
|
53
|
+
l as Alert,
|
|
54
|
+
u as Avatar,
|
|
55
|
+
m as Badge,
|
|
56
|
+
x as Breadcrumbs,
|
|
57
|
+
i as Button,
|
|
58
|
+
c as ButtonGroup,
|
|
59
|
+
g as Card,
|
|
60
|
+
I as Carousel,
|
|
61
|
+
P as CarouselSlide,
|
|
62
|
+
A as Checkbox,
|
|
63
|
+
k as Container,
|
|
64
|
+
G as Divider,
|
|
65
|
+
M as Drawer,
|
|
66
|
+
D as Form,
|
|
67
|
+
R as FormGroup,
|
|
68
|
+
N as Icon,
|
|
69
|
+
q as Image,
|
|
70
|
+
z as Input,
|
|
71
|
+
J as InputFooter,
|
|
72
|
+
O as Label,
|
|
73
|
+
U as Link,
|
|
74
|
+
W as Loader,
|
|
75
|
+
Y as Menu,
|
|
76
|
+
_ as MenuItem,
|
|
77
|
+
ee as Modal,
|
|
78
|
+
ae as Notifications,
|
|
79
|
+
te as Pagination,
|
|
80
|
+
le as PaginationItem,
|
|
81
|
+
ue as Popover,
|
|
82
|
+
me as PopoverContainer,
|
|
83
|
+
xe as Progress,
|
|
84
|
+
ie as Radio,
|
|
85
|
+
ce as Scroll,
|
|
86
|
+
ge as Select,
|
|
87
|
+
Ie as Skeleton,
|
|
88
|
+
Pe as Slider,
|
|
89
|
+
Ae as Stepper,
|
|
90
|
+
ke as Tab,
|
|
91
|
+
Ge as TabGroup,
|
|
92
|
+
Me as Table,
|
|
93
|
+
De as TableCell,
|
|
94
|
+
Re as TableHead,
|
|
95
|
+
Ne as TableHeader,
|
|
96
|
+
qe as TableRow,
|
|
97
|
+
ze as Tag,
|
|
98
|
+
Je as Textarea,
|
|
99
|
+
Oe as Toggle
|
|
88
100
|
};
|
package/lib/themes/base/index.js
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import * as e from "./components.js";
|
|
2
2
|
import s from "./styles.css.js";
|
|
3
|
-
const
|
|
3
|
+
const t = {
|
|
4
4
|
name: "Base",
|
|
5
|
-
colors: {
|
|
6
|
-
primary: { 50: "#ecfdf5", 100: "#d1fae5", 200: "#a7f3d0", 300: "#6ee7b7", 400: "#34d399", 500: "#10b981", 600: "#059669", 700: "#047857", 800: "#065f46", 900: "#064e3b", 950: "#022c22" }
|
|
7
|
-
},
|
|
8
5
|
styles: `${s}`,
|
|
9
6
|
classPrefix: "x-",
|
|
10
7
|
components: e
|
|
11
|
-
},
|
|
8
|
+
}, m = t;
|
|
12
9
|
export {
|
|
13
|
-
|
|
10
|
+
m as default
|
|
14
11
|
};
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { default as Accordion } from '../../components/accordion/theme/Accordion.carbon.theme';
|
|
2
|
+
export { default as AccordionItem } from '../../components/accordion/theme/AccordionItem.carbon.theme';
|
|
1
3
|
export { default as Alert } from '../../components/alert/theme/Alert.carbon.theme';
|
|
2
4
|
export { default as Avatar } from '../../components/avatar/theme/Avatar.carbon.theme';
|
|
3
5
|
export { default as Badge } from '../../components/badge/theme/Badge.carbon.theme';
|
|
@@ -8,11 +10,11 @@ export { default as Card } from '../../components/card/theme/Card.carbon.theme';
|
|
|
8
10
|
export { default as Carousel } from '../../components/carousel/theme/Carousel.carbon.theme';
|
|
9
11
|
export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.carbon.theme';
|
|
10
12
|
export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.carbon.theme';
|
|
11
|
-
export { default as Collapse } from '../../components/collapse/theme/Collapse.carbon.theme';
|
|
12
13
|
export { default as Container } from '../../components/container/theme/Container.carbon.theme';
|
|
13
14
|
export { default as Divider } from '../../components/divider/theme/Divider.carbon.theme';
|
|
14
15
|
export { default as Drawer } from '../../components/drawer/theme/Drawer.carbon.theme';
|
|
15
16
|
export { default as Form } from '../../components/form/theme/Form.carbon.theme';
|
|
17
|
+
export { default as FormGroup } from '../../components/formGroup/theme/FormGroup.carbon.theme';
|
|
16
18
|
export { default as Icon } from '../../components/icon/theme/Icon.carbon.theme';
|
|
17
19
|
export { default as Image } from '../../components/image/theme/Image.carbon.theme';
|
|
18
20
|
export { default as Input } from '../../components/input/theme/Input.carbon.theme';
|
|
@@ -34,10 +36,14 @@ export { default as Scroll } from '../../components/scroll/theme/Scroll.carbon.t
|
|
|
34
36
|
export { default as Select } from '../../components/select/theme/Select.carbon.theme';
|
|
35
37
|
export { default as Skeleton } from '../../components/skeleton/theme/Skeleton.carbon.theme';
|
|
36
38
|
export { default as Slider } from '../../components/slider/theme/Slider.carbon.theme';
|
|
39
|
+
export { default as Stepper } from '../../components/stepper/theme/Stepper.carbon.theme';
|
|
37
40
|
export { default as Tab } from '../../components/tab/theme/Tab.carbon.theme';
|
|
38
41
|
export { default as TabGroup } from '../../components/tab/theme/TabGroup.carbon.theme';
|
|
39
42
|
export { default as Table } from '../../components/table/theme/Table.carbon.theme';
|
|
40
43
|
export { default as TableCell } from '../../components/table/theme/TableCell.carbon.theme';
|
|
44
|
+
export { default as TableHead } from '../../components/table/theme/TableHead.carbon.theme';
|
|
45
|
+
export { default as TableHeader } from '../../components/table/theme/TableHeader.carbon.theme';
|
|
46
|
+
export { default as TableRow } from '../../components/table/theme/TableRow.carbon.theme';
|
|
41
47
|
export { default as Tag } from '../../components/tag/theme/Tag.carbon.theme';
|
|
42
48
|
export { default as Textarea } from '../../components/textarea/theme/Textarea.carbon.theme';
|
|
43
49
|
export { default as Toggle } from '../../components/toggle/theme/Toggle.carbon.theme';
|
|
@@ -1,88 +1,100 @@
|
|
|
1
|
-
import { default as a } from "../../components/
|
|
2
|
-
import { default as t } from "../../components/
|
|
3
|
-
import { default as l } from "../../components/
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as x } from "../../components/
|
|
7
|
-
import { default as i } from "../../components/
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as I } from "../../components/
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as J } from "../../components/
|
|
22
|
-
import { default as O } from "../../components/
|
|
23
|
-
import { default as U } from "../../components/
|
|
24
|
-
import { default as W } from "../../components/
|
|
25
|
-
import { default as Y } from "../../components/
|
|
26
|
-
import { default as _ } from "../../components/
|
|
27
|
-
import { default as ee } from "../../components/
|
|
28
|
-
import { default as ae } from "../../components/
|
|
29
|
-
import { default as te } from "../../components/
|
|
30
|
-
import { default as le } from "../../components/
|
|
31
|
-
import { default as
|
|
32
|
-
import { default as
|
|
33
|
-
import { default as xe } from "../../components/
|
|
34
|
-
import { default as ie } from "../../components/
|
|
35
|
-
import { default as
|
|
36
|
-
import { default as
|
|
37
|
-
import { default as Ie } from "../../components/
|
|
38
|
-
import { default as
|
|
39
|
-
import { default as
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as
|
|
1
|
+
import { default as a } from "../../components/accordion/theme/Accordion.carbon.theme.js";
|
|
2
|
+
import { default as t } from "../../components/accordion/theme/AccordionItem.carbon.theme.js";
|
|
3
|
+
import { default as l } from "../../components/alert/theme/Alert.carbon.theme.js";
|
|
4
|
+
import { default as u } from "../../components/avatar/theme/Avatar.carbon.theme.js";
|
|
5
|
+
import { default as m } from "../../components/badge/theme/Badge.carbon.theme.js";
|
|
6
|
+
import { default as x } from "../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js";
|
|
7
|
+
import { default as i } from "../../components/button/theme/Button.carbon.theme.js";
|
|
8
|
+
import { default as c } from "../../components/button/theme/ButtonGroup.carbon.theme.js";
|
|
9
|
+
import { default as g } from "../../components/card/theme/Card.carbon.theme.js";
|
|
10
|
+
import { default as I } from "../../components/carousel/theme/Carousel.carbon.theme.js";
|
|
11
|
+
import { default as P } from "../../components/carousel/theme/CarouselSlide.carbon.theme.js";
|
|
12
|
+
import { default as A } from "../../components/checkbox/theme/Checkbox.carbon.theme.js";
|
|
13
|
+
import { default as k } from "../../components/container/theme/Container.carbon.theme.js";
|
|
14
|
+
import { default as G } from "../../components/divider/theme/Divider.carbon.theme.js";
|
|
15
|
+
import { default as M } from "../../components/drawer/theme/Drawer.carbon.theme.js";
|
|
16
|
+
import { default as D } from "../../components/form/theme/Form.carbon.theme.js";
|
|
17
|
+
import { default as R } from "../../components/formGroup/theme/FormGroup.carbon.theme.js";
|
|
18
|
+
import { default as N } from "../../components/icon/theme/Icon.carbon.theme.js";
|
|
19
|
+
import { default as q } from "../../components/image/theme/Image.carbon.theme.js";
|
|
20
|
+
import { default as z } from "../../components/input/theme/Input.carbon.theme.js";
|
|
21
|
+
import { default as J } from "../../components/inputFooter/theme/InputFooter.carbon.theme.js";
|
|
22
|
+
import { default as O } from "../../components/label/theme/Label.carbon.theme.js";
|
|
23
|
+
import { default as U } from "../../components/link/theme/Link.carbon.theme.js";
|
|
24
|
+
import { default as W } from "../../components/loader/theme/Loader.carbon.theme.js";
|
|
25
|
+
import { default as Y } from "../../components/menu/theme/Menu.carbon.theme.js";
|
|
26
|
+
import { default as _ } from "../../components/menu/theme/MenuItem.carbon.theme.js";
|
|
27
|
+
import { default as ee } from "../../components/modal/theme/Modal.carbon.theme.js";
|
|
28
|
+
import { default as ae } from "../../components/notifications/theme/Notifications.carbon.theme.js";
|
|
29
|
+
import { default as te } from "../../components/pagination/theme/Pagination.carbon.theme.js";
|
|
30
|
+
import { default as le } from "../../components/pagination/theme/PaginationItem.carbon.theme.js";
|
|
31
|
+
import { default as ue } from "../../components/popover/theme/Popover.carbon.theme.js";
|
|
32
|
+
import { default as me } from "../../components/popover/theme/PopoverContainer.carbon.theme.js";
|
|
33
|
+
import { default as xe } from "../../components/progress/theme/Progress.carbon.theme.js";
|
|
34
|
+
import { default as ie } from "../../components/radio/theme/Radio.carbon.theme.js";
|
|
35
|
+
import { default as ce } from "../../components/scroll/theme/Scroll.carbon.theme.js";
|
|
36
|
+
import { default as ge } from "../../components/select/theme/Select.carbon.theme.js";
|
|
37
|
+
import { default as Ie } from "../../components/skeleton/theme/Skeleton.carbon.theme.js";
|
|
38
|
+
import { default as Pe } from "../../components/slider/theme/Slider.carbon.theme.js";
|
|
39
|
+
import { default as Ae } from "../../components/stepper/theme/Stepper.carbon.theme.js";
|
|
40
|
+
import { default as ke } from "../../components/tab/theme/Tab.carbon.theme.js";
|
|
41
|
+
import { default as Ge } from "../../components/tab/theme/TabGroup.carbon.theme.js";
|
|
42
|
+
import { default as Me } from "../../components/table/theme/Table.carbon.theme.js";
|
|
43
|
+
import { default as De } from "../../components/table/theme/TableCell.carbon.theme.js";
|
|
44
|
+
import { default as Re } from "../../components/table/theme/TableHead.carbon.theme.js";
|
|
45
|
+
import { default as Ne } from "../../components/table/theme/TableHeader.carbon.theme.js";
|
|
46
|
+
import { default as qe } from "../../components/table/theme/TableRow.carbon.theme.js";
|
|
47
|
+
import { default as ze } from "../../components/tag/theme/Tag.carbon.theme.js";
|
|
48
|
+
import { default as Je } from "../../components/textarea/theme/Textarea.carbon.theme.js";
|
|
49
|
+
import { default as Oe } from "../../components/toggle/theme/Toggle.carbon.theme.js";
|
|
44
50
|
export {
|
|
45
|
-
a as
|
|
46
|
-
t as
|
|
47
|
-
l as
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
x as
|
|
51
|
-
i as
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
I as
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
J as
|
|
66
|
-
O as
|
|
67
|
-
U as
|
|
68
|
-
W as
|
|
69
|
-
Y as
|
|
70
|
-
_ as
|
|
71
|
-
ee as
|
|
72
|
-
ae as
|
|
73
|
-
te as
|
|
74
|
-
le as
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
xe as
|
|
78
|
-
ie as
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
Ie as
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
51
|
+
a as Accordion,
|
|
52
|
+
t as AccordionItem,
|
|
53
|
+
l as Alert,
|
|
54
|
+
u as Avatar,
|
|
55
|
+
m as Badge,
|
|
56
|
+
x as Breadcrumbs,
|
|
57
|
+
i as Button,
|
|
58
|
+
c as ButtonGroup,
|
|
59
|
+
g as Card,
|
|
60
|
+
I as Carousel,
|
|
61
|
+
P as CarouselSlide,
|
|
62
|
+
A as Checkbox,
|
|
63
|
+
k as Container,
|
|
64
|
+
G as Divider,
|
|
65
|
+
M as Drawer,
|
|
66
|
+
D as Form,
|
|
67
|
+
R as FormGroup,
|
|
68
|
+
N as Icon,
|
|
69
|
+
q as Image,
|
|
70
|
+
z as Input,
|
|
71
|
+
J as InputFooter,
|
|
72
|
+
O as Label,
|
|
73
|
+
U as Link,
|
|
74
|
+
W as Loader,
|
|
75
|
+
Y as Menu,
|
|
76
|
+
_ as MenuItem,
|
|
77
|
+
ee as Modal,
|
|
78
|
+
ae as Notifications,
|
|
79
|
+
te as Pagination,
|
|
80
|
+
le as PaginationItem,
|
|
81
|
+
ue as Popover,
|
|
82
|
+
me as PopoverContainer,
|
|
83
|
+
xe as Progress,
|
|
84
|
+
ie as Radio,
|
|
85
|
+
ce as Scroll,
|
|
86
|
+
ge as Select,
|
|
87
|
+
Ie as Skeleton,
|
|
88
|
+
Pe as Slider,
|
|
89
|
+
Ae as Stepper,
|
|
90
|
+
ke as Tab,
|
|
91
|
+
Ge as TabGroup,
|
|
92
|
+
Me as Table,
|
|
93
|
+
De as TableCell,
|
|
94
|
+
Re as TableHead,
|
|
95
|
+
Ne as TableHeader,
|
|
96
|
+
qe as TableRow,
|
|
97
|
+
ze as Tag,
|
|
98
|
+
Je as Textarea,
|
|
99
|
+
Oe as Toggle
|
|
88
100
|
};
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "1.
|
|
1
|
+
declare const _default: "1.5.0";
|
|
2
2
|
export default _default;
|
package/lib/version.js
CHANGED