@transferwise/neptune-css 14.3.26 → 14.3.28

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "14.3.26",
+  "version": "14.3.28",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -53,5 +53,5 @@
   "bin": {
     "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
   },
-  "gitHead": "2f4f86632ad16acc8e1d571e4ace2611e5133f55"
+  "gitHead": "a6ce105476078eede999c7dcdb330a36ded3e6d0"
 }

package/src/less/buttons.less

@@ -2,6 +2,7 @@
 @import (reference) "../variables/legacy-variables.less";
 @import "./mixins/_buttons.less";
 @import "./mixins/_tab-focus.less";
+@import "./mixins/_links.less";
 @import (reference) "./mixins/_logical-properties.less";
 @import (reference) "./core/_typography.less";
 @import (reference) "./ring.less";
@@ -224,8 +225,8 @@
   .np-theme-personal & {
     color: var(--color-interactive-primary);
     border-color: transparent;
-    text-underline-offset: 2px;
     text-decoration-thickness: 2px;
+    .link-underline();
 
     &:not(.disabled, :disabled):hover,
     &:not(.disabled, :disabled):focus-visible {
@@ -250,8 +251,8 @@
   text-decoration: underline;
 
   .np-theme-personal & {
-    text-underline-offset: 2px;
     text-decoration-thickness: 2px;
+    .link-underline();
   }
 }
 

package/src/less/core/_scaffolding.less

@@ -1,6 +1,7 @@
 /* stylelint-disable selector-max-empty-lines */
 @import (reference) "../../variables/neptune-tokens.less";
 @import (reference) "../mixins/_logical-properties.less";
+@import (reference) "../mixins/_links.less";
 @import (reference) "../core/_typography.less";
 @import "../../variables/legacy-variables.less";
 
@@ -127,6 +128,7 @@ a,
 
   .np-theme-personal & {
     color: var(--color-content-link);
+    .link-underline();
   }
 
   // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead

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

@@ -1,5 +1,6 @@
 @import (reference) "../../variables/neptune-tokens.less";
 @import (reference) "../mixins/_logical-properties.less";
+@import (reference) "../mixins/_links.less";
 @import "../mixins/_text-emphasis.less";
 
 // Deprecated classes in next iterations.
@@ -131,6 +132,10 @@
   text-decoration: underline !important;
 }
 
+.np-theme-personal .text-underline {
+  .link-underline(true);
+}
+
 .text-no-decoration {
   text-decoration: none !important;
 }

package/src/less/core/_typography.less

@@ -1,6 +1,7 @@
 /* stylelint-disable selector-max-empty-lines */
 @import (reference) "../../variables/neptune-tokens.less";
 @import (reference) "../mixins/_logical-properties.less";
+@import (reference) "../mixins/_links.less";
 @import (reference) "../addons/_spacing-utilities.less";
 
 // TITLE
@@ -256,7 +257,7 @@ strong,
   .np-text-link-default,
   .np-text-link-large {
     font-weight: var(--font-weight-semi-bold);
-    text-decoration: underline;
+    .link-underline();
   }
 
   .np-text-link-large {

package/src/less/forms/bootstrap-forms.less

@@ -1053,6 +1053,7 @@ input[type="password"] {
   }
 
   .input-group > .form-control,
+  .input-group > .btn-input,
   .typeahead__input-container .form-control {
     box-shadow: none !important;
   }
@@ -1073,7 +1074,7 @@ input[type="password"] {
   .btn-input:not(.disabled, :disabled):focus-visible,
   .btn-input:not(.disabled, :disabled):has(:focus-visible),
   .input-group:not(.disabled, :disabled):focus-visible,
-  .input-group:not(.disabled, :disabled):has(.form-control:focus-visible),
+  .input-group:not(.disabled, :disabled):has(.form-control:focus-visible, .btn-input:focus-visible),
   .form-control:not(.disabled, :disabled):focus-visible,
   .form-control:not(.disabled, :disabled):has(:focus-visible),
   .radio > label:not(.disabled, :disabled):focus-visible,

package/src/less/input-groups.less

@@ -155,6 +155,7 @@
 }
 
 .input-group .input-group-addon,
+.input-group .btn-input,
 .input-group .form-control {
   .border-width(left,0);
 
@@ -169,6 +170,7 @@
 
 .input-group .input-group-btn:first-child,
 .input-group .input-group-addon:first-child,
+.input-group .btn-input:first-child,
 .input-group .form-control:first-child {
   .border-width(left, 1px);
 
@@ -177,6 +179,7 @@
 
 .input-group .input-group-btn:last-child,
 .input-group .input-group-addon:last-child,
+.input-group .btn-input:last-child,
 .input-group .form-control:last-child {
   .border-width(right, 1px);
 

package/src/less/mixins/_links.less

@@ -0,0 +1,7 @@
+.link-underline (@isUnderlineImportant: false) {
+  text-decoration: underline;
+  & when (@isUnderlineImportant = true) {
+    text-decoration: underline !important;
+  }
+  text-underline-offset: 0.3em;
+}