fix: enable props to change the inline spinner (#107)

Co-authored-by: Jonah Möller <j.moeller@mytaxi.com>

Author: snapsnapturtle

src/components/InlineSpinner/InlineSpinner.tsx

@@ -50,9 +50,9 @@ const InlineSpinnerIcon: React.FC<InlineSpinnerProps> = styled.div<InlineSpinner
     ${compose(margin, sizeVariant)}
 `;
 
-const InlineSpinner = () => (
+const InlineSpinner = (props: InlineSpinnerProps) => (
     <span>
-        <InlineSpinnerIcon />
+        <InlineSpinnerIcon {...props} />
     </span>
 );
 

src/components/InlineSpinner/__snapshots__/InlineSpinner.spec.tsx.snap

@@ -7,16 +7,20 @@ exports[`InlineSpinner renders in a custom color 1`] = `
   width: 1.25rem;
   height: 1.25rem;
   vertical-align: text-bottom;
-  border: 0.125rem solid;
+  border: 0.125rem solid #069D4F;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: wdnds 750ms linear infinite;
   animation: wdnds 750ms linear infinite;
+  width: 1.25rem;
+  height: 1.25rem;
+  border-width: 0.125rem;
 }
 
 <span>
   <div
     class="c0"
+    color="#069D4F"
   />
 </span>
 `;
@@ -28,16 +32,20 @@ exports[`InlineSpinner renders the default variant 1`] = `
   width: 1.25rem;
   height: 1.25rem;
   vertical-align: text-bottom;
-  border: 0.125rem solid;
+  border: 0.125rem solid #001E3E;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: wdnds 750ms linear infinite;
   animation: wdnds 750ms linear infinite;
+  width: 1.25rem;
+  height: 1.25rem;
+  border-width: 0.125rem;
 }
 
 <span>
   <div
     class="c0"
+    color="#001E3E"
   />
 </span>
 `;
@@ -49,16 +57,20 @@ exports[`InlineSpinner renders the small size 1`] = `
   width: 1.25rem;
   height: 1.25rem;
   vertical-align: text-bottom;
-  border: 0.125rem solid;
+  border: 0.125rem solid #001E3E;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: wdnds 750ms linear infinite;
   animation: wdnds 750ms linear infinite;
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.1rem;
 }
 
 <span>
   <div
     class="c0"
+    color="#001E3E"
   />
 </span>
 `;