@transferwise/neptune-css 0.0.0-experimental-dadc692 → 0.0.0-experimental-c0676b5

package/dist/css/border-radius.css

@@ -1,11 +1,11 @@
 .rounded-sm {
   border-radius: 2px;
 }
-.img-rounded {
+.rounded {
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
-.img-circle {
+.rounded-full {
   border-radius: 9999px;
   border-radius: var(--radius-full);
 }

package/dist/css/neptune-core.css

@@ -312,17 +312,6 @@ summary {
   display: list-item;
 }
 /* TODO: Remove utility imports to prevent duplicates */
-.rounded-sm {
-  border-radius: 2px;
-}
-.img-rounded {
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-}
-.img-circle {
-  border-radius: 9999px;
-  border-radius: var(--radius-full);
-}
 .sr-only {
   position: absolute;
   width: 1px;
@@ -742,6 +731,14 @@ video {
   height: auto;
   vertical-align: middle;
 }
+.img-rounded {
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+}
+.img-circle {
+  border-radius: 9999px;
+  border-radius: var(--radius-full);
+}
 .disabled,
 :disabled {
   filter: grayscale(1);
@@ -1855,9 +1852,6 @@ a.text-inverse:hover,
 a.text-inverse:focus {
   color: #c9cbce !important;
 }
-.font-italic {
-  font-style: italic !important;
-}
 .font-weight-normal {
   font-weight: 400 !important;
   font-weight: var(--font-weight-regular) !important;
@@ -1990,6 +1984,12 @@ a.text-inverse:focus {
     white-space: nowrap;
   }
 }
+/**
+ * @deprecated Obsolete since the brand has turned green.
+ */
+.font-italic {
+  font-style: italic !important;
+}
 /**
  * @deprecated Obsolete since the brand has turned green.
  */

package/dist/css/neptune.css

@@ -1936,6 +1936,16 @@ video {
   vertical-align: middle;
 }
 
+.img-rounded {
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+}
+
+.img-circle {
+  border-radius: 9999px;
+  border-radius: var(--radius-full);
+}
+
 .disabled,
 :disabled {
   filter: grayscale(1);
@@ -3096,6 +3106,14 @@ kbd kbd {
 
 /* TODO: Remove utility imports to prevent duplicates */
 
+/**
+ * @deprecated Obsolete since the brand has turned green.
+ */
+
+.font-italic {
+  font-style: italic !important;
+}
+
 /**
  * @deprecated Obsolete since the brand has turned green.
  */
@@ -5308,12 +5326,12 @@ a.badge:focus {
   border-radius: 2px;
 }
 
-.img-rounded {
+.rounded {
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
 
-.img-circle {
+.rounded-full {
   border-radius: 9999px;
   border-radius: var(--radius-full);
 }
@@ -22718,10 +22736,6 @@ a.text-inverse:focus {
   cursor: pointer;
 }
 
-.font-italic {
-  font-style: italic !important;
-}
-
 .font-weight-normal {
   font-weight: 400 !important;
   font-weight: var(--font-weight-regular) !important;

package/dist/css/utilities.css

@@ -172,11 +172,11 @@
 .rounded-sm {
   border-radius: 2px;
 }
-.img-rounded {
+.rounded {
   border-radius: 10px;
   border-radius: var(--radius-small);
 }
-.img-circle {
+.rounded-full {
   border-radius: 9999px;
   border-radius: var(--radius-full);
 }
@@ -551,9 +551,6 @@ a.text-inverse:focus {
     float: none !important;
   }
 }
-.font-italic {
-  font-style: italic !important;
-}
 .font-weight-normal {
   font-weight: 400 !important;
   font-weight: var(--font-weight-regular) !important;

package/package.json

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

package/src/less/core/_scaffolding.less

@@ -5,6 +5,7 @@
 @import (reference) "../mixins/_logical-properties.less";
 @import (reference) "../mixins/_links.less";
 @import (reference) "../core/_typography.less";
+@import (reference) "../utilities/border-radius.less";
 @import "../../variables/legacy-variables.less";
 
 /* TODO: Remove utility imports to prevent duplicates */
@@ -336,6 +337,14 @@ video {
   vertical-align: middle;
 }
 
+.img-rounded {
+  .rounded();
+}
+
+.img-circle {
+  .rounded-full();
+}
+
 .disabled,
 :disabled {
   filter: grayscale(1);

package/src/less/core/_typography-utilities.less

@@ -5,7 +5,6 @@
 
 /* TODO: Remove utility imports to prevent duplicates */
 @import "../utilities/color.less";
-@import "../utilities/font-style.less";
 @import "../utilities/font-weight.less";
 @import "../utilities/max-width.less";
 @import "../utilities/overflow-wrap.less";
@@ -15,6 +14,13 @@
 @import "../utilities/text-transform.less";
 @import "../utilities/white-space.less";
 
+/**
+ * @deprecated Obsolete since the brand has turned green.
+ */
+.font-italic {
+  font-style: italic !important;
+}
+
 /**
  * @deprecated Obsolete since the brand has turned green.
  */

package/src/less/utilities/border-radius.less

@@ -2,10 +2,10 @@
   border-radius: 2px;
 }
 
-.img-rounded {
+.rounded {
   border-radius: var(--radius-small);
 }
 
-.img-circle {
+.rounded-full {
   border-radius: var(--radius-full);
 }

package/src/less/utilities.less

@@ -13,7 +13,6 @@
 @import "./utilities/flex-grow.less";
 @import "./utilities/flex-wrap.less";
 @import "./utilities/float.less";
-@import "./utilities/font-style.less";
 @import "./utilities/font-weight.less";
 @import "./utilities/gap.less";
 @import "./utilities/justify-content.less";

package/src/less/utilities/font-style.less

@@ -1,3 +0,0 @@
-.font-italic {
-  font-style: italic !important;
-}