@indielayer/ui 1.5.2 → 1.6.0

package/lib/themes/base/components.js

@@ -5,48 +5,50 @@ import { default as u } from "../../components/avatar/theme/Avatar.base.theme.js
 import { default as m } from "../../components/badge/theme/Badge.base.theme.js";
 import { default as x } from "../../components/breadcrumbs/theme/Breadcrumbs.base.theme.js";
 import { default as i } from "../../components/button/theme/Button.base.theme.js";
-import { default as c } from "../../components/button/theme/ButtonGroup.base.theme.js";
+import { default as b } from "../../components/button/theme/ButtonGroup.base.theme.js";
 import { default as g } from "../../components/card/theme/Card.base.theme.js";
 import { default as I } from "../../components/carousel/theme/Carousel.base.theme.js";
 import { default as P } from "../../components/carousel/theme/CarouselSlide.base.theme.js";
-import { default as A } from "../../components/checkbox/theme/Checkbox.base.theme.js";
-import { default as k } from "../../components/container/theme/Container.base.theme.js";
-import { default as G } from "../../components/divider/theme/Divider.base.theme.js";
-import { default as M } from "../../components/drawer/theme/Drawer.base.theme.js";
-import { default as D } from "../../components/form/theme/Form.base.theme.js";
-import { default as R } from "../../components/formGroup/theme/FormGroup.base.theme.js";
-import { default as N } from "../../components/icon/theme/Icon.base.theme.js";
-import { default as q } from "../../components/image/theme/Image.base.theme.js";
-import { default as z } from "../../components/input/theme/Input.base.theme.js";
-import { default as J } from "../../components/inputFooter/theme/InputFooter.base.theme.js";
-import { default as O } from "../../components/label/theme/Label.base.theme.js";
-import { default as U } from "../../components/link/theme/Link.base.theme.js";
-import { default as W } from "../../components/loader/theme/Loader.base.theme.js";
-import { default as Y } from "../../components/menu/theme/Menu.base.theme.js";
-import { default as _ } from "../../components/menu/theme/MenuItem.base.theme.js";
-import { default as ee } from "../../components/modal/theme/Modal.base.theme.js";
-import { default as ae } from "../../components/notifications/theme/Notifications.base.theme.js";
-import { default as te } from "../../components/pagination/theme/Pagination.base.theme.js";
-import { default as le } from "../../components/pagination/theme/PaginationItem.base.theme.js";
-import { default as ue } from "../../components/popover/theme/Popover.base.theme.js";
-import { default as me } from "../../components/popover/theme/PopoverContainer.base.theme.js";
-import { default as xe } from "../../components/progress/theme/Progress.base.theme.js";
-import { default as ie } from "../../components/radio/theme/Radio.base.theme.js";
-import { default as ce } from "../../components/scroll/theme/Scroll.base.theme.js";
-import { default as ge } from "../../components/select/theme/Select.base.theme.js";
-import { default as Ie } from "../../components/skeleton/theme/Skeleton.base.theme.js";
-import { default as Pe } from "../../components/slider/theme/Slider.base.theme.js";
-import { default as Ae } from "../../components/stepper/theme/Stepper.base.theme.js";
-import { default as ke } from "../../components/tab/theme/Tab.base.theme.js";
-import { default as Ge } from "../../components/tab/theme/TabGroup.base.theme.js";
-import { default as Me } from "../../components/table/theme/Table.base.theme.js";
-import { default as De } from "../../components/table/theme/TableCell.base.theme.js";
-import { default as Re } from "../../components/table/theme/TableHead.base.theme.js";
-import { default as Ne } from "../../components/table/theme/TableHeader.base.theme.js";
-import { default as qe } from "../../components/table/theme/TableRow.base.theme.js";
-import { default as ze } from "../../components/tag/theme/Tag.base.theme.js";
-import { default as Je } from "../../components/textarea/theme/Textarea.base.theme.js";
-import { default as Oe } from "../../components/toggle/theme/Toggle.base.theme.js";
+import { default as v } from "../../components/checkbox/theme/Checkbox.base.theme.js";
+import { default as B } from "../../components/container/theme/Container.base.theme.js";
+import { default as F } from "../../components/datepicker/theme/Datepicker.base.theme.js";
+import { default as L } from "../../components/divider/theme/Divider.base.theme.js";
+import { default as w } from "../../components/drawer/theme/Drawer.base.theme.js";
+import { default as R } from "../../components/form/theme/Form.base.theme.js";
+import { default as N } from "../../components/formGroup/theme/FormGroup.base.theme.js";
+import { default as j } from "../../components/icon/theme/Icon.base.theme.js";
+import { default as y } from "../../components/image/theme/Image.base.theme.js";
+import { default as E } from "../../components/input/theme/Input.base.theme.js";
+import { default as K } from "../../components/inputFooter/theme/InputFooter.base.theme.js";
+import { default as U } from "../../components/label/theme/Label.base.theme.js";
+import { default as W } from "../../components/link/theme/Link.base.theme.js";
+import { default as Y } from "../../components/loader/theme/Loader.base.theme.js";
+import { default as _ } from "../../components/menu/theme/Menu.base.theme.js";
+import { default as ee } from "../../components/menu/theme/MenuItem.base.theme.js";
+import { default as ae } from "../../components/modal/theme/Modal.base.theme.js";
+import { default as te } from "../../components/notifications/theme/Notifications.base.theme.js";
+import { default as le } from "../../components/pagination/theme/Pagination.base.theme.js";
+import { default as ue } from "../../components/pagination/theme/PaginationItem.base.theme.js";
+import { default as me } from "../../components/popover/theme/Popover.base.theme.js";
+import { default as xe } from "../../components/popover/theme/PopoverContainer.base.theme.js";
+import { default as ie } from "../../components/progress/theme/Progress.base.theme.js";
+import { default as be } from "../../components/qrCode/theme/QrCode.base.theme.js";
+import { default as ge } from "../../components/radio/theme/Radio.base.theme.js";
+import { default as Ie } from "../../components/scroll/theme/Scroll.base.theme.js";
+import { default as Pe } from "../../components/select/theme/Select.base.theme.js";
+import { default as ve } from "../../components/skeleton/theme/Skeleton.base.theme.js";
+import { default as Be } from "../../components/slider/theme/Slider.base.theme.js";
+import { default as Fe } from "../../components/stepper/theme/Stepper.base.theme.js";
+import { default as Le } from "../../components/tab/theme/Tab.base.theme.js";
+import { default as we } from "../../components/tab/theme/TabGroup.base.theme.js";
+import { default as Re } from "../../components/table/theme/Table.base.theme.js";
+import { default as Ne } from "../../components/table/theme/TableCell.base.theme.js";
+import { default as je } from "../../components/table/theme/TableHead.base.theme.js";
+import { default as ye } from "../../components/table/theme/TableHeader.base.theme.js";
+import { default as Ee } from "../../components/table/theme/TableRow.base.theme.js";
+import { default as Ke } from "../../components/tag/theme/Tag.base.theme.js";
+import { default as Ue } from "../../components/textarea/theme/Textarea.base.theme.js";
+import { default as We } from "../../components/toggle/theme/Toggle.base.theme.js";
 export {
   a as Accordion,
   t as AccordionItem,
@@ -55,46 +57,48 @@ export {
   m as Badge,
   x as Breadcrumbs,
   i as Button,
-  c as ButtonGroup,
+  b as ButtonGroup,
   g as Card,
   I as Carousel,
   P as CarouselSlide,
-  A as Checkbox,
-  k as Container,
-  G as Divider,
-  M as Drawer,
-  D as Form,
-  R as FormGroup,
-  N as Icon,
-  q as Image,
-  z as Input,
-  J as InputFooter,
-  O as Label,
-  U as Link,
-  W as Loader,
-  Y as Menu,
-  _ as MenuItem,
-  ee as Modal,
-  ae as Notifications,
-  te as Pagination,
-  le as PaginationItem,
-  ue as Popover,
-  me as PopoverContainer,
-  xe as Progress,
-  ie as Radio,
-  ce as Scroll,
-  ge as Select,
-  Ie as Skeleton,
-  Pe as Slider,
-  Ae as Stepper,
-  ke as Tab,
-  Ge as TabGroup,
-  Me as Table,
-  De as TableCell,
-  Re as TableHead,
-  Ne as TableHeader,
-  qe as TableRow,
-  ze as Tag,
-  Je as Textarea,
-  Oe as Toggle
+  v as Checkbox,
+  B as Container,
+  F as Datepicker,
+  L as Divider,
+  w as Drawer,
+  R as Form,
+  N as FormGroup,
+  j as Icon,
+  y as Image,
+  E as Input,
+  K as InputFooter,
+  U as Label,
+  W as Link,
+  Y as Loader,
+  _ as Menu,
+  ee as MenuItem,
+  ae as Modal,
+  te as Notifications,
+  le as Pagination,
+  ue as PaginationItem,
+  me as Popover,
+  xe as PopoverContainer,
+  ie as Progress,
+  be as QrCode,
+  ge as Radio,
+  Ie as Scroll,
+  Pe as Select,
+  ve as Skeleton,
+  Be as Slider,
+  Fe as Stepper,
+  Le as Tab,
+  we as TabGroup,
+  Re as Table,
+  Ne as TableCell,
+  je as TableHead,
+  ye as TableHeader,
+  Ee as TableRow,
+  Ke as Tag,
+  Ue as Textarea,
+  We as Toggle
 };

package/lib/themes/carbon/components.d.ts

@@ -11,6 +11,7 @@ export { default as Carousel } from '../../components/carousel/theme/Carousel.ca
 export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.carbon.theme';
 export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.carbon.theme';
 export { default as Container } from '../../components/container/theme/Container.carbon.theme';
+export { default as Datepicker } from '../../components/datepicker/theme/Datepicker.carbon.theme';
 export { default as Divider } from '../../components/divider/theme/Divider.carbon.theme';
 export { default as Drawer } from '../../components/drawer/theme/Drawer.carbon.theme';
 export { default as Form } from '../../components/form/theme/Form.carbon.theme';
@@ -31,6 +32,7 @@ export { default as PaginationItem } from '../../components/pagination/theme/Pag
 export { default as Popover } from '../../components/popover/theme/Popover.carbon.theme';
 export { default as PopoverContainer } from '../../components/popover/theme/PopoverContainer.carbon.theme';
 export { default as Progress } from '../../components/progress/theme/Progress.carbon.theme';
+export { default as QrCode } from '../../components/qrCode/theme/QrCode.carbon.theme';
 export { default as Radio } from '../../components/radio/theme/Radio.carbon.theme';
 export { default as Scroll } from '../../components/scroll/theme/Scroll.carbon.theme';
 export { default as Select } from '../../components/select/theme/Select.carbon.theme';

package/lib/themes/carbon/components.js

@@ -5,48 +5,50 @@ import { default as u } from "../../components/avatar/theme/Avatar.carbon.theme.
 import { default as m } from "../../components/badge/theme/Badge.carbon.theme.js";
 import { default as x } from "../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js";
 import { default as i } from "../../components/button/theme/Button.carbon.theme.js";
-import { default as c } from "../../components/button/theme/ButtonGroup.carbon.theme.js";
+import { default as b } from "../../components/button/theme/ButtonGroup.carbon.theme.js";
 import { default as g } from "../../components/card/theme/Card.carbon.theme.js";
 import { default as I } from "../../components/carousel/theme/Carousel.carbon.theme.js";
 import { default as P } from "../../components/carousel/theme/CarouselSlide.carbon.theme.js";
-import { default as A } from "../../components/checkbox/theme/Checkbox.carbon.theme.js";
-import { default as k } from "../../components/container/theme/Container.carbon.theme.js";
-import { default as G } from "../../components/divider/theme/Divider.carbon.theme.js";
-import { default as M } from "../../components/drawer/theme/Drawer.carbon.theme.js";
-import { default as D } from "../../components/form/theme/Form.carbon.theme.js";
-import { default as R } from "../../components/formGroup/theme/FormGroup.carbon.theme.js";
-import { default as N } from "../../components/icon/theme/Icon.carbon.theme.js";
-import { default as q } from "../../components/image/theme/Image.carbon.theme.js";
-import { default as z } from "../../components/input/theme/Input.carbon.theme.js";
-import { default as J } from "../../components/inputFooter/theme/InputFooter.carbon.theme.js";
-import { default as O } from "../../components/label/theme/Label.carbon.theme.js";
-import { default as U } from "../../components/link/theme/Link.carbon.theme.js";
-import { default as W } from "../../components/loader/theme/Loader.carbon.theme.js";
-import { default as Y } from "../../components/menu/theme/Menu.carbon.theme.js";
-import { default as _ } from "../../components/menu/theme/MenuItem.carbon.theme.js";
-import { default as ee } from "../../components/modal/theme/Modal.carbon.theme.js";
-import { default as ae } from "../../components/notifications/theme/Notifications.carbon.theme.js";
-import { default as te } from "../../components/pagination/theme/Pagination.carbon.theme.js";
-import { default as le } from "../../components/pagination/theme/PaginationItem.carbon.theme.js";
-import { default as ue } from "../../components/popover/theme/Popover.carbon.theme.js";
-import { default as me } from "../../components/popover/theme/PopoverContainer.carbon.theme.js";
-import { default as xe } from "../../components/progress/theme/Progress.carbon.theme.js";
-import { default as ie } from "../../components/radio/theme/Radio.carbon.theme.js";
-import { default as ce } from "../../components/scroll/theme/Scroll.carbon.theme.js";
-import { default as ge } from "../../components/select/theme/Select.carbon.theme.js";
-import { default as Ie } from "../../components/skeleton/theme/Skeleton.carbon.theme.js";
-import { default as Pe } from "../../components/slider/theme/Slider.carbon.theme.js";
-import { default as Ae } from "../../components/stepper/theme/Stepper.carbon.theme.js";
-import { default as ke } from "../../components/tab/theme/Tab.carbon.theme.js";
-import { default as Ge } from "../../components/tab/theme/TabGroup.carbon.theme.js";
-import { default as Me } from "../../components/table/theme/Table.carbon.theme.js";
-import { default as De } from "../../components/table/theme/TableCell.carbon.theme.js";
-import { default as Re } from "../../components/table/theme/TableHead.carbon.theme.js";
-import { default as Ne } from "../../components/table/theme/TableHeader.carbon.theme.js";
-import { default as qe } from "../../components/table/theme/TableRow.carbon.theme.js";
-import { default as ze } from "../../components/tag/theme/Tag.carbon.theme.js";
-import { default as Je } from "../../components/textarea/theme/Textarea.carbon.theme.js";
-import { default as Oe } from "../../components/toggle/theme/Toggle.carbon.theme.js";
+import { default as v } from "../../components/checkbox/theme/Checkbox.carbon.theme.js";
+import { default as B } from "../../components/container/theme/Container.carbon.theme.js";
+import { default as F } from "../../components/datepicker/theme/Datepicker.carbon.theme.js";
+import { default as L } from "../../components/divider/theme/Divider.carbon.theme.js";
+import { default as w } from "../../components/drawer/theme/Drawer.carbon.theme.js";
+import { default as R } from "../../components/form/theme/Form.carbon.theme.js";
+import { default as N } from "../../components/formGroup/theme/FormGroup.carbon.theme.js";
+import { default as j } from "../../components/icon/theme/Icon.carbon.theme.js";
+import { default as y } from "../../components/image/theme/Image.carbon.theme.js";
+import { default as E } from "../../components/input/theme/Input.carbon.theme.js";
+import { default as K } from "../../components/inputFooter/theme/InputFooter.carbon.theme.js";
+import { default as U } from "../../components/label/theme/Label.carbon.theme.js";
+import { default as W } from "../../components/link/theme/Link.carbon.theme.js";
+import { default as Y } from "../../components/loader/theme/Loader.carbon.theme.js";
+import { default as _ } from "../../components/menu/theme/Menu.carbon.theme.js";
+import { default as ee } from "../../components/menu/theme/MenuItem.carbon.theme.js";
+import { default as ae } from "../../components/modal/theme/Modal.carbon.theme.js";
+import { default as te } from "../../components/notifications/theme/Notifications.carbon.theme.js";
+import { default as le } from "../../components/pagination/theme/Pagination.carbon.theme.js";
+import { default as ue } from "../../components/pagination/theme/PaginationItem.carbon.theme.js";
+import { default as me } from "../../components/popover/theme/Popover.carbon.theme.js";
+import { default as xe } from "../../components/popover/theme/PopoverContainer.carbon.theme.js";
+import { default as ie } from "../../components/progress/theme/Progress.carbon.theme.js";
+import { default as be } from "../../components/qrCode/theme/QrCode.carbon.theme.js";
+import { default as ge } from "../../components/radio/theme/Radio.carbon.theme.js";
+import { default as Ie } from "../../components/scroll/theme/Scroll.carbon.theme.js";
+import { default as Pe } from "../../components/select/theme/Select.carbon.theme.js";
+import { default as ve } from "../../components/skeleton/theme/Skeleton.carbon.theme.js";
+import { default as Be } from "../../components/slider/theme/Slider.carbon.theme.js";
+import { default as Fe } from "../../components/stepper/theme/Stepper.carbon.theme.js";
+import { default as Le } from "../../components/tab/theme/Tab.carbon.theme.js";
+import { default as we } from "../../components/tab/theme/TabGroup.carbon.theme.js";
+import { default as Re } from "../../components/table/theme/Table.carbon.theme.js";
+import { default as Ne } from "../../components/table/theme/TableCell.carbon.theme.js";
+import { default as je } from "../../components/table/theme/TableHead.carbon.theme.js";
+import { default as ye } from "../../components/table/theme/TableHeader.carbon.theme.js";
+import { default as Ee } from "../../components/table/theme/TableRow.carbon.theme.js";
+import { default as Ke } from "../../components/tag/theme/Tag.carbon.theme.js";
+import { default as Ue } from "../../components/textarea/theme/Textarea.carbon.theme.js";
+import { default as We } from "../../components/toggle/theme/Toggle.carbon.theme.js";
 export {
   a as Accordion,
   t as AccordionItem,
@@ -55,46 +57,48 @@ export {
   m as Badge,
   x as Breadcrumbs,
   i as Button,
-  c as ButtonGroup,
+  b as ButtonGroup,
   g as Card,
   I as Carousel,
   P as CarouselSlide,
-  A as Checkbox,
-  k as Container,
-  G as Divider,
-  M as Drawer,
-  D as Form,
-  R as FormGroup,
-  N as Icon,
-  q as Image,
-  z as Input,
-  J as InputFooter,
-  O as Label,
-  U as Link,
-  W as Loader,
-  Y as Menu,
-  _ as MenuItem,
-  ee as Modal,
-  ae as Notifications,
-  te as Pagination,
-  le as PaginationItem,
-  ue as Popover,
-  me as PopoverContainer,
-  xe as Progress,
-  ie as Radio,
-  ce as Scroll,
-  ge as Select,
-  Ie as Skeleton,
-  Pe as Slider,
-  Ae as Stepper,
-  ke as Tab,
-  Ge as TabGroup,
-  Me as Table,
-  De as TableCell,
-  Re as TableHead,
-  Ne as TableHeader,
-  qe as TableRow,
-  ze as Tag,
-  Je as Textarea,
-  Oe as Toggle
+  v as Checkbox,
+  B as Container,
+  F as Datepicker,
+  L as Divider,
+  w as Drawer,
+  R as Form,
+  N as FormGroup,
+  j as Icon,
+  y as Image,
+  E as Input,
+  K as InputFooter,
+  U as Label,
+  W as Link,
+  Y as Loader,
+  _ as Menu,
+  ee as MenuItem,
+  ae as Modal,
+  te as Notifications,
+  le as Pagination,
+  ue as PaginationItem,
+  me as Popover,
+  xe as PopoverContainer,
+  ie as Progress,
+  be as QrCode,
+  ge as Radio,
+  Ie as Scroll,
+  Pe as Select,
+  ve as Skeleton,
+  Be as Slider,
+  Fe as Stepper,
+  Le as Tab,
+  we as TabGroup,
+  Re as Table,
+  Ne as TableCell,
+  je as TableHead,
+  ye as TableHeader,
+  Ee as TableRow,
+  Ke as Tag,
+  Ue as Textarea,
+  We as Toggle
 };

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.5.2";
+declare const _default: "1.6.0";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.5.2";
+const e = "1.6.0";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -57,6 +57,7 @@
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "@vue/test-utils": "^2.4.0",
     "@vue/tsconfig": "^0.4.0",
+    "@vuepic/vue-datepicker": "^8.0.0",
     "@vueuse/core": "^10.2.0",
     "autoprefixer": "^10.4.0",
     "c8": "^7.12.0",

package/src/components/button/Button.vue

@@ -14,7 +14,7 @@ const buttonProps = {
   icon: String,
   iconLeft: String,
   iconRight: String,
-  to: String,
+  to: [String, Object],
   outlined: Boolean,
   rounded: Boolean,
   glow: Boolean,

package/src/components/carousel/Carousel.vue

@@ -64,7 +64,10 @@ function startAutoPlay() {
   }, props.delay)
 }
 
-watch(current, moveSlides)
+watch(current, () => {
+  moveSlides()
+  emit('update', current.value)
+})
 
 function moveSlides() {
   if (slidesRef.value) {
@@ -104,6 +107,8 @@ const { styles, classes, className } = useTheme('Carousel', {}, props, {
   total,
 })
 
+const emit = defineEmits(['update'])
+
 defineExpose({ to, next, prev })
 </script>
 
@@ -119,9 +124,9 @@ defineExpose({ to, next, prev })
       ref="slidesRef"
       :class="classes.slides"
     >
-      <slot v-bind="{ to, next, prev }"></slot>
+      <slot v-bind="{ to, next, prev, current, total }"></slot>
     </div>
-    <slot v-if="showDots" name="dots" v-bind="{ to, next, prev }">
+    <slot v-if="showDots" name="dots" v-bind="{ to, next, prev, current, total }">
       <div :class="[classes.dots, classDots]">
         <span
           v-for="i in total"

package/src/components/checkbox/theme/Checkbox.base.theme.ts

@@ -21,7 +21,7 @@ const theme: CheckboxTheme = {
     },
 
     content: ({ props }) => {
-      const classes = ['flex items-baseline']
+      const classes = ['flex items-center']
 
       if (props.disabled) classes.push('cursor-not-allowed')