@ebay/skin 17.5.0-next.0 → 18.0.0-next.0

package/dist/progress-bar-expressive/progress-bar-expressive.css

@@ -1,277 +1,376 @@
 :root {
-  --progress-bar-expressive-color-1: #e53238;
-  --progress-bar-expressive-color-2: #0064d2;
-  --progress-bar-expressive-color-3: #f5af02;
-  --progress-bar-expressive-color-4: #86b817;
-  --progress-bar-expressive-line-border-radius: 2px;
-  --progress-bar-expressive-line-count: 12;
-  --progress-bar-expressive-line-gap: var(--spacing-50);
-  --progress-bar-expressive-line-height: 6px;
-  --progress-bar-expressive-line-scale-duration: 3s;
-  --progress-bar-expressive-line-scroll-duration: 20s;
-  /* Each line has a final width of 10% - 40% of the lines container.
-       In each set of four lines, the widths add up to 100%.
-       These widths are defined in CSS variables so they can more 
-       easily be randomized in Javascript, if desired. */
-  --progress-bar-expressive-line-width-a1: 25%;
-  --progress-bar-expressive-line-width-a2: 15%;
-  --progress-bar-expressive-line-width-a3: 40%;
-  --progress-bar-expressive-line-width-a4: 20%;
-  --progress-bar-expressive-line-width-b1: 17%;
-  --progress-bar-expressive-line-width-b2: 21%;
-  --progress-bar-expressive-line-width-b3: 30%;
-  --progress-bar-expressive-line-width-b4: 32%;
-  --progress-bar-expressive-line-width-c1: 39%;
-  --progress-bar-expressive-line-width-c2: 29%;
-  --progress-bar-expressive-line-width-c3: 20%;
-  --progress-bar-expressive-line-width-c4: 12%;
-  --progress-bar-expressive-message-animatein-duration: 833ms;
-  --progress-bar-expressive-message-animateout-duration: 400ms;
+    --progress-bar-expressive-color-1: #e53238;
+    --progress-bar-expressive-color-2: #0064d2;
+    --progress-bar-expressive-color-3: #f5af02;
+    --progress-bar-expressive-color-4: #86b817;
+    --progress-bar-expressive-line-border-radius: 2px;
+    --progress-bar-expressive-line-count: 12;
+    --progress-bar-expressive-line-gap: var(--spacing-50);
+    --progress-bar-expressive-line-height: 6px;
+    --progress-bar-expressive-line-scale-duration: 3s;
+    --progress-bar-expressive-line-scroll-duration: 20s;
+    --progress-bar-expressive-line-width-a1: 25%;
+    --progress-bar-expressive-line-width-a2: 15%;
+    --progress-bar-expressive-line-width-a3: 40%;
+    --progress-bar-expressive-line-width-a4: 20%;
+    --progress-bar-expressive-line-width-b1: 17%;
+    --progress-bar-expressive-line-width-b2: 21%;
+    --progress-bar-expressive-line-width-b3: 30%;
+    --progress-bar-expressive-line-width-b4: 32%;
+    --progress-bar-expressive-line-width-c1: 39%;
+    --progress-bar-expressive-line-width-c2: 29%;
+    --progress-bar-expressive-line-width-c3: 20%;
+    --progress-bar-expressive-line-width-c4: 12%;
+    --progress-bar-expressive-message-animatein-duration: 833ms;
+    --progress-bar-expressive-message-animateout-duration: 400ms;
 }
 @media (prefers-color-scheme: dark) {
-  :root {
-    --progress-bar-expressive-color-1: #f0343b;
-    --progress-bar-expressive-color-2: #0078fc;
-    --progress-bar-expressive-color-3: #e8a502;
-    --progress-bar-expressive-color-4: #86b817;
-  }
+    :root {
+        --progress-bar-expressive-color-1: #f0343b;
+        --progress-bar-expressive-color-2: #0078fc;
+        --progress-bar-expressive-color-3: #e8a502;
+        --progress-bar-expressive-color-4: #86b817;
+    }
 }
