@transferwise/neptune-css 0.0.0-experimental-8a88948 → 0.0.0-experimental-57a000b

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 +2 -8
  2. package/dist/css/navbar.css +2 -10
  3. package/dist/css/neptune.css +2 -12
  4. package/package.json +1 -1
  5. package/src/less/dropdowns.less +1 -11
package/dist/css/dropdowns.css CHANGED
@@ -115,15 +115,9 @@
115
115
  text-decoration: none;
116
116
  color: #37517e;
117
117
  color: var(--color-content-primary);
118
- background-color: rgba(134,167,189,0.10196);
119
- background-color: var(--color-background-neutral);
120
118
  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);
119
+ box-shadow: inset 0 0 0 1px #c9cbce;
120
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
127
121
  }.dropdown-menu > .active > a,
128
122
  .dropdown-menu > .selected > a,
129
123
  .dropdown-menu > .active > a:hover,
package/dist/css/navbar.css CHANGED
@@ -286,17 +286,9 @@
286
286
  text-decoration: none;
287
287
  color: #37517e;
288
288
  color: var(--color-content-primary);
289
- background-color: rgba(134,167,189,0.10196);
290
- background-color: var(--color-background-neutral);
291
289
  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);
290
+ box-shadow: inset 0 0 0 1px #c9cbce;
291
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
300
292
  }
301
293
  .dropdown-menu > .active > a,
302
294
  .dropdown-menu > .selected > a,
package/dist/css/neptune.css CHANGED
@@ -12869,19 +12869,9 @@ li > a > .currency-flag:first-child {
12869
12869
  text-decoration: none;
12870
12870
  color: #37517e;
12871
12871
  color: var(--color-content-primary);
12872
- background-color: rgba(134,167,189,0.10196);
12873
- background-color: var(--color-background-neutral);
12874
12872
  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);
12873
+ box-shadow: inset 0 0 0 1px #c9cbce;
12874
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
12885
12875
  }
12886
12876
 
12887
12877
  .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": "0.0.0-experimental-8a88948",
4
+ "version": "0.0.0-experimental-57a000b",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
package/src/less/dropdowns.less CHANGED
@@ -152,18 +152,8 @@
152
152
  &:focus {
153
153
  text-decoration: none;
154
154
  color: var(--color-content-primary);
155
- background-color: var(--color-background-neutral);
156
155
  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
- }
156
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
167
157
  }
168
158
  }
169
159