Fixed #4303 - Sidebar: Icon classes not being correctly exposed

components/lib/sidebar/Sidebar.d.ts

@@ -161,8 +161,14 @@ export interface SidebarSlots {
     header(): VNode[];
     /**
      * Custom close icon template.
+     * @param {Object} scope - close icon slot's params.
      */
-    closeicon(): VNode[];
+    closeicon(scope: {
+        /**
+         * Style class of the close icon
+         */
+        class: any;
+    }): VNode[];
 }
 
 /**

components/lib/sidebar/Sidebar.vue

@@ -8,7 +8,7 @@
                             <slot name="header"></slot>
                         </div>
                         <button v-if="showCloseIcon" :ref="closeButtonRef" v-ripple autofocus type="button" :class="cx('closeButton')" :aria-label="closeAriaLabel" @click="hide" v-bind="ptm('closeButton')" data-pc-group-section="iconcontainer">
-                            <slot name="closeicon">
+                            <slot name="closeicon" :class="cx('closeIcon')">
                                 <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')"></component>
                             </slot>
                         </button>