LouisMazel · LouisMazel · Mar 9, 2022 · Mar 9, 2022 · Mar 9, 2022 · Mar 9, 2022
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-next.6](https://github.com/LouisMazel/maz-ui/compare/v2.3.12...3.0.0-next.6) (2022-03-09)
+
+### Bug Fixes
+
+- **lib:** MazDrawer & MazBackDrop css - external files ([e8ac12c](https://github.com/LouisMazel/maz-ui/commit/e8ac12c0ed0a586a448163bd3b1785f804a10564))
+
+### Features
+
+- **lib:** add maz-picker component ([#197](https://github.com/LouisMazel/maz-ui/issues/197)) ([877515e](https://github.com/LouisMazel/maz-ui/commit/877515e585d1aa9a3febd83e222c12346e7401b5))
+- **lib:** adding maz-input-number ([#195](https://github.com/LouisMazel/maz-ui/issues/195)) ([dfb835d](https://github.com/LouisMazel/maz-ui/commit/dfb835d796682955b53dfb82455aefc763895c86))
+- **lib:** export tailwind config ([#201](https://github.com/LouisMazel/maz-ui/issues/201)) ([94fddb9](https://github.com/LouisMazel/maz-ui/commit/94fddb9d35e91a6f649bcb18ae7105048d048584))
+
 # [3.0.0-next.5](https://github.com/LouisMazel/maz-ui/compare/v2.3.12...3.0.0-next.5) (2022-03-08)
 
 ### Features

diff --git a/lerna.json b/lerna.json
@@ -1,7 +1,7 @@
 {
   "packages": ["packages/*"],
   "loglevel": "verbose",
-  "version": "3.0.0-next.5",
+  "version": "3.0.0-next.6",
   "npmClientArgs": ["--production=false", "--no-progress"],
   "yes": true,
   "granularPathspec": false,

diff --git a/packages/docs/CHANGELOG.md b/packages/docs/CHANGELOG.md
@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-next.6](https://github.com/LouisMazel/maz-ui/compare/v2.3.12...3.0.0-next.6) (2022-03-09)
+
+
+### Features
+
+* **lib:** add maz-picker component ([#197](https://github.com/LouisMazel/maz-ui/issues/197)) ([877515e](https://github.com/LouisMazel/maz-ui/commit/877515e585d1aa9a3febd83e222c12346e7401b5))
+* **lib:** adding maz-input-number ([#195](https://github.com/LouisMazel/maz-ui/issues/195)) ([dfb835d](https://github.com/LouisMazel/maz-ui/commit/dfb835d796682955b53dfb82455aefc763895c86))
+* **lib:** export tailwind config ([#201](https://github.com/LouisMazel/maz-ui/issues/201)) ([94fddb9](https://github.com/LouisMazel/maz-ui/commit/94fddb9d35e91a6f649bcb18ae7105048d048584))
+
+
+
+
+
 # [3.0.0-next.5](https://github.com/LouisMazel/maz-ui/compare/v2.3.12...3.0.0-next.5) (2022-03-08)
 
 

diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "3.0.0-next.5",
+  "version": "3.0.0-next.6",
   "description": "documentation of maz-ui",
   "main": "index.js",
   "browser": {

diff --git a/packages/lib/CHANGELOG.md b/packages/lib/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-next.6](https://github.com/LouisMazel/maz-ui-3/compare/v2.3.12...3.0.0-next.6) (2022-03-09)
+
+### Bug Fixes
+
+- **lib:** MazDrawer & MazBackDrop css - external files ([e8ac12c](https://github.com/LouisMazel/maz-ui-3/commit/e8ac12c0ed0a586a448163bd3b1785f804a10564))
+
+### Features
+
+- **lib:** add maz-picker component ([#197](https://github.com/LouisMazel/maz-ui-3/issues/197)) ([877515e](https://github.com/LouisMazel/maz-ui-3/commit/877515e585d1aa9a3febd83e222c12346e7401b5))
+- **lib:** adding maz-input-number ([#195](https://github.com/LouisMazel/maz-ui-3/issues/195)) ([dfb835d](https://github.com/LouisMazel/maz-ui-3/commit/dfb835d796682955b53dfb82455aefc763895c86))
+- **lib:** export tailwind config ([#201](https://github.com/LouisMazel/maz-ui-3/issues/201)) ([94fddb9](https://github.com/LouisMazel/maz-ui-3/commit/94fddb9d35e91a6f649bcb18ae7105048d048584))
+
 # [3.0.0-next.5](https://github.com/LouisMazel/maz-ui-3/compare/v2.3.12...3.0.0-next.5) (2022-03-08)
 
 ### Features

diff --git a/packages/lib/package-lock.json b/packages/lib/package-lock.json
diff --git a/packages/lib/package.json b/packages/lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.0.0-next.5",
+  "version": "3.0.0-next.6",
   "description": "A stand-alone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "modules/index.js",

diff --git a/packages/lib/package/components/MazBackDrop.vue b/packages/lib/package/components/MazBackDrop.vue
@@ -133,98 +133,3 @@
     },
   })
 </script>
-
-<style lang="postcss" scoped>
-  /* stylelint-disable no-descending-specificity */
-  html.--backdrop-present {
-    overflow-y: hidden;
-    height: 100vh;
-  }
-
-  .m-backdrop.bottom-sheet-anim-enter-active,
-  .m-backdrop.bottom-sheet-anim-leave-active {
-    transition: opacity ease-in-out 250ms;
-
-    & .m-backdrop-content {
-      transition: transform ease-in-out 250ms;
-      transform: translateY(0);
-    }
-  }
-
-  .m-backdrop.bottom-sheet-anim-enter-from,
-  .m-backdrop.bottom-sheet-anim-leave-to {
-    opacity: 0;
-
-    & .m-backdrop-content {
-      transform: translateY(100%);
-    }
-  }
-
-  .m-backdrop.modal-anim-enter-active,
-  .m-backdrop.modal-anim-leave-active {
-    transition: opacity ease-in-out 250ms;
-
-    & .m-backdrop-content {
-      transition: transform ease-in-out 250ms;
-      transform: translateY(0);
-    }
-  }
-
-  .m-backdrop.modal-anim-enter-from,
-  .m-backdrop.modal-anim-leave-to {
-    opacity: 0;
-
-    & .m-backdrop-content {
-      transform: translateY(-25px);
-    }
-  }
-
-  .m-backdrop.backdrop-anim-enter-active,
-  .m-backdrop.backdrop-anim-leave-active {
-    transition: opacity ease-in-out 250ms;
-  }
-
-  .m-backdrop.backdrop-anim-enter-from,
-  .m-backdrop.backdrop-anim-leave-to {
-    opacity: 0;
-  }
-
-  .m-backdrop {
-    @apply maz-fixed maz-inset-0 maz-flex maz-opacity-100 maz-flex-center;
-
-    backdrop-filter: blur(3px);
-    z-index: 1050;
-
-    &-overlay {
-      touch-action: none;
-
-      @apply maz-absolute maz-inset-0 maz-bg-overlay;
-
-      &:not(.--disabled) {
-        @apply maz-cursor-pointer;
-      }
-    }
-
-    &-content {
-      @apply focus:maz-outline-none maz-relative maz-z-1;
-    }
-
-    &.--bottom-sheet {
-      & .m-backdrop-content {
-        @apply maz-absolute maz-bottom-0 maz-left-0 maz-right-0;
-      }
-    }
-
-    &.--fullscreen {
-      @apply maz-items-start mob-l:maz-items-center;
-
-      &.--center-top {
-        @apply maz-items-start mob-l:maz-pt-28;
-      }
-
-      & .m-backdrop-content {
-        @apply maz-relative maz-w-full mob-l:maz-w-auto;
-      }
-    }
-  }
-</style>
diff --git a/packages/lib/package/components/MazBtn.vue b/packages/lib/package/components/MazBtn.vue
@@ -516,7 +516,7 @@
 
       /* Disabled */
       &.--disabled {
-        @apply maz-cursor-not-allowed maz-bg-color-light maz-text-gray-400;
+        @apply maz-cursor-not-allowed maz-bg-color-lighter maz-text-gray-400;
       }
 
       &.--no-padding {

diff --git a/packages/lib/package/components/MazDrawer.vue b/packages/lib/package/components/MazDrawer.vue
@@ -35,6 +35,8 @@
 </template>
 
 <script lang="ts" setup>
+  import { PropType } from 'vue'
+
   import MazBackDrop from './MazBackDrop.vue'
   import MazBtn from './MazBtn.vue'
   import MazIcon from './MazIcon.vue'
@@ -45,7 +47,7 @@
     noCloseBtn: { type: Boolean, default: false },
     title: { type: String, default: undefined },
     variant: {
-      type: String,
+      type: String as PropType<'right' | 'top'>,
       default: 'right',
       validator: (value: string) => {
         return ['right', 'top'].includes(value)
@@ -57,69 +59,3 @@
 
   defineEmits(['open', 'close', 'update:model-value'])
 </script>
-
-<style lang="postcss" scoped>
-  /* stylelint-disable no-descending-specificity */
-  .m-drawer {
-    @apply maz-items-stretch maz-justify-end;
-
-    & .m-drawer-content-wrap {
-      @apply maz-overflow-y-auto maz-bg-color-light maz-text-normal;
-    }
-
-    .m-drawer-content-wrap > .m-drawer-header {
-      @apply maz-z-1 maz-flex maz-h-16 maz-flex-shrink-0 maz-items-center maz-bg-color maz-bg-clip-padding maz-px-4 maz-py-3 maz-elevation;
-    }
-
-    .m-drawer-content-wrap > .m-drawer-body {
-      @apply maz-z-0 maz-min-h-0 maz-flex-1 maz-overflow-x-auto maz-bg-color-light maz-bg-clip-padding;
-    }
-
-    &.--right {
-      & .m-backdrop-content {
-        @apply maz-h-auto maz-min-h-screen;
-
-        transition: all 0.45s;
-        width: 100%;
-
-        @screen tab-m {
-          width: var(--maz-drawer-size);
-        }
-      }
-
-      &.backdrop-anim-enter-from > .m-backdrop-content,
-      &.backdrop-anim-leave-to > .m-backdrop-content {
-        opacity: 0;
-        transform: translateX(100%);
-      }
-
-      /* & .m-backdrop-content > .m-drawer-content-wrap {
-        @apply lap-s:maz-h-auto;
-      } */
-    }
-
-    &.--top {
-      @apply maz-items-start;
-
-      & .m-backdrop-content {
-        transition: all 0.45s;
-        width: 100%;
-        height: 100vh;
-
-        @screen tab-m {
-          height: auto;
-        }
-      }
-
-      &.backdrop-anim-enter-from > .m-backdrop-content,
-      &.backdrop-anim-leave-to > .m-backdrop-content {
-        opacity: 0;
-        transform: translateY(-100%);
-      }
-    }
-
-    & .m-backdrop-content > .m-drawer-content-wrap {
-      @apply maz-pointer-events-auto maz-flex maz-h-full maz-w-full maz-flex-col maz-elevation;
-    }
-  }
-</style>
diff --git a/...s/lib/tailwindcss/css/_subs/animation.css → packages/lib/package/css/animation.css b/...s/lib/tailwindcss/css/_subs/animation.css → packages/lib/package/css/animation.css