@deque/cauldron-styles 5.2.0-canary.90b5849f → 5.2.0-canary.c4857aa6

package/dist/index.css

@@ -564,7 +564,6 @@ button.Link {
   min-height: var(--button-thin-height);
   min-width: 100px;
   font-size: var(--text-size-smallest);
-  line-height: var(--text-size-smallest);
   padding: 0 16px;
 }
 
@@ -1633,6 +1632,13 @@ textarea.Field--has-error:focus:hover,
   flex-wrap: wrap;
 }
 
+.Radio--inline {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: var(--space-small);
+}
+
 .Checkbox {
   margin-bottom: var(--space-smallest);
 }
@@ -2431,7 +2437,7 @@ p .Link {
   align-items: center;
   box-sizing: border-box;
   display: flex;
-  padding: 4px 15px;
+  padding: var(--space-smallest) var(--space-small);
 }
 
 .Toast.Toast--non-dismissible {
@@ -3473,7 +3479,7 @@ button.TooltipTabstop {
   font-size: var(--text-size-small);
   border-collapse: collapse;
   text-align: left;
-  width: 100%;
+  width: var(--table-width, 100%);
   overflow-wrap: break-word;
 }
 
@@ -3826,16 +3832,6 @@ button.TooltipTabstop {
   --panel-content-color: var(--gray-80);
 }
 
-/* Resets aggressive Chrome user agent styles */
-
-.Panel > :is(.Panel__Header, .Panel__Content, .Panel__Heading) > *,
-.Panel:first-child > :not(.Panel__Header, .Panel__Heading, .Panel__Content) {
-  -webkit-margin-before: 0;
-  -webkit-margin-after: 0;
-  margin-block-start: 0;
-  margin-block-end: 0;
-}
-
 .Panel {
   padding: var(--panel-padding);
   margin: 0;
@@ -3882,6 +3878,17 @@ button.TooltipTabstop {
   margin: 0 calc(var(--panel-padding) * -1);
 }
 
+.Panel > :not(.Panel__Heading, .Panel__Header, .Panel__Content):first-child,
+.Panel > :is(.Panel__Heading, .Panel__Header) + :not(.Panel__Content),
+.Panel__Content > :first-child {
+  margin-top: 0;
+}
+
+.Panel > :not(.Panel__Heading, .Panel__Header, .Panel__Content):last-child,
+.Panel__Content > :last-child {
+  margin-bottom: 0;
+}
+
 .Panel
   :is(.Panel__Header + .Panel__Content, .Panel__Content + .Panel__Content) {
   border-top: 1px solid var(--panel-divider-border-color);
@@ -3907,12 +3914,16 @@ button.TooltipTabstop {
   color: var(--panel-heading-color);
 }
 
+.Panel > :is(.Panel__Header, .Panel__Heading) > :is(h1, h2, h3, h4, h5, h6) {
+  margin: 0;
+}
+
 .Panel--collapsed {
   --panel-padding: 12px;
 }
 
 .Panel--collapsed .Panel__Heading {
-  margin: 0 0 12px 0;
+  margin: 0 0 var(--panel-padding) 0;
   font-size: var(--text-size-normal);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-styles",
-  "version": "5.2.0-canary.90b5849f",
+  "version": "5.2.0-canary.c4857aa6",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",