From fe2a78b972ff2e543d75bebc257b57051d69aa6e Mon Sep 17 00:00:00 2001
From: Mohan <mhnpd@outlook.com>
Date: Wed, 19 Jan 2022 09:17:20 +0100
Subject: [PATCH] Typo fix for aria label

---
 src/loader/Audio.tsx        | 2 +-
 src/loader/BallTriangle.tsx | 2 +-
 src/loader/Bars.tsx         | 2 +-
 src/loader/Circles.tsx      | 2 +-
 src/loader/CradleLoader.tsx | 2 +-
 src/loader/Grid.tsx         | 2 +-
 src/loader/Hearts.tsx       | 2 +-
 src/loader/MutatingDots.tsx | 2 +-
 src/loader/Oval.tsx         | 2 +-
 src/loader/Plane.tsx        | 2 +-
 src/loader/Puff.tsx         | 2 +-
 src/loader/RevolvingDot.tsx | 2 +-
 src/loader/Rings.tsx        | 2 +-
 src/loader/TailSpin.tsx     | 2 +-
 src/loader/ThreeDots.tsx    | 2 +-
 src/loader/Triangle.tsx     | 2 +-
 src/loader/Watch.tsx        | 2 +-
 17 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/loader/Audio.tsx b/src/loader/Audio.tsx