+
 .progress-bar-expressive {
-  align-items: stretch;
-  display: grid;
-  grid-template-columns: 1fr;
-  justify-content: end;
-  margin: 0 auto;
-  max-width: 375px;
-  row-gap: var(--spacing-300);
-  width: 100%;
+    align-items: stretch;
+    display: grid;
+    grid-template-columns: 1fr;
+    justify-content: end;
+    margin: 0 auto;
+    max-width: 375px;
+    row-gap: var(--spacing-300);
+    width: 100%;
 }
+
 .progress-bar-expressive--loaded {
-  display: none;
+    display: none;
 }
+
 .progress-bar-expressive__messages {
-  color: var(--color-foreground-primary);
-  font-size: var(--font-size-large-1);
-  font-weight: var(--font-weight-regular);
-  line-height: calc(var(--spacing-50) + var(--spacing-300));
-  margin: 0 var(--spacing-200);
-  min-height: 3rem;
-  position: relative;
-  text-align: center;
+    color: var(--color-foreground-primary);
+    font-size: var(--font-size-large-1);
+    font-weight: var(--font-weight-regular);
+    line-height: calc(var(--spacing-50) + var(--spacing-300));
+    margin: 0 var(--spacing-200);
+    min-height: 3rem;
+    position: relative;
+    text-align: center;
 }
+
 .progress-bar-expressive__messages--medium {
-  font-size: var(--font-size-medium);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--spacing-300);
+    font-size: var(--font-size-medium);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--spacing-300);
 }
+
 .progress-bar-expressive__message {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
 }
 .progress-bar-expressive__message[role="status"] {
-  opacity: 1;
+    opacity: 1;
 }
 .progress-bar-expressive__message[aria-hidden="true"] {
-  opacity: 0;
+    opacity: 0;
 }
+
 .progress-bar-expressive__message--in {
-  animation: progress-bar-expressive-message-animatein var(--progress-bar-expressive-message-animatein-duration) cubic-bezier(0.3, 0, 0, 1) both;
+    animation: progress-bar-expressive-message-animatein
+        var(--progress-bar-expressive-message-animatein-duration)
+        cubic-bezier(0.3, 0, 0, 1) both;
 }
+
 .progress-bar-expressive__message--out {
-  animation: progress-bar-expressive-message-animateout var(--progress-bar-expressive-message-animateout-duration) cubic-bezier(0.3, 0, 0, 1) both;
+    animation: progress-bar-expressive-message-animateout
+        var(--progress-bar-expressive-message-animateout-duration)
+        cubic-bezier(0.3, 0, 0, 1) both;
 }
+
 .progress-bar-expressive__progress[role="progressbar"] {
-  border-radius: var(--progress-bar-expressive-line-border-radius);
-  margin: 0 var(--spacing-200);
-  overflow: hidden;
+    border-radius: var(--progress-bar-expressive-line-border-radius);
+    margin: 0 var(--spacing-200);
+    overflow: hidden;
 }
+
 .progress-bar-expressive__lines {
-  display: flex;
-  overflow: visible;
-  width: calc(100% - (3 * var(--progress-bar-expressive-line-gap)));
+    display: flex;
+    overflow: visible;
+    width: calc(100% - var(--progress-bar-expressive-line-gap) * 3);
 }
