@transferwise/neptune-css 0.0.0-experimental-96eba2f → 0.0.0-experimental-7daf7ad

package/dist/css/accordion.css

@@ -35,6 +35,8 @@
 }
 @media (min-width: 768px) {
 }
+@media (min-width: 768px) {
+}
 .decision {
   cursor: pointer;
   margin-bottom: 0 !important;
@@ -72,10 +74,6 @@
   margin-top: var(--size-8);
 }
 .decision__content {
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/alerts.css

@@ -11,6 +11,7 @@
   margin-bottom: var(--size-16);
 }
 .np-theme-personal .alert {
+  padding: 24px;
   padding: var(--padding-medium);
   border-radius: 16px;
   border-radius: var(--radius-medium);
@@ -100,6 +101,7 @@
 }
 [dir="rtl"] .arrow.arrow-left::before {
   right: 20px;
+  left: auto;
   left: initial;
 }
 [dir="rtl"] .arrow.arrow-left::before {
@@ -112,6 +114,7 @@
   right: 20px;
 }
 [dir="rtl"] .arrow.arrow-right::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -185,6 +188,7 @@
 }
 [dir="rtl"] .form-group .alert.arrow-left::before {
   right: 20px;
+  left: auto;
   left: initial;
 }
 [dir="rtl"] .form-group .alert.arrow-left::before {
@@ -197,6 +201,7 @@
   right: 20px;
 }
 [dir="rtl"] .form-group .alert.arrow-right::before {
+  right: auto;
   left: auto;
   left: initial;
 }

package/dist/css/button-groups.css

@@ -1,4 +1,5 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.btn-group,
 .btn-group-vertical {
   position: relative;
@@ -396,10 +397,6 @@ html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .dr
     max-height: 592px;
   }
 }.btn-group .secondary {
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/buttons.css

@@ -3,6 +3,8 @@
 }
 @media (min-width: 768px) {
 }
