fix(checkbox): forward on:focus, on:blur to Checkbox and `Inlin…

…eCheckbox` (#1937)
carbon-design-system · Mar 16, 2024 · 6364b23 · 6364b23
1 parent 9132bf8
commit 6364b23
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 0 deletions.
diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
@@ -487,6 +487,7 @@ None.
 | mouseenter | forwarded | -- |
 | mouseleave | forwarded | -- |
 | change | forwarded | -- |
+| focus | forwarded | -- |
 | blur | forwarded | -- |
 
 ## `CheckboxSkeleton`

diff --git a/docs/src/COMPONENT_API.json b/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": [],

diff --git a/src/Checkbox/Checkbox.svelte b/src/Checkbox/Checkbox.svelte
@@ -112,6 +112,7 @@
  }
  }}"
  on:change
+ on:focus
  on:blur
  />
  <label for="{id}" title="{title}" class:bx--checkbox-label="{true}">

diff --git a/src/Checkbox/InlineCheckbox.svelte b/src/Checkbox/InlineCheckbox.svelte
@@ -29,6 +29,8 @@
  {...$$restProps}
  aria-checked="{indeterminate ? undefined : checked}"
  on:change
+ on:focus
+ on:blur
  />
  <label
  for="{id}"

diff --git a/types/Checkbox/Checkbox.svelte.d.ts b/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: {} }