fix(panel, flow-item): fix footer-padding CSS prop regression (#9757)

Esri · Jul 30, 2024 · f935790 · f935790
1 parent b8e0aea
commit f935790
Showing 1 changed file with 10 additions and 20 deletions.
diff --git a/packages/calcite-components/src/components/panel/panel.scss b/packages/calcite-components/src/components/panel/panel.scss
@@ -19,12 +19,7 @@
 @import "../../assets/styles/header";
 
 :host([scale="s"]) {
-  .content-top,
-  .content-bottom,
-  .footer,
-  .header-content {
-    padding: var(--calcite-spacing-sm);
-  }
+  --calcite-internal-panel-default-padding: var(--calcite-spacing-sm);
 
   .header-content {
     .heading {
@@ -38,12 +33,7 @@
 }
 
 :host([scale="m"]) {
-  .content-top,
-  .content-bottom,
-  .footer,
-  .header-content {
-    padding: var(--calcite-spacing-md);
-  }
+  --calcite-internal-panel-default-padding: var(--calcite-spacing-md);
 
   .header-content {
     .heading {
@@ -57,12 +47,7 @@
 }
 
 :host([scale="l"]) {
-  .content-top,
-  .content-bottom,
-  .footer,
-  .header-content {
-    padding: var(--calcite-spacing-xl);
-  }
+  --calcite-internal-panel-default-padding: var(--calcite-spacing-xl);
 
   .header-content {
     .heading {
@@ -79,7 +64,6 @@
 .content-bottom {
   @apply flex items-start self-stretch;
 
-  padding: var(--calcite-spacing-md);
   border-block-start: 1px solid var(--calcite-color-border-3);
   background-color: var(--calcite-color-foreground-1);
 }
@@ -178,11 +162,17 @@
   h-full;
 }
 
+.content-top,
+.content-bottom,
+.header-content {
+  padding: var(--calcite-internal-panel-default-padding);
+}
+
 .footer {
   @apply flex mt-auto flex-row content-between justify-center items-center bg-foreground-1;
 
   border-block-start: 1px solid var(--calcite-color-border-3);
-  padding: var(--calcite-spacing-sm);
+  padding: var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding));
   column-gap: 0;
   row-gap: var(--calcite-spacing-md);
 }