+@media (min-width: 768px) {
+}
 .btn {
   line-height: 150%;
   letter-spacing: -0.011em;

package/dist/css/circles.css

@@ -272,6 +272,8 @@ a.circle.active:hover {
 }
 [dir="rtl"] .btn .circle .tw-icon,
 [dir="rtl"] .dropdown-menu li .circle .tw-icon {
+  margin-right: 0;
+  margin-left: 0;
   margin-left: initial;
 }
 [dir="rtl"] .btn .circle .tw-icon,

package/dist/css/decision.css

@@ -1,4 +1,5 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.decision {
   cursor: pointer;
   margin-bottom: 0 !important;
@@ -32,10 +33,6 @@
   margin-top: 8px;
   margin-top: var(--size-8);
 }.decision__content {
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/dropdowns.css

@@ -1,4 +1,5 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.dropup,
 .dropdown {
   position: relative;
@@ -11,10 +12,6 @@
   padding: 8px   ;
   margin: 0;
   list-style: none;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -74,10 +71,6 @@
   padding: var(--dropdown-link-padding);
   clear: both;
   border-radius: 3px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -195,6 +188,7 @@
   right: 0;
 }[dir="rtl"] .dropdown-menu-right,
 [dir="rtl"] .dropdown-menu-xs-right {
+  right: auto;
   left: auto;
   left: initial;
 }[dir="rtl"] .dropdown-menu-right,
@@ -209,6 +203,7 @@
 }[dir="rtl"] .dropdown-menu-left,
 [dir="rtl"] .dropdown-menu-xs-left {
   right: 0;
+  left: auto;
   left: initial;
 }[dir="rtl"] .dropdown-menu-left,
 [dir="rtl"] .dropdown-menu-xs-left {
@@ -221,6 +216,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-sm-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -235,6 +231,7 @@
   }
   [dir="rtl"] .dropdown-menu-sm-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-sm-left {
@@ -248,6 +245,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-md-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -262,6 +260,7 @@
   }
   [dir="rtl"] .dropdown-menu-md-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-md-left {
@@ -275,6 +274,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-lg-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -289,6 +289,7 @@
   }
   [dir="rtl"] .dropdown-menu-lg-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-lg-left {
@@ -302,6 +303,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-xl-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -316,6 +318,7 @@
   }
   [dir="rtl"] .dropdown-menu-xl-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-xl-left {
@@ -374,6 +377,7 @@
     right: 0;
   }
   [dir="rtl"] .navbar-right .dropdown-menu {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -388,6 +392,7 @@
   }
   [dir="rtl"] .navbar-right .dropdown-menu-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .navbar-right .dropdown-menu-left {

package/dist/css/droppable.css

@@ -1,4 +1,5 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.droppable {
   position: relative;
   font-weight: 400;

package/dist/css/footer.css

@@ -1,11 +1,8 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.footer {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -34,10 +31,6 @@
 .footer .link-icon {
   color: #5d7079;
   color: var(--color-content-secondary);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

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,
@@ -312,10 +316,6 @@ fieldset[disabled] .checkbox label {
   border-radius: 3px;
   font-size: 14px;
   line-height: 24px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -536,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 {
@@ -548,6 +549,7 @@ select[multiple].input-lg {
   right: 20px;
 }
 [dir="rtl"] .help-block.arrow-right::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -1401,6 +1403,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;
@@ -1798,6 +1804,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,
@@ -2342,6 +2350,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);
@@ -2383,10 +2392,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
   border-radius: 3px;
   font-size: 14px;
   line-height: 24px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

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-base.css

@@ -13,6 +13,8 @@
 }
 @media (min-width: 768px) {
 }
+@media (min-width: 768px) {
+}
 @media (min-width: 576px) {
 }
 .navbar {
@@ -582,6 +584,7 @@
 [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,
@@ -610,6 +613,7 @@
 }
 [dir="rtl"] .navbar-right.dropdown-menu-center::before,
 [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
+  left: auto;
   right: auto;
   right: initial;
 }
@@ -680,6 +684,7 @@
   }
   [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 {
@@ -693,6 +698,7 @@
     margin-left: -4px;
   }
   [dir="rtl"] .navbar-right.dropdown-menu-center::before {
+    left: auto;
     right: auto;
     right: initial;
   }

package/dist/css/navbar.css

@@ -148,6 +148,8 @@
 }
 @media (min-width: 768px) {
 }
+@media (min-width: 768px) {
+}
 .dropup,
 .dropdown {
   position: relative;
@@ -161,10 +163,6 @@
   padding: 8px   ;
   margin: 0;
   list-style: none;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -234,10 +232,6 @@
   padding: var(--dropdown-link-padding);
   clear: both;
   border-radius: 3px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -376,6 +370,7 @@
 }
 [dir="rtl"] .dropdown-menu-right,
 [dir="rtl"] .dropdown-menu-xs-right {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -393,6 +388,7 @@
 [dir="rtl"] .dropdown-menu-left,
 [dir="rtl"] .dropdown-menu-xs-left {
   right: 0;
+  left: auto;
   left: initial;
 }
 [dir="rtl"] .dropdown-menu-left,
@@ -407,6 +403,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-sm-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -421,6 +418,7 @@
   }
   [dir="rtl"] .dropdown-menu-sm-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-sm-left {
@@ -435,6 +433,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-md-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -449,6 +448,7 @@
   }
   [dir="rtl"] .dropdown-menu-md-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-md-left {
@@ -463,6 +463,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-lg-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -477,6 +478,7 @@
   }
   [dir="rtl"] .dropdown-menu-lg-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-lg-left {
@@ -491,6 +493,7 @@
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-xl-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -505,6 +508,7 @@
   }
   [dir="rtl"] .dropdown-menu-xl-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-xl-left {
@@ -570,6 +574,7 @@
     right: 0;
   }
   [dir="rtl"] .navbar-right .dropdown-menu {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -584,6 +589,7 @@
   }
   [dir="rtl"] .navbar-right .dropdown-menu-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -1458,6 +1464,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,
@@ -1486,6 +1493,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;
 }
@@ -1556,6 +1564,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 {
@@ -1569,6 +1578,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;
   }

package/dist/css/neptune-addons.css

@@ -799,6 +799,34 @@ html:not([dir="rtl"]) .p-a-4 {
   padding-left: 32px !important;
   padding-left: var(--size-32) !important;
 }
+.m-t-4 {
+  margin-top: 32px !important;
+  margin-top: var(--size-32) !important;
+}
+.m-b-4 {
+  margin-bottom: 32px !important;
+  margin-bottom: var(--size-32) !important;
+}
+.m-y-4 {
+  margin-top: 32px !important;
+  margin-top: var(--size-32) !important;
+  margin-bottom: 32px !important;
+  margin-bottom: var(--size-32) !important;
+}
+.p-t-4 {
+  padding-top: 32px !important;
+  padding-top: var(--size-32) !important;
+}
+.p-b-4 {
+  padding-bottom: 32px !important;
+  padding-bottom: var(--size-32) !important;
+}
+.p-y-4 {
+  padding-top: 32px !important;
+  padding-top: var(--size-32) !important;
+  padding-bottom: 32px !important;
+  padding-bottom: var(--size-32) !important;
+}
 [dir="rtl"] .m-l-4 {
   margin-right: 32px !important;
   margin-right: var(--size-32) !important;
@@ -907,6 +935,34 @@ html:not([dir="rtl"]) .p-a-5 {
   padding-left: 40px !important;
   padding-left: var(--size-40) !important;
 }
+.m-t-5 {
+  margin-top: 40px !important;
+  margin-top: var(--size-40) !important;
+}
+.m-b-5 {
+  margin-bottom: 40px !important;
+  margin-bottom: var(--size-40) !important;
+}
+.m-y-5 {
+  margin-top: 40px !important;
+  margin-top: var(--size-40) !important;
+  margin-bottom: 40px !important;
+  margin-bottom: var(--size-40) !important;
+}
+.p-t-5 {
+  padding-top: 40px !important;
+  padding-top: var(--size-40) !important;
+}
+.p-b-5 {
+  padding-bottom: 40px !important;
+  padding-bottom: var(--size-40) !important;
+}
+.p-y-5 {
+  padding-top: 40px !important;
+  padding-top: var(--size-40) !important;
+  padding-bottom: 40px !important;
+  padding-bottom: var(--size-40) !important;
+}
 [dir="rtl"] .m-l-5 {
   margin-right: 40px !important;
   margin-right: var(--size-40) !important;