feat: event update

shinokada · May 30, 2023 · c44ba6b · c44ba6b
1 parent c0d1930
commit c44ba6b
Show file tree

Hide file tree

Showing 294 changed files with 3,806 additions and 2,639 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,10 +4,9 @@ All notable changes to this project will be documented in this file. See [standa
 
 ## [3.9.0](https://github.com/shinokada/svelte-heros/compare/v3.8.0...v3.9.0) (2023-05-30)
 
-
 ### Features
 
-* add ariaLabel ([1dbb1f3](https://github.com/shinokada/svelte-heros/commit/1dbb1f3b01499c65f1e8db441bebe77b99d3abc0))
+- add ariaLabel ([1dbb1f3](https://github.com/shinokada/svelte-heros/commit/1dbb1f3b01499c65f1e8db441bebe77b99d3abc0))
 
 ## [3.8.0](https://github.com/shinokada/svelte-heros/compare/v3.7.0...v3.8.0) (2023-05-30)
 

diff --git a/README.md b/README.md
@@ -167,15 +167,15 @@ If you want to make an icon unfocusable, add `tabindex="-1"`.
 
 All icons have the following events:
 
-```
-on:click
-on:mouseenter
-on:mouseleave
-on:mouseover
-on:mouseout
-on:blur
-on:focus
-```
+- on:click
+- on:keydown
+- on:keyup
+- on:focus
+- on:blur
+- on:mouseenter
+- on:mouseleave
+- on:mouseover
+- on:mouseout
 
 ## Passing down other attributes
 

diff --git a/src/lib/AcademicCap.svelte b/src/lib/AcademicCap.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -58,11 +60,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->
diff --git a/src/lib/AdjustmentsHorizontal.svelte b/src/lib/AdjustmentsHorizontal.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -82,11 +84,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->
diff --git a/src/lib/AdjustmentsVertical.svelte b/src/lib/AdjustmentsVertical.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -82,11 +84,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->
diff --git a/src/lib/ArchiveBox.svelte b/src/lib/ArchiveBox.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -56,11 +58,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->
diff --git a/src/lib/ArchiveBoxArrowDown.svelte b/src/lib/ArchiveBoxArrowDown.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -56,11 +58,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->
diff --git a/src/lib/ArchiveBoxXMark.svelte b/src/lib/ArchiveBoxXMark.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -56,11 +58,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->
diff --git a/src/lib/ArrowDown.svelte b/src/lib/ArrowDown.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -52,11 +54,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->
diff --git a/src/lib/ArrowDownCircle.svelte b/src/lib/ArrowDownCircle.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -52,11 +54,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->
diff --git a/src/lib/ArrowDownLeft.svelte b/src/lib/ArrowDownLeft.svelte
@@ -17,12 +17,14 @@
   {viewBox}
   stroke-width="2"
   on:click
+  on:keydown
+  on:keyup
+  on:focus
+  on:blur
   on:mouseenter
   on:mouseleave
   on:mouseover
   on:mouseout
-  on:blur
-  on:focus
 >
   {#if variation === 'outline'}
     <path
@@ -52,11 +54,13 @@
   @prop viewBox: string = '0 0 24 24';
   @prop ariaLabel = 'icon file name';
   ## Event
-  - on:click 
-  - on:mouseenter 
-  - on:mouseleave 
-  - on:mouseover 
-  - on:mouseout 
-  - on:blur 
-  - on:focus 
+  - on:click
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:mouseout
 -->