index 4e8f0277..3e43f3c6 100644
--- a/src/loader/Audio.tsx
+++ b/src/loader/Audio.tsx
@@ -23,7 +23,7 @@ const Audio: FunctionComponent<AudioProps> = ({
       fill={color}
       viewBox="0 0 55 80"
       xmlns="http://www.w3.org/2000/svg"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="audio-svg"
     >
       <g transform="matrix(1 0 0 -1 0 80)">
diff --git a/src/loader/BallTriangle.tsx b/src/loader/BallTriangle.tsx
index c0ca57cf..d7d6e168 100644
--- a/src/loader/BallTriangle.tsx
+++ b/src/loader/BallTriangle.tsx
@@ -28,7 +28,7 @@ const BallTriangle: FunctionComponent<BallTriangleProps> = ({
       viewBox="0 0 57 57"
       xmlns="http://www.w3.org/2000/svg"
       data-testid="ball-triangle-svg"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
     >
       <g fill="none" fillRule="evenodd">
         <g transform="translate(1 1)" strokeWidth="2">
diff --git a/src/loader/Bars.tsx b/src/loader/Bars.tsx
index 97b1122b..004e6f7f 100644
--- a/src/loader/Bars.tsx
+++ b/src/loader/Bars.tsx
@@ -24,7 +24,7 @@ const Bars: FunctionComponent<BarsProps> = ({
       viewBox="0 0 135 140"
       xmlns="http://www.w3.org/2000/svg"
       data-testid="bars-svg"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
     >
       <rect y="10" width="15" height="120" rx="6">
         <animate
diff --git a/src/loader/Circles.tsx b/src/loader/Circles.tsx
index 37264321..ec0c0781 100644
--- a/src/loader/Circles.tsx
+++ b/src/loader/Circles.tsx
@@ -24,7 +24,7 @@ const Circles: FunctionComponent<CirclesProps> = ({
       viewBox="0 0 135 135"
       xmlns="http://www.w3.org/2000/svg"
       fill={color}
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="circles-svg"
     >
       <path d="M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z">
diff --git a/src/loader/CradleLoader.tsx b/src/loader/CradleLoader.tsx
index 7035a62b..05617fb6 100644
--- a/src/loader/CradleLoader.tsx
+++ b/src/loader/CradleLoader.tsx
@@ -19,7 +19,7 @@ const CradleLoader: FunctionComponent<CradleLoaderProps> = ({
   visible = true
 }): ReactElement => (
   <div
-    aria-label={arialLabel}
+    aria-label={ariaLabel}
     role="presentation"
     style={{ ...getDefaultStyle(visible), ...wrapperStyle }}
     className={`container ${wrapperClass}`}
diff --git a/src/loader/Grid.tsx b/src/loader/Grid.tsx
index f582b556..2092bbd6 100644
--- a/src/loader/Grid.tsx
+++ b/src/loader/Grid.tsx
@@ -25,7 +25,7 @@ export const Grid: FunctionComponent<GridProps> = ({
       height={height}
       viewBox="0 0 105 105"
       fill={color}
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="grid-svg"
     >
       <circle cx="12.5" cy="12.5" r={`${radius}`}>
diff --git a/src/loader/Hearts.tsx b/src/loader/Hearts.tsx
index 9437a0d5..66b937a1 100644
--- a/src/loader/Hearts.tsx
+++ b/src/loader/Hearts.tsx
@@ -22,7 +22,7 @@ const Hearts: FunctionComponent<HeartsProps> = ({
       viewBox="0 0 140 64"
       xmlns="http://www.w3.org/2000/svg"
       fill={color}
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="hearts-svg"
     >
       <path
diff --git a/src/loader/MutatingDots.tsx b/src/loader/MutatingDots.tsx
index 87ab019d..79cd00d7 100644
--- a/src/loader/MutatingDots.tsx
+++ b/src/loader/MutatingDots.tsx
@@ -22,7 +22,7 @@ const MutatingDots: FunctionComponent<MutatingDotsProps> = ({
   visible = true
 }) => (
   <div style={{ ...getDefaultStyle(visible), ...wrapperStyle }} className={wrapperClass} data-testid="mutating-dots-loading">
-    <svg id="goo-loader" width={width} height={height} aria-label={arialLabel} data-testid="mutating-dots-svg">
+    <svg id="goo-loader" width={width} height={height} aria-label={ariaLabel} data-testid="mutating-dots-svg">
       <filter id="fancy-goo">
         <feGaussianBlur in="SourceGraphic" stdDeviation="6" result="blur" />
         <feColorMatrix
diff --git a/src/loader/Oval.tsx b/src/loader/Oval.tsx
index 42010694..acf53af7 100644
--- a/src/loader/Oval.tsx
+++ b/src/loader/Oval.tsx
@@ -73,7 +73,7 @@ const Oval: FunctionComponent<OvalProps> = ({
       xmlns="http://www.w3.org/2000/svg"
       stroke={color}
       data-testid="oval-svg"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
     >
       <g fill="none" fillRule="evenodd">
         <g
diff --git a/src/loader/Plane.tsx b/src/loader/Plane.tsx
index 0c963a27..492aaac2 100644
--- a/src/loader/Plane.tsx
+++ b/src/loader/Plane.tsx
@@ -23,7 +23,7 @@ export const Plane: FunctionComponent<PlaneProps> = ({
       xmlns="http://www.w3.org/2000/svg"
       width="230"
       height="230"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="plane-svg"
     >
       <desc>Plane animation. Loading </desc>
diff --git a/src/loader/Puff.tsx b/src/loader/Puff.tsx
index cee99bfb..d1a8bd1c 100644
--- a/src/loader/Puff.tsx
+++ b/src/loader/Puff.tsx
@@ -27,7 +27,7 @@ export const Puff: FunctionComponent<PuffProps> = ({
       viewBox="0 0 44 44"
       xmlns="http://www.w3.org/2000/svg"
       stroke={color}
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="puff-svg"
     >
       <g fill="none" fillRule="evenodd" strokeWidth="2">
diff --git a/src/loader/RevolvingDot.tsx b/src/loader/RevolvingDot.tsx
index 97a984a7..340470dc 100644
--- a/src/loader/RevolvingDot.tsx
+++ b/src/loader/RevolvingDot.tsx
@@ -28,7 +28,7 @@ const RevolvingDot: FunctionComponent<RevolvingDotProps> = ({
       xmlns="http://www.w3.org/2000/svg"
       x="0px"
       y="0px"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="revolving-dot-svg"
     >
       <circle
diff --git a/src/loader/Rings.tsx b/src/loader/Rings.tsx
index 919c70bf..e4686452 100644
--- a/src/loader/Rings.tsx
+++ b/src/loader/Rings.tsx
@@ -25,7 +25,7 @@ export const Rings: FunctionComponent<RingsProps> = ({
       viewBox="0 0 45 45"
       xmlns="http://www.w3.org/2000/svg"
       stroke={color}
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="rings-svg"
     >
       <g fill="none" fillRule="evenodd" transform="translate(1 1)" strokeWidth="2">
diff --git a/src/loader/TailSpin.tsx b/src/loader/TailSpin.tsx
index 92c225ea..b9e894f3 100644
--- a/src/loader/TailSpin.tsx
+++ b/src/loader/TailSpin.tsx
@@ -25,7 +25,7 @@ export const TailSpin: FunctionComponent<TailSpinProps> = ({
       height={height}
       viewBox="0 0 38 38"
       xmlns="http://www.w3.org/2000/svg"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="tail-spin-svg"
     >
       <defs>
diff --git a/src/loader/ThreeDots.tsx b/src/loader/ThreeDots.tsx
index bddb5784..e2225be3 100644
--- a/src/loader/ThreeDots.tsx
+++ b/src/loader/ThreeDots.tsx
@@ -30,7 +30,7 @@ const ThreeDots: FunctionComponent<ThreeDotsProps> = ({
       viewBox="0 0 120 30"
       xmlns="http://www.w3.org/2000/svg"
       fill={color}
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="three-dots-svg"
     >
       <circle cx="15" cy="15" r={Number(radius) + 6}>
diff --git a/src/loader/Triangle.tsx b/src/loader/Triangle.tsx
index 4d9cd51a..5f4fc2d1 100644
--- a/src/loader/Triangle.tsx
+++ b/src/loader/Triangle.tsx
@@ -28,7 +28,7 @@ const Triangle: FunctionComponent<TriangleProps> = ({
       width={width}
       height={height}
       viewBox="-3 -4 39 39"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="triangle-svg"
     >
       <polygon
diff --git a/src/loader/Watch.tsx b/src/loader/Watch.tsx
index fdd0d6f9..129929b2 100644
--- a/src/loader/Watch.tsx
+++ b/src/loader/Watch.tsx
@@ -30,7 +30,7 @@ const Watch: FunctionComponent<WatchProps> = ({
       viewBox="0 0 100 100"
       enableBackground="new 0 0 100 100"
       xmlSpace="preserve"
-      aria-label={arialLabel}
+      aria-label={ariaLabel}
       data-testid="watch-svg"
     >
       <circle