@elderbyte/ngx-starter 21.4.3 → 21.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "21.4.3",
+  "version": "21.5.0",
   "peerDependencies": {
     "@angular/core": "^21.0.0 || ^22.0.0",
     "@angular/common": "^21.0.0 || ^22.0.0",

package/theming/abstracts/_elder-starter-theme.scss

@@ -20,6 +20,7 @@
 @use '../components/mat-badge-theme' as mat-badge;
 @use '../components/elder-rail-nav-theme' as elder-rail-nav;
 @use '../components/elder-pane-theme' as elder-pane;
+@use '../components/elder-nav-expansion-panel-theme' as elder-nav-expansion-panel;
 
 @mixin starter-theme($theme) {
   $theme: elder-set-defaults-fn.validate-and-set-defaults($theme);
@@ -51,4 +52,5 @@
   @include mat-badge.theme();
   @include elder-rail-nav.theme();
   @include elder-pane.theme();
+  @include elder-nav-expansion-panel.theme();
 }

package/theming/components/_elder-nav-expansion-panel-theme.scss

@@ -0,0 +1,26 @@
+@mixin theme() {
+  /*
+  reset mat-expansion-panel styles
+  */
+  .mat-expansion-panel.expansion-panel-unstyled {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+
+    .mat-expansion-panel-header,
+    .mat-expansion-panel-content,
+    .mat-expansion-panel-body {
+      background: transparent;
+    }
+
+    .mat-expansion-panel-header,
+    .mat-expansion-panel-body {
+      padding: 0;
+    }
+
+    .mat-expansion-panel-spacing {
+      margin: 0;
+    }
+  }
+}