@transferwise/neptune-css 14.9.4 → 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 (11) hide show
  1. package/dist/css/dropdowns.css +4 -9
  2. package/dist/css/navbar-base.css +5 -5
  3. package/dist/css/navbar.css +9 -16
  4. package/dist/css/neptune-core.css +6 -6
  5. package/dist/css/neptune.css +27 -36
  6. package/dist/css/progress-bars.css +1 -1
  7. package/dist/css/table.css +1 -1
  8. package/dist/less/neptune-tokens.less +3 -3
  9. package/dist/props/neptune-tokens.css +2 -2
  10. package/package.json +2 -2
  11. 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-base.css CHANGED
@@ -535,7 +535,7 @@
535
535
  color: #0077a5;
536
536
  color: var(--color-content-accent-active);
537
537
  background-color: transparent;
538
- font-weight: 800;
538
+ font-weight: 700;
539
539
  font-weight: var(--font-weight-bold);
540
540
  }
541
541
  .navbar-nav > li > .dropdown-menu > .active > a:hover,
@@ -767,7 +767,7 @@
767
767
  }
768
768
  .navbar-default .navbar-nav > .active > a,
769
769
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
770
- font-weight: 800;
770
+ font-weight: 700;
771
771
  font-weight: var(--font-weight-bold);
772
772
  }
773
773
  .navbar-default .navbar-nav > .active > a,
@@ -802,7 +802,7 @@
802
802
  background-color: transparent;
803
803
  }
804
804
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
805
- font-weight: 800;
805
+ font-weight: 700;
806
806
  font-weight: var(--font-weight-bold);
807
807
  }
808
808
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -869,7 +869,7 @@
869
869
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
870
870
  color: #0077a5;
871
871
  color: var(--color-content-accent-active);
872
- font-weight: 800;
872
+ font-weight: 700;
873
873
  font-weight: var(--font-weight-bold);
874
874
  }
875
875
  .navbar-inverse .navbar-nav > .active > a,
@@ -1170,7 +1170,7 @@
1170
1170
  line-height: var(--line-height-title);
1171
1171
  margin-top: 12px;
1172
1172
  margin-bottom: 12px;
1173
- font-weight: 800;
1173
+ font-weight: 700;
1174
1174
  font-weight: var(--font-weight-bold);
1175
1175
  }
1176
1176
  [dir="rtl"] .navbar-title {
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,
@@ -1415,7 +1408,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1415
1408
  color: #0077a5;
1416
1409
  color: var(--color-content-accent-active);
1417
1410
  background-color: transparent;
1418
- font-weight: 800;
1411
+ font-weight: 700;
1419
1412
  font-weight: var(--font-weight-bold);
1420
1413
  }
1421
1414
  .navbar-nav > li > .dropdown-menu > .active > a:hover,
@@ -1647,7 +1640,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1647
1640
  }
1648
1641
  .navbar-default .navbar-nav > .active > a,
1649
1642
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
1650
- font-weight: 800;
1643
+ font-weight: 700;
1651
1644
  font-weight: var(--font-weight-bold);
1652
1645
  }
1653
1646
  .navbar-default .navbar-nav > .active > a,
@@ -1682,7 +1675,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1682
1675
  background-color: transparent;
1683
1676
  }
1684
1677
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
1685
- font-weight: 800;
1678
+ font-weight: 700;
1686
1679
  font-weight: var(--font-weight-bold);
1687
1680
  }
1688
1681
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -1749,7 +1742,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1749
1742
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
1750
1743
  color: #0077a5;
1751
1744
  color: var(--color-content-accent-active);
1752
- font-weight: 800;
1745
+ font-weight: 700;
1753
1746
  font-weight: var(--font-weight-bold);
1754
1747
  }
1755
1748
  .navbar-inverse .navbar-nav > .active > a,
@@ -2050,7 +2043,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
2050
2043
  line-height: var(--line-height-title);
2051
2044
  margin-top: 12px;
2052
2045
  margin-bottom: 12px;
