@deque/cauldron-styles 6.4.2-canary.9eab948b → 6.4.2-canary.a3f374a6
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 +48 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1399,6 +1399,10 @@ button.Link {
|
|
|
1399
1399
|
color: var(--accent-light);
|
|
1400
1400
|
}
|
|
1401
1401
|
|
|
1402
|
+
.cauldron--theme-dark .Button--tertiary:is(:hover, :active, :focus) {
|
|
1403
|
+
border: 2px solid var(--accent-light);
|
|
1404
|
+
}
|
|
1405
|
+
|
|
1402
1406
|
.cauldron--theme-dark .Button--tertiary:not(:hover, :focus) {
|
|
1403
1407
|
color: #fff;
|
|
1404
1408
|
}
|
|
@@ -5480,3 +5484,47 @@ button.Accordion__trigger {
|
|
|
5480
5484
|
-webkit-box-orient: vertical;
|
|
5481
5485
|
white-space: normal;
|
|
5482
5486
|
}
|
|
5487
|
+
|
|
5488
|
+
:root {
|
|
5489
|
+
--badge-text-color: var(--gray-90);
|
|
5490
|
+
--badge-background-color: transparent;
|
|
5491
|
+
--badge-border-color: var(--gray-30);
|
|
5492
|
+
|
|
5493
|
+
--badge-height: var(--button-height);
|
|
5494
|
+
--badge-small-height: 1.5rem;
|
|
5495
|
+
|
|
5496
|
+
--badge-font-size: 1rem;
|
|
5497
|
+
}
|
|
5498
|
+
|
|
5499
|
+
.cauldron--theme-dark {
|
|
5500
|
+
--badge-text-color: var(--white);
|
|
5501
|
+
--badge-background-color: var(--accent-medium);
|
|
5502
|
+
--badge-border-color: var(--stroke-dark);
|
|
5503
|
+
}
|
|
5504
|
+
|
|
5505
|
+
.Badge {
|
|
5506
|
+
color: var(--badge-text-color);
|
|
5507
|
+
background-color: var(--badge-background-color);
|
|
5508
|
+
border: 1px solid var(--badge-border-color);
|
|
5509
|
+
display: inline-flex;
|
|
5510
|
+
justify-content: center;
|
|
5511
|
+
align-items: center;
|
|
5512
|
+
padding: 0 var(--space-small) 0 var(--space-smaller);
|
|
5513
|
+
min-height: var(--badge-height);
|
|
5514
|
+
border-radius: var(--badge-height);
|
|
5515
|
+
font-size: var(--badge-font-size);
|
|
5516
|
+
}
|
|
5517
|
+
|
|
5518
|
+
.Badge--small {
|
|
5519
|
+
border-radius: var(--badge-small-height);
|
|
5520
|
+
min-height: var(--badge-small-height);
|
|
5521
|
+
}
|
|
5522
|
+
|
|
5523
|
+
.Badge__Label {
|
|
5524
|
+
margin-right: 3px;
|
|
5525
|
+
font-weight: var(--font-weight-medium);
|
|
5526
|
+
}
|
|
5527
|
+
|
|
5528
|
+
.Badge .Icon {
|
|
5529
|
+
margin: 0 var(--space-half) 0 -4px;
|
|
5530
|
+
}
|
package/package.json
CHANGED