@transferwise/neptune-css 14.24.5 → 14.24.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 (16) hide show
  1. package/dist/css/accordion.css +0 -4
  2. package/dist/css/button-groups.css +179 -92
  3. package/dist/css/buttons.css +0 -4
  4. package/dist/css/decision.css +43 -24
  5. package/dist/css/dropdowns.css +97 -51
  6. package/dist/css/droppable.css +91 -47
  7. package/dist/css/footer.css +43 -24
  8. package/dist/css/input-groups.css +0 -4
  9. package/dist/css/list-group.css +119 -62
  10. package/dist/css/navbar.css +0 -4
  11. package/dist/css/neptune.css +16 -16
  12. package/dist/css/popovers.css +215 -110
  13. package/dist/css/tooltip.css +49 -27
  14. package/dist/less/neptune-tokens.less +2 -2
  15. package/dist/props/neptune-tokens.css +1 -1
  16. package/package.json +2 -2
package/dist/css/accordion.css CHANGED
@@ -33,10 +33,6 @@
33
33
  .np-theme-personal .chevron-color {
34
34
  color: var(--color-interactive-primary);
35
35
  }
36
- @media (min-width: 768px) {
37
- }
38
- @media (min-width: 768px) {
39
- }
40
36
  .decision {
41
37
  cursor: pointer;
42
38
  margin-bottom: 0 !important;
package/dist/css/button-groups.css CHANGED
@@ -1,51 +1,59 @@
1
- @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
- }.btn-group,
1
+ .btn-group,
4
2
  .btn-group-vertical {
5
3
  position: relative;
6
4
  display: inline-block;
7
5
  vertical-align: middle;
8
- }.btn-group > .btn,
6
+ }
7
+ .btn-group > .btn,
9
8
  .btn-group-vertical > .btn {
10
9
  position: relative;
11
10
  float: left;
12
- }[dir="rtl"] .btn-group > .btn,
11
+ }
12
+ [dir="rtl"] .btn-group > .btn,
13
13
  [dir="rtl"] .btn-group-vertical > .btn {
14
14
  float: right;
15
- }.btn-group .btn + .btn,
15
+ }
16
+ .btn-group .btn + .btn,
16
17
  .btn-group .btn + .btn-group,
17
18
  .btn-group .btn-group + .btn,
18
19
  .btn-group .btn-group + .btn-group {
19
20
  margin-left: -1px;
20
- }[dir="rtl"] .btn-group .btn + .btn,
21
+ }
22
+ [dir="rtl"] .btn-group .btn + .btn,
21
23
  [dir="rtl"] .btn-group .btn + .btn-group,
22
24
  [dir="rtl"] .btn-group .btn-group + .btn,
23
25
  [dir="rtl"] .btn-group .btn-group + .btn-group {
24
26
  margin-right: -1px;
25
27
  margin-left: 0;
26
28
  margin-left: initial;
27
- }.btn-toolbar::before,
29
+ }
30
+ .btn-toolbar::before,
28
31
  .btn-toolbar::after {
29
32
  content: " ";
30
33
  display: table;
31
- }.btn-toolbar::after {
34
+ }
35
+ .btn-toolbar::after {
32
36
  clear: both;
33
- }.btn-toolbar .btn,
37
+ }
38
+ .btn-toolbar .btn,
34
39
  .btn-toolbar .btn-group,
35
40
  .btn-toolbar .input-group {
36
41
  width: 100%;
37
42
  margin-bottom: 16px;
38
- }.btn-toolbar .btn-group .btn,
43
+ }
44
+ .btn-toolbar .btn-group .btn,
39
45
  .btn-toolbar .input-group .btn {
40
46
  width: auto;
41
47
  margin: 0;
42
48
  margin-left: -1px;
43
- }[dir="rtl"] .btn-toolbar .btn-group .btn,
49
+ }
50
+ [dir="rtl"] .btn-toolbar .btn-group .btn,
44
51
  [dir="rtl"] .btn-toolbar .input-group .btn {
45
52
  margin-right: -1px;
46
53
  margin-left: 0;
47
54
  margin-left: initial;
48
- }@media (min-width: 992px) {
55
+ }
56
+ @media (min-width: 992px) {
49
57
  .btn-toolbar:not(.btn-toolbar-xl) {
50
58
  margin-left: -4px;
51
59
  margin-right: -4px;
@@ -64,10 +72,12 @@
64
72
  [dir="rtl"] .btn-toolbar:not(.btn-toolbar-xl) .input-group {
65
73
  float: right;
66
74
  }
67
- }.btn-toolbar.btn-toolbar-xs {
75
+ }
76
+ .btn-toolbar.btn-toolbar-xs {
68
77
  margin-left: -4px;
69
78
  margin-right: -4px;
70
- }.btn-toolbar.btn-toolbar-xs .btn,
79
+ }
80
+ .btn-toolbar.btn-toolbar-xs .btn,
71
81
  .btn-toolbar.btn-toolbar-xs .btn-group,