2053
- font-weight: 800;
2046
+ font-weight: 700;
2054
2047
  font-weight: var(--font-weight-bold);
2055
2048
  }
2056
2049
  [dir="rtl"] .navbar-title {
package/dist/css/neptune-core.css CHANGED
@@ -70,7 +70,7 @@
70
70
  font-display: swap;
71
71
  }
72
72
  @font-face {
73
- font-weight: 800;
73
+ font-weight: 700;
74
74
  font-weight: var(--font-weight-bold);
75
75
  font-family: Averta;
76
76
  src: url("../fonts/TW-Averta-Bold.woff2") format("woff2"), url("../fonts/TW-Averta-Bold.woff") format("woff");
@@ -1073,21 +1073,21 @@ a,
1073
1073
  font-size: 64px;
1074
1074
  font-size: var(--size-64);
1075
1075
  line-height: normal;
1076
- font-weight: 800;
1076
+ font-weight: 700;
1077
1077
  font-weight: var(--font-weight-bold);
1078
1078
  }
1079
1079
  .np-text-display-medium {
1080
1080
  font-size: 52px;
1081
1081
  font-size: var(--size-52);
1082
1082
  line-height: normal;
1083
- font-weight: 800;
1083
+ font-weight: 700;
1084
1084
  font-weight: var(--font-weight-bold);
1085
1085
  }
1086
1086
  .np-text-display-small {
1087
1087
  font-size: 40px;
1088
1088
  font-size: var(--size-40);
1089
1089
  line-height: normal;
1090
- font-weight: 800;
1090
+ font-weight: 700;
1091
1091
  font-weight: var(--font-weight-bold);
1092
1092
  }
1093
1093
  :lang(en) > .np-text-display-extra-large,
@@ -1716,7 +1716,7 @@ kbd {
1716
1716
  }
1717
1717
  kbd kbd {
1718
1718
  padding: 0;
1719
- font-weight: 800;
1719
+ font-weight: 700;
1720
1720
  font-weight: var(--font-weight-bold);
1721
1721
  font-size: 100%;
1722
1722
  }
@@ -1866,7 +1866,7 @@ kbd kbd {
1866
1866
  word-break: break-all;
1867
1867
  }
1868
1868
  .font-weight-bold {
1869
- font-weight: 800 !important;
1869
+ font-weight: 700 !important;
1870
1870
  font-weight: var(--font-weight-bold) !important;
1871
1871
  }