-.progress-bar-expressive__line {
-  /* Default animation behavior: Lines scroll and resize.
-       Animate line's width from 0% to its pre-defined width.
-       Simultaneously cycle the line's order in its flex container
-       to push its siblings forward and achieve an infinite loop. 
 
-       Note that Safari < 14 does not support flex order animations.
-       In these browsers, the lines do not appear to infinitely
-       scroll. Instead, they scale up, reset their size, and repeat. */
-  animation: progress-bar-expressive-line-reorder var(--progress-bar-expressive-line-scale-duration) steps(var(--progress-bar-expressive-line-count)) infinite, progress-bar-expressive-line-scale-width var(--progress-bar-expressive-line-scale-duration) infinite;
-  border-radius: var(--progress-bar-expressive-line-border-radius);
-  display: inline-block;
-  flex-shrink: 0;
-  height: var(--progress-bar-expressive-line-height);
-  line-height: 0;
-  order: 1;
+.progress-bar-expressive__line {
+    animation:
+        progress-bar-expressive-line-reorder
+            var(--progress-bar-expressive-line-scale-duration)
+            steps(var(--progress-bar-expressive-line-count)) infinite,
+        progress-bar-expressive-line-scale-width
+            var(--progress-bar-expressive-line-scale-duration) infinite;
+    border-radius: var(--progress-bar-expressive-line-border-radius);
+    display: inline-block;
+    flex-shrink: 0;
+    height: var(--progress-bar-expressive-line-height);
+    line-height: 0;
+    order: 1;
 }
 .progress-bar-expressive__line:nth-child(4n + 1) {
-  background-color: var(--progress-bar-expressive-color-4);
+    background-color: var(--progress-bar-expressive-color-4);
 }
+
 .progress-bar-expressive__line:nth-child(4n + 2) {
-  background-color: var(--progress-bar-expressive-color-3);
+    background-color: var(--progress-bar-expressive-color-3);
 }
+
 .progress-bar-expressive__line:nth-child(4n + 3) {
-  background-color: var(--progress-bar-expressive-color-2);
+    background-color: var(--progress-bar-expressive-color-2);
 }
+
 .progress-bar-expressive__line:nth-child(4n + 4) {
-  background-color: var(--progress-bar-expressive-color-1);
+    background-color: var(--progress-bar-expressive-color-1);
 }
-.progress-bar-expressive__line:nth-child(1) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)));
-  width: var(--progress-bar-expressive-line-width-a1);
+.progress-bar-expressive__line:first-child {
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count)
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-a1);
 }
+
 .progress-bar-expressive__line:nth-child(2) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 2)));
-  width: var(--progress-bar-expressive-line-width-a2);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 2
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-a2);
 }
+
 .progress-bar-expressive__line:nth-child(3) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 3)));
-  width: var(--progress-bar-expressive-line-width-a3);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 3
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-a3);
 }
+
 .progress-bar-expressive__line:nth-child(4) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 4)));
-  width: var(--progress-bar-expressive-line-width-a4);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 4
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-a4);
 }
+
 .progress-bar-expressive__line:nth-child(5) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 5)));
-  width: var(--progress-bar-expressive-line-width-b1);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 5
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-b1);
 }
+
 .progress-bar-expressive__line:nth-child(6) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 6)));
-  width: var(--progress-bar-expressive-line-width-b2);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 6
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-b2);
 }
+
 .progress-bar-expressive__line:nth-child(7) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 7)));
-  width: var(--progress-bar-expressive-line-width-b3);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 7
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-b3);
 }
+
 .progress-bar-expressive__line:nth-child(8) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 8)));
-  width: var(--progress-bar-expressive-line-width-b4);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 8
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-b4);
 }
+
 .progress-bar-expressive__line:nth-child(9) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 9)));
-  width: var(--progress-bar-expressive-line-width-c1);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 9
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-c1);
 }
+
 .progress-bar-expressive__line:nth-child(10) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 10)));
-  width: var(--progress-bar-expressive-line-width-c2);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 10
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-c2);
 }
+
 .progress-bar-expressive__line:nth-child(11) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 11)));
-  width: var(--progress-bar-expressive-line-width-c3);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 11
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-c3);
 }
+
 .progress-bar-expressive__line:nth-child(12) {
-  animation-delay: calc(-1 * (var(--progress-bar-expressive-line-scale-duration) - ((var(--progress-bar-expressive-line-scale-duration) / var(--progress-bar-expressive-line-count)) * 12)));
-  width: var(--progress-bar-expressive-line-width-c4);
+    animation-delay: calc(
+        (
+                var(--progress-bar-expressive-line-scale-duration) -
+                    var(--progress-bar-expressive-line-scale-duration) /
+                    var(--progress-bar-expressive-line-count) * 12
+            ) * -1
+    );
+    width: var(--progress-bar-expressive-line-width-c4);
 }