72
82
  .btn-toolbar.btn-toolbar-xs .input-group {
73
83
  width: auto;
@@ -75,11 +85,13 @@
75
85
  float: left;
76
86
  margin-left: 4px;
77
87
  margin-right: 4px;
78
- }[dir="rtl"] .btn-toolbar.btn-toolbar-xs .btn,
88
+ }
89
+ [dir="rtl"] .btn-toolbar.btn-toolbar-xs .btn,
79
90
  [dir="rtl"] .btn-toolbar.btn-toolbar-xs .btn-group,
80
91
  [dir="rtl"] .btn-toolbar.btn-toolbar-xs .input-group {
81
92
  float: right;
82
- }@media (min-width: 576px) {
93
+ }
94
+ @media (min-width: 576px) {
83
95
  .btn-toolbar.btn-toolbar-sm {
84
96
  margin-left: -4px;
85
97
  margin-right: -4px;
@@ -98,7 +110,8 @@
98
110
  [dir="rtl"] .btn-toolbar.btn-toolbar-sm .input-group {
99
111
  float: right;
100
112
  }
101
- }@media (min-width: 768px) {
113
+ }
114
+ @media (min-width: 768px) {
102
115
  .btn-toolbar.btn-toolbar-md {
103
116
  margin-left: -4px;
104
117
  margin-right: -4px;
@@ -117,7 +130,8 @@
117
130
  [dir="rtl"] .btn-toolbar.btn-toolbar-md .input-group {
118
131
  float: right;
119
132
  }
120
- }@media (min-width: 992px) {
133
+ }
134
+ @media (min-width: 992px) {
121
135
  .btn-toolbar.btn-toolbar-lg {
122
136
  margin-left: -4px;
123
137
  margin-right: -4px;
@@ -136,7 +150,8 @@
136
150
  [dir="rtl"] .btn-toolbar.btn-toolbar-lg .input-group {
137
151
  float: right;
138
152
  }
139
- }@media (min-width: 1200px) {
153
+ }
154
+ @media (min-width: 1200px) {
140
155
  .btn-toolbar.btn-toolbar-xl {
141
156
  margin-left: -4px;
142
157
  margin-right: -4px;
@@ -155,203 +170,263 @@
155
170
  [dir="rtl"] .btn-toolbar.btn-toolbar-xl .input-group {
156
171
  float: right;
157
172
  }
158
- }.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
173
+ }
174
+ .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
159
175
  border-radius: 0;
160
- }.btn-group > .btn:first-child {
176
+ }
177
+ .btn-group > .btn:first-child {
161
178
  margin-left: 0;
162
- }[dir="rtl"] .btn-group > .btn:first-child {
179
+ }
180
+ [dir="rtl"] .btn-group > .btn:first-child {
163
181
  margin-right: 0;
164
182
  margin-left: 0;
165
183
  margin-left: initial;
166
- }[dir="rtl"] .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
184
+ }
185
+ [dir="rtl"] .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
167
186
  border-bottom-left-radius: 0;
168
187
  border-top-left-radius: 0;
169
- }html:not([dir="rtl"]) .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
188
+ }
189
+ html:not([dir="rtl"]) .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
170
190
  border-bottom-right-radius: 0;
171
191
  border-top-right-radius: 0;
