From 1f22f84360c20498eea8971b21db9293a4c9c3dc Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 26 May 2023 18:02:48 +0200
Subject: [PATCH] chore(Avatar)!: remove `chipVariant` prop

---
 docs/content/2.elements/1.avatar.md        | 3 +--
 src/runtime/app.config.ts                  | 5 +----
 src/runtime/components/elements/Avatar.vue | 9 +--------
 3 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/docs/content/2.elements/1.avatar.md b/docs/content/2.elements/1.avatar.md
index d237979dd7..b322f8670f 100644
--- a/docs/content/2.elements/1.avatar.md
+++ b/docs/content/2.elements/1.avatar.md
@@ -29,13 +29,12 @@ baseProps:
 
 ### Chip
 
-Use the `chip-color`, `chip-variant` and `chip-position` props to display a chip on the Avatar.
+Use the `chip-color` and `chip-position` props to display a chip on the Avatar.
 
 ::component-card
 ---
 props:
   chipColor: 'primary'
-  chipVariant: 'solid'
   chipPosition: 'top-right'
 baseProps:
   src: 'https://avatars.githubusercontent.com/u/739984?v=4'
diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index 78aadb9d24..9ccc149210 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -18,15 +18,13 @@ const avatar = {
   },
   chip: {
     base: 'absolute block rounded-full ring-1 ring-white dark:ring-gray-900',
+    background: 'bg-{color}-400',
     position: {
       'top-right': 'top-0 right-0',
       'bottom-right': 'bottom-0 right-0',
       'top-left': 'top-0 left-0',
       'bottom-left': 'bottom-0 left-0'
     },
-    variant: {
-      solid: 'bg-{color}-400'
-    },
     size: {
       '3xs': 'h-1 w-1',
       '2xs': 'h-1 w-1',
@@ -42,7 +40,6 @@ const avatar = {
   default: {
     size: 'sm',
     chipColor: null,
-    chipVariant: 'solid',
     chipPosition: 'top-right'
   }
 }
diff --git a/src/runtime/components/elements/Avatar.vue b/src/runtime/components/elements/Avatar.vue
index a2e1978039..d68254aec2 100644
--- a/src/runtime/components/elements/Avatar.vue
+++ b/src/runtime/components/elements/Avatar.vue
@@ -48,13 +48,6 @@ export default defineComponent({
         return ['gray', ...appConfig.ui.colors].includes(value)
       }
     },
-    chipVariant: {
-      type: String,
-      default: () => appConfig.ui.avatar.default.chipVariant,
-      validator (value: string) {
-        return Object.keys(appConfig.ui.avatar.chip.variant).includes(value)
-      }
-    },
     chipPosition: {
       type: String,
       default: () => appConfig.ui.avatar.default.chipPosition,
@@ -94,7 +87,7 @@ export default defineComponent({
         ui.value.chip.base,
         ui.value.chip.size[props.size],
         ui.value.chip.position[props.chipPosition],
-        ui.value.chip.variant[props.chipVariant]?.replaceAll('{color}', props.chipColor)
+        ui.value.chip.background.replaceAll('{color}', props.chipColor)
       )
     })