feat(checkbox): make labelText slottable #563

Closes #563

COMPONENT_INDEX.md

@@ -440,7 +440,9 @@ None.
 
 ### Slots
 
-None.
+| Slot name | Default | Props | Fallback                 |
+| :-------- | :------ | :---- | :----------------------- |
+| labelText | No      | --    | <code>{labelText}</code> |
 
 ### Events
 

docs/src/COMPONENT_API.json

@@ -715,7 +715,14 @@
           "reactive": true
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "labelText",
+          "default": false,
+          "fallback": "{labelText}",
+          "slot_props": "{}"
+        }
+      ],
       "events": [
         { "type": "dispatched", "name": "check", "detail": "boolean" },
         { "type": "forwarded", "name": "click", "element": "CheckboxSkeleton" },

src/Checkbox/Checkbox.svelte

@@ -85,7 +85,9 @@
         class:bx--checkbox-label-text="{true}"
         class:bx--visually-hidden="{hideLabel}"
       >
-        {labelText}
+        <slot name="labelText">
+          {labelText}
+        </slot>
       </span>
     </label>
   </div>

types/Checkbox/Checkbox.d.ts

@@ -78,5 +78,5 @@ export default class Checkbox extends SvelteComponentTyped<
     mouseleave: WindowEventMap["mouseleave"];
     change: WindowEventMap["change"];
   },
-  {}
+  { labelText: {} }
 > {}