From e6143d272aa18fc12a0cb522e03dd88a93da0c09 Mon Sep 17 00:00:00 2001
From: pk <pk@codeblob.work>
Date: Fri, 7 Mar 2025 09:51:31 +0100
Subject: [PATCH] Add styling part

---
 package.json       | 2 +-
 tp-color-picker.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 383bbe5..cef0e7a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-color-picker",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "",
   "main": "tp-color-picker.js",
   "scripts": {
diff --git a/tp-color-picker.js b/tp-color-picker.js
index fbbf175..761d8de 100644
--- a/tp-color-picker.js
+++ b/tp-color-picker.js
@@ -84,7 +84,7 @@ class TpColorPicker extends FormElement(DomQuery(LitElement)) {
     return html`
       <tp-popup id="popup" part="popup" @is-open-changed=${e => this.isOpen = e.detail}>
         <div slot="toggle" part="selection" style="${this._showPickedColor(this.value)}"></div>
-        <div slot="content" @click="${this._selectColor}">
+        <div slot="content" part="selector" @click="${this._selectColor}">
           <div class="wrap">
             ${this.colorList.map(color => html`
               <div color style="${this._bgColor(color)}"></div>