@deque/cauldron-styles 4.7.0-canary.c092e1d1 → 4.7.0-canary.c94d8ec2
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 -6
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -2259,9 +2259,9 @@ p .Link {
|
|
|
2259
2259
|
}
|
|
2260
2260
|
|
|
2261
2261
|
.RadioCardGroup__Icon.Icon svg {
|
|
2262
|
-
/**
|
|
2262
|
+
/**
|
|
2263
2263
|
* this is edge case to pass color-contrast when the radio-card is selected,
|
|
2264
|
-
* it is not a color we want to live in cauldron as a variable
|
|
2264
|
+
* it is not a color we want to live in cauldron as a variable
|
|
2265
2265
|
* @see https://github.com/dequelabs/cauldron/pull/736
|
|
2266
2266
|
*/
|
|
2267
2267
|
color: #4f990f;
|
|
@@ -2305,6 +2305,10 @@ p .Link {
|
|
|
2305
2305
|
justify-content: center;
|
|
2306
2306
|
}
|
|
2307
2307
|
|
|
2308
|
+
.cauldron--theme-dark .RadioCardGroup__Icon.Icon svg {
|
|
2309
|
+
color: var(--accent-success);
|
|
2310
|
+
}
|
|
2311
|
+
|
|
2308
2312
|
:root {
|
|
2309
2313
|
--tile-background-color: var(--white);
|
|
2310
2314
|
--list-separator: rgba(153, 153, 153, 0.15);
|
|
@@ -2602,15 +2606,14 @@ p .Link {
|
|
|
2602
2606
|
|
|
2603
2607
|
.TooltipHead {
|
|
2604
2608
|
background: var(--gray-20);
|
|
2605
|
-
font-size:
|
|
2609
|
+
font-size: var(--text-size-small);
|
|
2606
2610
|
color: var(--gray-90);
|
|
2607
|
-
padding:
|
|
2611
|
+
padding: var(--space-small) var(--space-large);
|
|
2608
2612
|
text-align: center;
|
|
2609
2613
|
}
|
|
2610
2614
|
|
|
2611
2615
|
.TooltipContent {
|
|
2612
2616
|
background: #fff;
|
|
2613
|
-
font-size: var(--font-size-smaller);
|
|
2614
2617
|
text-align: left;
|
|
2615
2618
|
}
|
|
2616
2619
|
|
|
@@ -3395,6 +3398,7 @@ button.TooltipTabstop {
|
|
|
3395
3398
|
--table-row-border-color: var(--gray-40);
|
|
3396
3399
|
--table-space: 11px;
|
|
3397
3400
|
--table-header-sorting-border-color: var(--gray-90);
|
|
3401
|
+
--table-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
|
3398
3402
|
}
|
|
3399
3403
|
|
|
3400
3404
|
.cauldron--theme-dark {
|
|
@@ -3479,10 +3483,26 @@ button.TooltipTabstop {
|
|
|
3479
3483
|
padding: var(--table-space) var(--space-smallest);
|
|
3480
3484
|
}
|
|
3481
3485
|
|
|
3482
|
-
.TableRow:last-child .TableCell {
|
|
3486
|
+
.Table:not(.Table--border) .TableRow:last-child .TableCell {
|
|
3483
3487
|
border: none;
|
|
3484
3488
|
}
|
|
3485
3489
|
|
|
3490
|
+
.Table--border {
|
|
3491
|
+
box-shadow: var(--table-box-shadow);
|
|
3492
|
+
}
|
|
3493
|
+
|
|
3494
|
+
.Table--border,
|
|
3495
|
+
.Table--border .TableHeader,
|
|
3496
|
+
.Table--border .TableCell {
|
|
3497
|
+
border: 1px solid var(--gray-40);
|
|
3498
|
+
}
|
|
3499
|
+
|
|
3500
|
+
.cauldron--theme-dark .Table--border,
|
|
3501
|
+
.cauldron--theme-dark .Table--border .TableHeader,
|
|
3502
|
+
.cauldron--theme-dark .Table--border .TableCell {
|
|
3503
|
+
border-color: var(--stroke-dark);
|
|
3504
|
+
}
|
|
3505
|
+
|
|
3486
3506
|
:root {
|
|
3487
3507
|
--data-list-background-color: var(--gray-20);
|
|
3488
3508
|
--data-list-value-background-color: var(--white);
|
package/package.json
CHANGED