@transferwise/components 46.141.0 → 46.143.0

package/build/styles/styles/less/navbar.css

@@ -42,7 +42,7 @@
 .pull-xs-none {
   float: none !important;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .pull-sm-left {
     float: left !important;
   }
@@ -59,7 +59,7 @@
     float: none !important;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .pull-md-left {
     float: left !important;
   }
@@ -76,7 +76,7 @@
     float: none !important;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .pull-lg-left {
     float: left !important;
   }
@@ -93,7 +93,7 @@
     float: none !important;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .pull-xl-left {
     float: left !important;
   }
@@ -202,7 +202,7 @@
   border-radius: var(--radius-medium);
   box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .dropdown-menu {
     min-width: 160px;
   }
@@ -324,7 +324,7 @@
   opacity: 1;
   transform: none;
 }
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .open > .dropdown-menu-overlay {
     position: fixed;
     top: 0;
@@ -386,7 +386,7 @@
   right: auto;
   right: initial;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .dropdown-menu-sm-right {
     left: auto;
     right: 0;
@@ -416,7 +416,7 @@
     right: initial;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .dropdown-menu-md-right {
     left: auto;
     right: 0;
@@ -446,7 +446,7 @@
     right: initial;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .dropdown-menu-lg-right {
     left: auto;
     right: 0;
@@ -476,7 +476,7 @@
     right: initial;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .dropdown-menu-xl-right {
     left: auto;
     right: 0;
@@ -532,12 +532,12 @@
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .dropdown-header {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .dropdown-header {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -549,7 +549,7 @@
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .dropdown-header {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -585,7 +585,7 @@
   bottom: -2px;
   margin-bottom: 2px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-right .dropdown-menu {
     left: auto;
     right: 0;
@@ -772,7 +772,7 @@ html:not([dir="rtl"]) .nav-stacked > li > a {
 .nav-stacked > li > a:active {
   transition: none;
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .nav-stacked > li > a {
     padding-right: 32px;
     padding-right: var(--size-32);
@@ -850,7 +850,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   line-height: 1.5;
   line-height: var(--line-height-body);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .nav-justified-2-p-x {
     padding-right: 25%;
     padding-left: 25%;
@@ -970,7 +970,7 @@ button.close {
   border: 0 solid transparent;
   transition: border-top-width 0s linear;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar {
     border-radius: 0;
   }
@@ -979,7 +979,7 @@ button.close {
     border: 0 solid transparent;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-header {
     float: left;
   }
@@ -991,7 +991,7 @@ button.close {
   overflow-x: visible;
   -webkit-overflow-scrolling: touch;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-collapse {
     width: auto;
     border-top: 0;
@@ -1009,7 +1009,7 @@ button.close {
     padding-right: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .container > .navbar-header,
   .container-fluid > .navbar-header,
   .container > .navbar-collapse,
@@ -1022,7 +1022,7 @@ button.close {
   z-index: 1000;
   margin-bottom: 0;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-static-top {
     border-radius: 0;
   }
@@ -1054,7 +1054,7 @@ button.close {
   color: #ffffff;
   color: var(--color-background-screen);
 }
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .navbar.affix .navbar-nav > li > a,
   .navbar-fixed-top .navbar-nav > li > a,
   .navbar-fixed-bottom .navbar-nav > li > a,
@@ -1074,7 +1074,7 @@ button.close {
   color: #0077a5;
   color: var(--color-content-accent-active);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar.affix,
   .navbar-fixed-top,
   .navbar-fixed-bottom {
@@ -1182,7 +1182,7 @@ button.close {
   background-color: #0084b3;
   background-color: var(--color-content-accent-hover);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-toggle {
     display: none;
   }
@@ -1194,7 +1194,7 @@ button.close {
   outline-offset: -1px;
   transition: color ease 0.15s;
 }
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (max-width: 1159.98px) {
   .navbar-nav > li > a,
   .navbar-nav > li > button {
     padding-left: 12px;
@@ -1237,7 +1237,7 @@ button.close {
   color: #0077a5;
   color: var(--color-content-accent-active);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-inverse .navbar-nav > li > a.dropdown-toggle,
   .navbar-inverse .navbar-nav > li > button.dropdown-toggle {
     color: #ffffff;
@@ -1260,7 +1260,7 @@ button.close {
   margin-left: 0;
   margin-left: initial;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-nav > li > a.navbar-title-link,
   .navbar-nav > li > button.navbar-title-link {
     font-size: 1.25rem;
@@ -1270,7 +1270,7 @@ button.close {
 .navbar-nav > li.divider {
   display: none;
 }
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-nav > li > a,
   .navbar-nav > li > button {
     font-size: 1rem;
@@ -1320,7 +1320,7 @@ button.close {
     color: var(--color-content-accent-active);
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-nav {
     float: left;
   }
@@ -1342,7 +1342,7 @@ button.close {
 .navbar-form {
   padding: 8px 16px;
 }
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-form .form-group {
     margin-bottom: 4px;
   }
@@ -1350,7 +1350,7 @@ button.close {
     margin-bottom: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-form {
     width: auto;
     border: 0;
@@ -1363,7 +1363,7 @@ button.close {
     margin-bottom: 12px;
   }
 }
-@media (min-width: 768px) and (min-width: 576px) {
+@media (min-width: 840px) and (min-width: 600px) {
   .navbar-form .form-group {
     display: inline-block;
     margin-bottom: 0;
@@ -1425,7 +1425,7 @@ button.close {
     top: 0;
   }
 }
-@media (max-width: 768px) {
+@media (max-width: 840px) {
   .navbar-form {
     border-bottom: 1px solid rgba(0,0,0,0.10196);
     border-bottom: 1px solid var(--color-border-neutral);
@@ -1454,7 +1454,7 @@ button.close {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
 }
-@media (max-width: 768px) {
+@media (max-width: 840px) {
   .navbar-nav > li > .dropdown-menu > li > a {
     position: relative;
     -webkit-touch-callout: none;
@@ -1487,7 +1487,7 @@ button.close {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
-@media (max-width: 576px) {
+@media (max-width: 600px) {
   .navbar-nav > li > .dropdown-menu-overlay {
     margin-top: 0;
   }
@@ -1512,7 +1512,7 @@ button.close {
   opacity: 1;
   transform: none;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-nav > li.dropdown:hover .dropdown-menu {
     transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
     visibility: visible;
@@ -1537,7 +1537,7 @@ button.close {
   left: auto;
   left: initial;
 }
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (max-width: 1159.98px) {
   .navbar-right li > .dropdown-menu::before,
   .pull-xs-right li > .dropdown-menu::before {
     right: 16px;
@@ -1590,7 +1590,7 @@ button.close {
   margin-top: 18px;
   margin-bottom: 16px;
 }
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-btn {
     display: block;
   }
@@ -1599,7 +1599,7 @@ button.close {
   margin-top: 17px;
   margin-bottom: 15px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-text {
     float: left;
     margin-left: 16px;
@@ -1609,7 +1609,7 @@ button.close {
     float: right;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-left {
     float: left !important;
   }
@@ -1665,7 +1665,7 @@ button.close {
     margin-right: initial;
   }
 }
-@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 840px) and (min-width: 840px) and (max-width: 1159.98px) {
   .navbar-right li > .dropdown-menu::before {
     right: 16px;
   }
@@ -1698,7 +1698,7 @@ button.close {
   color: #37517e;
   color: var(--color-content-primary);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-default .navbar-nav > li > a {
     border-bottom: 3px solid transparent;
   }
@@ -1733,7 +1733,7 @@ button.close {
   color: #0077a5;
   color: var(--color-content-accent-active);
 }
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #0097c7;
     color: var(--color-content-accent);
@@ -1798,7 +1798,7 @@ button.close {
 .navbar-inverse .navbar-nav > li > a {
   color: #ffffff;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-inverse .navbar-nav > li > a {
     border-bottom: 3px solid transparent;
   }
@@ -1837,7 +1837,7 @@ button.close {
   color: #0084b3;
   color: var(--color-content-accent-hover);
 }
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-inverse .navbar-nav > li > a {
     color: #37517e;
     color: var(--color-content-primary);
@@ -1906,7 +1906,7 @@ button.close {
 .cover {
   display: none;
 }
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-collapse {
     position: fixed;
     bottom: 0;
@@ -2042,14 +2042,14 @@ button.close {
   max-width: 75px;
   display: inline-block;
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .navbar .profile-name .text-ellipses,
   .navbar .profile-name .text-ellipsis,
   .navbar .profile-name .truncate {
     max-width: 125px;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .navbar .profile-name .text-ellipses,
   .navbar .profile-name .text-ellipsis,
   .navbar .profile-name .truncate {
@@ -2062,7 +2062,7 @@ button.close {
 .navbar[data-spy~='affix'].affix + * {
   margin-top: 56px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar + .jumbotron,
   .navbar + .jumbotron-image,
   .navbar + .jumbotron-image-inverse,
@@ -2081,7 +2081,7 @@ button.close {
 .jumbotron-image-adjacent-to-navbar > .jumbotron {
   padding-bottom: 64px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar + .jumbotron,
   .navbar + .jumbotron-image > .jumbotron,
   .navbar + .jumbotron-image-inverse > .jumbotron,
@@ -2100,7 +2100,7 @@ button.close {
   margin-left: 0;
   margin-left: initial;
 }
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .navbar-static-top {
     background-color: #37517e;
     border-bottom-color: transparent;
@@ -2134,7 +2134,7 @@ button.close {
   display: inline-block;
   width: 75%;
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .navbar-title,
   .navbar-subtitle {
     color: #37517e;
@@ -2156,7 +2156,7 @@ button.close {
   border-bottom: 1px solid rgba(0,0,0,0.10196);
   border-bottom: 1px solid var(--color-border-neutral);
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .nav-toolbar {
     margin-top: 0;
     background-color: #ffffff;
@@ -2175,7 +2175,7 @@ button.close {
     margin-top: 64px !important;
   }
 }
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .nav-toolbar.affix {
     position: relative !important;
   }
@@ -2212,12 +2212,12 @@ button.close {
   text-decoration: none;
   height: 32px;
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .nav-toolbar--compact {
     padding-top: 0;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .column-layout .nav-toolbar.affix {
     width: calc(100% - 264px);
   }
@@ -2233,7 +2233,7 @@ button.close {
   padding-top: 4px;
   width: calc(100% - 140px);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .simple-nav .navbar-header {
     width: calc(100% - 340px);
   }
@@ -2247,13 +2247,13 @@ button.close {
 [dir="rtl"] .simple-nav > .navbar-right li > a {
   float: left;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .simple-nav .navbar-nav > li > a {
     font-size: 1rem !important;
     font-size: var(--font-size-16) !important;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .simple-nav {
     background-color: #ffffff;
     background-color: var(--color-background-screen);
@@ -2261,7 +2261,7 @@ button.close {
     border-bottom: 1px solid var(--color-border-neutral);
   }
 }
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .simple-nav .navbar-nav > li > a {
     color: #ffffff;
   }
@@ -2285,7 +2285,7 @@ button.close {
   vertical-align: middle;
   max-width: 164px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .subnav {
     height: 128px !important;
     position: relative;
@@ -2327,7 +2327,7 @@ button.close {
   }
 }
 /* stylelint-enable */
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .form-inline .form-group {
     display: inline-block;
     margin-bottom: 0;

package/build/styles/styles/less/navs.css

@@ -152,7 +152,7 @@ html:not([dir="rtl"]) .nav-stacked > li > a {
 .nav-stacked > li > a:active {
   transition: none;
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .nav-stacked > li > a {
     padding-right: 32px;
     padding-right: var(--size-32);
@@ -230,7 +230,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   line-height: 1.5;
   line-height: var(--line-height-body);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .nav-justified-2-p-x {
     padding-right: 25%;
     padding-left: 25%;