release: 3.0.0 next.17

CHANGELOG.md

@@ -3,6 +3,25 @@
 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.17](https://github.com/LouisMazel/maz-ui/compare/v2.3.13...3.0.0-next.17) (2022-03-19)
+
+### Bug Fixes
+
+- **docs:** aos implementation ([#218](https://github.com/LouisMazel/maz-ui/issues/218)) ([3849e05](https://github.com/LouisMazel/maz-ui/commit/3849e0566973906ae1a557d6dfa230429b550618))
+- **docs:** aos installation on client side ([#217](https://github.com/LouisMazel/maz-ui/issues/217)) ([6790515](https://github.com/LouisMazel/maz-ui/commit/67905153973581418b4f807e531b1ee4f01b1331))
+- **lib:** inject-strict - returns error if module is not found ([c9ea56e](https://github.com/LouisMazel/maz-ui/commit/c9ea56eb5a74d9ca7f8b98c352e4599a0e0010bf))
+
+### Features
+
+- **docs:** maz-carousel documentation ([d80678a](https://github.com/LouisMazel/maz-ui/commit/d80678a6f052d099f6011594c594decdb89fbd4f))
+- **lib:** add maz-picker component ([#197](https://github.com/LouisMazel/maz-ui/issues/197)) ([877515e](https://github.com/LouisMazel/maz-ui/commit/877515e585d1aa9a3febd83e222c12346e7401b5))
+- **lib:** add wait plugin to manage loading state ([#214](https://github.com/LouisMazel/maz-ui/issues/214)) ([a6a1931](https://github.com/LouisMazel/maz-ui/commit/a6a1931ba7000c5e545cfc4808fe7205809629c4))
+- **lib:** adding maz-input-number ([#195](https://github.com/LouisMazel/maz-ui/issues/195)) ([dfb835d](https://github.com/LouisMazel/maz-ui/commit/dfb835d796682955b53dfb82455aefc763895c86))
+- **lib:** aos - adding anchor option ([#219](https://github.com/LouisMazel/maz-ui/issues/219)) ([b1c8b02](https://github.com/LouisMazel/maz-ui/commit/b1c8b028286d2154b86c5bb52fa7208d0c347d3e))
+- **lib:** export tailwind config ([#201](https://github.com/LouisMazel/maz-ui/issues/201)) ([94fddb9](https://github.com/LouisMazel/maz-ui/commit/94fddb9d35e91a6f649bcb18ae7105048d048584))
+- **lib:** maz-carousel - new component ([e8ab164](https://github.com/LouisMazel/maz-ui/commit/e8ab164547639b25d46b15090372cf84f6820b1f))
+- **lib:** MazInput - adding style color for autofill ([#208](https://github.com/LouisMazel/maz-ui/issues/208)) ([b3ae969](https://github.com/LouisMazel/maz-ui/commit/b3ae969584bda0e690179c1b6c9defdc1bbf0425))
+
 # [3.0.0-next.16](https://github.com/LouisMazel/maz-ui/compare/v2.3.13...3.0.0-next.16) (2022-03-17)
 
 ### Bug Fixes

lerna.json

@@ -1,7 +1,7 @@
 {
   "packages": ["packages/*"],
   "loglevel": "verbose",
-  "version": "3.0.0-next.16",
+  "version": "3.0.0-next.17",
   "npmClientArgs": ["--production=false", "--no-progress"],
   "yes": true,
   "granularPathspec": false,

packages/docs/CHANGELOG.md

@@ -3,6 +3,28 @@
 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.17](https://github.com/LouisMazel/maz-ui/compare/v2.3.13...3.0.0-next.17) (2022-03-19)
+
+
+### Bug Fixes
+
+* **docs:** aos implementation ([#218](https://github.com/LouisMazel/maz-ui/issues/218)) ([3849e05](https://github.com/LouisMazel/maz-ui/commit/3849e0566973906ae1a557d6dfa230429b550618))
+* **docs:** aos installation on client side ([#217](https://github.com/LouisMazel/maz-ui/issues/217)) ([6790515](https://github.com/LouisMazel/maz-ui/commit/67905153973581418b4f807e531b1ee4f01b1331))
+
+
+### Features
+
+* **docs:** maz-carousel documentation ([d80678a](https://github.com/LouisMazel/maz-ui/commit/d80678a6f052d099f6011594c594decdb89fbd4f))
+* **lib:** add maz-picker component ([#197](https://github.com/LouisMazel/maz-ui/issues/197)) ([877515e](https://github.com/LouisMazel/maz-ui/commit/877515e585d1aa9a3febd83e222c12346e7401b5))
+* **lib:** add wait plugin to manage loading state ([#214](https://github.com/LouisMazel/maz-ui/issues/214)) ([a6a1931](https://github.com/LouisMazel/maz-ui/commit/a6a1931ba7000c5e545cfc4808fe7205809629c4))
+* **lib:** adding maz-input-number ([#195](https://github.com/LouisMazel/maz-ui/issues/195)) ([dfb835d](https://github.com/LouisMazel/maz-ui/commit/dfb835d796682955b53dfb82455aefc763895c86))
+* **lib:** aos - adding anchor option ([#219](https://github.com/LouisMazel/maz-ui/issues/219)) ([b1c8b02](https://github.com/LouisMazel/maz-ui/commit/b1c8b028286d2154b86c5bb52fa7208d0c347d3e))
+* **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.16](https://github.com/LouisMazel/maz-ui/compare/v2.3.13...3.0.0-next.16) (2022-03-17)
 
 

packages/docs/docs/.vuepress/configs/components.ts

@@ -24,6 +24,7 @@ export const components = {
         '/components/maz-avatar.md',
         '/components/maz-badge.md',
         '/components/maz-bottom-sheet.md',
+        '/components/maz-carousel.md',
         '/components/maz-dialog.md',
         '/components/maz-dialog-promise.md',
         '/components/maz-drawer.md',

packages/docs/docs/components/maz-carousel.md

@@ -0,0 +1,90 @@
+---
+title: MazCarousel
+description: MazCarousel is a stand-alone component to display and manage items in a row
+head:
+  - - meta
+    - name: twitter:title
+      content: MazCarousel | Maz-UI
+    - name: twitter:description
+      content: MazCarousel is a stand-alone component to display and manage items in a row
+    - property: og:title
+      content: MazCarousel | Maz-UI
+    - property: og:description
+      content: MazCarousel is a stand-alone component to display and manage items in a row
+---
+
+# MazCarousel
+
+> Before you have to import the global css files in your project, follow instructions in [Getting Started](/maz-ui-3/guide/getting-started.html)
+
+## Basic usage
+
+<br />
+
+<MazCarousel>
+  <template #title>
+    <h4 class="maz-m-0">Carousel</h4>
+  </template>
+  <MazCard
+    v-for="(item, i) in Array(8)"
+    :key="i"
+    :images="[
+      'https://www.stevensegallery.com/250/300'
+    ]"
+    style="min-width: 250px;"
+  >
+    <template #title>
+      <h4 class="maz-m-0">
+        Steven Seagal
+      </h4>
+    </template>
+    <template #content>
+      <p class="maz-text-muted" style="margin-bottom: 0;">
+        You're awesome! You're awesome!
+      </p>
+    </template>
+  </MazCard>
+</MazCarousel>
+
+```vue
+<template>
+  <MazCarousel>
+    <template #title>
+      <h4 class="maz-m-0">Carousel</h4>
+    </template>
+    <MazCard
+      v-for="(item, i) in Array(8)"
+      :key="i"
+      :images="[
+        'https://www.stevensegallery.com/250/300'
+      ]"
+      style="min-width: 250px;"
+    >
+      <template #title>
+        <h4 class="maz-m-0">
+          Steven Seagal
+        </h4>
+      </template>
+      <template #content>
+        <p class="maz-text-muted" style="margin-bottom: 0;">
+          You're awesome! You're awesome!
+        </p>
+      </template>
+    </MazCard>
+  </MazCarousel>
+</template>
+
+<script lang="ts" setup>
+  import MazCarousel from 'maz-ui/components/MazCarousel'
+</script>
+```
+
+## Options
+
+### no-scroll-btn
+
+This options will display the component without scroll buttons
+
+## Props & Events emitted
+
+<ComponentPropDoc component="MazCarousel" />

packages/docs/docs/plugins/aos.md

@@ -224,16 +224,16 @@ export default {
 ```ts
 import { installAos, AosOptions } from 'maz-ui'
 
-export default ({ $router }) => {
+export default ({ vueApp, $router: router }) => {
   const options: AosOptions = {
-    router: $router,
+    router,
     animation: {
       duration: 1000,
       once: false,
     },
   }
 
-  app.use(installAos, options)
+  vueApp.use(installAos, options)
 }
 ```
 

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "3.0.0-next.16",
+  "version": "3.0.0-next.17",
   "description": "documentation of maz-ui",
   "main": "index.js",
   "browser": {

packages/lib/CHANGELOG.md

@@ -3,6 +3,22 @@
 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.17](https://github.com/LouisMazel/maz-ui-3/compare/v2.3.13...3.0.0-next.17) (2022-03-19)
+
+### Bug Fixes
+
+- **lib:** inject-strict - returns error if module is not found ([c9ea56e](https://github.com/LouisMazel/maz-ui-3/commit/c9ea56eb5a74d9ca7f8b98c352e4599a0e0010bf))
+
+### 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:** add wait plugin to manage loading state ([#214](https://github.com/LouisMazel/maz-ui-3/issues/214)) ([a6a1931](https://github.com/LouisMazel/maz-ui-3/commit/a6a1931ba7000c5e545cfc4808fe7205809629c4))
+- **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:** aos - adding anchor option ([#219](https://github.com/LouisMazel/maz-ui-3/issues/219)) ([b1c8b02](https://github.com/LouisMazel/maz-ui-3/commit/b1c8b028286d2154b86c5bb52fa7208d0c347d3e))
+- **lib:** export tailwind config ([#201](https://github.com/LouisMazel/maz-ui-3/issues/201)) ([94fddb9](https://github.com/LouisMazel/maz-ui-3/commit/94fddb9d35e91a6f649bcb18ae7105048d048584))
+- **lib:** maz-carousel - new component ([e8ab164](https://github.com/LouisMazel/maz-ui-3/commit/e8ab164547639b25d46b15090372cf84f6820b1f))
+- **lib:** MazInput - adding style color for autofill ([#208](https://github.com/LouisMazel/maz-ui-3/issues/208)) ([b3ae969](https://github.com/LouisMazel/maz-ui-3/commit/b3ae969584bda0e690179c1b6c9defdc1bbf0425))
+
 # [3.0.0-next.16](https://github.com/LouisMazel/maz-ui-3/compare/v2.3.13...3.0.0-next.16) (2022-03-17)
 
 ### Features

packages/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.0.0-next.16",
+  "version": "3.0.0-next.17",
   "description": "A stand-alone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "modules/index.js",

packages/lib/package/components/MazBtn.vue

@@ -19,6 +19,7 @@
         '--icon': hasIcon,
         '--rounded': rounded,
         '--no-padding': noPadding,
+        '--no-elevation': noElevation,
       },
     ]"
     :type="btnType"
@@ -111,6 +112,7 @@
     leftIcon: { type: String, default: undefined },
     rightIcon: { type: String, default: undefined },
     noPadding: { type: Boolean, default: false },
+    noElevation: { type: Boolean, default: false },
   })
 
   const component = computed(() => {
@@ -282,7 +284,11 @@
       /* Fab */
 
       &.--fab {
-        @apply maz-flex maz-h-12 maz-w-12 maz-items-center maz-justify-center maz-rounded-full maz-px-0 maz-py-0 maz-elevation;
+        @apply maz-flex maz-h-12 maz-w-12 maz-items-center maz-justify-center maz-rounded-full maz-px-0 maz-py-0;
+
+        &:not(.--no-elevation) {
+          @apply maz-elevation;
+        }
       }
 
       &.--block {