From 5c0da06d668aa93273f6d026d68c9d20aac21ff6 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Sat, 19 Feb 2022 12:47:13 -0500
Subject: [PATCH] add parts to select

---
 docs/resources/changelog.md     | 1 +
 src/components/select/select.ts | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md
index b5885af3..ac8dda20 100644
--- a/docs/resources/changelog.md
+++ b/docs/resources/changelog.md
@@ -9,6 +9,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 ## 2.0.0-beta.69
 
 - Added `web-types.json` to improve the dev experience for WebStorm/PHPStorm users [#328](https://github.com/shoelace-style/shoelace/issues/328)
+- Added `tag-base`, `tag-content`, and `tag-remove-button` parts to `<sl-select>` [#682](https://github.com/shoelace-style/shoelace/discussions/682)
 - Fixed a bug that caused an error when pressing up/down in `<sl-select>`
 - Fixed a bug that caused `<sl-details>` to not show when double clicking the summary while open [#662](https://github.com/shoelace-style/shoelace/issues/662)
 - Fixed a bug that prevented the first/last menu item from receiving focus when pressing up/down in `<sl-dropdown>`
diff --git a/src/components/select/select.ts b/src/components/select/select.ts
index e52d134a..203d9b66 100644
--- a/src/components/select/select.ts
+++ b/src/components/select/select.ts
@@ -53,6 +53,9 @@ import { watch } from '~/internal/watch';
  * @csspart suffix - The select's suffix.
  * @csspart menu - The select menu, an `<sl-menu>` element.
  * @csspart tag - The multi select option, an `<sl-tag>` element.
+ * @csspart tag-base - The tag's `base` part.
+ * @csspart tag-content - The tag's `content` part.
+ * @csspart tag-remove-button - The tag's `remove-button` part.
  * @csspart tags - The container in which multi select options are rendered.
  */
 @customElement('sl-select')
@@ -378,7 +381,8 @@ export default class SlSelect extends LitElement {
       this.displayTags = checkedItems.map((item: SlMenuItem) => {
         return html`
           <sl-tag
-            exportparts="base:tag"
+            part="tag"
+            exportparts="base:tag-base, content:tag-content, remove-button:tag-remove-button"
             variant="neutral"
             size=${this.size}
             ?pill=${this.pill}