LouisMazel · LouisMazel · Mar 10, 2022 · Mar 10, 2022 · Mar 10, 2022 · Mar 10, 2022
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,16 @@
 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.9](https://github.com/LouisMazel/maz-ui/compare/v2.3.13...3.0.0-next.9) (2022-03-10)
+
+### 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))
+- **lib:** MazAvatar - adding option to choose button color ([af125a6](https://github.com/LouisMazel/maz-ui/commit/af125a6cc3b7bd413748c0a05e1b42fc1c150076))
+- **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.8](https://github.com/LouisMazel/maz-ui/compare/v2.3.12...3.0.0-next.8) (2022-03-09)
 
 ### Features

diff --git a/lerna.json b/lerna.json
@@ -1,7 +1,7 @@
 {
   "packages": ["packages/*"],
   "loglevel": "verbose",
-  "version": "3.0.0-next.8",
+  "version": "3.0.0-next.9",
   "npmClientArgs": ["--production=false", "--no-progress"],
   "yes": true,
   "granularPathspec": false,
@@ -11,7 +11,7 @@
       "message": "chore(release): bump version to %v",
       "conventionalCommits": true,
       "forceGitTag": true,
-      "push": false,
+      "push": true,
       "tagVersionPrefix": ""
     }
   }

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.9](https://github.com/LouisMazel/maz-ui/compare/v2.3.13...3.0.0-next.9) (2022-03-10)
+
+
+### 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.8](https://github.com/LouisMazel/maz-ui/compare/v2.3.12...3.0.0-next.8) (2022-03-09)
 
 

diff --git a/packages/docs/docs/components/maz-avatar.md b/packages/docs/docs/components/maz-avatar.md
@@ -41,11 +41,16 @@ description: MazAvatar is a stand-alone component replaces the standard html but
     target="_blank"
     square
     clickable
-  />
+  >
+    <template #icon>
+      <MazIcon name="eye" style="color: white;" size="2rem" />
+    </template>
+  </MazAvatar>
   <MazAvatar
     src="https://placekitten.com/200/200"
     size="2.5rem"
     clickable
+    button-color="danger"
     @click="clicked"
   />
   <MazAvatar
@@ -68,7 +73,12 @@ description: MazAvatar is a stand-alone component replaces the standard html but
     target="_blank"
     square
     clickable
-  />
+    no-size
+  >
+    <template #icon>
+      <MazIcon name="eye" />
+    </template>
+  </MazAvatar>
   <MazAvatar
     src="https://placekitten.com/200/200"
     size="2.5rem"

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.8",
+  "version": "3.0.0-next.9",
   "description": "documentation of maz-ui",
   "main": "index.js",
   "browser": {

diff --git a/packages/lib/CHANGELOG.md b/packages/lib/CHANGELOG.md
@@ -3,6 +3,16 @@
 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.9](https://github.com/LouisMazel/maz-ui-3/compare/v2.3.13...3.0.0-next.9) (2022-03-10)
+
+### 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))
+- **lib:** MazAvatar - adding option to choose button color ([af125a6](https://github.com/LouisMazel/maz-ui-3/commit/af125a6cc3b7bd413748c0a05e1b42fc1c150076))
+- **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.8](https://github.com/LouisMazel/maz-ui-3/compare/v2.3.12...3.0.0-next.8) (2022-03-09)
 
 ### 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.8",
+  "version": "3.0.0-next.9",
   "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/MazAvatar.vue b/packages/lib/package/components/MazAvatar.vue
@@ -42,7 +42,8 @@
         v-if="clickable"
         type="button"
         tabindex="-1"
-        class="m-avatar__button maz-flex maz-flex-center"
+        class="m-avatar__button"
+        :style="{ backgroundColor: `var(--maz-color-${buttonColor}-alpha)` }"
         @click="$emit('click', $event)"
       >
         <slot name="icon">
@@ -58,11 +59,16 @@
   </Component>
 </template>
 
+<script lang="ts">
+  export type { Color } from './types'
+</script>
+
 <script lang="ts" setup>
   import { PropType, computed } from 'vue'
   import MazLazyImg from './MazLazyImg.vue'
   import MazIcon from './MazIcon.vue'
   import PencilIcon from './../icons/pencil.svg'
+  import type { Color } from './types'
 
   const props = defineProps({
     // url or path of the image
@@ -83,7 +89,7 @@
     // target attribute of link (if url is provide)
     target: { type: String, default: '_self' },
     // size of avatar
-    size: { type: String, default: '1rem' },
+    size: { type: String, default: undefined },
     // add border around the avatar
     bordered: { type: Boolean, default: false },
     // add an edit layer & emit `edit` event on click
@@ -95,6 +101,23 @@
     showCaption: { type: Boolean, default: false },
     imageHeightFull: { type: Boolean, default: false },
     noLoader: { type: Boolean, default: false },
+    buttonColor: {
+      type: String as PropType<Color>,
+      default: 'primary',
+      validator: (value: Color) => {
+        return [
+          'primary',
+          'secondary',
+          'info',
+          'success',
+          'warning',
+          'danger',
+          'white',
+          'black',
+          'transparent',
+        ].includes(value)
+      },
+    },
   })
 
   const componentType = computed(() =>
@@ -129,8 +152,8 @@
 
       &.--clickable {
         & .m-avatar__button {
-          @apply maz-outline-none maz-absolute maz-inset-0 maz-w-full maz-cursor-pointer maz-rounded-lg maz-border-none
-           maz-bg-transparent maz-opacity-0 maz-transition-all maz-duration-200;
+          @apply maz-outline-none maz-absolute maz-inset-0 maz-flex maz-w-full maz-cursor-pointer maz-rounded-lg maz-border-none
+           maz-bg-transparent maz-opacity-0 maz-transition-all maz-duration-200 maz-flex-center;
 
           transform: scale(0);
 
@@ -156,7 +179,6 @@
             @apply maz-opacity-100;
 
             transform: scale(1.05);
-            background-color: var(--maz-color-info-alpha);
           }
         }
       }

diff --git a/packages/lib/package/components/MazBadge.vue b/packages/lib/package/components/MazBadge.vue
@@ -13,16 +13,16 @@
 </template>
 
 <script lang="ts">
-  export type { Color } from './types'
+  import { Color } from './types'
+  export type BadgeColor = Color | 'gray'
 </script>
 
 <script lang="ts" setup>
   import { PropType } from 'vue'
-  import { Color } from './types'
 
   defineProps({
     color: {
-      type: String as PropType<Color>,
+      type: String as PropType<BadgeColor>,
       default: 'primary',
       validator: (value: string) => {
         return [

diff --git a/packages/testing/CHANGELOG.md b/packages/testing/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.9](https://github.com/LouisMazel/maz-ui/compare/v2.3.13...3.0.0-next.9) (2022-03-10)
+
+
+### 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:** export tailwind config ([#201](https://github.com/LouisMazel/maz-ui/issues/201)) ([94fddb9](https://github.com/LouisMazel/maz-ui/commit/94fddb9d35e91a6f649bcb18ae7105048d048584))
+* **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.8](https://github.com/LouisMazel/maz-ui/compare/v2.3.12...3.0.0-next.8) (2022-03-09)
 
 

diff --git a/packages/testing/package-lock.json b/packages/testing/package-lock.json
diff --git a/packages/testing/package.json b/packages/testing/package.json
@@ -1,6 +1,6 @@
 {
   "name": "testing",
-  "version": "3.0.0-next.8",
+  "version": "3.0.0-next.9",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/packages/testing/src/App.vue b/packages/testing/src/App.vue
@@ -98,13 +98,6 @@
 <script lang="ts" setup>
   import { onMounted, ref } from 'vue'
   // import { MazTabsItem } from 'maz-ui/package/components/MazTabsBar.vue'
-  const data = ref({
-    username: undefined,
-    password: undefined,
-    name: undefined,
-    telephone: undefined,
-    age: undefined,
-  })
   import {
     MazBtn,
     MazInput,