@deque/cauldron-styles 7.5.0 → 7.6.0-canary.f34365cc
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 +42 -8
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -3916,6 +3916,26 @@ button.TooltipTabstop {
|
|
|
3916
3916
|
overflow-wrap: break-word;
|
|
3917
3917
|
}
|
|
3918
3918
|
|
|
3919
|
+
/* Outer corners, for a table whose container publishes one — see
|
|
3920
|
+
--content-start-corner-radius. A collapsed table ignores border-radius, so
|
|
3921
|
+
the edge cells carry it. */
|
|
3922
|
+
|
|
3923
|
+
.Table:first-child > :first-child > .TableRow:first-child > :first-child {
|
|
3924
|
+
border-start-start-radius: var(--content-start-corner-radius, 0);
|
|
3925
|
+
}
|
|
3926
|
+
|
|
3927
|
+
.Table:first-child > :first-child > .TableRow:first-child > :last-child {
|
|
3928
|
+
border-start-end-radius: var(--content-start-corner-radius, 0);
|
|
3929
|
+
}
|
|
3930
|
+
|
|
3931
|
+
.Table:last-child > :last-child > .TableRow:last-child > :first-child {
|
|
3932
|
+
border-end-start-radius: var(--content-end-corner-radius, 0);
|
|
3933
|
+
}
|
|
3934
|
+
|
|
3935
|
+
.Table:last-child > :last-child > .TableRow:last-child > :last-child {
|
|
3936
|
+
border-end-end-radius: var(--content-end-corner-radius, 0);
|
|
3937
|
+
}
|
|
3938
|
+
|
|
3919
3939
|
.TableGrid {
|
|
3920
3940
|
display: grid;
|
|
3921
3941
|
grid-template-columns: var(--table-grid-template-columns, auto);
|
|
@@ -3949,6 +3969,9 @@ button.TooltipTabstop {
|
|
|
3949
3969
|
}
|
|
3950
3970
|
|
|
3951
3971
|
.TableHeader .TableHeader__sort-button {
|
|
3972
|
+
/* Fills the cell edge to edge, so its focus ring follows any corner the cell
|
|
3973
|
+
takes. Cells with no corner pass down 0. */
|
|
3974
|
+
border-radius: inherit;
|
|
3952
3975
|
background-color: transparent;
|
|
3953
3976
|
font-family: inherit;
|
|
3954
3977
|
width: 100%;
|
|
@@ -4407,6 +4430,11 @@ button.TooltipTabstop {
|
|
|
4407
4430
|
}
|
|
4408
4431
|
|
|
4409
4432
|
.Panel {
|
|
4433
|
+
/* Not on :root, so a per-instance --panel-border-radius recomputes it. */
|
|
4434
|
+
--panel-inner-border-radius: max(
|
|
4435
|
+
0px,
|
|
4436
|
+
calc(var(--panel-border-radius) - var(--panel-border-width))
|
|
4437
|
+
);
|
|
4410
4438
|
padding: var(--panel-padding);
|
|
4411
4439
|
margin: 0;
|
|
4412
4440
|
border: var(--panel-border);
|
|
@@ -4445,14 +4473,20 @@ button.TooltipTabstop {
|
|
|
4445
4473
|
.Panel__Header {
|
|
4446
4474
|
margin: calc(var(--panel-padding) * -1) calc(var(--panel-padding) * -1) 0
|
|
4447
4475
|
calc(var(--panel-padding) * -1);
|
|
4448
|
-
border-start-start-radius:
|
|
4449
|
-
|
|
4450
|
-
|
|
4451
|
-
|
|
4452
|
-
|
|
4453
|
-
|
|
4454
|
-
|
|
4455
|
-
);
|
|
4476
|
+
border-start-start-radius: var(--panel-inner-border-radius);
|
|
4477
|
+
border-start-end-radius: var(--panel-inner-border-radius);
|
|
4478
|
+
}
|
|
4479
|
+
|
|
4480
|
+
.Panel--no-padding > :first-child {
|
|
4481
|
+
--content-start-corner-radius: var(--panel-inner-border-radius);
|
|
4482
|
+
border-start-start-radius: var(--panel-inner-border-radius);
|
|
4483
|
+
border-start-end-radius: var(--panel-inner-border-radius);
|
|
4484
|
+
}
|
|
4485
|
+
|
|
4486
|
+
.Panel--no-padding > :last-child {
|
|
4487
|
+
--content-end-corner-radius: var(--panel-inner-border-radius);
|
|
4488
|
+
border-end-start-radius: var(--panel-inner-border-radius);
|
|
4489
|
+
border-end-end-radius: var(--panel-inner-border-radius);
|
|
4456
4490
|
}
|
|
4457
4491
|
|
|
4458
4492
|
.Panel--no-padding > :is(.Panel__Heading, .Panel__Header, .Panel__Content) {
|