chore(panel): clean up PARTS

Esri · Feb 7, 2025 · ca25807 · ca25807
1 parent 1af7a1c
commit ca25807
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/packages/calcite-components/src/components/panel/panel.tsx b/packages/calcite-components/src/components/panel/panel.tsx
@@ -31,7 +31,7 @@ import { useT9n } from "../../controllers/useT9n";
 import type { Alert } from "../alert/alert";
 import type { ActionBar } from "../action-bar/action-bar";
 import T9nStrings from "./assets/t9n/messages.en.json";
-import { CSS, ICONS, IDS, SLOTS } from "./resources";
+import { CSS, ICONS, IDS, PART, SLOTS } from "./resources";
 import { styles } from "./panel.scss";
 
 declare global {
@@ -421,7 +421,7 @@ export class Panel extends LitElement implements InteractiveComponent, LoadableC
 
   private renderActionBar(): JsxNode {
     return (
-      <div class={CSS.actionBarContainer} hidden={!this.hasActionBar} part="header">
+      <div class={CSS.actionBarContainer} hidden={!this.hasActionBar} part={PART.header}>
         <slot name={SLOTS.actionBar} onSlotChange={this.handleActionBarSlotChange} />
       </div>
     );
@@ -575,7 +575,7 @@ export class Panel extends LitElement implements InteractiveComponent, LoadableC
         <div
           class={{ [CSS.headerContainer]: true, [CSS.headerContainerBorderEnd]: hasActionBar }}
           hidden={!showHeaderContent}
-          part="header"
+          part={PART.header}
         >
           {this.renderHeaderStartActions()}
           {this.renderHeaderSlottedContent()}
@@ -595,7 +595,7 @@ export class Panel extends LitElement implements InteractiveComponent, LoadableC
       hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;
 
     return (
-      <footer class={CSS.footer} hidden={!showFooter} part="footer">
+      <footer class={CSS.footer} hidden={!showFooter} part={PART.footer}>
         <div class={CSS.footerContent} hidden={!hasFooterContent}>
           <slot name={SLOTS.footer} onSlotChange={this.handleFooterSlotChange} />
         </div>

diff --git a/packages/calcite-components/src/components/panel/resources.ts b/packages/calcite-components/src/components/panel/resources.ts
@@ -55,3 +55,8 @@ export const SLOTS = {
 };
 
 export const HEADING_LEVEL = 3;
+
+export const PART = {
+  header: "header",
+  footer: "footer",
+};