Make label slot named for consistency

Author: latonv

src/labs/ia-combo-box/ia-combo-box-story.ts

@@ -172,7 +172,7 @@ export class IAComboBoxStory extends LitElement {
             ?disabled=${this.disabled}
             @change=${this.handleComboBoxChange}
           >
-            ${this.label}
+            <span slot="label">${this.label}</span>
           </ia-combo-box>
           <div id="announcer">${this.announcerText}</div>
         </div>
@@ -320,7 +320,9 @@ export class IAComboBoxStory extends LitElement {
           ...
         ]}
         ${bindingsStr}
-      >${this.label}</ia-combo-box>
+      >
+        <span slot="label">${this.label}</span>
+      </ia-combo-box>
     `
       .replace(/\n\s*\n/g, '\n')
       .replace(/\n {6}/g, '\n');

src/labs/ia-combo-box/ia-combo-box.ts

@@ -379,10 +379,14 @@ export class IAComboBox extends LitElement {
   /**
    * Template for the main label for the combo box.
    *
-   * Uses the contents of the default (unnamed) slot as the label text.
+   * Uses the contents of the `label` named slot as the label text.
    */
   private get labelTemplate(): TemplateResult {
-    return html`<label id="label" for="text-input"><slot></slot></label>`;
+    return html`
+      <label id="label" for="text-input">
+        <slot name="label"></slot>
+      </label>
+    `;
   }
 
   /**