@deque/cauldron-styles 6.11.0-canary.4531fb68 → 6.11.0-canary.983c89f2
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 +24 -5
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -3647,6 +3647,18 @@ button.TooltipTabstop {
|
|
|
3647
3647
|
overflow-wrap: break-word;
|
|
3648
3648
|
}
|
|
3649
3649
|
|
|
3650
|
+
.TableGrid {
|
|
3651
|
+
display: grid;
|
|
3652
|
+
grid-template-columns: var(--table-grid-template-columns, auto);
|
|
3653
|
+
grid-auto-rows: auto;
|
|
3654
|
+
}
|
|
3655
|
+
|
|
3656
|
+
:where(.TableGrid) :is(.TableHead, .TableBody, .TableFooter, .TableRow) {
|
|
3657
|
+
display: grid;
|
|
3658
|
+
grid-template-columns: subgrid;
|
|
3659
|
+
grid-column: -1 / 1;
|
|
3660
|
+
}
|
|
3661
|
+
|
|
3650
3662
|
.TableHeader {
|
|
3651
3663
|
background: var(--table-header-background-color);
|
|
3652
3664
|
font-weight: var(--font-weight-medium);
|
|
@@ -3713,8 +3725,7 @@ button.TooltipTabstop {
|
|
|
3713
3725
|
}
|
|
3714
3726
|
|
|
3715
3727
|
.TableCell,
|
|
3716
|
-
.TableHeader
|
|
3717
|
-
.TableFooter {
|
|
3728
|
+
.TableHeader {
|
|
3718
3729
|
padding: var(--table-space) var(--space-large);
|
|
3719
3730
|
}
|
|
3720
3731
|
|
|
@@ -3735,12 +3746,20 @@ button.TooltipTabstop {
|
|
|
3735
3746
|
}
|
|
3736
3747
|
|
|
3737
3748
|
.Table--border,
|
|
3738
|
-
.Table--border .TableHeader,
|
|
3739
|
-
.Table--border .TableFooter,
|
|
3740
|
-
.Table--border .TableCell {
|
|
3749
|
+
.Table--border :is(.TableHeader, .TableFooter, .TableCell) {
|
|
3741
3750
|
border: 1px solid var(--gray-40);
|
|
3742
3751
|
}
|
|
3743
3752
|
|
|
3753
|
+
:where(.TableGrid).Table--border :is(.TableCell, .TableHeader) {
|
|
3754
|
+
border: none;
|
|
3755
|
+
}
|
|
3756
|
+
|
|
3757
|
+
:where(.TableGrid).Table--border
|
|
3758
|
+
:is(.TableBody, .TableHead, .TableFooter, .TableRow) {
|
|
3759
|
+
grid-gap: 1px;
|
|
3760
|
+
background-color: var(--table-row-border-color);
|
|
3761
|
+
}
|
|
3762
|
+
|
|
3744
3763
|
.Table--border .TableHeader {
|
|
3745
3764
|
border-bottom: 1px solid var(--gray-40);
|
|
3746
3765
|
}
|
package/package.json
CHANGED