@transferwise/components 0.0.0-experimental-8078c24 → 0.0.0-experimental-7d89ae8

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 (159) hide show
  1. package/package.json +3 -3
  2. package/src/accordion/Accordion.css +0 -74
  3. package/src/actionButton/ActionButton.css +0 -64
  4. package/src/actionOption/ActionOption.css +0 -4
  5. package/src/alert/Alert.css +0 -7
  6. package/src/avatar/Avatar.css +0 -250
  7. package/src/avatarLayout/AvatarLayout.css +0 -42
  8. package/src/avatarView/AvatarView.css +0 -44
  9. package/src/avatarView/Dot.css +0 -26
  10. package/src/badge/Badge.css +0 -65
  11. package/src/body/Body.css +0 -3
  12. package/src/button/Button.css +0 -246
  13. package/src/button/Button.vars.css +0 -46
  14. package/src/button/LegacyButton.css +0 -23
  15. package/src/card/Card.css +0 -100
  16. package/src/carousel/Carousel.css +0 -134
  17. package/src/checkboxButton/CheckboxButton.css +0 -43
  18. package/src/chips/Chip.css +0 -190
  19. package/src/circularButton/CircularButton.css +0 -34
  20. package/src/common/Option/Option.css +0 -120
  21. package/src/common/RadioButton/RadioButton.css +0 -4
  22. package/src/common/baseCard/BaseCard.css +0 -49
  23. package/src/common/bottomSheet/BottomSheet.css +0 -53
  24. package/src/common/circle/Circle.css +0 -43
  25. package/src/common/closeButton/CloseButton.css +0 -94
  26. package/src/common/liveRegion/LiveRegion.css +0 -3
  27. package/src/common/panel/Panel.css +0 -73
  28. package/src/container/Container.css +0 -38
  29. package/src/criticalBanner/CriticalCommsBanner.css +0 -63
  30. package/src/dateInput/DateInput.css +0 -16
  31. package/src/dateLookup/DateLookup.css +0 -93
  32. package/src/dateLookup/dateTrigger/DateTrigger.css +0 -29
  33. package/src/decision/Decision.css +0 -17
  34. package/src/definitionList/DefinitionList.css +0 -53
  35. package/src/dimmer/Dimmer.css +0 -70
  36. package/src/divider/Divider.css +0 -24
  37. package/src/drawer/Drawer.css +0 -56
  38. package/src/dropFade/DropFade.css +0 -19
  39. package/src/emphasis/Emphasis.css +0 -31
  40. package/src/expressiveMoneyInput/ExpressiveMoneyInput.css +0 -60
  41. package/src/expressiveMoneyInput/amountInput/AmountInput.css +0 -34
  42. package/src/expressiveMoneyInput/chevron/Chevron.css +0 -12
  43. package/src/expressiveMoneyInput/currencySelector/CurrencySelector.css +0 -6
  44. package/src/field/Field.css +0 -29
  45. package/src/flowNavigation/FlowNavigation.css +0 -76
  46. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +0 -30
  47. package/src/header/Header.css +0 -33
  48. package/src/iconButton/IconButton.css +0 -82
  49. package/src/image/Image.css +0 -13
  50. package/src/info/Info.css +0 -9
  51. package/src/inputs/Input.css +0 -158
  52. package/src/inputs/InputGroup.css +0 -71
  53. package/src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +0 -96
  54. package/src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +0 -20
  55. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.css +0 -46
  56. package/src/inputs/SelectInput/ItemView/SelectInputItemView.css +0 -16
  57. package/src/inputs/SelectInput/Option/SelectInputOption.css +0 -33
  58. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +0 -37
  59. package/src/inputs/SelectInput/Options/SelectInputOptions.css +0 -81
  60. package/src/inputs/SelectInput/Popover/SelectInputPopover.css +0 -46
  61. package/src/inputs/SelectInput/SelectInput.css +0 -384
  62. package/src/inputs/TextArea.css +0 -161
  63. package/src/instructionsList/InstructionsList.css +0 -26
  64. package/src/legacylistItem/LegacyListItem.css +0 -6
  65. package/src/link/Link.css +0 -24
  66. package/src/listItem/ListItem.css +0 -660
  67. package/src/listItem/ListItem.grid.css +0 -384
  68. package/src/listItem/ListItem.vars.css +0 -0
  69. package/src/listItem/Prompt/ListItemPrompt.css +0 -4
  70. package/src/loader/Loader.css +0 -237
  71. package/src/logo/Logo.css +0 -6
  72. package/src/main.css +0 -34572
  73. package/src/modal/Modal.css +0 -82
  74. package/src/moneyInput/MoneyInput.css +0 -78
  75. package/src/navigationOption/NavigationOption.css +0 -69
  76. package/src/navigationOptionsList/NavigationOptionsList.css +0 -13
  77. package/src/nudge/Nudge.css +0 -206
  78. package/src/overlayHeader/OverlayHeader.css +0 -15
  79. package/src/phoneNumberInput/PhoneNumberInput.css +0 -28
  80. package/src/popover/Popover.css +0 -76
  81. package/src/progress/Progress.css +0 -43
  82. package/src/progressBar/ProgressBar.css +0 -14
  83. package/src/promoCard/PromoCard.css +0 -186
  84. package/src/prompt/ActionPrompt/ActionPrompt.css +0 -30
  85. package/src/prompt/CriticalBanner/CriticalBanner.css +0 -134
  86. package/src/prompt/CriticalBanner/CriticalBanner.vars.css +0 -0
  87. package/src/prompt/InfoPrompt/InfoPrompt.css +0 -57
  88. package/src/prompt/InlinePrompt/InlinePrompt.css +0 -57
  89. package/src/prompt/PrimitivePrompt/PrimitivePrompt.css +0 -51
  90. package/src/prompt/common/Expander/Expander.css +0 -8
  91. package/src/radioGroup/RadioGroup.css +0 -3
  92. package/src/section/Section.css +0 -10
  93. package/src/segmentedControl/SegmentedControl.css +0 -101
  94. package/src/select/Select.css +0 -369
  95. package/src/sentimentSurface/SentimentSurface.css +0 -487
  96. package/src/slidingPanel/SlidingPanel.css +0 -105
  97. package/src/snackbar/Snackbar.css +0 -93
  98. package/src/statusIcon/StatusIcon.css +0 -37
  99. package/src/stepper/Stepper.css +0 -77
  100. package/src/styles/less/accordion.css +0 -255
  101. package/src/styles/less/alerts.css +0 -751
  102. package/src/styles/less/background.css +0 -20
  103. package/src/styles/less/badge.css +0 -90
  104. package/src/styles/less/border-radius.css +0 -3
  105. package/src/styles/less/breadcrumbs.css +0 -20
  106. package/src/styles/less/button-groups.css +0 -495
  107. package/src/styles/less/buttons.css +0 -1390
  108. package/src/styles/less/chevron.css +0 -35
  109. package/src/styles/less/circles.css +0 -248
  110. package/src/styles/less/close.css +0 -47
  111. package/src/styles/less/column-layout.css +0 -164
  112. package/src/styles/less/core/viewport-themes.css +0 -63
  113. package/src/styles/less/currency-flags.css +0 -46
  114. package/src/styles/less/decision.css +0 -136
  115. package/src/styles/less/dropdowns.css +0 -472
  116. package/src/styles/less/droppable.css +0 -221
  117. package/src/styles/less/flex.css +0 -596
  118. package/src/styles/less/footer.css +0 -129
  119. package/src/styles/less/forms/bootstrap-forms.css +0 -2277
  120. package/src/styles/less/forms/checkbox-radio.css +0 -367
  121. package/src/styles/less/grid.css +0 -2369
  122. package/src/styles/less/input-groups.css +0 -2740
  123. package/src/styles/less/link-callout.css +0 -20
  124. package/src/styles/less/list-group.css +0 -350
  125. package/src/styles/less/loaders.css +0 -76
  126. package/src/styles/less/media.css +0 -74
  127. package/src/styles/less/modals.css +0 -185
  128. package/src/styles/less/navbar.css +0 -2406
  129. package/src/styles/less/navs.css +0 -296
  130. package/src/styles/less/neptune-social-media.css +0 -144
  131. package/src/styles/less/neptune.css +0 -25468
  132. package/src/styles/less/panels.css +0 -528
  133. package/src/styles/less/popovers.css +0 -661
  134. package/src/styles/less/process.css +0 -483
  135. package/src/styles/less/progress-bars.css +0 -64
  136. package/src/styles/less/ring.css +0 -55
  137. package/src/styles/less/select.css +0 -99
  138. package/src/styles/less/sequences.css +0 -855
  139. package/src/styles/less/table.css +0 -446
  140. package/src/styles/less/tick.css +0 -32
  141. package/src/styles/less/tooltip.css +0 -160
  142. package/src/styles/less/utilities.css +0 -133
  143. package/src/styles/less/wells.css +0 -60
  144. package/src/styles/variables/legacy-variables.css +0 -0
  145. package/src/styles/variables/neptune-tokens.css +0 -0
  146. package/src/styles/variables/zindex.css +0 -0
  147. package/src/summary/Summary.css +0 -81
  148. package/src/switch/Switch.css +0 -63
  149. package/src/switchOption/SwitchOption.css +0 -4
  150. package/src/table/Table.css +0 -274
  151. package/src/tabs/Tabs.css +0 -121
  152. package/src/tile/Tile.css +0 -68
  153. package/src/tooltip/Tooltip.css +0 -50
  154. package/src/typeahead/Typeahead.css +0 -187
  155. package/src/typeahead/typeaheadOption/TypeaheadOption.css +0 -9
  156. package/src/upload/Upload.css +0 -34
  157. package/src/uploadInput/UploadInput.css +0 -18
  158. package/src/uploadInput/uploadButton/UploadButton.css +0 -90
  159. package/src/uploadInput/uploadItem/UploadItem.css +0 -166