1872
1872
  .font-weight-semi-bold {
package/dist/css/neptune.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
3
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -133,7 +133,7 @@
133
133
  --font-weight-regular: 400;
134
134
  --font-weight-medium: 500;
135
135
  --font-weight-semi-bold: 600;
136
- --font-weight-bold: 800;
136
+ --font-weight-bold: 700;
137
137
  --font-weight-black: 900;
138
138
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
139
139
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -141,7 +141,7 @@
141
141
 
142
142
  /**
143
143
  * Do not edit directly
144
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
144
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
145
145
  */
146
146
 
147
147
  .np-theme-personal {
@@ -286,7 +286,7 @@
286
286
  --font-weight-regular: 400;
287
287
  --font-weight-medium: 500;
288
288
  --font-weight-semi-bold: 600;
289
- --font-weight-bold: 800;
289
+ --font-weight-bold: 700;
290
290
  --font-weight-black: 900;
291
291
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
292
292
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -359,7 +359,7 @@
359
359
 
360
360
  /**
361
361
  * Do not edit directly
362
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
362
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
363
363
  */
364
364
 
365
365
  .np-theme-personal--forest-green {
@@ -532,7 +532,7 @@
532
532
  --font-weight-regular: 400;
533
533
  --font-weight-medium: 500;
534
534
  --font-weight-semi-bold: 600;
535
- --font-weight-bold: 800;
535
+ --font-weight-bold: 700;
536
536
  --font-weight-black: 900;
537
537
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
538
538
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -605,7 +605,7 @@
605
605
 
606
606
  /**
607
607
  * Do not edit directly
608
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
608
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
609
609
  */
610
610
 
611
611
  .np-theme-personal--bright-green {
@@ -778,7 +778,7 @@
778
778
  --font-weight-regular: 400;
779
779
  --font-weight-medium: 500;
780
780
  --font-weight-semi-bold: 600;
781
- --font-weight-bold: 800;
781
+ --font-weight-bold: 700;
782
782
  --font-weight-black: 900;
783
783
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
784
784
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -851,7 +851,7 @@
851
851
 
852
852
  /**
853
853
  * Do not edit directly
854
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
854
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
855
855
  */
856
856
 
857
857
  .np-theme-personal--dark {
@@ -1024,7 +1024,7 @@
1024
1024
  --font-weight-regular: 400;
1025
1025
  --font-weight-medium: 500;
1026
1026
  --font-weight-semi-bold: 600;
1027
- --font-weight-bold: 800;
1027
+ --font-weight-bold: 700;
1028
1028
  --font-weight-black: 900;
1029
1029
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1030
1030
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -1177,7 +1177,7 @@
1177
1177
  }
1178
1178
 
1179
1179
  @font-face {
1180
- font-weight: 800;
1180
+ font-weight: 700;
1181
1181
  font-weight: var(--font-weight-bold);
1182
1182
  font-family: Averta;
1183
1183
  src: url("../fonts/TW-Averta-Bold.woff2") format("woff2"), url("../fonts/TW-Averta-Bold.woff") format("woff");
@@ -2347,7 +2347,7 @@ a,
2347
2347
  font-size: 64px;
2348
2348
  font-size: var(--size-64);
2349
2349
  line-height: normal;
2350
- font-weight: 800;
2350
+ font-weight: 700;
2351
2351
  font-weight: var(--font-weight-bold);
2352
2352
  }
2353
2353
 
@@ -2355,7 +2355,7 @@ a,
2355
2355
  font-size: 52px;
2356
2356
  font-size: var(--size-52);
2357
2357
  line-height: normal;
2358
- font-weight: 800;
2358
+ font-weight: 700;
2359
2359
  font-weight: var(--font-weight-bold);
2360
2360
  }
2361
2361
 
@@ -2363,7 +2363,7 @@ a,
2363
2363
  font-size: 40px;
2364
2364
  font-size: var(--size-40);
2365
2365
  line-height: normal;
2366
- font-weight: 800;
2366
+ font-weight: 700;
2367
2367
  font-weight: var(--font-weight-bold);
2368
2368
  }
2369
2369
 
@@ -3047,7 +3047,7 @@ kbd {
3047
3047
 
3048
3048
  kbd kbd {
3049
3049
  padding: 0;
3050
- font-weight: 800;
3050
+ font-weight: 700;
3051
3051
  font-weight: var(--font-weight-bold);
3052
3052
  font-size: 100%;
3053
3053
  }
@@ -3217,7 +3217,7 @@ kbd kbd {
3217
3217
  }
3218
3218
 
3219
3219
  .font-weight-bold {
3220
- font-weight: 800 !important;
3220
+ font-weight: 700 !important;
3221
3221
  font-weight: var(--font-weight-bold) !important;
3222
3222
  }
3223
3223
 
@@ -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,
@@ -18547,7 +18538,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18547
18538
  color: #0077a5;
18548
18539
  color: var(--color-content-accent-active);
18549
18540
  background-color: transparent;
18550
- font-weight: 800;
18541
+ font-weight: 700;
18551
18542
  font-weight: var(--font-weight-bold);
18552
18543
  }
18553
18544
 
@@ -18816,7 +18807,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18816
18807
 
18817
18808
  .navbar-default .navbar-nav > .active > a,
18818
18809
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
18819
- font-weight: 800;
18810
+ font-weight: 700;
18820
18811
  font-weight: var(--font-weight-bold);
18821
18812
  }
18822
18813
 
@@ -18854,7 +18845,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18854
18845
  background-color: transparent;
18855
18846
  }
18856
18847
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
18857
- font-weight: 800;
18848
+ font-weight: 700;
18858
18849
  font-weight: var(--font-weight-bold);
