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

package/dist/css/popovers.css

@@ -1,4 +1,5 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.close {
   float: right;
   color: #0097c7;
@@ -59,10 +60,6 @@
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
-  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%;
@@ -184,6 +181,7 @@
   margin-left: -7px;
 }[dir="rtl"] .popover.top-left::before {
   left: 29px;
+  right: auto;
   right: initial;
 }[dir="rtl"] .popover.top-left::before {
   right: auto;
@@ -201,6 +199,7 @@
   margin-left: -7px;
 }[dir="rtl"] .popover.top-right::before {
   right: 29px;
+  left: auto;
   left: initial;
 }[dir="rtl"] .popover.top-right::before {
   left: auto;
@@ -255,6 +254,7 @@
   margin-left: -7px;
 }[dir="rtl"] .popover.bottom-left::before {
   left: 29px;
+  right: auto;
   right: initial;
 }[dir="rtl"] .popover.bottom-left::before {
   right: auto;
@@ -272,6 +272,7 @@
   margin-left: -7px;
 }[dir="rtl"] .popover.bottom-right::before {
   left: 29px;
+  right: auto;
   right: initial;
 }[dir="rtl"] .popover.bottom-right::before {
   right: auto;
@@ -287,6 +288,7 @@
   left: auto;
   right: -7px;
 }[dir="rtl"] .popover.left::before {
+  right: auto;
   left: auto;
   left: initial;
 }[dir="rtl"] .popover.left::before {
@@ -299,6 +301,7 @@
   left: auto;
   right: -7px;
 }[dir="rtl"] .popover.left-top::before {
+  right: auto;
   left: auto;
   left: initial;
 }[dir="rtl"] .popover.left-top::before {
@@ -311,6 +314,7 @@
   left: auto;
   right: -7px;
 }[dir="rtl"] .popover.left-bottom::before {
+  right: auto;
   left: auto;
   left: initial;
 }[dir="rtl"] .popover.left-bottom::before {
@@ -347,10 +351,6 @@
   margin-top: var(--size-8);
 }.popover-content {
   padding: 0;
-  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/tooltip.css

@@ -1,4 +1,5 @@
 @media (min-width: 768px) {
+}@media (min-width: 768px) {
 }.tooltip {
   position: absolute;
   z-index: 1070;
@@ -46,10 +47,6 @@
   margin-left: 0;
   margin-left: initial;
 }.tooltip-inner {
-  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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "0.0.0-experimental-96eba2f",
+  "version": "0.0.0-experimental-7daf7ad",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/less/core/_typography.less

@@ -97,74 +97,16 @@ h6,
   line-height: 140%;
 }
 
-.body-1,
-.body-2,
-.body-3,
-.label,
-.value,
-.np-text-body-default {
-  font-weight: var(--font-weight-regular);
-  line-height: var(--line-height-body);
-}
-
-.body-1,
-.np-text-body-default,
-.np-text-body-default-bold {
-  font-size: var(--font-size-16);
-}
-
-.np-text-body-default-bold {
-  font-weight: var(--font-weight-bold);
-}
-
-.body-2 {
-  font-size: var(--font-size-14);
-}
-
-.body-3 {
-  font-size: var(--font-size-12);
-}
-
-.control-1,
-.control-2 {
-  color: var(--color-content-accent);
-  font-weight: var(--font-weight-semi-bold);
-  line-height: var(--line-height-title);
-}
-
-.control-1 {
-  font-size: var(--font-size-16);
-}
-
-.control-2 {
-  font-size: var(--font-size-14);
-}
-
-.label {
-  font-size: var(--font-size-14);
-}
-
-.value {
-  font-size: var(--font-size-16);
-}
-
+/* DEPRECATED: use .np-text-title-body instead */
 .lead {
   margin-bottom: var(--size-24);
   font-size: var(--font-size-20);
   line-height: var(--line-height-title);
 }
 
-small,
-.small,
-.body-2 {
-  font-size: var(--font-size-14);
-  line-height: var(--line-height-body);
-}
-
+// DEPRECATED: use .np-text-body-default instead
 .tiny {
   color: var(--color-content-secondary);
-  font-size: var(--font-size-12);
-  line-height: var(--line-height-body);
 }
 
 // BODY
@@ -172,7 +114,7 @@ small,
 /* DEPRECATED: use .np-text-body-default instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .body-2, .body-3, .label, .control-label, .small, .tiny,
-body,
+body, small,
 .np-text-body-default {
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -184,15 +126,12 @@ body,
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .control-2,
 .np-text-body-default-bold {
+  font-size: var(--font-size-14);
   line-height: 155%;
   letter-spacing: -0.006em;
   font-weight: var(--font-weight-semi-bold);
 }
 
-.np-text-body-default-bold {
-  font-size: var(--font-size-14);
-}
-
 /* DEPRECATED: use .np-text-body-large instead  */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .body-1, .value,
@@ -435,6 +374,7 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
 .display-1 {
   margin-bottom: var(--size-24);
   /* stylelint-disable-next-line number-max-precision */
@@ -446,6 +386,7 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
 .display-2 {
   margin-bottom: var(--size-24);
   /* stylelint-disable-next-line number-max-precision */
@@ -457,6 +398,7 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
 .display-3 {
   margin-bottom: var(--size-8);
   font-size: 2.8rem;
@@ -467,6 +409,7 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
 .display-4 {
   margin-bottom: var(--size-4);
   /* stylelint-disable-next-line number-max-precision */
@@ -478,6 +421,7 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
 .display-5 {
   margin-bottom: var(--size-4);
   /* stylelint-disable-next-line number-max-precision */