diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index e7bf7d6e..5a25101d 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -6,6 +6,10 @@ Components with the Experimental bad New versions of Shoelace are released as-needed and generally occur when a critical mass of changes have accumulated. At any time, you can see what's coming in the next release by visiting [next.shoelace.style](https://next.shoelace.style). +## Next + +- Added `tag__base`, `tag__content`, `tag__remove-button`, `tag__remove-button__base` parts to `` + ## 2.2.0 - Added TypeScript types to all custom events [#1183](https://github.com/shoelace-style/shoelace/pull/1183) diff --git a/src/components/select/select.ts b/src/components/select/select.ts index e152d056..deef53de 100644 --- a/src/components/select/select.ts +++ b/src/components/select/select.ts @@ -59,6 +59,10 @@ import type SlRemoveEvent from '../../events/sl-remove'; * @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 tag__base - The tag's base part. + * @csspart tag__content - The tag's content part. + * @csspart tag__remove-button - The tag's remove button. + * @csspart tag__remove-button__base - The tag's remove button base part. * @csspart clear-button - The clear button. * @csspart expand-icon - The container that wraps the expand icon. */ @@ -761,6 +765,12 @@ export default class SlSelect extends ShoelaceElement implements ShoelaceFormCon return html`