From 92e58b9657b8211fc2685318768b5889b6bfd05d Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 18 Aug 2020 17:08:47 -0400
Subject: [PATCH] Remove menu and panel parts (not breaking); add tag part

---
 src/components/select/select.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/select/select.tsx b/src/components/select/select.tsx
index ed3ca2a08..3ff380e85 100644
--- a/src/components/select/select.tsx
+++ b/src/components/select/select.tsx
@@ -15,8 +15,7 @@ let id = 0;
  * @part help-text - The select help text.
  * @part icon - The select icon.
  * @part input - The select input.
- * @part menu - The internal <sl-menu> element's base.
- * @part panel - The internal <sl-dropdown> element's panel.
+ * @part tag - The multiselect option, a <sl-tag> element.
  * @part tags - The container in which multiselect options are rendered.
  */
 
@@ -240,6 +239,7 @@ export class Select {
       this.displayTags = checkedItems.map(item => {
         return (
           <sl-tag
+            exportparts="base:tag"
             type="info"
             size={this.size}
             pill={this.pill}
@@ -259,7 +259,7 @@ export class Select {
         const total = this.displayTags.length;
         this.displayTags = this.displayTags.slice(0, this.maxTagsVisible);
         this.displayTags.push(
-          <sl-tag type="info" size={this.size}>
+          <sl-tag exportparts="base:tag" type="info" size={this.size}>
             +{total - this.maxTagsVisible}
           </sl-tag>
         );
@@ -313,7 +313,6 @@ export class Select {
 
         <sl-dropdown
           part="base"
-          exportparts="panel:panel"
           ref={el => (this.dropdown = el)}
           closeOnSelect={!this.multiple}
           containingElement={this.host}
@@ -365,7 +364,6 @@ export class Select {
           <sl-menu
             ref={el => (this.menu = el)}
             part="menu"
-            exportparts="base:menu"
             class="select__menu"
             onSlSelect={this.handleMenuSelect}
             onKeyDown={this.handleMenuKeyDown}