@transferwise/components 37.0.1-beta.11 → 37.0.1-beta.25

package/build/styles/link/Link.css

@@ -1,4 +1 @@
-.np-link .tw-icon {
-  margin-left: 4px;
-  margin-left: var(--size-4, 4px);
-}
+.np-link .tw-icon{margin-left:4px;margin-left:var(--size-4,4px)}

package/build/styles/loader/Loader.css

@@ -1,580 +1 @@
-.tw-loader {
-  overflow: hidden;
-  border-radius: 50%;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  transform: translate3d(0, 0, 0);
-}
-.tw-loader.tw-loader--xs {
-  width: 24px;
-  height: 24px;
-}
-.tw-loader.tw-loader--sm {
-  width: 48px;
-  height: 48px;
-}
-.tw-loader.tw-loader--md {
-  width: 72px;
-  height: 72px;
-}
-.tw-loader.tw-loader--lg {
-  width: 96px;
-  height: 96px;
-}
-.tw-loader.tw-loader--xl {
-  width: 128px;
-  height: 128px;
-}
-.tw-loader__stripe {
-  position: relative;
-  width: 100%;
-  height: 11%;
-  margin: 7.5% 0;
-  background-color: #0097c7;
-  background-color: var(--color-content-accent, #0097c7);
-}
-.tw-loader__stripe:nth-child(1) {
-  animation: s-1 6s linear 0s infinite, s-1-opacity 6s linear 0s infinite;
-}
-@keyframes s-1-opacity {
-  0% {
-    opacity: 0;
-  }
-  3% {
-    opacity: 1;
-  }
-  15% {
-    opacity: 1;
-  }
-  18% {
-    opacity: 0;
-  }
-  25% {
-    opacity: 0;
-  }
-  28% {
-    opacity: 1;
-  }
-  40% {
-    opacity: 1;
-  }
-  43% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0;
-  }
-  53% {
-    opacity: 1;
-  }
-  65% {
-    opacity: 1;
-  }
-  68% {
-    opacity: 0;
-  }
-  75% {
-    opacity: 0;
-  }
-  78% {
-    opacity: 1;
-  }
-  90% {
-    opacity: 1;
-  }
-  93% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes s-1 {
-  0% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  7% {
-    transform: translateX(-46%) skew(-23.5deg);
-  }
-  15% {
-    transform: translateX(-44%) skew(-23.5deg);
-  }
-  18% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  25% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  32% {
-    transform: translateX(39%) skew(-23.5deg);
-  }
-  40% {
-    transform: translateX(41%) skew(-23.5deg);
-  }
-  43% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  50% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  57% {
-    transform: translateX(-21%) skew(-23.5deg);
-  }
-  65% {
-    transform: translateX(-19%) skew(-23.5deg);
-  }
-  68% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  75% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  82% {
-    transform: translateX(59%) skew(-23.5deg);
-  }
-  90% {
-    transform: translateX(61%) skew(-23.5deg);
-  }
-  93% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  100% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-}
-.tw-loader__stripe:nth-child(2) {
-  animation: s-2 6s linear 0s infinite, s-2-opacity 6s linear 0s infinite;
-}
-@keyframes s-2-opacity {
-  0% {
-    opacity: 0;
-  }
-  3% {
-    opacity: 1;
-  }
-  15% {
-    opacity: 1;
-  }
-  19% {
-    opacity: 0;
-  }
-  25% {
-    opacity: 0;
-  }
-  28% {
-    opacity: 1;
-  }
-  40% {
-    opacity: 1;
-  }
-  44% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0;
-  }
-  53% {
-    opacity: 1;
-  }
-  65% {
-    opacity: 1;
-  }
-  69% {
-    opacity: 0;
-  }
-  75% {
-    opacity: 0;
-  }
-  78% {
-    opacity: 1;
-  }
-  90% {
-    opacity: 1;
-  }
-  94% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes s-2 {
-  0% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  7% {
-    transform: translateX(21%) skew(-23.5deg);
-  }
-  16% {
-    transform: translateX(19%) skew(-23.5deg);
-  }
-  19% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  25% {
-    transform: translateX(80%) skew(-23.5deg);
-  }
-  32% {
-    transform: translateX(-54%) skew(-23.5deg);
-  }
-  41% {
-    transform: translateX(-56%) skew(-23.5deg);
-  }
-  44% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  50% {
-    transform: translateX(80%) skew(-23.5deg);
-  }
-  57% {
-    transform: translateX(51%) skew(-23.5deg);
-  }
-  66% {
-    transform: translateX(49%) skew(-23.5deg);
-  }
-  69% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  75% {
-    transform: translateX(80%) skew(-23.5deg);
-  }
-  82% {
-    transform: translateX(-17%) skew(-23.5deg);
-  }
-  91% {
-    transform: translateX(-19%) skew(-23.5deg);
-  }
-  94% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  100% {
-    transform: translateX(80%) skew(-23.5deg);
-  }
-}
-.tw-loader__stripe:nth-child(3) {
-  animation: s-3 6s linear 0s infinite, s-3-opacity 6s linear 0s infinite;
-}
-@keyframes s-3-opacity {
-  0% {
-    opacity: 0;
-  }
-  3% {
-    opacity: 1;
-  }
-  15% {
-    opacity: 1;
-  }
-  20% {
-    opacity: 0;
-  }
-  25% {
-    opacity: 0;
-  }
-  28% {
-    opacity: 1;
-  }
-  40% {
-    opacity: 1;
-  }
-  45% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0;
-  }
-  53% {
-    opacity: 1;
-  }
-  65% {
-    opacity: 1;
-  }
-  70% {
-    opacity: 0;
-  }
-  75% {
-    opacity: 0;
-  }
-  78% {
-    opacity: 1;
-  }
-  90% {
-    opacity: 1;
-  }
-  95% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes s-3 {
-  0% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  7% {
-    transform: translateX(-36%) skew(-23.5deg);
-  }
-  17% {
-    transform: translateX(-34%) skew(-23.5deg);
-  }
-  20% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  25% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  32% {
-    transform: translateX(17%) skew(-23.5deg);
-  }
-  42% {
-    transform: translateX(19%) skew(-23.5deg);
-  }
-  45% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  50% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  57% {
-    transform: translateX(-11%) skew(-23.5deg);
-  }
-  67% {
-    transform: translateX(-9%) skew(-23.5deg);
-  }
-  70% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  75% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  82% {
-    transform: translateX(9%) skew(-23.5deg);
-  }
-  92% {
-    transform: translateX(11%) skew(-23.5deg);
-  }
-  95% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  100% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-}
-.tw-loader__stripe:nth-child(4) {
-  animation: s-4 6s linear 0s infinite, s-4-opacity 6s linear 0s infinite;
-}
-@keyframes s-4-opacity {
-  0% {
-    opacity: 0;
-  }
-  3% {
-    opacity: 1;
-  }
-  15% {
-    opacity: 1;
-  }
-  21% {
-    opacity: 0;
-  }
-  25% {
-    opacity: 0;
-  }
-  28% {
-    opacity: 1;
-  }
-  40% {
-    opacity: 1;
-  }
-  46% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0;
-  }
-  53% {
-    opacity: 1;
-  }
-  65% {
-    opacity: 1;
-  }
-  71% {
-    opacity: 0;
-  }
-  75% {
-    opacity: 0;
-  }
-  78% {
-    opacity: 1;
-  }
-  90% {
-    opacity: 1;
-  }
-  96% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes s-4 {
-  0% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  7% {
-    transform: translateX(-17%) skew(-23.5deg);
-  }
-  18% {
-    transform: translateX(-19%) skew(-23.5deg);
-  }
-  21% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  25% {
-    transform: translateX(80%) skew(-23.5deg);
-  }
-  32% {
-    transform: translateX(-59%) skew(-23.5deg);
-  }
-  43% {
-    transform: translateX(-61%) skew(-23.5deg);
-  }
-  46% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  50% {
-    transform: translateX(80%) skew(-23.5deg);
-  }
-  57% {
-    transform: translateX(26%) skew(-23.5deg);
-  }
-  68% {
-    transform: translateX(24%) skew(-23.5deg);
-  }
-  71% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  75% {
-    transform: translateX(80%) skew(-23.5deg);
-  }
-  82% {
-    transform: translateX(-24%) skew(-23.5deg);
-  }
-  93% {
-    transform: translateX(-26%) skew(-23.5deg);
-  }
-  96% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  100% {
-    transform: translateX(80%) skew(-23.5deg);
-  }
-}
-.tw-loader__stripe:nth-child(5) {
-  animation: s-5 6s linear 0s infinite, s-5-opacity 6s linear 0s infinite;
-}
-@keyframes s-5-opacity {
-  0% {
-    opacity: 0;
-  }
-  3% {
-    opacity: 1;
-  }
-  15% {
-    opacity: 1;
-  }
-  22% {
-    opacity: 0;
-  }
-  25% {
-    opacity: 0;
-  }
-  28% {
-    opacity: 1;
-  }
-  40% {
-    opacity: 1;
-  }
-  47% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 0;
-  }
-  53% {
-    opacity: 1;
-  }
-  65% {
-    opacity: 1;
-  }
-  72% {
-    opacity: 0;
-  }
-  75% {
-    opacity: 0;
-  }
-  78% {
-    opacity: 1;
-  }
-  90% {
-    opacity: 1;
-  }
-  97% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes s-5 {
-  0% {
-    transform: translateX(-100%) skew(-23.5deg);
-  }
-  7% {
-    transform: translateX(39%) skew(-23.5deg);
-  }
-  19% {
-    transform: translateX(41%) skew(-23.5deg);
-  }
-  22% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  25% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  32% {
-    transform: translateX(-36%) skew(-23.5deg);
-  }
-  44% {
-    transform: translateX(-34%) skew(-23.5deg);
-  }
-  47% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  50% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  57% {
-    transform: translateX(59%) skew(-23.5deg);
-  }
-  69% {
-    transform: translateX(61%) skew(-23.5deg);
-  }
-  72% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  75% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-  82% {
-    transform: translateX(-26%) skew(-23.5deg);
-  }
-  94% {
-    transform: translateX(-24%) skew(-23.5deg);
-  }
-  97% {
-    transform: translateX(100%) skew(-23.5deg);
-  }
-  100% {
-    transform: translateX(-80%) skew(-23.5deg);
-  }
-}
+.tw-loader{overflow:hidden;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.tw-loader.tw-loader--xs{width:24px;height:24px}.tw-loader.tw-loader--sm{width:48px;height:48px}.tw-loader.tw-loader--md{width:72px;height:72px}.tw-loader.tw-loader--lg{width:96px;height:96px}.tw-loader.tw-loader--xl{width:128px;height:128px}.tw-loader__stripe{position:relative;width:100%;height:11%;margin:7.5% 0;background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd)}.tw-loader__stripe:first-child{animation:s-1 6s linear 0s infinite,s-1-opacity 6s linear 0s infinite}@keyframes s-1-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}18%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}43%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}68%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}93%{opacity:0}to{opacity:0}}@keyframes s-1{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(-46%) skew(-23.5deg)}15%{transform:translateX(-44%) skew(-23.5deg)}18%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(39%) skew(-23.5deg)}40%{transform:translateX(41%) skew(-23.5deg)}43%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(-21%) skew(-23.5deg)}65%{transform:translateX(-19%) skew(-23.5deg)}68%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(59%) skew(-23.5deg)}90%{transform:translateX(61%) skew(-23.5deg)}93%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(2){animation:s-2 6s linear 0s infinite,s-2-opacity 6s linear 0s infinite}@keyframes s-2-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}19%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}44%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}69%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}94%{opacity:0}to{opacity:0}}@keyframes s-2{0%{transform:translateX(100%) skew(-23.5deg)}7%{transform:translateX(21%) skew(-23.5deg)}16%{transform:translateX(19%) skew(-23.5deg)}19%{transform:translateX(-100%) skew(-23.5deg)}25%{transform:translateX(80%) skew(-23.5deg)}32%{transform:translateX(-54%) skew(-23.5deg)}41%{transform:translateX(-56%) skew(-23.5deg)}44%{transform:translateX(-100%) skew(-23.5deg)}50%{transform:translateX(80%) skew(-23.5deg)}57%{transform:translateX(51%) skew(-23.5deg)}66%{transform:translateX(49%) skew(-23.5deg)}69%{transform:translateX(-100%) skew(-23.5deg)}75%{transform:translateX(80%) skew(-23.5deg)}82%{transform:translateX(-17%) skew(-23.5deg)}91%{transform:translateX(-19%) skew(-23.5deg)}94%{transform:translateX(-100%) skew(-23.5deg)}to{transform:translateX(80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(3){animation:s-3 6s linear 0s infinite,s-3-opacity 6s linear 0s infinite}@keyframes s-3-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}20%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}45%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}70%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}95%{opacity:0}to{opacity:0}}@keyframes s-3{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(-36%) skew(-23.5deg)}17%{transform:translateX(-34%) skew(-23.5deg)}20%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(17%) skew(-23.5deg)}42%{transform:translateX(19%) skew(-23.5deg)}45%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(-11%) skew(-23.5deg)}67%{transform:translateX(-9%) skew(-23.5deg)}70%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(9%) skew(-23.5deg)}92%{transform:translateX(11%) skew(-23.5deg)}95%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(4){animation:s-4 6s linear 0s infinite,s-4-opacity 6s linear 0s infinite}@keyframes s-4-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}21%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}46%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}71%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}96%{opacity:0}to{opacity:0}}@keyframes s-4{0%{transform:translateX(100%) skew(-23.5deg)}7%{transform:translateX(-17%) skew(-23.5deg)}18%{transform:translateX(-19%) skew(-23.5deg)}21%{transform:translateX(-100%) skew(-23.5deg)}25%{transform:translateX(80%) skew(-23.5deg)}32%{transform:translateX(-59%) skew(-23.5deg)}43%{transform:translateX(-61%) skew(-23.5deg)}46%{transform:translateX(-100%) skew(-23.5deg)}50%{transform:translateX(80%) skew(-23.5deg)}57%{transform:translateX(26%) skew(-23.5deg)}68%{transform:translateX(24%) skew(-23.5deg)}71%{transform:translateX(-100%) skew(-23.5deg)}75%{transform:translateX(80%) skew(-23.5deg)}82%{transform:translateX(-24%) skew(-23.5deg)}93%{transform:translateX(-26%) skew(-23.5deg)}96%{transform:translateX(-100%) skew(-23.5deg)}to{transform:translateX(80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(5){animation:s-5 6s linear 0s infinite,s-5-opacity 6s linear 0s infinite}@keyframes s-5-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}22%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}47%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}72%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes s-5{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(39%) skew(-23.5deg)}19%{transform:translateX(41%) skew(-23.5deg)}22%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(-36%) skew(-23.5deg)}44%{transform:translateX(-34%) skew(-23.5deg)}47%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(59%) skew(-23.5deg)}69%{transform:translateX(61%) skew(-23.5deg)}72%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(-26%) skew(-23.5deg)}94%{transform:translateX(-24%) skew(-23.5deg)}97%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}

package/build/styles/logo/Logo.css

@@ -1,4 +1 @@
-.np-logo {
-  height: 24px;
-  height: var(--size-24, 24px);
-}
+.np-logo{height:24px;height:var(--size-24,24px)}