fix(checkbox): forward on:focus, on:blur to Checkbox and InlineCheckbox (#1937)

COMPONENT_INDEX.md

@@ -487,6 +487,7 @@ None.
 | mouseenter | forwarded  | --                   |
 | mouseleave | forwarded  | --                   |
 | change     | forwarded  | --                   |
+| focus      | forwarded  | --                   |
 | blur       | forwarded  | --                   |
 
 ## `CheckboxSkeleton`

docs/src/COMPONENT_API.json

@@ -926,6 +926,7 @@
           "element": "CheckboxSkeleton"
         },
         { "type": "forwarded", "name": "change", "element": "input" },
+        { "type": "forwarded", "name": "focus", "element": "input" },
         { "type": "forwarded", "name": "blur", "element": "input" }
       ],
       "typedefs": [],

src/Checkbox/Checkbox.svelte

@@ -112,6 +112,7 @@
         }
       }}"
       on:change
+      on:focus
       on:blur
     />
     <label for="{id}" title="{title}" class:bx--checkbox-label="{true}">

src/Checkbox/InlineCheckbox.svelte

@@ -29,6 +29,8 @@
     {...$$restProps}
     aria-checked="{indeterminate ? undefined : checked}"
     on:change
+    on:focus
+    on:blur
   />
   <label
     for="{id}"

types/Checkbox/Checkbox.svelte.d.ts

@@ -100,6 +100,7 @@ export default class Checkbox extends SvelteComponentTyped<
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
     change: WindowEventMap["change"];
+    focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
   { labelText: {} }