172
- }[dir="rtl"] .btn-group > .btn:last-child:not(:first-child),
192
+ }
193
+ [dir="rtl"] .btn-group > .btn:last-child:not(:first-child),
173
194
  [dir="rtl"] .btn-group > .dropdown-toggle:not(:first-child) {
174
195
  border-bottom-right-radius: 0;
175
196
  border-top-right-radius: 0;
176
- }html:not([dir="rtl"]) .btn-group > .btn:last-child:not(:first-child),
197
+ }
198
+ html:not([dir="rtl"]) .btn-group > .btn:last-child:not(:first-child),
177
199
  html:not([dir="rtl"]) .btn-group > .dropdown-toggle:not(:first-child) {
178
200
  border-bottom-left-radius: 0;
179
201
  border-top-left-radius: 0;
180
- }.btn-group > .btn-group {
202
+ }
203
+ .btn-group > .btn-group {
181
204
  float: left;
182
- }[dir="rtl"] .btn-group > .btn-group {
205
+ }
206
+ [dir="rtl"] .btn-group > .btn-group {
183
207
  float: right;
184
- }.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
208
+ }
209
+ .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
185
210
  border-radius: 0;
186
- }[dir="rtl"] .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
211
+ }
212
+ [dir="rtl"] .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
187
213
  [dir="rtl"] .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
188
214
  border-bottom-left-radius: 0;
189
215
  border-top-left-radius: 0;
190
- }html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
216
+ }
217
+ html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
191
218
  html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
192
219
  border-bottom-right-radius: 0;
193
220
  border-top-right-radius: 0;
194
- }[dir="rtl"] .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
221
+ }
222
+ [dir="rtl"] .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
195
223
  border-bottom-right-radius: 0;
196
224
  border-top-right-radius: 0;
197
- }html:not([dir="rtl"]) .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
225
+ }
226
+ html:not([dir="rtl"]) .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
198
227
  border-bottom-left-radius: 0;
199
228
  border-top-left-radius: 0;
200
- }.btn-group .dropdown-toggle:active,
229
+ }
230
+ .btn-group .dropdown-toggle:active,
201
231
  .btn-group.open .dropdown-toggle {
202
232
  outline: 0;
203
- }.btn-group > .btn + .dropdown-toggle {
233
+ }
234
+ .btn-group > .btn + .dropdown-toggle {
204
235
  padding-left: 12px;
205
236
  padding-right: 12px;
206
- }[dir="rtl"] .btn-group > .btn + .dropdown-toggle {
237
+ }
238
+ [dir="rtl"] .btn-group > .btn + .dropdown-toggle {
207
239
  padding-right: 12px;
208
240
  padding-left: 0;
209
241
  padding-left: initial;
210
- }[dir="rtl"] .btn-group > .btn + .dropdown-toggle {
242
+ }
243
+ [dir="rtl"] .btn-group > .btn + .dropdown-toggle {
211
244
  padding-left: 12px;
212
245
  padding-right: 0;
213
246
  padding-right: initial;
214
- }.btn-group > .btn-lg + .dropdown-toggle {
247
+ }
248
+ .btn-group > .btn-lg + .dropdown-toggle {
215
249
  padding-left: 12px;
216
250
  padding-right: 12px;
217
- }[dir="rtl"] .btn-group > .btn-lg + .dropdown-toggle {
251
+ }
252
+ [dir="rtl"] .btn-group > .btn-lg + .dropdown-toggle {
218
253
  padding-right: 12px;
219
254
  padding-left: 0;
220
255
  padding-left: initial;
221
- }[dir="rtl"] .btn-group > .btn-lg + .dropdown-toggle {
256
+ }
257
+ [dir="rtl"] .btn-group > .btn-lg + .dropdown-toggle {
222
258
  padding-left: 12px;
223
259
  padding-right: 0;
224
260
  padding-right: initial;
225
- }.btn-group.open .dropdown-toggle {
261
+ }
262
+ .btn-group.open .dropdown-toggle {
226
263
  box-shadow: none;
227
- }.btn-group.open .dropdown-toggle.btn-link {
264
+ }
265
+ .btn-group.open .dropdown-toggle.btn-link {
228
266
  box-shadow: none;
229
- }.btn-lg .caret {
267
+ }
268
+ .btn-lg .caret {
230
269
  border-width: 5px 5px 0;
231
270
  border-bottom-width: 0;
232
- }.btn-sm .caret,
271
+ }
272
+ .btn-sm .caret,
233
273
  .input-group-sm .btn .caret {
234
274
  top: 8px !important;
235
- }.btn-lg .caret,
275
+ }
276
+ .btn-lg .caret,
236
277
  .input-group-lg .btn .caret {
237
278
  top: 27px !important;
238
- }.dropup .btn-lg .caret {
279
+ }
280
+ .dropup .btn-lg .caret {
239
281
  border-width: 0 5px 5px;
240
- }.btn-group-vertical > .btn,
282
+ }
283
+ .btn-group-vertical > .btn,
241
284
  .btn-group-vertical > .btn-group,
