@transferwise/neptune-css 14.3.25 → 14.3.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.3.25",
4
+ "version": "14.3.27",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -53,5 +53,5 @@
53
53
  "bin": {
54
54
  "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
55
55
  },
56
- "gitHead": "e35b9137b9edccefddf1b0f726f6764e993611c7"
56
+ "gitHead": "9845e0344350e7e9912e8dc1cf3842faaab52de0"
57
57
  }
@@ -2,6 +2,7 @@
2
2
  @import (reference) "../variables/legacy-variables.less";
3
3
  @import "./mixins/_buttons.less";
4
4
  @import "./mixins/_tab-focus.less";
5
+ @import "./mixins/_links.less";
5
6
  @import (reference) "./mixins/_logical-properties.less";
6
7
  @import (reference) "./core/_typography.less";
7
8
  @import (reference) "./ring.less";
@@ -224,8 +225,8 @@
224
225
  .np-theme-personal & {
225
226
  color: var(--color-interactive-primary);
226
227
  border-color: transparent;
227
- text-underline-offset: 2px;
228
228
  text-decoration-thickness: 2px;
229
+ .link-underline();
229
230
 
230
231
  &:not(.disabled, :disabled):hover,
231
232
  &:not(.disabled, :disabled):focus-visible {
@@ -250,8 +251,8 @@
250
251
  text-decoration: underline;
251
252
 
252
253
  .np-theme-personal & {
253
- text-underline-offset: 2px;
254
254
  text-decoration-thickness: 2px;
255
+ .link-underline();
255
256
  }
256
257
  }
257
258
 
@@ -1,6 +1,7 @@
1
1
  /* stylelint-disable selector-max-empty-lines */
2
2
  @import (reference) "../../variables/neptune-tokens.less";
3
3
  @import (reference) "../mixins/_logical-properties.less";
4
+ @import (reference) "../mixins/_links.less";
4
5
  @import (reference) "../core/_typography.less";
5
6
  @import "../../variables/legacy-variables.less";
6
7
 
@@ -127,6 +128,7 @@ a,
127
128
 
128
129
  .np-theme-personal & {
129
130
  color: var(--color-content-link);
131
+ .link-underline();
130
132
  }
131
133
 
132
134
  // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
@@ -1,5 +1,6 @@
1
1
  @import (reference) "../../variables/neptune-tokens.less";
2
2
  @import (reference) "../mixins/_logical-properties.less";
3
+ @import (reference) "../mixins/_links.less";
3
4
  @import "../mixins/_text-emphasis.less";
4
5
 
5
6
  // Deprecated classes in next iterations.
@@ -131,6 +132,10 @@
131
132
  text-decoration: underline !important;
132
133
  }
133
134
 
135
+ .np-theme-personal .text-underline {
136
+ .link-underline(true);
137
+ }
138
+
134
139
  .text-no-decoration {
135
140
  text-decoration: none !important;
136
141
  }
@@ -1,6 +1,7 @@
1
1
  /* stylelint-disable selector-max-empty-lines */
2
2
  @import (reference) "../../variables/neptune-tokens.less";
3
3
  @import (reference) "../mixins/_logical-properties.less";
4
+ @import (reference) "../mixins/_links.less";
4
5
  @import (reference) "../addons/_spacing-utilities.less";
5
6
 
6
7
  // TITLE
@@ -256,7 +257,7 @@ strong,
256
257
  .np-text-link-default,
257
258
  .np-text-link-large {
258
259
  font-weight: var(--font-weight-semi-bold);
259
- text-decoration: underline;
260
+ .link-underline();
260
261
  }
261
262
 
262
263
  .np-text-link-large {
@@ -303,6 +304,7 @@ strong,
303
304
 
304
305
  .np-theme-personal & {
305
306
  font-family: "Wise Sans", Inter, sans-serif;
307
+ font-synthesis: none;
306
308
  }
307
309
  }
308
310
 
@@ -0,0 +1,7 @@
1
+ .link-underline (@isUnderlineImportant: false) {
2
+ text-decoration: underline;
3
+ & when (@isUnderlineImportant = true) {
4
+ text-decoration: underline !important;
5
+ }
6
+ text-underline-offset: 0.3em;
7
+ }