-/* With reduced motion, there are no animated transitions
-   between messages and the lines scroll but do not resize. */
 @media (prefers-reduced-motion) {
-  .progress-bar-expressive__message--in,
-  .progress-bar-expressive__message--out {
-    animation: none;
-  }
-  .progress-bar-expressive__message[aria-hidden="true"] {
-    display: none;
-  }
-  .progress-bar-expressive__messages:not(
+    .progress-bar-expressive__message--in,
+    .progress-bar-expressive__message--out {
+        animation: none;
+    }
+    .progress-bar-expressive__message[aria-hidden="true"] {
+        display: none;
+    }
+    .progress-bar-expressive__messages:not(
             .progress-bar-expressive__messages--medium
-        ) .progress-bar-expressive__message--initial[role="status"] {
-    animation: progress-bar-expressive-message-fadein var(--progress-bar-expressive-message-animatein-duration) cubic-bezier(0.3, 0, 0, 1) both;
-  }
-  .progress-bar-expressive__lines {
-    animation: progress-bar-expressive-reduced-motion-line-scroll var(--progress-bar-expressive-line-scroll-duration) linear infinite;
-    overflow: visible;
-  }
-  .progress-bar-expressive__line {
-    animation: none;
-    animation-delay: none;
-    margin-right: var(--progress-bar-expressive-line-gap);
-  }
-  .progress-bar-expressive__line:nth-child(4n + 1) {
-    background-color: var(--progress-bar-expressive-color-1);
-  }
-  .progress-bar-expressive__line:nth-child(4n + 2) {
-    background-color: var(--progress-bar-expressive-color-2);
-  }
-  .progress-bar-expressive__line:nth-child(4n + 3) {
-    background-color: var(--progress-bar-expressive-color-3);
-  }
-  .progress-bar-expressive__line:nth-child(4n + 4) {
-    background-color: var(--progress-bar-expressive-color-4);
-  }
-  .progress-bar-expressive__line:nth-child(9) {
-    width: var(--progress-bar-expressive-line-width-a1);
-  }
-  .progress-bar-expressive__line:nth-child(10) {
-    width: var(--progress-bar-expressive-line-width-a2);
-  }
-  .progress-bar-expressive__line:nth-child(11) {
-    width: var(--progress-bar-expressive-line-width-a3);
-  }
-  .progress-bar-expressive__line:nth-child(12) {
-    width: var(--progress-bar-expressive-line-width-a4);
-  }
+        )
+        .progress-bar-expressive__message--initial[role="status"] {
+        animation: progress-bar-expressive-message-fadein
+            var(--progress-bar-expressive-message-animatein-duration)
+            cubic-bezier(0.3, 0, 0, 1) both;
+    }
+    .progress-bar-expressive__lines {
+        animation: progress-bar-expressive-reduced-motion-line-scroll
+            var(--progress-bar-expressive-line-scroll-duration) linear infinite;
+        overflow: visible;
+    }
+    .progress-bar-expressive__line {
+        animation: none;
+        animation-delay: none;
+        margin-right: var(--progress-bar-expressive-line-gap);
+    }
+    .progress-bar-expressive__line:nth-child(4n + 1) {
+        background-color: var(--progress-bar-expressive-color-1);
+    }
+    .progress-bar-expressive__line:nth-child(4n + 2) {
+        background-color: var(--progress-bar-expressive-color-2);
+    }
+    .progress-bar-expressive__line:nth-child(4n + 3) {
+        background-color: var(--progress-bar-expressive-color-3);
+    }
+    .progress-bar-expressive__line:nth-child(4n + 4) {
+        background-color: var(--progress-bar-expressive-color-4);
+    }
+    .progress-bar-expressive__line:nth-child(9) {
+        width: var(--progress-bar-expressive-line-width-a1);
+    }
+    .progress-bar-expressive__line:nth-child(10) {
+        width: var(--progress-bar-expressive-line-width-a2);
+    }
+    .progress-bar-expressive__line:nth-child(11) {
+        width: var(--progress-bar-expressive-line-width-a3);
+    }
+    .progress-bar-expressive__line:nth-child(12) {
+        width: var(--progress-bar-expressive-line-width-a4);
+    }
 }
 @keyframes progress-bar-expressive-message-animateout {
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(calc(var(--font-size-24) * -1));
-  }
+    0% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+    to {
+        opacity: 0;
+        transform: translateY(calc(var(--font-size-24) * -1));
+    }
 }
 @keyframes progress-bar-expressive-message-animatein {
-  0% {
-    opacity: 0;
-    transform: translateY(var(--font-size-24));
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
+    0% {
+        opacity: 0;
+        transform: translateY(var(--font-size-24));
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
 }
 @keyframes progress-bar-expressive-message-fadein {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+    0% {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
 }
 @keyframes progress-bar-expressive-line-reorder {
-  0% {
-    order: 0;
-  }
-  100% {
-    order: var(--progress-bar-expressive-line-count);
-  }
+    0% {
+        order: 0;
+    }
+    to {
+        order: var(--progress-bar-expressive-line-count);
+    }
 }
 @keyframes progress-bar-expressive-line-scale-width {
-  0% {
-    margin-right: 0;
-    width: 0;
-  }
-  12.5% {
-    margin-right: var(--progress-bar-expressive-line-gap);
-  }
-  50%,
-  100% {
-    margin-right: var(--progress-bar-expressive-line-gap);
-  }
+    0% {
+        margin-right: 0;
+        width: 0;
+    }
+    12.5% {
+        margin-right: var(--progress-bar-expressive-line-gap);
+    }
+    50%,
+    to {
+        margin-right: var(--progress-bar-expressive-line-gap);
+    }
 }
 @keyframes progress-bar-expressive-reduced-motion-line-scroll {
-  0% {
-    transform: translateX(calc(-200% - 8 * var(--progress-bar-expressive-line-gap)));
-  }
-  100% {
-    transform: translateX(0);
-  }
+    0% {
+        transform: translateX(
+            calc(-200% - var(--progress-bar-expressive-line-gap) * 8)
+        );
+    }
+    to {
+        transform: translateX(0);
+    }
 }
+
+/*# sourceMappingURL=progress-bar-expressive.css.map */

package/dist/progress-bar-expressive/progress-bar-expressive.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/progress-bar-expressive/progress-bar-expressive.scss","progress-bar-expressive.css"],"names":[],"mappings":"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","file":"progress-bar-expressive.css"}

package/dist/progress-spinner/progress-spinner.css

@@ -1,32 +1,36 @@
 .progress-spinner {
-  animation: spin 1.5s linear infinite;
-  animation-timing-function: cubic-bezier(0.7, 0.2, 0.3, 0.73);
-  display: inline-block;
-  height: 24px;
-  width: 24px;
+    animation: spin 1.5s linear infinite;
+    animation-timing-function: cubic-bezier(0.7, 0.2, 0.3, 0.73);
+    display: inline-block;
+    height: 24px;
+    width: 24px;
 }
 @keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(720deg);
-  }
+    0% {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(2turn);
+    }
 }
 .progress-spinner > svg.icon.icon--spinner-20,
 .progress-spinner > svg.icon.icon--spinner-24,
 .progress-spinner > svg.icon.icon--spinner-30 {
-  height: inherit;
-  margin: 0;
-  max-height: inherit;
-  max-width: inherit;
-  width: inherit;
+    height: inherit;
+    margin: 0;
+    max-height: inherit;
+    max-width: inherit;
+    width: inherit;
 }
+
 .progress-spinner--small {
-  height: 20px;
-  width: 20px;
+    height: 20px;
+    width: 20px;
 }
+
 .progress-spinner--large {
-  height: 30px;
-  width: 30px;
+    height: 30px;
+    width: 30px;
 }
+
+/*# sourceMappingURL=progress-spinner.css.map */

package/dist/progress-spinner/progress-spinner.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/progress-spinner/progress-spinner.scss","progress-spinner.css"],"names":[],"mappings":"AAGA;EACI,mCAAA;EACA,uDAAA;EACA,oBAAA;EACA,WAAA;EACA,UAAA;ACKJ;ADHI;EACI;IACI,sBAAA;ECKV;EDFM;IACI,uBAAA;ECIV;AACF;ADCA;EAGI,cAAA;EACA,QAAA;EACA,kBAAA;EACA,iBAAA;EACA,aAAA;ACGJ;;ADAA;EACI,WAAA;EACA,UAAA;ACGJ;;ADAA;EACI,WAAA;EACA,UAAA;ACGJ","file":"progress-spinner.css"}