242
285
  .btn-group-vertical > .btn-group > .btn {
243
286
  display: block;
244
287
  float: none;
245
288
  width: 100%;
246
289
  max-width: 100%;
247
- }.btn-group-vertical > .btn-group > .btn {
290
+ }
291
+ .btn-group-vertical > .btn-group > .btn {
248
292
  float: none;
249
- }.btn-group-vertical > .btn + .btn,
293
+ }
294
+ .btn-group-vertical > .btn + .btn,
250
295
  .btn-group-vertical > .btn + .btn-group,
251
296
  .btn-group-vertical > .btn-group + .btn,
252
297
  .btn-group-vertical > .btn-group + .btn-group {
253
298
  margin-top: -1px;
254
299
  margin-left: 0;
255
- }[dir="rtl"] .btn-group-vertical > .btn + .btn,
300
+ }
301
+ [dir="rtl"] .btn-group-vertical > .btn + .btn,
256
302
  [dir="rtl"] .btn-group-vertical > .btn + .btn-group,
257
303
  [dir="rtl"] .btn-group-vertical > .btn-group + .btn,
258
304
  [dir="rtl"] .btn-group-vertical > .btn-group + .btn-group {
259
305
  margin-right: 0;
260
306
  margin-left: 0;
261
307
  margin-left: initial;
262
- }.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
308
+ }
309
+ .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
263
310
  border-radius: 0;
264
- }.btn-group-vertical > .btn:first-child:not(:last-child) {
311
+ }
312
+ .btn-group-vertical > .btn:first-child:not(:last-child) {
265
313
  border-top-right-radius: 3px;
266
314
  border-bottom-right-radius: 0;
267
315
  border-bottom-left-radius: 0;
268
- }.btn-group-vertical > .btn:last-child:not(:first-child) {
316
+ }
317
+ .btn-group-vertical > .btn:last-child:not(:first-child) {
269
318
  border-bottom-left-radius: 3px;
270
319
  border-top-right-radius: 0;
271
320
  border-top-left-radius: 0;
272
- }.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
321
+ }
322
+ .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
273
323
  border-radius: 0;
274
- }.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
324
+ }
325
+ .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
275
326
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
276
327
  border-bottom-right-radius: 0;
277
328
  border-bottom-left-radius: 0;
278
- }.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
329
+ }
330
+ .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
279
331
  border-top-right-radius: 0;
280
332
  border-top-left-radius: 0;
281
- }.btn-group-justified {
333
+ }
334
+ .btn-group-justified {
282
335
  display: table;
283
336
  width: 100%;
284
337
  table-layout: fixed;
285
338
  border-collapse: separate;
286
- }.btn-group-justified > .btn,
339
+ }
340
+ .btn-group-justified > .btn,
287
341
  .btn-group-justified > .btn-group {
288
342
  float: none;
289
343
  display: table-cell;
290
344
  width: 1%;
291
- }.btn-group-justified > .btn-group .btn {
345
+ }
346
+ .btn-group-justified > .btn-group .btn {
292
347
  width: 100%;
293
- }.btn-group-justified > .btn-group .dropdown-menu {
348
+ }
349
+ .btn-group-justified > .btn-group .dropdown-menu {
294
350
  left: auto;
295
- }[dir="rtl"] .btn-group-justified > .btn-group .dropdown-menu {
351
+ }
352
+ [dir="rtl"] .btn-group-justified > .btn-group .dropdown-menu {
296
353
  right: auto;
297
354
  left: auto;
298
355
  left: initial;
299
- }[data-toggle="buttons"] > .btn input[type="radio"],
356
+ }
357
+ [data-toggle="buttons"] > .btn input[type="radio"],
300
358
  [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
301
359
  [data-toggle="buttons"] > .btn input[type="checkbox"],
302
360
  [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
303
361
  position: absolute;
304
362
  clip: rect(0, 0, 0, 0);
305
363
  pointer-events: none;
306
- }[dir="rtl"] .btn-group .btn + .btn-success {
364
+ }
365
+ [dir="rtl"] .btn-group .btn + .btn-success {
307
366
  border-right: 1px solid #008026;
308
367
  border-right: 1px solid var(--color-content-positive);
309
- }html:not([dir="rtl"]) .btn-group .btn + .btn-success {
368
+ }
369
+ html:not([dir="rtl"]) .btn-group .btn + .btn-success {
310
370
  border-left: 1px solid #008026;
311
371
  border-left: 1px solid var(--color-content-positive);
312
- }[dir="rtl"] .btn-group .btn + .btn-primary {
372
+ }
373
+ [dir="rtl"] .btn-group .btn + .btn-primary {
313
374
  border-right: 1px solid #0097c7;
314
375
  border-right: 1px solid var(--color-content-accent);
315
- }html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
376
+ }
377
+ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
316
378
  border-left: 1px solid #0097c7;
