@mochabug/adapt-sdk 0.2.3 → 0.2.4
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.
- package/dist/react/styles.css +19 -19
- package/package.json +1 -1
package/dist/react/styles.css
CHANGED
|
@@ -439,33 +439,33 @@
|
|
|
439
439
|
.adapt-signal-format-chip {
|
|
440
440
|
display: inline-flex;
|
|
441
441
|
align-items: center;
|
|
442
|
-
font-size: var(--adapt-font-size-xs);
|
|
443
|
-
font-family: var(--adapt-font-mono);
|
|
442
|
+
font-size: var(--adapt-font-size-xs, 10px);
|
|
443
|
+
font-family: var(--adapt-font-mono, ui-monospace, 'SF Mono', Monaco, 'Cascadia Code', monospace);
|
|
444
444
|
padding: 1px 8px;
|
|
445
|
-
border-radius: var(--adapt-radius-chip);
|
|
446
|
-
background: var(--adapt-chip-bg);
|
|
447
|
-
border: 1px solid var(--adapt-chip-border);
|
|
448
|
-
color: var(--adapt-chip-text);
|
|
445
|
+
border-radius: var(--adapt-radius-chip, 12px);
|
|
446
|
+
background: var(--adapt-chip-bg, #1e1e1e);
|
|
447
|
+
border: 1px solid var(--adapt-chip-border, #3a3a3a);
|
|
448
|
+
color: var(--adapt-chip-text, rgba(255, 255, 255, 0.6));
|
|
449
449
|
line-height: 1.5;
|
|
450
450
|
white-space: nowrap;
|
|
451
451
|
}
|
|
452
452
|
|
|
453
453
|
.adapt-signal-format-chip--mime {
|
|
454
|
-
background: var(--adapt-chip-mime-bg);
|
|
455
|
-
border-color: var(--adapt-chip-mime-border);
|
|
456
|
-
color: var(--adapt-chip-mime-text);
|
|
454
|
+
background: var(--adapt-chip-mime-bg, #052e16);
|
|
455
|
+
border-color: var(--adapt-chip-mime-border, #166534);
|
|
456
|
+
color: var(--adapt-chip-mime-text, #86efac);
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
.adapt-signal-format-chip--primitive {
|
|
460
|
-
background: var(--adapt-chip-bg);
|
|
461
|
-
border-color: var(--adapt-chip-border);
|
|
462
|
-
color: var(--adapt-chip-text);
|
|
460
|
+
background: var(--adapt-chip-bg, #1e1e1e);
|
|
461
|
+
border-color: var(--adapt-chip-border, #3a3a3a);
|
|
462
|
+
color: var(--adapt-chip-text, rgba(255, 255, 255, 0.6));
|
|
463
463
|
}
|
|
464
464
|
|
|
465
465
|
.adapt-signal-format-chip--complex {
|
|
466
|
-
background: var(--adapt-chip-complex-bg);
|
|
467
|
-
border-color: var(--adapt-chip-complex-border);
|
|
468
|
-
color: var(--adapt-chip-complex-text);
|
|
466
|
+
background: var(--adapt-chip-complex-bg, #172554);
|
|
467
|
+
border-color: var(--adapt-chip-complex-border, #1e40af);
|
|
468
|
+
color: var(--adapt-chip-complex-text, #93c5fd);
|
|
469
469
|
cursor: pointer;
|
|
470
470
|
}
|
|
471
471
|
|
|
@@ -474,7 +474,7 @@
|
|
|
474
474
|
}
|
|
475
475
|
|
|
476
476
|
.adapt-signal-format-chip--medium {
|
|
477
|
-
font-size: var(--adapt-font-size-sm);
|
|
477
|
+
font-size: var(--adapt-font-size-sm, 12px);
|
|
478
478
|
padding: 2px 10px;
|
|
479
479
|
}
|
|
480
480
|
|
|
@@ -484,7 +484,7 @@
|
|
|
484
484
|
opacity: 0.6;
|
|
485
485
|
font-size: 12px;
|
|
486
486
|
line-height: 1;
|
|
487
|
-
transition: opacity var(--adapt-transition);
|
|
487
|
+
transition: opacity var(--adapt-transition, 150ms ease);
|
|
488
488
|
}
|
|
489
489
|
|
|
490
490
|
.adapt-signal-format-chip-delete:hover {
|
|
@@ -492,8 +492,8 @@
|
|
|
492
492
|
}
|
|
493
493
|
|
|
494
494
|
.adapt-signal-format-overflow {
|
|
495
|
-
font-size: var(--adapt-font-size-xs);
|
|
496
|
-
color: var(--adapt-text-muted);
|
|
495
|
+
font-size: var(--adapt-font-size-xs, 10px);
|
|
496
|
+
color: var(--adapt-text-muted, rgba(255, 255, 255, 0.35));
|
|
497
497
|
padding-left: 2px;
|
|
498
498
|
}
|
|
499
499
|
|