@transferwise/neptune-css 0.0.0-experimental-2d03128 → 0.0.0-experimental-e6f7234

package/dist/css/footer.css

@@ -1,4 +1,5 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.footer {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);

package/dist/css/grid.css

@@ -41,6 +41,10 @@
   margin-left: -12px;
   margin-right: -12px;
 }
+[dir="rtl"] .row {
+  margin-right: -12px;
+  margin-left: -12px;
+}
 [dir="rtl"] .row {
   margin-left: -12px;
   margin-right: -12px;

package/dist/css/input-groups.css

@@ -3,6 +3,8 @@
 }
 @media (min-width: 768px) {
 }
+@media (min-width: 768px) {
+}
 form {
   margin-bottom: 0;
 }
@@ -298,6 +300,8 @@ fieldset[disabled] .checkbox label {
 }
 [dir="rtl"] .form-control-static.input-lg,
 [dir="rtl"] .form-control-static.input-sm {
+  padding-right: 0;
+  padding-left: 0;
   padding-left: initial;
 }
 [dir="rtl"] .form-control-static.input-lg,
@@ -532,6 +536,7 @@ select[multiple].input-lg {
 }
 [dir="rtl"] .help-block.arrow-left::before {
   right: 20px;
+  left: auto;
   left: initial;
 }
 [dir="rtl"] .help-block.arrow-left::before {
@@ -544,6 +549,7 @@ select[multiple].input-lg {
   right: 20px;
 }
 [dir="rtl"] .help-block.arrow-right::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -1403,6 +1409,10 @@ select[multiple].input-lg {
   margin-left: -12px;
   margin-right: -12px;
 }
+[dir="rtl"] .form-horizontal .form-group {
+  margin-right: -12px;
+  margin-left: -12px;
+}
 [dir="rtl"] .form-horizontal .form-group {
   margin-left: -12px;
   margin-right: -12px;
@@ -1813,6 +1823,8 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   border-left: 0 solid transparent;
 }
 .input-group-addon {
+  color: #5d7079;
+  color: var(--color-content-secondary);
   transition: border-color ease-in-out 0.15s;
 }
 .form-control-feedback,
@@ -2346,6 +2358,7 @@ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
+  margin-bottom: 0;
   margin-bottom: initial;
   font-size: 1.375rem;
   font-size: var(--font-size-22);

package/dist/css/list-group.css

@@ -1,4 +1,5 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.list-group {
   list-style-type: none;
   margin-bottom: 20px;

package/dist/css/navbar.css

@@ -1,32 +1,59 @@
-/* TODO: Remove utility imports to prevent duplicates */
+.clearfix::before,
+.clearfix::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after {
+  content: " ";
+  display: table;
+}
+.clearfix::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after {
+  clear: both;
+}
 .center-block {
+  display: block;
   margin-left: auto;
   margin-right: auto;
-  display: block;
-}
-.pull-left,
-.pull-xs-left {
-  float: inline-start !important;
 }
 .pull-right,
 .pull-xs-right {
-  float: inline-end !important;
-}
-.pull-right-single-direction {
   float: right !important;
 }
-.pull-left-single-direction {
+[dir="rtl"] .pull-right,
+[dir="rtl"] .pull-xs-right {
+  float: left !important;
+}
+.pull-left,
+.pull-xs-left {
   float: left !important;
 }
+[dir="rtl"] .pull-left,
+[dir="rtl"] .pull-xs-left {
+  float: right !important;
+}
 .pull-xs-none {
   float: none !important;
 }
 @media (min-width: 576px) {
   .pull-sm-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .pull-sm-left {
+    float: right !important;
   }
   .pull-sm-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .pull-sm-right {
+    float: left !important;
   }
   .pull-sm-none {
     float: none !important;
@@ -34,10 +61,16 @@
 }
 @media (min-width: 768px) {
   .pull-md-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .pull-md-left {
+    float: right !important;
   }
   .pull-md-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .pull-md-right {
+    float: left !important;
   }
   .pull-md-none {
     float: none !important;
@@ -45,10 +78,16 @@
 }
 @media (min-width: 992px) {
   .pull-lg-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .pull-lg-left {
+    float: right !important;
   }
   .pull-lg-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .pull-lg-right {
+    float: left !important;
   }
   .pull-lg-none {
     float: none !important;
@@ -56,15 +95,59 @@
 }
 @media (min-width: 1200px) {
   .pull-xl-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .pull-xl-left {
+    float: right !important;
   }
   .pull-xl-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .pull-xl-right {
+    float: left !important;
   }
   .pull-xl-none {
     float: none !important;
   }
 }
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.text-hide {
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.hidden {
+  display: none !important;
+}
+.affix {
+  position: fixed;
+}
+.rotate90 {
+  transform: rotate(90deg);
+}
+.rotate180 {
+  transform: rotate(180deg);
+}
+.rotate270 {
+  transform: rotate(270deg);
+}
+.rotate-90 {
+  transform: rotate(-90deg);
+}
+.clickable {
+  cursor: pointer !important;
+}
+@media (min-width: 768px) {
+}
 @media (min-width: 768px) {
 }
 .dropup,
@@ -280,6 +363,7 @@
 }
 [dir="rtl"] .dropdown-menu-right,
 [dir="rtl"] .dropdown-menu-xs-right {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -297,6 +381,7 @@
 [dir="rtl"] .dropdown-menu-left,
 [dir="rtl"] .dropdown-menu-xs-left {
   right: 0;
+  left: auto;
   left: initial;
 }
 [dir="rtl"] .dropdown-menu-left,
@@ -311,6 +396,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-sm-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -325,6 +411,7 @@
   }
   [dir="rtl"] .dropdown-menu-sm-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-sm-left {
@@ -339,6 +426,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-md-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -353,6 +441,7 @@
   }
   [dir="rtl"] .dropdown-menu-md-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-md-left {
@@ -367,6 +456,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-lg-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -381,6 +471,7 @@
   }
   [dir="rtl"] .dropdown-menu-lg-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-lg-left {
@@ -395,6 +486,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-xl-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -409,6 +501,7 @@
   }
   [dir="rtl"] .dropdown-menu-xl-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-xl-left {
@@ -474,6 +567,7 @@
     right: 0;
   }
   [dir="rtl"] .navbar-right .dropdown-menu {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -488,6 +582,7 @@
   }
   [dir="rtl"] .navbar-right .dropdown-menu-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -795,6 +890,53 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
+.close {
+  float: right;
+  color: #0097c7;
+  color: var(--color-content-accent);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+[dir="rtl"] .close {
+  float: left;
+}
+.np-theme-personal .close {
+  color: var(--color-interactive-primary);
+}
+.close:hover {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  cursor: pointer;
+}
+.np-theme-personal .close:hover {
+  color: var(--color-interactive-primary-hover);
+}
+.close:focus {
+  outline: none;
+}
+.close:focus-visible {
+  outline: var(--ring-outline-color) solid var(--ring-outline-width);
+  outline-offset: var(--ring-outline-offset);
+}
+.close:active {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+}
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.np-theme-personal button.close:hover {
+  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
+  background: initial;
+}
 .navbar {
   position: relative;
   font-size: 0.875rem;
@@ -1362,6 +1504,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 [dir="rtl"] .navbar-right li > .dropdown-menu::before,
 [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
   left: calc((8px * 2) + (8px / 2));
+  right: auto;
   right: initial;
 }
 [dir="rtl"] .navbar-right li > .dropdown-menu::before,
@@ -1390,6 +1533,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 }
 [dir="rtl"] .navbar-right.dropdown-menu-center::before,
 [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
+  left: auto;
   right: auto;
   right: initial;
 }
@@ -1443,10 +1587,16 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 }
 @media (min-width: 768px) {
   .navbar-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .navbar-left {
+    float: right !important;
   }
   .navbar-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .navbar-right {
+    float: left !important;
   }
   .navbar-right li > .dropdown-menu::before {
     right: calc((8px * 2) + (8px / 2));
@@ -1454,6 +1604,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
   [dir="rtl"] .navbar-right li > .dropdown-menu::before {
     left: calc((8px * 2) + (8px / 2));
+    right: auto;
     right: initial;
   }
   [dir="rtl"] .navbar-right li > .dropdown-menu::before {
@@ -1467,6 +1618,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
     margin-left: -4px;
   }
   [dir="rtl"] .navbar-right.dropdown-menu-center::before {
+    left: auto;
     right: auto;
     right: initial;
   }
@@ -2151,53 +2303,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   }
 }
 /* stylelint-enable */
-.close {
-  float: right;
-  color: #0097c7;
-  color: var(--color-content-accent);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-[dir="rtl"] .close {
-  float: left;
-}
-.np-theme-personal .close {
-  color: var(--color-interactive-primary);
-}
-.close:hover {
-  color: #0084b3;
-  color: var(--color-content-accent-hover);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-}
-.np-theme-personal .close:hover {
-  color: var(--color-interactive-primary-hover);
-}
-.close:focus {
-  outline: none;
-}
-.close:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.close:active {
-  color: #0077a5;
-  color: var(--color-content-accent-active);
-}
-button.close {
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.np-theme-personal button.close:hover {
-  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
-  background: initial;
-}
 @media (min-width: 576px) {
   .form-inline .form-group {
     display: inline-block;
@@ -2275,24 +2380,3 @@ button.close {
 .navbar-background--inverse {
   background-color: #37517e;
 }
-/* TODO: Remove to prefer direct utility imports */
-.clearfix::before,
-.clearfix::after,
-.nav::before,
-.nav::after,
-.navbar::before,
-.navbar::after,
-.navbar-header::before,
-.navbar-header::after,
-.navbar-collapse::before,
-.navbar-collapse::after {
-  content: " ";
-  display: table;
-}
-.clearfix::after,
-.nav::after,
-.navbar::after,
-.navbar-header::after,
-.navbar-collapse::after {
-  clear: both;
-}