package/src/select/Select.css DELETED
@@ -1,369 +0,0 @@
1
- .np-select .np-dropdown-toggle {
2
- background-color: #ffffff;
3
- background-color: var(--color-background-screen);
4
- border: 1px solid #c9cbce;
5
- border: 1px solid var(--color-interactive-secondary);
6
- border-radius: 10px;
7
- border-radius: var(--radius-small);
8
- color: #37517e;
9
- color: var(--color-content-primary);
10
- font-weight: 400;
11
- font-weight: var(--font-weight-regular);
12
- overflow: hidden;
13
- padding-left: 16px;
14
- padding-left: var(--size-16);
15
- text-align: left;
16
- text-overflow: ellipsis;
17
- max-width: 100%;
18
- }
19
- [dir="rtl"] .np-select .np-dropdown-toggle {
20
- text-align: right;
21
- }
22
- .np-select .np-dropdown-toggle:focus-visible {
23
- outline: none;
24
- }
25
- .np-theme-personal .np-select .np-dropdown-toggle {
26
- border-radius: 10px;
27
- border-radius: var(--radius-small);
28
- }
29
- .has-error .np-select .np-dropdown-toggle {
30
- border: 1px solid #e74848;
31
- border: 1px solid var(--color-interactive-negative);
32
- }
33
- .np-select .np-dropdown-toggle-navy {
34
- --color-content-accent: #00b9ff;
35
- --color-content-primary: #ffffff;
36
- --color-content-secondary: #c9cbce;
37
- --color-background-screen: #2e4369;
38
- --color-interactive-secondary: #2e4369;
39
- --color-interactive-secondary-hover: #2e4369;
40
- }
41
- .np-select .np-dropdown-toggle.np-btn-sm {
42
- padding-right: 32px;
43
- padding-right: var(--size-32);
44
- }
45
- [dir="rtl"] .np-select .np-dropdown-toggle.np-btn-sm {
46
- padding-left: 32px;
47
- padding-left: var(--size-32);
48
- padding-right: 0;
49
- padding-right: initial;
50
- }
51
- .np-select .np-dropdown-toggle.np-btn-md {
52
- padding-right: 40px;
53
- padding-right: var(--size-40);
54
- }
55
- [dir="rtl"] .np-select .np-dropdown-toggle.np-btn-md {
56
- padding-left: 40px;
57
- padding-left: var(--size-40);
58
- padding-right: 0;
59
- padding-right: initial;
60
- }
61
- .np-select .np-dropdown-toggle.np-btn-lg {
62
- padding-right: 48px;
63
- padding-right: var(--size-48);
64
- }
65
- [dir="rtl"] .np-select .np-dropdown-toggle.np-btn-lg {
66
- padding-left: 48px;
67
- padding-left: var(--size-48);
68
- padding-right: 0;
69
- padding-right: initial;
70
- }
71
- .np-select .np-dropdown-toggle .np-select-chevron {
72
- margin: 0 ;
73
- position: absolute;
74
- right: 16px;
75
- right: var(--size-16);
76
- top: 16px;
77
- top: var(--size-16);
78
- }
79
- [dir="rtl"] .np-select .np-dropdown-toggle .np-select-chevron {
80
- margin: 0 ;
81
- }
82
- [dir="rtl"] .np-select .np-dropdown-toggle .np-select-chevron {
83
- left: 16px;
84
- left: var(--size-16);
85
- right: auto;
86
- right: initial;
87
- }
88
- .np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron {
89
- right: 8px;
90
- right: var(--size-8);
91
- top: 8px;
92
- top: var(--size-8);
93
- }
94
- [dir="rtl"] .np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron {
95
- left: 8px;
96
- left: var(--size-8);
97
- right: auto;
98
- right: initial;
99
- }
100
- .np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron {
101
- top: 27px;
102
- }
103
- .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading) {
104
- color: #37517e;
105
- color: var(--color-content-primary);
106
- }
107
- .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
108
- border-color: #b5b7ba;
109
- border-color: var(--color-interactive-secondary-hover);
110
- }
111
- .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
112
- border-color: #00a2dd;
113
- border-color: var(--color-interactive-accent);
114
- }
115
- .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
116
- border-color: #c9cbce;
117
- border-color: var(--color-interactive-secondary);
118
- }
119
- .np-option-content {
120
- max-width: 100%;
121
- }
122
- .np-option-content .d-flex:last-child {
123
- max-width: calc(100% - 32px);
124
- }
125
- .np-dropdown-menu-desktop {
126
- max-height: 70svh;
127
- max-height: var(--np-panel-available-height, 70svh);
128
- min-width: 160px;
129
- max-width: calc(100vw - 32px);
130
- }
131
- @media (min-height: 592px) {
132
- .np-dropdown-menu-desktop {
133
- max-height: 592px;
134
- max-height: var(--np-panel-available-height, 592px);
135
- }
136
- }
137
- .np-dropdown-menu {
138
- border-radius: 10px;
139
- border-radius: var(--radius-small);
140
- overflow: auto;
141
- margin: 0;
142
- padding: 0 ;
143
- list-style: none;
144
- text-align: left;
145
- background-color: #ffffff;
146
- background-color: var(--color-background-screen);
147
- }
148
- [dir="rtl"] .np-dropdown-menu {
149
- padding: 0 ;
150
- }
151
- [dir="rtl"] .np-dropdown-menu {
152
- text-align: right;
153
- }
154
- .np-theme-personal .np-dropdown-menu {
155
- border-radius: 10px;
156
- border-radius: var(--radius-small);
157
- }
158
- .np-dropdown-menu-sm {
159
- width: 220px;
160
- }
161
- .np-dropdown-menu-md {
162
- width: 300px;
163
- }
164
- .np-dropdown-menu-lg {
165
- width: 420px;
166
- }
167
- .np-dropdown-menu .np-dropdown-item--focused {
168
- background-color: rgba(134,167,189,0.10196);
169
- background-color: var(--color-background-neutral);
170
- border-radius: 10px;
171
- border-radius: var(--radius-small);
172
- }
173
- .np-dropdown-menu .np-dropdown-item > a {
174
- white-space: normal;
175
- }
176
- .np-dropdown-menu > li > a {
177
- text-overflow: ellipsis;
178
- -webkit-text-decoration: none;
179
- text-decoration: none;
180
- white-space: nowrap;
181
- display: block;
182
- padding: 12px 16px;
183
- padding: var(--size-12) var(--size-16);
184
- clear: both;
185
- border-radius: 10px;
186
- border-radius: var(--radius-small);
187
- color: #37517e;
188
- color: var(--color-content-primary);
189
- font-size: 0.875rem;
190
- font-size: var(--font-size-14);
191
- line-height: 155%;
192
- letter-spacing: -0.006em;
193
- font-weight: 400;
194
- font-weight: var(--font-weight-regular);
195
- }
196
- .np-theme-personal .np-dropdown-menu > li > a {
197
- border-radius: 10px;
198
- border-radius: var(--radius-small);
199
- }
200
- .np-dropdown-menu > li:first-child > a {
201
- border-top-right-radius: 3px;
202
- border-top-left-radius: 3px;
203
- }
204
- .np-theme-personal .np-dropdown-menu > li:first-child > a {
205
- border-top-right-radius: 10px;
206
- border-top-right-radius: var(--radius-small);
207
- border-top-left-radius: 10px;
208
- border-top-left-radius: var(--radius-small);
209
- }
210
- .np-dropdown-menu > li:last-child > a {
211
- border-bottom-right-radius: 3px;
212
- border-bottom-left-radius: 3px;
213
- }
214
- .np-theme-personal .np-dropdown-menu > li:last-child > a {
215
- border-bottom-right-radius: 10px;
216
- border-bottom-right-radius: var(--radius-small);
217
- border-bottom-left-radius: 10px;
218
- border-bottom-left-radius: var(--radius-small);
219
- }
220
- .np-dropdown-menu > li:not(.active):not(.selected):not(:has(input)) > a:not([disabled]):not(.disabled):hover,
221
- .np-dropdown-menu > li:not(.active):not(.selected):not(:has(input)) > a:not([disabled]):not(.disabled):focus {
222
- color: #37517e;
223
- color: var(--color-content-primary);
224
- background-color: rgba(134,167,189,0.10196);
225
- background-color: var(--color-background-neutral);
226
- }
227
- .np-dropdown-menu > li:not(.active):not(.selected):not(:has(input)) > a:not([disabled]):not(.disabled):active {
228
- color: #ffffff;
229
- background-color: #37517e;
230
- }
231
- .np-dropdown-menu > .active > a,
232
- .np-dropdown-menu > .selected > a,
233
- .np-dropdown-menu > .active > a:hover,
234
- .np-dropdown-menu > .selected > a:hover,
235
- .np-dropdown-menu > .active > a:focus,
236
- .np-dropdown-menu > .selected > a:focus {
237
- color: #ffffff;
238
- background-color: #37517e;
239
- }
240
- .np-dropdown-menu > .active > a strong,
241
- .np-dropdown-menu > .selected > a strong {
242
- color: inherit;
243
- }
244
- .np-dropdown-menu > .active > a .np-text-body-default,
245
- .np-dropdown-menu > .selected > a .np-text-body-default {
246
- color: #c9cbce;
247
- }
248
- .np-dropdown-menu .np-select-filter,
249
- .np-dropdown-menu .input-group-addon {
250
- border: 0;
251
- }
252
- .np-dropdown-menu .np-separator {
253
- height: 1px;
254
- margin: 0;
255
- overflow: hidden;
256
- background-color: rgba(134,167,189,0.10196);
257
- background-color: var(--color-background-neutral);
258
- }
259
- .np-dropdown-menu .np-dropdown-header {
260
- padding: 8px 16px;
261
- padding: var(--size-8) var(--size-16);
262
- color: #5d7079;
263
- color: var(--color-content-secondary);
264
- display: block;
265
- font-size: 0.875rem;
266
- font-size: var(--font-size-14);
267
- font-weight: 400;
268
- font-weight: var(--font-weight-regular);
269
- line-height: 1.5;
270
- line-height: var(--line-height-body);
271
- white-space: nowrap;
272
- }
273
- .np-select .tw-icon,
274
- .np-dropdown-menu .tw-icon,
275
- .np-select img,
276
- .np-dropdown-menu img {
277
- margin-right: 8px;
278
- margin-right: var(--size-8);
279
- display: inline-block;
280
- vertical-align: middle;
281
- }
282
- [dir="rtl"] .np-select .tw-icon,
283
- [dir="rtl"] .np-dropdown-menu .tw-icon,
284
- [dir="rtl"] .np-select img,
285
- [dir="rtl"] .np-dropdown-menu img {
286
- margin-left: 8px;
287
- margin-left: var(--size-8);
288
- margin-right: 0;
289
- margin-right: initial;
290
- }
291
- .np-select .np-text-body-default,
292
- .np-dropdown-menu .np-text-body-default {
293
- color: #5d7079;
294
- color: var(--color-content-secondary);
295
- }
296
- .np-select .tw-icon-search,
297
- .np-dropdown-menu .tw-icon-search {
298
- margin-right: 0;
299
- }
300
- .np-theme-personal {
301
- /* stylelint-disable-next-line no-duplicate-selectors */
302
- /* stylelint-disable-next-line no-duplicate-selectors */
303
- }
304
- .np-theme-personal .np-select .np-dropdown-toggle {
305
- background-color: transparent;
306
- background-color: initial;
307
- transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
308
- border: none;
309
- box-shadow: inset 0 0 0 1px #c9cbce;
310
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
311
- }
312
- .np-theme-personal .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):hover {
313
- box-shadow: inset 0 0 0 2px #b5b7ba;
314
- box-shadow: inset 0 0 0 2px var(--color-interactive-secondary-hover);
315
- }
316
- .np-theme-personal .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus,
317
- .np-theme-personal .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus-visible,
318
- .np-theme-personal .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus-within {
319
- box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
320
- }
321
- .np-theme-personal .has-error .np-select .np-dropdown-toggle,
322
- .np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):hover {
323
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
324
- }
325
- .np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus,
326
- .np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus-visible,
327
- .np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled):not(:disabled):focus-within {
328
- box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
329
- }
330
- .np-theme-personal .np-dropdown-menu {
331
- outline: none;
332
- }
333
- .np-theme-personal .np-dropdown-menu .active a,
334
- .np-theme-personal .np-dropdown-menu .selected a,
335
- .np-theme-personal .np-dropdown-menu .active a:focus,
336
- .np-theme-personal .np-dropdown-menu .selected a:focus,
337
- .np-theme-personal .np-dropdown-menu .active a:hover,
338
- .np-theme-personal .np-dropdown-menu .selected a:hover {
339
- color: var(--color-interactive-primary);
340
- background-color: var(--color-background-neutral-active);
341
- }
342
- .np-theme-personal .np-dropdown-menu .active a .body-2,
343
- .np-theme-personal .np-dropdown-menu .selected a .body-2,
344
- .np-theme-personal .np-dropdown-menu .active a:focus .body-2,
345
- .np-theme-personal .np-dropdown-menu .selected a:focus .body-2,
346
- .np-theme-personal .np-dropdown-menu .active a:hover .body-2,
347
- .np-theme-personal .np-dropdown-menu .selected a:hover .body-2,
348
- .np-theme-personal .np-dropdown-menu .active a .np-text-body-default,
349
- .np-theme-personal .np-dropdown-menu .selected a .np-text-body-default,
350
- .np-theme-personal .np-dropdown-menu .active a:focus .np-text-body-default,
351
- .np-theme-personal .np-dropdown-menu .selected a:focus .np-text-body-default,
352
- .np-theme-personal .np-dropdown-menu .active a:hover .np-text-body-default,
353
- .np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default {
354
- color: var(--color-interactive-primary);
355
- }
356
- .np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active {
357
- color: var(--color-interactive-primary) !important;
358
- background-color: var(--color-background-neutral-active) !important;
359
- }
360
- .np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active .body-2,
361
- .np-theme-personal .np-dropdown-menu li:not(.active):not(.selected):not(:has(input)) a:not([disabled]):not(.disabled):active .np-text-body-default {
362
- color: var(--color-interactive-primary);
363
- }
364
- .np-theme-personal .np-dropdown-menu .np-dropdown-item {
365
- outline: none;
366
- }
367
- .np-theme-personal .np-dropdown-menu .np-dropdown-item--focused {
368
- box-shadow: inset 0 0 0 2px var(--color-interactive-primary);
369
- }