add parts to select

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>`

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}