18859
18850
  }
18860
18851
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -18934,7 +18925,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18934
18925
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
18935
18926
  color: #0077a5;
18936
18927
  color: var(--color-content-accent-active);
18937
- font-weight: 800;
18928
+ font-weight: 700;
18938
18929
  font-weight: var(--font-weight-bold);
18939
18930
  }
18940
18931
 
@@ -19266,7 +19257,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19266
19257
  line-height: var(--line-height-title);
19267
19258
  margin-top: 12px;
19268
19259
  margin-bottom: 12px;
19269
- font-weight: 800;
19260
+ font-weight: 700;
19270
19261
  font-weight: var(--font-weight-bold);
19271
19262
  }
19272
19263
 
@@ -22051,7 +22042,7 @@ button.popover-close {
22051
22042
  height: 100%;
22052
22043
  font-size: 1rem;
22053
22044
  font-size: var(--font-size-16);
22054
- font-weight: 800;
22045
+ font-weight: 700;
22055
22046
  font-weight: var(--font-weight-bold);
22056
22047
  color: #fff;
22057
22048
  text-align: right;
@@ -23620,7 +23611,7 @@ table col[class*="col-"] {
23620
23611
  }
23621
23612
  .table > .thead > ol > li {
23622
23613
  display: table-cell;
23623
- font-weight: 800;
23614
+ font-weight: 700;
23624
23615
  font-weight: var(--font-weight-bold);
23625
23616
  color: #37517e;
23626
23617
  color: var(--color-content-primary);
package/dist/css/progress-bars.css CHANGED
@@ -14,7 +14,7 @@
14
14
  height: 100%;
15
15
  font-size: 1rem;
16
16
  font-size: var(--font-size-16);
17
- font-weight: 800;
17
+ font-weight: 700;
18
18
  font-weight: var(--font-weight-bold);
19
19
  color: #fff;
20
20
  text-align: right;
package/dist/css/table.css CHANGED
@@ -365,7 +365,7 @@ table col[class*="col-"] {
365
365
  }
366
366
  .table > .thead > ol > li {
367
367
  display: table-cell;
368
- font-weight: 800;
368
+ font-weight: 700;
369
369
  font-weight: var(--font-weight-bold);
370
370
  color: #37517e;
371
371
  color: var(--color-content-primary);
package/dist/less/neptune-tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 06 Dec 2023 12:40:57 GMT
3
+ // Generated on Wed, 17 Jan 2024 13:14:10 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -213,13 +213,13 @@
213
213
  @font-weight-regular: 400;
214
214
  @font-weight-medium: 500;
215
215
  @font-weight-semi-bold: 600;
216
- @font-weight-bold: 800;
216
+ @font-weight-bold: 700;
217
217
  @font-weight-black: 900;
218
218
  @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
219
219
  @font-family-display: 'Wise Sans', 'Inter', sans-serif;
220
220
 
221
221
  // Do not edit directly
222
- // Generated on Wed, 06 Dec 2023 12:40:57 GMT
222
+ // Generated on Wed, 17 Jan 2024 13:14:10 GMT
223
223
 
224
224
  @color-base-blue-light: #00b9ff;
225
225
  @color-base-blue-mid: #00a2dd;
package/dist/props/neptune-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
3
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -133,7 +133,7 @@
133
133
  --font-weight-regular: 400;
134
134
  --font-weight-medium: 500;
135
135
  --font-weight-semi-bold: 600;
136
- --font-weight-bold: 800;
136
+ --font-weight-bold: 700;
137
137
  --font-weight-black: 900;
138
138
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
139
139
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
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.4",
4
+ "version": "14.9.6",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -23,7 +23,7 @@
23
23
  "scripts"
24
24
  ],
25
25
  "dependencies": {
26
- "@transferwise/neptune-tokens": "^8.8.0"
26
+ "@transferwise/neptune-tokens": "^8.8.1"
27
27
  },
28
28
  "devDependencies": {
29
29
  "modern-normalize": "^2.0.0",
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