v1.0.0
🚨 Breaking Changes
- Rename package to
@morpheme/*- by @gravitano in #155 (8e068) - Add pnpm workspace - by @gravitano (6c849)
- Alert: Deprected
dismissablein favor of newdismissibleprop - 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,bodyanditem- by @gravitano (71acc) - Add row color variants - by @gravitano (6a807)
- Add new props:
rowClassanditemClass- by @gravitano (46376) - Upgrade storybook to version 8 - by @gravitano (5f3c0)
- Alert:
- Add a new
VAlertGroupcomponent - by @gravitano in #172 (674de) - Add new
borderedstyle (previously calledborder) - by @gravitano (2663c)
- Add a new
- AppShell:
- Add new
VMaincomponent - by @gravitano (bd088)
- Add new
- Autocomplete:
- Add
shadowprop 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
Autocompletecomponent - by @gravitano (19b82)
- Add
- Avatar:
- Add new
VAvatarGroupcomponent - by @gravitano in #159 (b64ec) - Add avatar indicator - by @gravitano in #161 (e05cd)
- Add new
- Badge:
- Add new badge variant:
dot- by @gravitano (bf4b4) - Add new badge group components - by @gravitano (093c9)
- Add new badge variant:
- Bottom Navigation:
- Add a new component
VBottomNavigation- by @gravitano (d7ce7)
- Add a new component
- BottomSheet:
- Allow disable hiding on overlay click - by @gravitano (434c7)
- Add
persistentoption to BottomSheet component - by @gravitano (6d4b8)
- Button:
- Add new
softvariant - by @gravitano (3ec2b) - Customizable button shadow - by @gravitano (d6f0b)
- Add new
- 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
VCardImagecomponent - by @gravitano (76333)
- Card!:
- Change card
borderedstyles - by @gravitano (138b2)
- Change card
- Command:
- Add new
VCommandcomponent (command palette/menu) - by @gravitano (88707)
- Add new
- Container:
- Rework container component - by @gravitano (f1dfc)
- Divider:
- Add new
VDividercomponent - by @gravitano (0d6c2)
- Add new
- Dropdown:
- Change default dropdown transition to
dropdown- by @gravitano (ca56b) - Add new
DropdownBtncomponent - by @gravitano (39b15) - Integrate
@headlessui-float/vueto 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
sizevariant - by @gravitano (02788)
- Change default dropdown transition to
- Editor:
- Upgrade CKEditor - by @gravitano (99123)
- Experimental/Select:
- Extract select search into SFC
SelectSearchInput- by @gravitano (cc06c) - Add two new slots:
item-textandcheck-icon- by @gravitano (58c3a) - Add new prop:
wrapperClass- by @gravitano (ea551) - Custom selected icon placement - by @gravitano (cbf6c)
- Add new
loadingstate - by @gravitano (9c123) - Allow custom values via
allowCustomValuesprop - by @gravitano (4eeaf) - New slot:
new-item-text- by @gravitano (5db2e)
- Extract select search into SFC
- Forms:
- Add
hideErrorprop onVInputand newErrorMessagecomponent - by @gravitano in #134 (ccb54) - Add the ability to hide error messages via
hideErrorprop - by @gravitano in #138 (2065a) - Add a new
hintprop to all form inputs - by @gravitano in #151 (bf7ab) - Add new experimental standalone form components with decoupled
vee-validateintegration - by @gravitano in #176 (1a545)
- Add
- Grid:
- Add new experimental grid components - by @gravitano (0641f)
- Add new
wrapprop - 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
largesize forVList- by @gravitano (3279e) - Add a new context API for
VListcomponent - by @gravitano (65775) - Add a new active state variant - by @gravitano (8855d)
- Add new components:
VListItemTitle,VListItemSubTitleandVListItemContent- by @gravitano (db186) - Add new variant
mini- by @gravitano (2acc3)
- Add a new
- Menus:
- Add multi-level menus support - by @gravitano (488cd)
- Modal:
- Add overlay blur effect - by @gravitano (96ba2)
- Add a new
overlayslot - by @gravitano (050fb) - Add new slots:
closeandcloseIcon- by @gravitano (e2f3c) - Add new declarative modal components - by @gravitano in #177 (e150b)
- MultiSelect:
- Add
shadowvariant - by @gravitano (2a446)
- Add
- NavDrawer:
- Added new two positions for nav drawer:
topandbottom- by @gravitano (641b4) - Add CSS Vars for mini and expanded width - by @gravitano (7c12c)
- Navigation drawer resizeable - by @gravitano (2b584)
- Added new two positions for nav drawer:
- Nuxt:
- Upgrade to Nuxt 3.8 - by @gravitano (296c6)
- Pagination:
- Add new two variants:
textandtext-rounded- by @gravitano (235fb)
- Add new two variants:
- Popover:
- Add new component
VPopover- by @gravitano (c74ec)
- Add new component
- Select:
- Add border color to select dropdown - by @gravitano (5b0b6)
- Add new experimental
Selectcomponent - by @gravitano (02a01) - Alias
SelectasSelectMenu- by @gravitano (e2c5d)
- SelectMenu:
- Implement generic type and dynamic
ModelValuetypes - by @gravitano (43aeb)
- Implement generic type and dynamic
- Switch:
- Add a new
sizevariants - by @gravitano (935ea)
- Add a new
- 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
growstyle - by @gravitano (5a2bb) - Add new
segemented-control-roundedvariant - 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)
- Add new tabs variants:
- 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
autosize - by @gravitano (6e739) - New
autosize - by @gravitano in #126 (c32ba) - Configurable
VAppBarz-index - by @gravitano (40a90)
- New
- VAppShell:
- Add new
VAppShellcomponent - by @gravitano in #165 (a73e4) - Convert Tailwind into SCSS - by @gravitano (f0ee1)
- Add new
- VBanner:
- Add a new
VBannercomponent - by @gravitano in #173 (62e90)
- Add a new
- VIcon:
- Add aria-hidden attribute & add test - by @gravitano in #168 (63899)
- VInput:
- Added new
borderlessandnoRingstyles - by @gravitano (e25b6) - Add new expose
focus- by @gravitano (94d92)
- Added new
- VNavDrawer:
- Add new NavDrawer height variants - by @gravitano in #166 (839ca)
- VProgressCircular:
- Add new
VProgressCircularcomponent - by @gravitano in #167 (be703)
- Add new
- VText:
- Add new
VTextcomponent - by @gravitano in #160 (56551)
- Add new
- VTimeline:
- Add a new
VTimelinecomponent - by @gravitano in #171 (93e31)
- Add a new
- button:
- Allow to customize button disabled colors - by @gravitano (e4021)
- experimental Select:
- Add more shadow variants - by @gravitano (2c823)
- Integrate
@headlessui-float/vueto 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) andoutside& add newchipsprops to toggle showing badges when multiple - by @gravitano (f2d81) - Customizable icons - by @gravitano (bf427)
- Add new
emptyslot - by @gravitano (e0c28)
- Add new search placement variant:
- 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
VQuillEditorcomponent & improve playground - by @gravitano in #145 (3f8eb) - Add new
optimizeDepsoption - by @gravitano in #157 (84ef1) - Transpile and optimize some deps - by @gravitano (effbc)
- Register new
VAlertTitlecomponent - by @gravitano (f6dc3) - Add new
themeoption for switching to newmorphemetheme - by @gravitano (e7e7a) - Auto-imports new tabs component - by @gravitano (ff103)
- Add Morpheme Docs to Nuxt DevTools - by @gravitano (c33a1)
- Auto-import a new
VDividercomponent - by @gravitano (90ac1) - Auto-import bottom navigation components - by @gravitano (d65e2)
- Auto-import
VMaincomponent - by @gravitano (66a82) - Auto-import experimental components - by @gravitano (8efcc)
- Auto-import modal subcomponents - by @gravitano (5b2e7)
- Customizable component prefix via
prefixoptions - by @gravitano (aa6f9) - Add alias
VButtonforVBtn- 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
sidebarslot inAuthLayoutcomponent - 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
AuthLogocomponent - by @gravitano (77ceb) - Rename protected page to profile - by @gravitano (4b86a)
- Add new layout
- 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
morphemebased on Morpheme Design System - by @gravitano in #175 (732f4) - Add new base app CSS Vars - by @gravitano (b4b2f)
- Add new theme
- ui:
- Register stepper components - by @gravitano in #129 (f8ccc)
- Register new tabs component - by @gravitano (fcd9e)
- Register a new
VDividercomponent - 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
noDataTextvalue - 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
errorandhintelements 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)
- Handle possible null when accessing
- Breadcrumbs:
- Fix export of item and divider components & rename type
VBreadcrumbsItemtoVBreadcrumbsItemProps- by @gravitano (9d37d)
- Fix export of item and divider components & rename type
- 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)
- Better dynamic attributes for
- 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-indextofixednav 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
placementprop to optional - by @gravitano (b470d) - Change width to min-width - by @gravitano (7f773)
- Pass down slot props to child - by @gravitano (2c973)
- Make
- 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
Comboboxcomponent & fix issue can't space whensearchable- by @gravitano in #180 (84fa5)
- Standalone Forms:
- Support
disabledoption onSelectcomponent - by @gravitano (f382d) - Set option value as-is - by @gravitano (fa375)
- Support
- Stepper:
- Fix stepper divider not draw line - by @gravitano (f32be)
- Switch:
- Fix thumb position - by @gravitano (7cc22)
- Tabs:
- Rename type
VTabItemtoVTabItemProps- 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)
- Rename type
- Text:
- Change default tag to
divinstead ofp- by @gravitano (66594)
- Change default tag to
- Textarea:
- Fix error text position - by @gravitano (a4725)
- Themes:
- Fix duplicate
display- by @gravitano (97679)
- Fix duplicate
- 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
scopedstyle - by @gravitano (404b4)
- VQuillEditor:
- Disable auto fix cursor by default via
autoFixCursorprop - by @gravitano in #141 (9a809) - Make
labelprop optional - by @gravitano (e05af) - Make
labelprop optional - by @gravitano in #146 (badd9)
- Disable auto fix cursor by default via
- 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)
- Fix clearable button logic and add new prop
- experimental/Select:
- Fix hint and error not displayed - by @gravitano (913fe)
- Fix dark mode empty state - by @gravitano (5288a)
- experimental/Select!:
- Rename
SelectInputtoSelectField- by @gravitano (d6c86)
- Rename
- 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
VMenuIconexport 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)
- Fix
- 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,pagesandlayoutsfromui, 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)
- Drop
- utils:
- Upgrade design tokens - by @gravitano (022ea)