From 1975b042bbae635034238897df8684380cf21523 Mon Sep 17 00:00:00 2001
From: jd-solanki <jdsolanki0001@gmail.com>
Date: Sat, 18 Feb 2023 03:50:49 +0530
Subject: [PATCH] feat(useLayer): support `color: inherit` as special value

---
 docs/components/demos/list/DemoListSlots.vue         | 4 ++--
 docs/components/demos/table/DemoTableExtraColumn.vue | 6 +++---
 packages/anu-vue/src/composables/useLayer.ts         | 6 ++++++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/docs/components/demos/list/DemoListSlots.vue b/docs/components/demos/list/DemoListSlots.vue
index cfb64108..83f48145 100644
--- a/docs/components/demos/list/DemoListSlots.vue
+++ b/docs/components/demos/list/DemoListSlots.vue
@@ -20,11 +20,11 @@ const items = [
         </template>
 
         <!-- 👉 Slot: Append -->
-        <template #append="{ index }">
+        <template #item-append="{ index }">
           <ABtn
             variant="outline"
             class="text-sm opacity-35 min-h-[24px] spacing-50"
-            color="default"
+            color="inherit"
             :states="false"
           >
             &#8984; {{ index + 1 }}
diff --git a/docs/components/demos/table/DemoTableExtraColumn.vue b/docs/components/demos/table/DemoTableExtraColumn.vue
index d033cadc..b07228f5 100644
--- a/docs/components/demos/table/DemoTableExtraColumn.vue
+++ b/docs/components/demos/table/DemoTableExtraColumn.vue
@@ -20,7 +20,7 @@ const cols = [
             class="text-xs"
             icon="i-bx-link-external"
             icon-only
-            color="default"
+            color="inherit"
             variant="text"
           />
           <ABtn
@@ -28,14 +28,14 @@ const cols = [
             icon="i-bx-edit-alt"
             icon-only
             variant="text"
-            color="default"
+            color="inherit"
           />
           <ABtn
             class="text-xs"
             icon="i-bx-trash"
             icon-only
             variant="text"
-            color="default"
+            color="inherit"
           />
         </div>
       </template>
diff --git a/packages/anu-vue/src/composables/useLayer.ts b/packages/anu-vue/src/composables/useLayer.ts
index 3fa1cfeb..0af46771 100644
--- a/packages/anu-vue/src/composables/useLayer.ts
+++ b/packages/anu-vue/src/composables/useLayer.ts
@@ -123,6 +123,12 @@ export const useLayer = () => {
           classes.push('text-[hsl(var(--a-layer-c))]')
       }
     }
+    else if (propColor === 'inherit') {
+      classes.push('text-inherit')
+
+      if (propVariant === 'outline')
+        classes.push('border-width-1 border-solid border-current')
+    }
     else if (propColor) {
       const _colord = colord(propColor as string)