Add blur event forwarding and update docs

COMPONENT_INDEX.md

@@ -402,6 +402,7 @@ export type BreakpointValue = 320 | 672 | 1056 | 1312 | 1584;
 | :--------- | :-------- | :----- |
 | click      | forwarded | --     |
 | focus      | forwarded | --     |
+| blur       | forwarded | --     |
 | mouseover  | forwarded | --     |
 | mouseenter | forwarded | --     |
 | mouseleave | forwarded | --     |
@@ -446,6 +447,7 @@ None.
 | mouseover  | forwarded | --     |
 | mouseenter | forwarded | --     |
 | mouseleave | forwarded | --     |
+| blur       | forwarded | --     |
 
 ## `Checkbox`
 

docs/src/COMPONENT_API.json

@@ -638,6 +638,7 @@
       "events": [
         { "type": "forwarded", "name": "click", "element": "ButtonSkeleton" },
         { "type": "forwarded", "name": "focus", "element": "ButtonSkeleton" },
+        { "type": "forwarded", "name": "blur", "element": "ButtonSkeleton" },
         {
           "type": "forwarded",
           "name": "mouseover",
@@ -719,7 +720,8 @@
         { "type": "forwarded", "name": "focus", "element": "a" },
         { "type": "forwarded", "name": "mouseover", "element": "a" },
         { "type": "forwarded", "name": "mouseenter", "element": "a" },
-        { "type": "forwarded", "name": "mouseleave", "element": "a" }
+        { "type": "forwarded", "name": "mouseleave", "element": "a" },
+        { "type": "forwarded", "name": "blur", "element": "div" }
       ],
       "typedefs": [],
       "rest_props": { "type": "Element", "name": "a" }

src/Button/Button.svelte

@@ -135,6 +135,7 @@
     style="{hasIconOnly && 'width: 3rem;'}"
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -149,6 +150,7 @@
     {...buttonProps}
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -169,6 +171,7 @@
     {...buttonProps}
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave

src/Button/ButtonSkeleton.svelte

@@ -27,6 +27,7 @@
     {...$$restProps}
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave
@@ -45,6 +46,7 @@
     {...$$restProps}
     on:click
     on:focus
+    on:blur
     on:mouseover
     on:mouseenter
     on:mouseleave

types/Button/Button.svelte.d.ts

@@ -115,6 +115,7 @@ export default class Button extends SvelteComponentTyped<
   {
     click: WindowEventMap["click"];
     focus: WindowEventMap["focus"];
+    blur: WindowEventMap["blur"];
     mouseover: WindowEventMap["mouseover"];
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];

types/Button/ButtonSkeleton.svelte.d.ts

@@ -27,6 +27,7 @@ export default class ButtonSkeleton extends SvelteComponentTyped<
     mouseover: WindowEventMap["mouseover"];
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
+    blur: WindowEventMap["blur"];
   },
   {}
 > {}