@transferwise/neptune-css 14.9.5 → 14.9.6

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.
Files changed (5) hide show
  1. package/dist/css/dropdowns.css +4 -9
  2. package/dist/css/navbar.css +4 -11
  3. package/dist/css/neptune.css +4 -13
  4. package/package.json +1 -1
  5. package/src/less/dropdowns.less +3 -12
package/dist/css/dropdowns.css CHANGED
@@ -110,20 +110,15 @@
110
110
  .btn-group .dropdown-menu.dropdown-menu-lg {
111
111
  width: 420px;
112
112
  }.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):hover,
113
- .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus {
113
+ .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus,
114
+ .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
114
115
  -webkit-text-decoration: none;
115
116
  text-decoration: none;
116
117
  color: #37517e;
117
118
  color: var(--color-content-primary);
118
- background-color: rgba(134,167,189,0.10196);
119
- background-color: var(--color-background-neutral);
120
119
  outline: 0;
121
- }.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
122
- color: #ffffff;
123
- background-color: #37517e;
124
- }.np-theme-personal .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
125
- color: var(--color-interactive-primary);
126
- background-color: var(--color-background-neutral-active);
120
+ box-shadow: inset 0 0 0 1px #c9cbce;
121
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
127
122
  }.dropdown-menu > .active > a,
128
123
  .dropdown-menu > .selected > a,
129
124
  .dropdown-menu > .active > a:hover,
package/dist/css/navbar.css CHANGED
@@ -281,22 +281,15 @@
281
281
  width: 420px;
282
282
  }
283
283
  .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):hover,
284
- .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus {
284
+ .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus,
285
+ .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
285
286
  -webkit-text-decoration: none;
286
287
  text-decoration: none;
287
288
  color: #37517e;
288
289
  color: var(--color-content-primary);
289
- background-color: rgba(134,167,189,0.10196);
290
- background-color: var(--color-background-neutral);
291
290
  outline: 0;
292
- }
293
- .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
294
- color: #ffffff;
295
- background-color: #37517e;
296
- }
297
- .np-theme-personal .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
298
- color: var(--color-interactive-primary);
299
- background-color: var(--color-background-neutral-active);
291
+ box-shadow: inset 0 0 0 1px #c9cbce;
292
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
300
293
  }
301
294
  .dropdown-menu > .active > a,
302
295
  .dropdown-menu > .selected > a,
package/dist/css/neptune.css CHANGED
@@ -12864,24 +12864,15 @@ li > a > .currency-flag:first-child {
12864
12864
  }
12865
12865
 
12866
12866
  .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):hover,
12867
- .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus {
12867
+ .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus,
12868
+ .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
12868
12869
  -webkit-text-decoration: none;
12869
12870
  text-decoration: none;
12870
12871
  color: #37517e;
12871
12872
  color: var(--color-content-primary);
12872
- background-color: rgba(134,167,189,0.10196);
12873
- background-color: var(--color-background-neutral);
12874
12873
  outline: 0;
12875
- }
12876
-
12877
- .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
12878
- color: #ffffff;
12879
- background-color: #37517e;
12880
- }
12881
-
12882
- .np-theme-personal .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
12883
- color: var(--color-interactive-primary);
12884
- background-color: var(--color-background-neutral-active);
12874
+ box-shadow: inset 0 0 0 1px #c9cbce;
12875
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
12885
12876
  }
12886
12877
 
12887
12878
  .dropdown-menu > .active > a,
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.9.5",
4
+ "version": "14.9.6",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
package/src/less/dropdowns.less CHANGED
@@ -149,21 +149,12 @@
149
149
  // Hover/Focus/Active state
150
150
  .dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled) {
151
151
  &:hover,
152
- &:focus {
152
+ &:focus,
153
+ &:active {
153
154
  text-decoration: none;
154
155
  color: var(--color-content-primary);
155
- background-color: var(--color-background-neutral);
156
156
  outline: 0;
157
- }
158
-
159
- &:active {
160
- color: @color-navy-content-primary;
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
- }
157
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
167
158
  }
168
159
  }
169
160