@deque/cauldron-styles 4.5.0-canary.a80cb0bb → 4.5.0-canary.cc78a93e
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/index.css +29 -3
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -398,6 +398,10 @@ p {
|
|
|
398
398
|
gap: 8px;
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
+
.Button--tag {
|
|
402
|
+
position: relative;
|
|
403
|
+
}
|
|
404
|
+
|
|
401
405
|
button.Link {
|
|
402
406
|
cursor: pointer;
|
|
403
407
|
}
|
|
@@ -412,7 +416,8 @@ button.Link {
|
|
|
412
416
|
.Button--primary:before,
|
|
413
417
|
.Button--secondary:before,
|
|
414
418
|
.Button--clear:before,
|
|
415
|
-
.Button--error:before
|
|
419
|
+
.Button--error:before,
|
|
420
|
+
.Button--tag:before {
|
|
416
421
|
content: '';
|
|
417
422
|
position: absolute;
|
|
418
423
|
top: -2px;
|
|
@@ -423,6 +428,10 @@ button.Link {
|
|
|
423
428
|
pointer-events: none;
|
|
424
429
|
}
|
|
425
430
|
|
|
431
|
+
.Button--tag:before {
|
|
432
|
+
border-radius: 11px;
|
|
433
|
+
}
|
|
434
|
+
|
|
426
435
|
.Button--primary:not([disabled]):not([aria-disabled='true']):hover:before {
|
|
427
436
|
box-shadow: 0 0 0 1px var(--button-outline-color-primary);
|
|
428
437
|
}
|
|
@@ -435,9 +444,14 @@ button.Link {
|
|
|
435
444
|
box-shadow: 0 0 0 1px var(--button-outline-color-error);
|
|
436
445
|
}
|
|
437
446
|
|
|
447
|
+
.Button--tag:not([disabled]):not([aria-disabled='true']):hover:before {
|
|
448
|
+
box-shadow: 0 0 0 1px var(--button-outline-color-primary);
|
|
449
|
+
}
|
|
450
|
+
|
|
438
451
|
.Button--primary:focus:before,
|
|
439
452
|
.Button--secondary:focus:before,
|
|
440
|
-
.Button--error:focus:before
|
|
453
|
+
.Button--error:focus:before,
|
|
454
|
+
.Button--tag:focus:before {
|
|
441
455
|
box-shadow: 0 0 1px 2px var(--button-focus-ring-color, --focus);
|
|
442
456
|
}
|
|
443
457
|
|
|
@@ -488,6 +502,11 @@ button.Link {
|
|
|
488
502
|
background-color: var(--button-background-color-error-active);
|
|
489
503
|
}
|
|
490
504
|
|
|
505
|
+
.Button--tag[aria-disabled='true'],
|
|
506
|
+
.Button--tag[disabled] {
|
|
507
|
+
color: var(--disabled);
|
|
508
|
+
}
|
|
509
|
+
|
|
491
510
|
.Button--primary .Icon,
|
|
492
511
|
.Button--secondary .Icon,
|
|
493
512
|
.Button--clear .Icon,
|
|
@@ -572,7 +591,8 @@ button.Link {
|
|
|
572
591
|
.cauldron--theme-dark .Button--secondary[aria-disabled='true'],
|
|
573
592
|
.cauldron--theme-dark .Button--secondary[disabled],
|
|
574
593
|
.cauldron--theme-dark .Button--error[aria-disabled='true'],
|
|
575
|
-
.cauldron--theme-dark .Button--error[disabled]
|
|
594
|
+
.cauldron--theme-dark .Button--error[disabled],
|
|
595
|
+
.cauldron--theme-dark .Button--tag[disabled] {
|
|
576
596
|
color: var(--dark-workspace-color);
|
|
577
597
|
}
|
|
578
598
|
|
|
@@ -612,6 +632,12 @@ button.Link {
|
|
|
612
632
|
0 0 0 2px var(--accent-danger);
|
|
613
633
|
}
|
|
614
634
|
|
|
635
|
+
.cauldron--theme-dark
|
|
636
|
+
.Button--tag:not([disabled]):not([aria-disabled='true']):hover:before {
|
|
637
|
+
box-shadow: 0 0 0 1px var(--dark-workspace-color),
|
|
638
|
+
0 0 0 2px var(--accent-info);
|
|
639
|
+
}
|
|
640
|
+
|
|
615
641
|
:root {
|
|
616
642
|
--icon-button-background-color-primary: var(
|
|
617
643
|
--button-background-color-primary
|
package/package.json
CHANGED