feat(themes): add new theme morpheme based on Morpheme Design System (

#175)

* chore: wip morpheme themes v2

* docs: update syntax

* feat: morpheme button style v2

* feat: initial alert style v2 and configure main styles

* chore(storybook): load styles v2

* feat: add badge styles v2

* feat: dropdown styles v2

* chore(starter): upgrade to Nuxt 3.4

* chore(deps): upgrade Tailwind plugins and remove line-clamp

* chore(deps): upgrade to Tailwind 3.3

* chore(storybook): revert layout to default

* docs: add search

* docs: update

* chore: update roadmap

* feat(dropdown): implement morpheme DS

* chore(dropdown): fix style custom activator

* style(dropdown): fix dark mode style

* feat(forms/Input): implement morpheme design system

* feat(Forms): implement morpheme design system

* feat(Forms): adjust styling

* chore: unload duplicate styles

* style(Button): fix default button font size

* chore(blocks): add forms blocks

* chore(Forms): adjust styles button and input

* chore(Forms): fix input error state style

* chore(Forms): adjust border radius

* chore(Forms): adjust forms styles

* chore(Forms): adjust sizing

* chore(Forms): fix icon height var and set default input height

* feat(Autocomplete): implement morpheme design system

* feat(Select): implement morpheme design system

* chore(Select): adjust icon size

* feat(Radio): implement morpheme DS

* feat(Checkbox): implement morpheme DS

* chore(Checkbox): change check mark icon

* feat(Checkbox): implement morpheme design system

* feat(Checkbox): adjust dark mode

* chore: remove duplicate stories

* feat(RadioGroup): implement morpheme DS

* refactor: switch from sass variables to CSS properties/variables

* chore(themes): add default component styles

* feat(alert): update style with morpheme DS

* chore: fix syntax

* chore: fix missing css

* chore(themes): update exports

* chore: comment missing file

* feat(Alert): add new `VAlertTitle` component

* chore(Alert): change props name

* feat(AppBar): implement morpheme design system

* feat(AppBar): adjust dark mode

* feat(Avatar): implement morpheme design system

* feat(Banner): implement morpheme design system

* feat(BottomSheet): implement morpheme design system

* feat(Breadcrumbs): implement morpheme design system

* feat(Card): implement morpheme design system + hide header and footer when empty

* feat(DataTable + DataTablePagination): implement morpheme design system

* chore(DataTable): adjust styles

* chore(List): implement morpheme DS

* feat(Menus): implement morpheme DS

* chore(Breadcrumbs): adjust styles

* feat(Editor): implement morpheme DS

* chore(Forms): implement MDS on dark mode

* feat(Modal): implement morpheme DS

* chore(Navbar): move story

* feat(NavDrawer): implement morpheme DS

* feat(Pagination): implement morpheme DS

* feat(ProgressBar): implement morpheme DS

* feat(Select): implement morpheme DS

* feat(Shimmer): implement morpheme DS

* feat(Switch): implement morpheme DS

* feat(Tabs): implement morpheme DS

* feat(Timeline): implement morpheme DS

* feat(Toast): implement morpheme DS

* feat(Tooltip): implement morpheme DS

* chore(Tooltip): fix unused var

* fix(Tooltip): unbundle floating-vue

* feat(MultiSelect): implement morpheme DS

* chore: replace theme fn with design tokens

* refactor: replace @apply directive with pure css

* chore(MultiSelect): adjust styles

* fix(Select): fix active state and adjust styles

.storybook/preview.js

@@ -1,8 +1,8 @@
 import {app} from '@storybook/vue3';
 import {createMemoryHistory, createRouter} from 'vue-router';
 import '../packages/tailwind-config/tailwind.css';
-import '../packages/theme/transition.css';
-// import '../packages/ui/src/style.scss';
+import '../packages/themes/src/morpheme/main.scss';
+import '../packages/themes/src/morpheme/main.dark.scss';
 
 const router = createRouter({
   history: createMemoryHistory(),

docs/guide/migration.md

@@ -188,9 +188,9 @@ Since `v0.10.5`, in order add SSR Support, `VEditor` must be imported from `@mor
 
 To upgrade, change `VEditor` import from `@morpheme/ui` to `@morpheme/editor`.
 
-```
-- import {VEditor} from '@morpheme/ui/editor';
-+ import {VEditor} from '@morpheme/editor';
+```ts
+import {VEditor} from '@morpheme/ui/editor'; // [!code --]
+import {VEditor} from '@morpheme/editor'; // [!code ++]
 ```
 
 **Optimizing bundle size**
@@ -213,7 +213,7 @@ To optimize bundle size of `VEditor` you can code-split the component using `def
 
 - As of an experimental SSR support, change `VEditor` import from `@morpheme/ui` to `@morpheme/ui/editor`.
 
-```
-- import {VEditor} from '@morpheme/ui';
-+ import {VEditor} from '@morpheme/ui/editor';
+```ts
+import {VEditor} from '@morpheme/ui'; // [!code --]
+import {VEditor} from '@morpheme/ui/editor'; // [!code ++]
 ```