@deque/cauldron-styles 4.7.0-canary.2930b9c8 → 4.7.0-canary.299bd7ab
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 +28 -5
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
--accent-medium: #283640;
|
|
21
21
|
--accent-light: #d4dde0;
|
|
22
22
|
--accent-success: #a5db75;
|
|
23
|
+
--accent-success-high-contrast: #4fa630;
|
|
23
24
|
--accent-success-light: #d1ffa4;
|
|
24
25
|
--accent-success-dark: #57a711;
|
|
25
26
|
--accent-error: #d93251;
|
|
@@ -699,6 +700,12 @@ button.Link {
|
|
|
699
700
|
padding: 0;
|
|
700
701
|
}
|
|
701
702
|
|
|
703
|
+
/* Ensure both <a> and <button> IconButtons are aligned correctly. See #846. */
|
|
704
|
+
|
|
705
|
+
a.IconButton {
|
|
706
|
+
vertical-align: middle;
|
|
707
|
+
}
|
|
708
|
+
|
|
702
709
|
.IconButton .Icon {
|
|
703
710
|
width: 100%;
|
|
704
711
|
height: 100%;
|
|
@@ -1835,7 +1842,7 @@ textarea.Field--has-error:focus:hover,
|
|
|
1835
1842
|
|
|
1836
1843
|
.Link:hover {
|
|
1837
1844
|
text-decoration: underline;
|
|
1838
|
-
color: var(--link-text-color);
|
|
1845
|
+
color: var(--link-text-color-hover);
|
|
1839
1846
|
}
|
|
1840
1847
|
|
|
1841
1848
|
.Link:focus {
|
|
@@ -2606,15 +2613,14 @@ p .Link {
|
|
|
2606
2613
|
|
|
2607
2614
|
.TooltipHead {
|
|
2608
2615
|
background: var(--gray-20);
|
|
2609
|
-
font-size:
|
|
2616
|
+
font-size: var(--text-size-small);
|
|
2610
2617
|
color: var(--gray-90);
|
|
2611
|
-
padding:
|
|
2618
|
+
padding: var(--space-small) var(--space-large);
|
|
2612
2619
|
text-align: center;
|
|
2613
2620
|
}
|
|
2614
2621
|
|
|
2615
2622
|
.TooltipContent {
|
|
2616
2623
|
background: #fff;
|
|
2617
|
-
font-size: var(--font-size-smaller);
|
|
2618
2624
|
text-align: left;
|
|
2619
2625
|
}
|
|
2620
2626
|
|
|
@@ -3399,6 +3405,7 @@ button.TooltipTabstop {
|
|
|
3399
3405
|
--table-row-border-color: var(--gray-40);
|
|
3400
3406
|
--table-space: 11px;
|
|
3401
3407
|
--table-header-sorting-border-color: var(--gray-90);
|
|
3408
|
+
--table-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
|
3402
3409
|
}
|
|
3403
3410
|
|
|
3404
3411
|
.cauldron--theme-dark {
|
|
@@ -3483,10 +3490,26 @@ button.TooltipTabstop {
|
|
|
3483
3490
|
padding: var(--table-space) var(--space-smallest);
|
|
3484
3491
|
}
|
|
3485
3492
|
|
|
3486
|
-
.TableRow:last-child .TableCell {
|
|
3493
|
+
.Table:not(.Table--border) .TableRow:last-child .TableCell {
|
|
3487
3494
|
border: none;
|
|
3488
3495
|
}
|
|
3489
3496
|
|
|
3497
|
+
.Table--border {
|
|
3498
|
+
box-shadow: var(--table-box-shadow);
|
|
3499
|
+
}
|
|
3500
|
+
|
|
3501
|
+
.Table--border,
|
|
3502
|
+
.Table--border .TableHeader,
|
|
3503
|
+
.Table--border .TableCell {
|
|
3504
|
+
border: 1px solid var(--gray-40);
|
|
3505
|
+
}
|
|
3506
|
+
|
|
3507
|
+
.cauldron--theme-dark .Table--border,
|
|
3508
|
+
.cauldron--theme-dark .Table--border .TableHeader,
|
|
3509
|
+
.cauldron--theme-dark .Table--border .TableCell {
|
|
3510
|
+
border-color: var(--stroke-dark);
|
|
3511
|
+
}
|
|
3512
|
+
|
|
3490
3513
|
:root {
|
|
3491
3514
|
--data-list-background-color: var(--gray-20);
|
|
3492
3515
|
--data-list-value-background-color: var(--white);
|
package/package.json
CHANGED