Typo fix for aria label

mhnpd · Jan 19, 2022 · fe2a78b · fe2a78b
1 parent 14d2ca6
commit fe2a78b
Show file tree

Hide file tree

Showing 17 changed files with 17 additions and 17 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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