@transferwise/neptune-css 14.3.3 → 14.3.4

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.3",
4
+ "version": "14.3.4",
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": "c694c9b19fde8951c2e5b0ab53eeaca07885940b"
56
+ "gitHead": "2bff1a60850ef74b54fecd3d83d1680c4c6e031a"
57
57
  }
@@ -42,6 +42,14 @@
42
42
  // Bit of a hack for our calculators to make the two controls the same width.
43
43
  min-width: 104px;
44
44
 
45
+ .np-theme-personal &,
46
+ .np-theme-personal--forest-green &,
47
+ .np-theme-personal--dark & {
48
+ background-color: var(--color-background-elevated);
49
+ border-radius: var(--radius-medium);
50
+ box-shadow: 0 0 40px rgb(69 71 69 / 20%);
51
+ }
52
+
45
53
  @media (min-width: @screen-sm-min) {
46
54
  min-width: 160px;
47
55
  }
@@ -75,14 +83,22 @@
75
83
  display: block;
76
84
  white-space: normal;
77
85
  }
86
+
87
+ .np-theme-personal &,
88
+ .np-theme-personal--forest-green &,
89
+ .np-theme-personal--dark & {
90
+ border-radius: var(--radius-small);
91
+ }
78
92
  }
79
93
 
80
94
  > li:first-child > a {
81
95
  .border-top-radius((@border-radius-base - 1px));
82
96
  }
83
97
 
84
- > li:last-child > a {
85
- .border-bottom-radius((@border-radius-base - 1px));
98
+ .np-theme-light & {
99
+ > li:last-child > a {
100
+ .border-bottom-radius((@border-radius-base - 1px));
101
+ }
86
102
  }
87
103
 
88
104
  > .overlay-back-button,
@@ -1008,7 +1008,9 @@
1008
1008
  }
1009
1009
 
1010
1010
  .navbar .profile-name {
1011
- padding-bottom: 3px;
1011
+ .np-theme-light & {
1012
+ padding-bottom: 3px;
1013
+ }
1012
1014
 
1013
1015
  .caret {
1014
1016
  vertical-align: top;