317
379
  border-left: 1px solid var(--color-content-accent);
318
- }.btn-group.btn-block {
380
+ }
381
+ .btn-group.btn-block {
319
382
  display: inline-flex;
320
- }.btn-group.btn-block::before,
383
+ }
384
+ .btn-group.btn-block::before,
321
385
  .btn-group.btn-block::after {
322
386
  content: " ";
323
387
  display: table;
324
- }.btn-group.btn-block::after {
388
+ }
389
+ .btn-group.btn-block::after {
325
390
  clear: both;
326
- }.btn-group.btn-block .btn {
391
+ }
392
+ .btn-group.btn-block .btn {
327
393
  display: block;
328
394
  width: 100%;
329
- }.btn-group.btn-block .btn-input.btn {
395
+ }
396
+ .btn-group.btn-block .btn-input.btn {
330
397
  text-align: left;
331
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn {
398
+ }
399
+ [dir="rtl"] .btn-group.btn-block .btn-input.btn {
332
400
  text-align: right;
333
- }.btn-group.btn-block .btn-input.btn .caret {
401
+ }
402
+ .btn-group.btn-block .btn-input.btn .caret {
334
403
  position: absolute;
335
404
  right: 16px;
336
405
  top: 16px;
337
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn .caret {
406
+ }
407
+ [dir="rtl"] .btn-group.btn-block .btn-input.btn .caret {
338
408
  left: 16px;
339
409
  right: auto;
340
410
  right: initial;
341
- }.btn-group.btn-block .btn-input.btn.btn-sm .caret {
411
+ }
412
+ .btn-group.btn-block .btn-input.btn.btn-sm .caret {
342
413
  right: 8px;
343
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn.btn-sm .caret {
414
+ }
415
+ [dir="rtl"] .btn-group.btn-block .btn-input.btn.btn-sm .caret {
344
416
  left: 8px;
345
417
  right: auto;
346
418
  right: initial;
347
- }.btn-group.btn-block .btn-input.btn.dropdown-toggle {
419
+ }
420
+ .btn-group.btn-block .btn-input.btn.dropdown-toggle {
348
421
  padding-right: 40px;
349
422
  overflow: hidden;
350
423
  text-overflow: ellipsis;
351
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn.dropdown-toggle {
424
+ }
425
+ [dir="rtl"] .btn-group.btn-block .btn-input.btn.dropdown-toggle {
352
426
  padding-left: 40px;
353
427
  padding-right: 16px;
354
- }@media (min-width: 576px) {
428
+ }
429
+ @media (min-width: 576px) {
355
430
  .btn-group.btn-block .btn-input.btn.dropdown-toggle {
356
431
  padding-right: 48px;
357
432
  }
@@ -359,44 +434,56 @@ html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .dr
359
434
  padding-left: 48px;
360
435
  padding-right: 16px;
361
436
  }
362
- }.btn-group.btn-block .btn-input.btn.btn-sm.dropdown-toggle {
437
+ }
438
+ .btn-group.btn-block .btn-input.btn.btn-sm.dropdown-toggle {
363
439
  padding-right: 33px;
364
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn.btn-sm.dropdown-toggle {
440
+ }
441
+ [dir="rtl"] .btn-group.btn-block .btn-input.btn.btn-sm.dropdown-toggle {
365
442
  padding-left: 33px;
366
443
  padding-right: 0;
367
444
  padding-right: initial;
368
- }.btn-group.btn-block .btn + .dropdown-toggle {
445
+ }
446
+ .btn-group.btn-block .btn + .dropdown-toggle {
369
447
  flex: 0;
370
- }.btn-group.btn-block .btn + .dropdown-toggle .caret {
448
+ }
449
+ .btn-group.btn-block .btn + .dropdown-toggle .caret {
371
450
  position: relative;
372
451
  top: 0;
373
452
  right: 0;
374
- }[dir="rtl"] .btn-group.btn-block .btn + .dropdown-toggle .caret {
453
+ }
454
+ [dir="rtl"] .btn-group.btn-block .btn + .dropdown-toggle .caret {
375
455
  left: 0;
376
456
  right: auto;
377
457
  right: initial;
378
- }.btn-block .dropdown-menu {
458
+ }
459
+ .btn-block .dropdown-menu {
379
460
  width: 100%;
380
- }.btn-block .dropdown-menu > li > a {
461
+ }
462
+ .btn-block .dropdown-menu > li > a {
381
463
  overflow: hidden;
382
464
  width: 100%;
383
465
  text-overflow: ellipsis;
384
- }.btn-group .dropdown-menu {
466
+ }
467
+ .btn-group .dropdown-menu {
385
468
  max-height: 90vh;
386
469
  max-height: 90svh;
387
470
  overflow: auto;
388
- }.btn-group .btn-input + .dropdown-menu > li > a {
471
+ }
472
+ .btn-group .btn-input + .dropdown-menu > li > a {
389
473
  white-space: normal;
390
- }.btn-group .np-text-body-default,
474
+ }
475
+ .btn-group .np-text-body-default,
391
476
  .btn-group .body-2,
392
477
  .btn-group .small {
393
478
  color: #5d7079;
394
479
  color: var(--color-content-secondary);
395
- }@media (min-height: 592px) {
480
+ }
481
+ @media (min-height: 592px) {
396
482
  .btn-group .dropdown-menu {
397
483
  max-height: 592px;
398
484
  }
399
- }.btn-group .secondary {
485
+ }
486
+ .btn-group .secondary {
400
487
  font-size: 0.875rem;
401
488
  font-size: var(--font-size-14);
402
489
  line-height: 155%;
package/dist/css/buttons.css CHANGED
@@ -1,10 +1,6 @@
1
1
  .btn-sm {
2
2
  height: 32px;
3
3
  }
4
- @media (min-width: 768px) {
5
- }
6
- @media (min-width: 768px) {
7
- }
8
4
  .btn {
9
5
  line-height: 150%;
10
6
  letter-spacing: -0.011em;
package/dist/css/decision.css CHANGED
@@ -1,6 +1,4 @@
1
- @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
- }.decision {
1
+ .decision {
4
2
  cursor: pointer;
5
3
  margin-bottom: 0 !important;
6
4
  border: 0;
@@ -8,13 +6,15 @@
8
6
  transition: background-color ease 350ms;
9
7
  background-color: transparent;
10
8
  display: block;
11
- }.decision:not(.np-option):focus-visible,
9
+ }
10
+ .decision:not(.np-option):focus-visible,
12
11
  .decision:not(.np-option):has(:focus-visible) {
13
12
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
14
13
  outline-offset: 0;
15
14
  outline-offset: var(--ring-outline-offset);
16
15
  --ring-outline-offset: 0;
17
- }.decision__title {
16
+ }
17
+ .decision__title {
18
18
  margin: 0;
19
19
  color: #37517e;
20
20
  color: var(--color-content-primary);
@@ -27,7 +27,8 @@
27
27
  font-weight: var(--font-weight-semi-bold);
28
28
  letter-spacing: -0.014em;
29
29
  line-height: 135%;
30
- }@supports (hyphenate-limit-chars: 1) {
30
+ }
31
+ @supports (hyphenate-limit-chars: 1) {
31
32
  .decision__title {
32
33
  -webkit-hyphens: auto;
33
34
  hyphens: auto;
@@ -43,7 +44,8 @@
43
44
  hyphenate-limit-chars: 10 4 3;
44
45
  }
45
46
  }
46
- }@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
47
+ }
48
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
47
49
  .decision__title {
48
50
  -webkit-hyphens: auto;
49
51
  hyphens: auto;
@@ -55,12 +57,14 @@
55
57
  -webkit-hyphenate-limit-before: 4;
56
58
  }
57
59
  }
58
- }.decision__title + p,
60
+ }
61
+ .decision__title + p,
59
62
  .decision__title + ul:not(.list-unstyled),
