feat: add ariaLabel

CHANGELOG.md

@@ -4,10 +4,9 @@ All notable changes to this project will be documented in this file. See [standa
 
 ## [3.8.0](https://github.com/shinokada/svelte-heros/compare/v3.7.0...v3.8.0) (2023-05-30)
 
-
 ### Features
 
-* add events to component doc ([1d90134](https://github.com/shinokada/svelte-heros/commit/1d901342d338b018089a1f44fd614c3c649429bc))
+- add events to component doc ([1d90134](https://github.com/shinokada/svelte-heros/commit/1d901342d338b018089a1f44fd614c3c649429bc))
 
 ## [3.7.0](https://github.com/shinokada/svelte-heros/compare/v3.5.0...v3.7.0) (2023-05-30)
 

src/lib/AcademicCap.svelte

@@ -56,6 +56,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/AdjustmentsHorizontal.svelte

@@ -80,6 +80,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/AdjustmentsVertical.svelte

@@ -80,6 +80,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArchiveBox.svelte

@@ -54,6 +54,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArchiveBoxArrowDown.svelte

@@ -54,6 +54,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArchiveBoxXMark.svelte

@@ -54,6 +54,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowDown.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowDownCircle.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowDownLeft.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowDownOnSquare.svelte

@@ -52,6 +52,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowDownOnSquareStack.svelte

@@ -54,6 +54,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowDownRight.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowDownTray.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowLeft.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowLeftCircle.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowLeftOnRectangle.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowLongDown.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowLongLeft.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowLongRight.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowLongUp.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowPath.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowPathRoundedSquare.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowRight.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowRightCircle.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowRightOnRectangle.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowSmallDown.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowSmallLeft.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowSmallRight.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowSmallUp.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowTopRightOnSquare.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowTrendingDown.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowTrendingUp.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUp.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUpCircle.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUpLeft.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUpOnSquare.svelte

@@ -52,6 +52,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUpOnSquareStack.svelte

@@ -56,6 +56,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUpRight.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUpTray.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUturnDown.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUturnLeft.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUturnRight.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowUturnUp.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowsPointingIn.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowsPointingOut.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowsRightLeft.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/ArrowsUpDown.svelte

@@ -50,6 +50,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter 

src/lib/AtSymbol.svelte

@@ -49,6 +49,7 @@
   @prop color="currentColor";
   @prop variation: "solid" | "outline" = "outline";
   @prop viewBox: string = '0 0 24 24';
+  @prop ariaLabel = 'icon file name';
   ## Event
   - on:click 
   - on:mouseenter