From 099dea886f252f5af23d37d55e1e1783f7ae76c6 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 5 Jan 2022 11:02:39 -0500
Subject: [PATCH] add start, end, panel parts to split panel

---
 src/components/split-panel/split-panel.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/split-panel/split-panel.ts b/src/components/split-panel/split-panel.ts
index d22aeb945..1aaa2bbaf 100644
--- a/src/components/split-panel/split-panel.ts
+++ b/src/components/split-panel/split-panel.ts
@@ -13,6 +13,9 @@ import styles from './split-panel.styles';
  *
  * @event sl-reposition - Emitted when the divider's position changes.
  *
+ * @csspart start - The start panel.
+ * @csspart end - The end panel.
+ * @csspart panel - Targets both the start and end panels.
  * @csspart divider - The divider that separates the start and end panels.
  *
  * @slot start - The start panel.
@@ -238,7 +241,7 @@ export default class SlSplitPanel extends LitElement {
     }
 
     return html`
-      <div class="start">
+      <div part="panel start" class="start">
         <slot name="start"></slot>
       </div>
 
@@ -255,7 +258,7 @@ export default class SlSplitPanel extends LitElement {
         <slot name="handle"></slot>
       </div>
 
-      <div class="end">
+      <div part="panel end" class="end">
         <slot name="end"></slot>
       </div>
     `;