From 96725983ad2de5db3cf9baaf81f7124913f89fa9 Mon Sep 17 00:00:00 2001
From: trading_peter <pk@codeblob.work>
Date: Thu, 17 Mar 2022 11:47:44 +0100
Subject: [PATCH] Add css parts for better styling

---
 package.json |  2 +-
 tp-popup.js  | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index afd61f5..b1578c7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-popup",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "main": "tp-popup.js",
   "scripts": {
diff --git a/tp-popup.js b/tp-popup.js
index f65b254..ef163c8 100644
--- a/tp-popup.js
+++ b/tp-popup.js
@@ -72,14 +72,12 @@ class TpPopup extends EventHelpers(Position(DomQuery(LitElement))) {
     const { isOpen } = this;
 
     return html`
-      <div class="wrap">
-        <div class="toggle">
-          <slot id="toggleContent" name="toggle"></slot>
-        </div>
-        <div id="content" ?open=${isOpen}>
-          <div class="content-wrap">
-            <slot id="contentSlot" name="content"></slot>
-          </div>
+      <div class="toggle" part="toggle">
+        <slot id="toggleContent" name="toggle"></slot>
+      </div>
+      <div id="content" part="content" ?open=${isOpen}>
+        <div class="content-wrap" part="content-wrap">
+          <slot id="contentSlot" name="content"></slot>
         </div>
       </div>
     `;