@deque/cauldron-styles 6.5.0-canary.55de7bb9 → 6.5.0-canary.c570eceb
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 +26 -10
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1231,7 +1231,7 @@ button.Link {
|
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
1233
|
.Button--tag:before {
|
|
1234
|
-
border-radius:
|
|
1234
|
+
border-radius: var(--button-height);
|
|
1235
1235
|
}
|
|
1236
1236
|
|
|
1237
1237
|
.Button--primary:not([disabled]):not([aria-disabled='true']):hover:before {
|
|
@@ -1364,6 +1364,15 @@ button.Link {
|
|
|
1364
1364
|
padding: 0 var(--space-small);
|
|
1365
1365
|
}
|
|
1366
1366
|
|
|
1367
|
+
.Button--condensed {
|
|
1368
|
+
min-width: var(--button-height);
|
|
1369
|
+
padding: 0;
|
|
1370
|
+
}
|
|
1371
|
+
|
|
1372
|
+
.Button--condensed:is(.Button--thin) {
|
|
1373
|
+
min-width: var(--button-thin-height);
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1367
1376
|
[class*='Button--'] + [class*='Button--'] {
|
|
1368
1377
|
margin-left: var(--space-smallest);
|
|
1369
1378
|
}
|
|
@@ -3495,9 +3504,12 @@ button.TooltipTabstop {
|
|
|
3495
3504
|
|
|
3496
3505
|
:root {
|
|
3497
3506
|
--tag-text-color: var(--gray-90);
|
|
3498
|
-
--tag-
|
|
3499
|
-
--tag-
|
|
3500
|
-
|
|
3507
|
+
--tag-background-color: var(--background-light);
|
|
3508
|
+
--tag-border-color: var(--gray-30);
|
|
3509
|
+
|
|
3510
|
+
--tag-height: var(--button-height);
|
|
3511
|
+
--tag-small-height: 1.5rem;
|
|
3512
|
+
--tag-font-size: var(--text-size-body-small);
|
|
3501
3513
|
}
|
|
3502
3514
|
|
|
3503
3515
|
.cauldron--theme-dark {
|
|
@@ -3510,20 +3522,24 @@ button.TooltipTabstop {
|
|
|
3510
3522
|
.Tag {
|
|
3511
3523
|
color: var(--tag-text-color);
|
|
3512
3524
|
background-color: var(--tag-background-color);
|
|
3513
|
-
font-size: var(--text-size-smaller);
|
|
3514
3525
|
border: 1px solid var(--tag-border-color);
|
|
3515
|
-
border-radius:
|
|
3526
|
+
border-radius: var(--tag-height);
|
|
3516
3527
|
display: inline-flex;
|
|
3517
3528
|
justify-content: center;
|
|
3518
3529
|
align-items: center;
|
|
3519
|
-
padding:
|
|
3520
|
-
|
|
3530
|
+
padding: 0 var(--space-smallest);
|
|
3531
|
+
min-height: var(--tag-height);
|
|
3532
|
+
font-size: var(--tag-font-size);
|
|
3533
|
+
}
|
|
3534
|
+
|
|
3535
|
+
.Tag--small {
|
|
3536
|
+
border-radius: var(--tag-small-height);
|
|
3537
|
+
min-height: var(--tag-small-height);
|
|
3521
3538
|
}
|
|
3522
3539
|
|
|
3523
3540
|
.Tag__label {
|
|
3524
|
-
color: var(--tag-label-text-color);
|
|
3525
3541
|
margin-right: 3px;
|
|
3526
|
-
font-weight: var(--font-weight-
|
|
3542
|
+
font-weight: var(--font-weight-medium);
|
|
3527
3543
|
}
|
|
3528
3544
|
|
|
3529
3545
|
:root {
|
package/package.json
CHANGED