@transferwise/neptune-css 14.3.32 → 14.3.34

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.32",
4
+ "version": "14.3.34",
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": "e80f56fd5af934d6cb3219841bf041133c4ef11e"
56
+ "gitHead": "243e1a7631d9853f253dafa181a2478e33c834b8"
57
57
  }
@@ -159,6 +159,11 @@
159
159
  &:active {
160
160
  color: @color-navy-content-primary;
161
161
  background-color: @color-navy-background-elevated;
162
+
163
+ .np-theme-personal & {
164
+ color: var(--color-interactive-primary);
165
+ background-color: var(--color-background-neutral-active);
166
+ }
162
167
  }
163
168
  }
164
169
 
@@ -279,21 +279,20 @@
279
279
  .np-checkbox__text,
280
280
  .np-radio__text {
281
281
  display: block;
282
- font-weight: var(--font-weight-regular);
283
- font-size: var(--font-size-16);
284
- line-height: var(--line-height-20);
285
-
286
- // Account for our funky font baseline
287
- padding-top: 3px;
288
-
289
- .np-theme-personal & {
290
- padding-top: 1px; // `0` would look off due to checkbox misalignment
291
- }
292
-
293
- span,
294
- small {
295
- font-size: var(--font-size-14);
296
- line-height: var(--line-height-body);
282
+ padding-top: 1px; // `0` would look off due to checkbox misalignment
283
+
284
+ :not(.np-theme-personal) & {
285
+ font-weight: var(--font-weight-regular);
286
+ font-size: var(--font-size-16);
287
+ line-height: var(--line-height-20);
288
+ // Account for our funky font baseline
289
+ padding-top: 3px;
290
+
291
+ span,
292
+ small {
293
+ font-size: var(--font-size-14);
294
+ line-height: var(--line-height-body);
295
+ }
297
296
  }
298
297
  }
299
298