v1.0.0

   🚨 Breaking Changes

• Rename package to @morpheme/*  -  by @gravitano in #155 (8e068)
• Add pnpm workspace  -  by @gravitano (6c849)
• Alert: Deprected dismissable in favor of new dismissible prop  -  by @gravitano (5aec0)
• nuxt: Change option name to morpheme  -  by @gravitano in #158 (70873)
• themes: Upgrade design tokens and adjust secondary and info colors  -  by @gravitano (fa640)

   🚀 Features

• Decouple toast store logic into separate package called @gits-id/toast-store  -  by @gravitano in #128 (a5b5b)
• Add new kitchen sink starter  -  by @gravitano (b5015)
• Typed slots and generic components  -  by @gravitano in #178 (4c595)
• Handle resize for all nav drawer placement/position  -  by @gravitano (2d698)
• Add custom floating-vue tooltip plugin  -  by @gravitano (1dc3c)
• Add new slots: header, body and item  -  by @gravitano (71acc)
• Add row color variants  -  by @gravitano (6a807)
• Add new props: rowClass and itemClass  -  by @gravitano (46376)
• Upgrade storybook to version 8  -  by @gravitano (5f3c0)
• Alert:
  • Add a new VAlertGroup component  -  by @gravitano in #172 (674de)
  • Add new bordered style (previously called border)  -  by @gravitano (2663c)
• AppShell:
  • Add new VMain component  -  by @gravitano (bd088)
• Autocomplete:
  • Add shadow prop and fix disabled styles  -  by @gravitano (4260d)
  • Add border color to dropdown options  -  by @gravitano (ceaf3)
  • Change default transition to fade  -  by @gravitano (370bd)
  • Add new experimental Autocomplete component  -  by @gravitano (19b82)
• Avatar:
  • Add new VAvatarGroup component  -  by @gravitano in #159 (b64ec)
  • Add avatar indicator  -  by @gravitano in #161 (e05cd)
• Badge:
  • Add new badge variant: dot  -  by @gravitano (bf4b4)
  • Add new badge group components  -  by @gravitano (093c9)
• Bottom Navigation:
  • Add a new component VBottomNavigation  -  by @gravitano (d7ce7)
• BottomSheet:
  • Allow disable hiding on overlay click  -  by @gravitano (434c7)
  • Add persistent option to BottomSheet component  -  by @gravitano (6d4b8)
• Button:
  • Add new soft variant  -  by @gravitano (3ec2b)
  • Customizable button shadow  -  by @gravitano (d6f0b)
• Card:
  • Allow to change root component as anchor or custom component  -  by @gravitano (50a63)
  • Add new card variant: bodyless  -  by @gravitano (c6dfa)
  • Add new card image props and VCardImage component  -  by @gravitano (76333)
• Card!:
  • Change card bordered styles  -  by @gravitano (138b2)
• Command:
  • Add new VCommand component (command palette/menu)  -  by @gravitano (88707)
• Container:
  • Rework container component  -  by @gravitano (f1dfc)
• Divider:
  • Add new VDivider component  -  by @gravitano (0d6c2)
• Dropdown:
  • Change default dropdown transition to dropdown  -  by @gravitano (ca56b)
  • Add new DropdownBtn component  -  by @gravitano (39b15)
  • Integrate @headlessui-float/vue to the Dropdown component  -  by @gravitano (d07d7)
  • Add support for item disabled state  -  by @gravitano (62ad0)
  • Add dropdown header support  -  by @gravitano (428e6)
  • Support multi level dropdown  -  by @gravitano (83e7c)
  • Extract default button activator to SFC & add icon transition when open/close  -  by @gravitano (66e6f)
  • Add support for dynamic component on VDropdownButton  -  by @gravitano (01a10)
  • Add size variant  -  by @gravitano (02788)
• Editor:
  • Upgrade CKEditor  -  by @gravitano (99123)
• Experimental/Select:
  • Extract select search into SFC SelectSearchInput  -  by @gravitano (cc06c)
  • Add two new slots: item-text and check-icon  -  by @gravitano (58c3a)
  • Add new prop: wrapperClass  -  by @gravitano (ea551)
  • Custom selected icon placement  -  by @gravitano (cbf6c)
  • Add new loading state  -  by @gravitano (9c123)
  • Allow custom values via allowCustomValues prop  -  by @gravitano (4eeaf)
  • New slot: new-item-text  -  by @gravitano (5db2e)
• Forms:
  • Add hideError prop on VInput and new ErrorMessage component  -  by @gravitano in #134 (ccb54)
  • Add the ability to hide error messages via hideError prop  -  by @gravitano in #138 (2065a)
  • Add a new hint prop to all form inputs  -  by @gravitano in #151 (bf7ab)
  • Add new experimental standalone form components with decoupled vee-validate integration  -  by @gravitano in #176 (1a545)
• Grid:
  • Add new experimental grid components  -  by @gravitano (0641f)
  • Add new wrap prop  -  by @gravitano (995fb)
• Icon:
  • Add support for Morpheme Icons  -  by @gravitano (0b087)
  • Cache morpheme icons in local storage  -  by @gravitano (6a50f)
• InputRange:
  • Add dark mode support  -  by @gravitano (d78a4)
• Kitchen Sink:
  • Add music app example  -  by @gravitano (3db6c)
• List:
  • Add a new large size for VList  -  by @gravitano (3279e)
  • Add a new context API for VList component  -  by @gravitano (65775)
  • Add a new active state variant  -  by @gravitano (8855d)
  • Add new components: VListItemTitle, VListItemSubTitle and VListItemContent  -  by @gravitano (db186)
  • Add new variant mini  -  by @gravitano (2acc3)
• Menus:
  • Add multi-level menus support  -  by @gravitano (488cd)
• Modal:
  • Add overlay blur effect  -  by @gravitano (96ba2)
  • Add a new overlay slot  -  by @gravitano (050fb)
  • Add new slots: close and closeIcon  -  by @gravitano (e2f3c)
  • Add new declarative modal components  -  by @gravitano in #177 (e150b)
• MultiSelect:
  • Add shadow variant  -  by @gravitano (2a446)
• NavDrawer:
  • Added new two positions for nav drawer: top and bottom  -  by @gravitano (641b4)
  • Add CSS Vars for mini and expanded width  -  by @gravitano (7c12c)
  • Navigation drawer resizeable  -  by @gravitano (2b584)
• Nuxt:
  • Upgrade to Nuxt 3.8  -  by @gravitano (296c6)
• Pagination:
  • Add new two variants: text and text-rounded  -  by @gravitano (235fb)
• Popover:
  • Add new component VPopover  -  by @gravitano (c74ec)
• Select:
  • Add border color to select dropdown  -  by @gravitano (5b0b6)
  • Add new experimental Select component  -  by @gravitano (02a01)
  • Alias Select as SelectMenu  -  by @gravitano (e2c5d)
• SelectMenu:
  • Implement generic type and dynamic ModelValue types  -  by @gravitano (43aeb)
• Switch:
  • Add a new size variants  -  by @gravitano (935ea)
• Tabs:
  • Add new tabs variants: underline (default), filled, underline-filled, segmented-control  -  by @gravitano (e00b1)
  • Add new Headless UI's version tabs  -  by @gravitano (f24de)
  • Add underline effect on headless ui tabs  -  by @gravitano (2f480)
  • Add new grow style  -  by @gravitano (5a2bb)
  • Add new segemented-control-rounded variant  -  by @gravitano (71cef)
  • Allow to render tab item as RouterLink, NuxtLink, anchor or button (default)  -  by @gravitano (80d78)
  • Add disabled item style  -  by @gravitano (35321)
• Tooltip:
  • Add CSS Vars for tooltip and dark mode  -  by @gravitano (082ff)
  • Add max width, fix padding and change placement  -  by @gravitano (6bd4b)
• VAppBar:
  • New auto size  -  by @gravitano (6e739)
  • New auto size  -  by @gravitano in #126 (c32ba)
  • Configurable VAppBar z-index  -  by @gravitano (40a90)
• VAppShell:
  • Add new VAppShell component  -  by @gravitano in #165 (a73e4)
  • Convert Tailwind into SCSS  -  by @gravitano (f0ee1)
• VBanner:
  • Add a new VBanner component  -  by @gravitano in #173 (62e90)
• VIcon:
  • Add aria-hidden attribute & add test  -  by @gravitano in #168 (63899)
• VInput:
  • Added new borderless and noRing styles  -  by @gravitano (e25b6)
  • Add new expose focus  -  by @gravitano (94d92)
• VNavDrawer:
  • Add new NavDrawer height variants  -  by @gravitano in #166 (839ca)
• VProgressCircular:
  • Add new VProgressCircular component  -  by @gravitano in #167 (be703)
• VText:
  • Add new VText component  -  by @gravitano in #160 (56551)
• VTimeline:
  • Add a new VTimeline component  -  by @gravitano in #171 (93e31)
• button:
  • Allow to customize button disabled colors  -  by @gravitano (e4021)
• experimental Select:
  • Add more shadow variants  -  by @gravitano (2c823)
  • Integrate @headlessui-float/vue to new Select component  -  by @gravitano (37c39)
  • Fix empty styles  -  by @gravitano (20f5d)
  • Fix offset and margin top  -  by @gravitano (b27e5)
• experimental/Select!:
  • Add new search placement variant: inside (default) and outside & add new chips props to toggle showing badges when multiple  -  by @gravitano (f2d81)
  • Customizable icons  -  by @gravitano (bf427)
  • Add new empty slot  -  by @gravitano (e0c28)
• experimental/primitives:
  • Add alert primitive component  -  by @gravitano (03855)
  • Accordion primitives  -  by @gravitano (6d22d)
  • Collapsible component  -  by @gravitano (fc635)
  • Improve accordion logic  -  by @gravitano (96258)
  • Switch primitives  -  by @gravitano (f6f31)
  • Dialog primitives  -  by @gravitano (d3fe4)
  • Menu (dropdown) primitives  -  by @gravitano (7e936)
• experimental/primitives/accordion:
  • Apply aria and data attributes  -  by @gravitano (29b38)
  • Add accordion animation  -  by @gravitano (481f4)
  • Implement default open  -  by @gravitano (f9308)
• experimental/primitives/alert:
  • Add support for renderless component  -  by @gravitano (fb5c2)
• experimental/primitives/collapsible:
  • Add collapse transition  -  by @gravitano (25bfc)
• experimental/primitives/menu:
  • Hide dropdown when clicking outside  -  by @gravitano (9131f)
• experimental/primitives/switch:
  • Add hidden input, switch thumb & remove switch group  -  by @gravitano (3f277)
• kitchen sink:
  • Add new inbox app example  -  by @gravitano (60805)
• kitchen sink / inbox:
  • Adjust layout and add message detail page  -  by @gravitano (9531a)
  • Update menus path  -  by @gravitano (8a28f)
  • Fix view transition  -  by @gravitano (b0a97)
  • Implement toggle menus  -  by @gravitano (ddd0e)
  • Adjust aside menus  -  by @gravitano (94221)
  • Add tooltip  -  by @gravitano (fd5a4)
• nav-drawer:
  • Add button type to resizer element  -  by @gravitano (df6b6)
• nuxt:
  • Add support for Nuxt 3.2  -  by @gravitano in #131 (66181)
  • Auto-import VQuillEditor component & improve playground  -  by @gravitano in #145 (3f8eb)
  • Add new optimizeDeps option  -  by @gravitano in #157 (84ef1)
  • Transpile and optimize some deps  -  by @gravitano (effbc)
  • Register new VAlertTitle component  -  by @gravitano (f6dc3)
  • Add new theme option for switching to new morpheme theme  -  by @gravitano (e7e7a)
  • Auto-imports new tabs component  -  by @gravitano (ff103)
  • Add Morpheme Docs to Nuxt DevTools  -  by @gravitano (c33a1)
  • Auto-import a new VDivider component  -  by @gravitano (90ac1)
  • Auto-import bottom navigation components  -  by @gravitano (d65e2)
  • Auto-import VMain component  -  by @gravitano (66a82)
  • Auto-import experimental components  -  by @gravitano (8efcc)
  • Auto-import modal subcomponents  -  by @gravitano (5b2e7)
  • Customizable component prefix via prefix options  -  by @gravitano (aa6f9)
  • Add alias VButton for VBtn  -  by @gravitano (30b39)
• nuxt-admin:
  • Revamp admin  -  by @gravitano in #132 (8580c)
  • Add dark mode switcher  -  by @gravitano (1f010)
  • Add metric action  -  by @gravitano (f338d)
  • Add modal delete confirmation  -  by @gravitano (77a66)
  • Change default bg color  -  by @gravitano (9014f)
• nuxt-auth:
  • Add new layout auth  -  by @gravitano (337ab)
  • New sidebar slot in AuthLayout component  -  by @gravitano (616ec)
  • Add loading state and auto hide orText based on providers  -  by @gravitano (758a3)
  • Add centered layout  -  by @gravitano (57ec1)
  • Add dark mode support  -  by @gravitano (0f7ed)
  • Add new AuthLogo component  -  by @gravitano (77ceb)
  • Rename protected page to profile  -  by @gravitano (4b86a)
• nuxt-commerce:
  • Revamp commerce  -  by @gravitano in #154 (5b359)
• starter:
  • Add new Astro starter  -  by @gravitano (208f5)
• table:
  • Add disabled option checkbox for table with selectable  -  by @iiibnuadam (7c72d)
• tailwind-config:
  • Extend from Morpheme Design Tokens by default  -  by @gravitano (809ef)
• themes:
  • Add new theme morpheme based on Morpheme Design System  -  by @gravitano in #175 (732f4)
  • Add new base app CSS Vars  -  by @gravitano (b4b2f)
• ui:
  • Register stepper components  -  by @gravitano in #129 (f8ccc)
  • Register new tabs component  -  by @gravitano (fcd9e)
  • Register a new VDivider component  -  by @gravitano (595de)
  • Register bottom navigation components  -  by @gravitano (e6e5c)
  • Export form components  -  by @gravitano (813fd)
  • Export dropdown content  -  by @gravitano (77405)
  • Register component VDropdownBtn  -  by @gravitano (f1f28)
  • Add custom Floating Vue plugin for tooltip  -  by @gravitano (87099)

   🐞 Bug Fixes

• Fix error border style not applied on some input components  -  by @gravitano in #139 (00c40)
• Change container/main with & breakpoints  -  by @gravitano (e5693)
• Change default noDataText value  -  by @gravitano (13c9a)
• #190:
  • Fix import PropType  -  by @gravitano (32c1b)
  • Fix import types  -  by @gravitano (aa9d7)
• Alert:
  • Fix alert icon color  -  by @gravitano (38ed4)
• AppBar:
  • Change app bar default dark color  -  by @gravitano (ffdbe)
  • Fix default border color on dark mode  -  by @gravitano (5c6cb)
  • Fix app bar border color  -  by @gravitano (fe271)
• Autocomplete:
  • Set input height  -  by @gravitano (71900)
  • Decrease bundle size  -  by @gravitano (c67d5)
  • Revert legacy styles  -  by @gravitano (6cdd3)
  • Fix autocomplete dark mode colors  -  by @gravitano (2ee42)
  • Fix autocomplete error color  -  by @gravitano (607c7)
  • Fix error and hint elements placement  -  by @gravitano (4177e)
  • Fix placeholder color  -  by @gravitano (3b4df)
  • Fix box shadow  -  by @gravitano (cbaf2)
• Avatar:
  • Change default bg color on dark mode  -  by @gravitano (f8c92)
• BottomSheet:
  • Handle possible null when accessing api  -  by @gravitano (3c180)
  • Adjust color for dark mode  -  by @gravitano (7d27e)
  • Adjust color for dark mode  -  by @gravitano (e7e88)
  • Improve bottom sheet handle  -  by @gravitano (8c8fa)
• Breadcrumbs:
  • Fix export of item and divider components & rename type VBreadcrumbsItem to VBreadcrumbsItemProps  -  by @gravitano (9d37d)
• Button:
  • Add missing button secondary variant  -  by @gravitano (ba493)
  • Dark mode scrollbar  -  by @gravitano (10dae)
  • Linkable title  -  by @gravitano (dc187)
  • Fix dark mode color  -  by @gravitano (34e6a)
  • Change default button border color  -  by @gravitano (07c67)
• Card:
  • Fix dark mode color  -  by @gravitano (fc016)
  • Fix dark mode color  -  by @gravitano (c1342)
  • Fix logic to show image  -  by @gravitano (176c0)
• Checkbox:
  • Fix checkbox dark mode color  -  by @gravitano (d4b98)
• Command:
  • Adjust default input style  -  by @gravitano (15af2)
• DataTable:
  • Fix bordered style for default and dark mode themes  -  by @gravitano (7c30e)
  • Fix hover+striped dark mode  -  by @gravitano (4501e)
• Divider:
  • Remove default margin  -  by @gravitano (81d84)
• Dropdown:
  • Better dynamic attributes for VDropdownItem  -  by @gravitano (d1f1a)
  • Fix default offset  -  by @gravitano (3efb2)
  • Fix transition not rendered  -  by @gravitano (7f478)
• Experimental/Select:
  • Fix support validation and improve internal model value logic  -  by @gravitano in #182 (6c62a)
• FileUpload:
  • Fix dark mode  -  by @gravitano (18276)
• Forms:
  • Fix types  -  by @gravitano (1d5bc)
• Grid:
  • Fix cols responsive and improved grid styles  -  by @gravitano (6e4e5)
• Icon:
  • Fix issue storage on SSR mode  -  by @gravitano (3e890)
• List:
  • Fix hover effect  -  by @gravitano (587f2)
• Logo:
  • Fix import type  -  by @gravitano (2df13)
• Modal:
  • Change modal default bg color  -  by @gravitano (4ee45)
  • Fix padding when fullscreen  -  by @gravitano (86d68)
  • Adjust color for dark mode  -  by @gravitano (bfd53)
• MultiSelect:
  • Fix box shadow  -  by @gravitano (96e51)
  • Fix options dark mode styles  -  by @gravitano (a3190)
  • Fix dark mode focused color  -  by @gravitano (006ef)
  • Fix placeholder color  -  by @gravitano (bc23b)
• NavDrawer:
  • Fix default shadow value  -  by @gravitano in #135 (c2333)
  • Fix nav drawer border color on dark mode  -  by @gravitano (bdd72)
  • Apply z-index to fixed nav drawer  -  by @gravitano (53c0e)
  • Fix dark mode colors  -  by @gravitano (f2a67)
• Nuxt:
  • Hotfix: register tooltip plugin  -  by @gravitano (7f407)
• Pagiantion:
  • Adjust dark mode colors for default variant  -  by @gravitano (ce5a1)
• Popover:
  • Make placement prop to optional  -  by @gravitano (b470d)
  • Change width to min-width  -  by @gravitano (7f773)
  • Pass down slot props to child  -  by @gravitano (2c973)
• Radio:
  • Fix radio label styles  -  by @gravitano (753e8)
• Select:
  • Fix shadow styles  -  by @gravitano (3c066)
  • Fix icon position  -  by @gravitano (da5f2)
  • Fix box shadow and focused styles  -  by @gravitano (4413d)
  • Change headless UI usage to Combobox component & fix issue can't space when searchable  -  by @gravitano in #180 (84fa5)
• Standalone Forms:
  • Support disabled option on Select component  -  by @gravitano (f382d)
  • Set option value as-is  -  by @gravitano (fa375)
• Stepper:
  • Fix stepper divider not draw line  -  by @gravitano (f32be)
• Switch:
  • Fix thumb position  -  by @gravitano (7cc22)
• Tabs:
  • Rename type VTabItem to VTabItemProps  -  by @gravitano (eb477)
  • Adjust tabs styles  -  by @gravitano (66de2)
  • Adjust segmented control tabs spacing  -  by @gravitano (8690f)
  • Fix tabs slider height  -  by @gravitano (270f6)
  • Fix import type  -  by @gravitano (c33a6)
• Text:
  • Change default tag to div instead of p  -  by @gravitano (66594)
• Textarea:
  • Fix error text position  -  by @gravitano (a4725)
• Themes:
  • Fix duplicate display  -  by @gravitano (97679)
• Timeline:
  • Fix types  -  by @gravitano (bbbb6)
• Toast:
  • Fix import type  -  by @gravitano (5a7ce)
• VAlert:
  • Improve alert accessibility  -  by @gravitano in #162 (89f80)
• VBottomSheet:
  • Import dependency styles  -  by @gravitano in #156 (649f4)
  • Handle possible nullish value  -  by @gravitano (6ec53)
• VDataTable:
  • Fix load dependency styles when installed as independent package  -  by @gravitano in #152 (36755)
• VMultiSelect:
  • Fix bug error when clearing value  -  by @gravitano (4c364)
  • Fix bug error when clearing value  -  by @gravitano in #140 (0a3d6)
• VProgressCircular:
  • Fix deps  -  by @gravitano (ad907)
  • Change to scoped style  -  by @gravitano (404b4)
• VQuillEditor:
  • Disable auto fix cursor by default via autoFixCursor prop  -  by @gravitano in #141 (9a809)
  • Make label prop optional  -  by @gravitano (e05af)
  • Make label prop optional  -  by @gravitano in #146 (badd9)
• VSwitch:
  • Fix duplicate secondary selector  -  by @gravitano (81608)
• VText:
  • Fix package export  -  by @gravitano in #164 (c17b8)
  • Refactor to use @morpheme/utils  -  by @gravitano (d4304)
• VTimeline:
  • Improve timeline content width  -  by @gravitano (9d3a4)
• experimental Select:
  • Fix clearable button logic and add new prop iconSize  -  by @gravitano (6bc3e)
• experimental/Select:
  • Fix hint and error not displayed  -  by @gravitano (913fe)
  • Fix dark mode empty state  -  by @gravitano (5288a)
• experimental/Select!:
  • Rename SelectInput to SelectField  -  by @gravitano (d6c86)
• forms:
  • Add missing name prop to native input element  -  by @gretchelin (5f03a)
  • Add missing name prop to native select element  -  by @gretchelin (605d7)
• nuxt:
  • Fix VMenuIcon export path  -  by @gravitano in #137 (ff0ad)
  • Fix component path  -  by @gravitano in #144 (7c358)
  • Change DevTools icon  -  by @gravitano (eb1cd)
  • Fix floating-vue issue on nuxt 3.11  -  by @gravitano (e6168)
  • Allow to load morpheme styles manually  -  by @gravitano (006f4)
• nuxt-admin:
  • Improve dark mode  -  by @gravitano (74d25)
  • Fix dark mode avatar border  -  by @gravitano (2161e)
  • Dynamic sidebar height  -  by @gravitano (17908)
  • Close drawer when page change  -  by @gravitano (026c7)
  • Use svh instead of dvh  -  by @gravitano (f5d69)
  • Hide drawer on mobile only  -  by @gravitano (5696b)
  • Remove default auth pages  -  by @gravitano (d0287)
  • Fix image alt  -  by @gravitano (55f5b)
  • Change list with div  -  by @gravitano (3348c)
• nuxt-auth:
  • Optimize yup  -  by @gravitano (9c7cc)
  • Remove unnecessary value from env  -  by @gravitano (ddc09)
  • Fix error when getting callback url  -  by @gravitano (fdb35)
  • Fix callback url  -  by @gravitano (a71ce)
  • Add fallback url  -  by @gravitano (6a128)
  • Fix redirect callback  -  by @gravitano (22d9c)
  • Fix redirect with protocol  -  by @gravitano (609af)
  • Fix projected path  -  by @gravitano (947d3)
  • Fix image alt  -  by @gravitano (7c3c9)
• nuxt-commerce:
  • Change package name  -  by @gravitano (82087)
  • Add image alt  -  by @gravitano (74972)
  • Replace heroicons component with gits icons  -  by @gravitano (a153e)
• themes:
  • Fix styles of select input and select button  -  by @gravitano (bffc7)
  • Add new CSS Var for striped color  -  by @gravitano (32668)
• ui:
  • Drop services, pages and layouts from ui, fix external deps and move snippets directory  -  by @gravitano in #130 (d5c00)
  • Register new alert components  -  by @gravitano (26dd1)
  • Fix missing style  -  by @gravitano (e5241)
  • Register VAvatarGroup  -  by @gravitano (33990)
• utils:
  • Upgrade design tokens  -  by @gravitano (022ea)

    View changes on GitHub