60
63
  .decision__title + ol:not(.list-unstyled) {
61
64
  margin-top: 8px;
62
65
  margin-top: var(--size-8);
63
- }.decision__content {
66
+ }
67
+ .decision__content {
64
68
  font-size: 0.875rem;
65
69
  font-size: var(--font-size-14);
66
70
  line-height: 155%;
@@ -69,51 +73,66 @@
69
73
  font-weight: var(--font-weight-regular);
70
74
  margin-top: 4px;
71
75
  margin-top: var(--size-4);
72
- }.decision + .decision {
76
+ }
77
+ .decision + .decision {
73
78
  margin-top: -1px;
74
- }.decision dd:last-child {
79
+ }
80
+ .decision dd:last-child {
75
81
  margin-bottom: 0;
76
- }.decision dl {
82
+ }
83
+ .decision dl {
77
84
  margin-top: 8px;
78
85
  margin-top: var(--size-8);
79
- }.decision .media,
86
+ }
87
+ .decision .media,
80
88
  .decision.media {
81
89
  width: 100%;
82
90
  padding: 16px 12px;
83
91
  padding: var(--size-16) var(--size-12);
84
- }.np-theme-personal .decision .media,
92
+ }
93
+ .np-theme-personal .decision .media,
85
94
  .np-theme-personal .decision.media {
86
95
  padding: 16px;
87
96
  padding: var(--size-16);
88
- }.decision .media .media-left,
97
+ }
98
+ .decision .media .media-left,
89
99
  .decision.media .media-left {
90
100
  display: none;
91
- }.decision .media .media-body,
101
+ }
102
+ .decision .media .media-body,
92
103
  .decision.media .media-body {
93
104
  color: #5d7079;
94
105
  color: var(--color-content-secondary);
95
- }@media (min-width: 480px) {
106
+ }
107
+ @media (min-width: 480px) {
96
108
  .decision .media .media-left,
97
109
  .decision.media .media-left {
98
110
  display: block;
99
111
  }
100
- }.decision:not(.disabled):hover {
112
+ }
113
+ .decision:not(.disabled):hover {
101
114
  background-color: rgba(134,167,189,0.07059);
102
- }.decision:not(.disabled):hover .circle-inverse {
115
+ }
116
+ .decision:not(.disabled):hover .circle-inverse {
103
117
  background-color: #ffffff;
104
118
  background-color: var(--color-background-screen);
105
- }.np-theme-personal .decision:not(.disabled):hover .circle-inverse {
119
+ }
120
+ .np-theme-personal .decision:not(.disabled):hover .circle-inverse {
106
121
  background-color: rgba(134,167,189,0.10196);
107
122
  background-color: var(--color-background-neutral);
108
- }.decision:not(.disabled):hover .tw-checkbox-button,
123
+ }
124
+ .decision:not(.disabled):hover .tw-checkbox-button,
109
125
  .decision:not(.disabled):hover .tw-radio-button {
110
126
  border-color: #00a2dd;
111
127
  border-color: var(--color-interactive-accent);
112
- }.np-theme-personal .decision:not(.disabled):hover .tw-checkbox-button,
128
+ }
129
+ .np-theme-personal .decision:not(.disabled):hover .tw-checkbox-button,
113
130
  .np-theme-personal .decision:not(.disabled):hover .tw-radio-button {
114
131
  border-color: transparent;
115
- }.decision.decision-complex {
132
+ }
133
+ .decision.decision-complex {
116
134
  align-items: initial;
117
- }.np-theme-personal .decision:not(.disabled):hover {
135
+ }
136
+ .np-theme-personal .decision:not(.disabled):hover {
118
137
  background-color: var(--color-background-screen-hover);
119
138
  }