Fixed #4845 - Sidebar: header templating updates

components/lib/sidebar/BaseSidebar.vue

@@ -14,6 +14,10 @@ export default {
             type: String,
             default: 'left'
         },
+        header: {
+            type: null,
+            default: null
+        },
         baseZIndex: {
             type: Number,
             default: 0

components/lib/sidebar/Sidebar.d.ts

@@ -54,7 +54,7 @@ export interface SidebarPassThroughOptions {
     /**
      * Used to pass attributes to the header content's DOM element.
      */
-    headerContent?: SidebarPassThroughOptionType;
+    title?: SidebarPassThroughOptionType;
     /**
      * Used to pass attributes to the close button's DOM element.
      */
@@ -114,6 +114,10 @@ export interface SidebarProps {
      * @defaultValue left
      */
     position?: 'left' | 'right' | 'top' | 'bottom' | 'full' | undefined;
+    /**
+     * Title content of the dialog.
+     */
+    header?: string | undefined;
     /**
      * Base zIndex value to use in layering.
      * @defaultValue 0
@@ -176,8 +180,14 @@ export interface SidebarSlots {
     default(): VNode[];
     /**
      * Custom header template.
+     *  @param {Object} scope - header slot's params.
      */
-    header(): VNode[];
+    header(scope: {
+        /**
+         * Style class of the header title
+         */
+        class: any;
+    }): VNode[];
     /**
      * Custom close icon template.
      * @param {Object} scope - close icon slot's params.

components/lib/sidebar/Sidebar.vue

@@ -6,9 +6,9 @@
                     <slot v-if="$slots.container" name="container" :onClose="hide" :closeCallback="hide"></slot>
                     <template v-else>
                         <div :ref="headerContainerRef" :class="cx('header')" v-bind="ptm('header')">
-                            <div v-if="$slots.header" :class="cx('headerContent')" v-bind="ptm('headerContent')">
+                            <slot name="header" :class="cx('title')">
-                                <slot name="header"></slot>
+                                <div v-if="header" :class="cx('title')" v-bind="ptm('title')">{{ header }}</div>
-                            </div>
+                            </slot>
                             <button v-if="showCloseIcon" :ref="closeButtonRef" v-ripple type="button" :class="cx('closeButton')" :aria-label="closeAriaLabel" @click="hide" v-bind="ptm('closeButton')" data-pc-group-section="iconcontainer">
                                 <slot name="closeicon" :class="cx('closeIcon')">
                                     <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')"></component>

components/lib/sidebar/style/SidebarStyle.js

@@ -34,7 +34,7 @@ const css = `
     .p-sidebar-header {
         display: flex;
         align-items: center;
-        justify-content: flex-end;
+        justify-content: space-between;
         flex-shrink: 0;
     }
 
@@ -191,7 +191,7 @@ const classes = {
         }
     ],
     header: 'p-sidebar-header',
-    headerContent: 'p-sidebar-header-content',
+    title: 'p-sidebar-header-content',
     closeButton: 'p-sidebar-close p-sidebar-icon p-link',
     closeIcon: 'p-sidebar-close-icon',
     content: 'p-sidebar-content'

public/themes/arya-blue/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/arya-green/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/arya-orange/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/arya-purple/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/bootstrap4-dark-blue/theme.css

@@ -4042,6 +4042,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/bootstrap4-dark-purple/theme.css

@@ -4042,6 +4042,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/bootstrap4-light-blue/theme.css

@@ -4042,6 +4042,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/bootstrap4-light-purple/theme.css

@@ -4042,6 +4042,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/fluent-light/theme.css

@@ -4005,6 +4005,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.5rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-dark-amber/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-dark-blue/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-dark-cyan/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-dark-indigo/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-dark-pink/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-dark-purple/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-dark-teal/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-dark-turquoise/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-light-amber/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-light-blue/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-light-cyan/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-light-indigo/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-light-pink/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-light-purple/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-light-teal/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/lara-light-turquoise/theme.css

@@ -4024,6 +4024,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/luna-amber/theme.css

@@ -4017,6 +4017,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/luna-blue/theme.css

@@ -4017,6 +4017,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/luna-green/theme.css

@@ -4017,6 +4017,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/luna-pink/theme.css

@@ -4017,6 +4017,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/md-dark-deeppurple/theme.css

@@ -4054,6 +4054,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 500;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2.5rem;

public/themes/md-dark-indigo/theme.css

@@ -4054,6 +4054,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 500;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2.5rem;

public/themes/md-light-deeppurple/theme.css

@@ -4054,6 +4054,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 500;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2.5rem;

public/themes/md-light-indigo/theme.css

@@ -4054,6 +4054,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 500;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2.5rem;

public/themes/mdc-dark-deeppurple/theme.css

@@ -4054,6 +4054,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.75rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 500;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/mdc-dark-indigo/theme.css

@@ -4054,6 +4054,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.75rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 500;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/mdc-light-deeppurple/theme.css

@@ -4054,6 +4054,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.75rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 500;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/mdc-light-indigo/theme.css

@@ -4054,6 +4054,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.75rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 500;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/mira/theme.css

@@ -4058,6 +4058,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/nano/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.75rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 1rem;

public/themes/nova-accent/theme.css

@@ -4005,6 +4005,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/nova-alt/theme.css

@@ -4017,6 +4017,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/nova-vue/theme.css

@@ -4017,6 +4017,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/nova/theme.css

@@ -4017,6 +4017,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/rhea/theme.css

@@ -4005,6 +4005,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 0.857rem 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/saga-blue/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/saga-green/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/saga-orange/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/saga-purple/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/soho-dark/theme.css

@@ -4029,6 +4029,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/soho-light/theme.css

@@ -4029,6 +4029,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/tailwind-light/theme.css

@@ -4065,6 +4065,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.5rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/vela-blue/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/vela-green/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/vela-orange/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/vela-purple/theme.css

@@ -4030,6 +4030,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/viva-dark/theme.css

@@ -4062,6 +4062,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;

public/themes/viva-light/theme.css

@@ -4062,6 +4062,10 @@
   .p-sidebar .p-sidebar-header {
     padding: 1rem;
   }
+  .p-sidebar .p-sidebar-header .p-sidebar-header-content {
+    font-weight: 600;
+    font-size: 1.25rem;
+  }
   .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
     width: 2rem;