add closeButtonProps back

Signed-off-by: Julio Ortega <julio.ortega@dialpad.com>

Author: juliodialpad

packages/dialtone-vue2/components/popover/popover.vue

@@ -68,6 +68,7 @@
           :content-class="headerClass"
           type="header"
           :show-close-button="showCloseButton"
+          :close-button-props="closeButtonProps"
           @close="closePopover"
         >
           <template #content>
@@ -229,6 +230,14 @@ export default {
       default: null,
     },
 
+    /**
+     * A set of props to be passed into the popover's header close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({}),
+    },
+
     /**
      * Padding size class for the popover content.
      * @values none, small, medium, large

packages/dialtone-vue2/components/popover/popover_header_footer.vue

@@ -28,7 +28,7 @@
       importance="outlined"
       kind="muted"
       circle
-      v-bind="$ta('CLOSE_BUTTON', { component: 'popover' })"
+      v-bind="enhancedCloseButtonProps"
       @click="$emit('close')"
     >
       <template #icon>
@@ -78,6 +78,14 @@ export default {
       type: Boolean,
       default: false,
     },
+
+    /**
+     * A set of props to be passed into the close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => {},
+    },
   },
 
   emits: [
@@ -90,9 +98,13 @@ export default {
     'close',
   ],
 
-  methods: {
-    $ta,
+  computed: {
+    enhancedCloseButtonProps () {
+      return Object.assign({}, ...this.closeButtonProps, ...$ta('CLOSE_BUTTON'));
+    },
+  },
 
+  methods: {
     focusCloseButton () {
       const closeButton = this.$refs['popover__close-button']?.$el;
       closeButton?.focus();