From 02fc39ebe0136b841fcff0a2da790c9c41d38aad Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 9 Jan 2023 14:25:26 -0500
Subject: [PATCH] add parts

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

diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md
index 750fd2b71..6cc9d23b9 100644
--- a/docs/resources/changelog.md
+++ b/docs/resources/changelog.md
@@ -11,6 +11,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
 ## Next
 
 - Added support for the `inert` attribute on `<sl-menu-item>` to allow hidden menu items to not accept focus [#1107](https://github.com/shoelace-style/shoelace/issues/1107)
+- Added `tags` and `tag` parts to `<sl-select>`
 - Fixed a bug in `<sl-select>` that prevented placeholders from showing when `multiple` was used [#1109](https://github.com/shoelace-style/shoelace/issues/1109)
 - Fixed a bug in `<sl-select>` that caused tags to not be rounded when using the `pill` attribute [#1117](https://github.com/shoelace-style/shoelace/issues/1117)
 - Fixed a bug in `<sl-color-picker>` that logged a console error when parsing swatches with whitespace
diff --git a/src/components/select/select.ts b/src/components/select/select.ts
index 90f5406a1..8463d5c77 100644
--- a/src/components/select/select.ts
+++ b/src/components/select/select.ts
@@ -55,6 +55,8 @@ import type { CSSResultGroup } from 'lit';
  * @csspart prefix - The container that wraps the prefix slot.
  * @csspart display-input - The element that displays the selected option's label, an `<input>` element.
  * @csspart listbox - The listbox container where options are slotted.
+ * @csspart tags - The container that houses option tags when `multiselect` is used.
+ * @csspart tag - The individual tags that represent each multiselect option.
  * @csspart clear-button - The clear button.
  * @csspart expand-icon - The container that wraps the expand icon.
  */
@@ -707,6 +709,7 @@ export default class SlSelect extends ShoelaceElement implements ShoelaceFormCon
                         if (index < this.maxOptionsVisible || this.maxOptionsVisible <= 0) {
                           return html`
                             <sl-tag
+                              part="tag"
                               ?pill=${this.pill}
                               size=${this.size}
                               removable