@deque/cauldron-styles 5.2.0-canary.e89d35c3 → 5.3.0-canary.076e2338

package/dist/index.css

@@ -31,6 +31,7 @@
   --accent-warning: #ffdd75;
   --accent-warning-light: #ffa1a1;
   --accent-caution: #ffe69f;
+  --accent-warning-dark: #b88a00;
   --accent-info: #6cdaf2;
   --accent-info-light: #83e4fa;
   --accent-primary: #3c7aae;
@@ -564,7 +565,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 +1633,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);
 }
@@ -2063,6 +2070,7 @@ p .Link {
   width: 100%;
   min-height: var(--select-min-height);
   padding: var(--space-three-quarters) var(--space-smallest);
+  padding-right: var(--space-large);
   border: 1px solid var(--field-border-color);
   font-family: Roboto;
   font-weight: normal;
@@ -3133,7 +3141,7 @@ button.TooltipTabstop {
 }
 
 .Code .hljs-quote {
-  color: #969896;
+  color: #666666;
   font-style: italic;
 }
 
@@ -3193,11 +3201,11 @@ button.TooltipTabstop {
 .Code .hljs-subst,
 .Code .hljs-meta,
 .Code .hljs-link {
-  color: #f99157;
+  color: #8a3500;
 }
 
 .Code .hljs-deletion {
-  color: #dc322f;
+  color: #c92e40;
 }
 
 .Code .hljs-formula {
@@ -3228,6 +3236,14 @@ button.TooltipTabstop {
   color: #cc99cc;
 }
 
+.cauldron--theme-dark .Code .hljs-symbol,
+.cauldron--theme-dark .Code .hljs-bullet,
+.cauldron--theme-dark .Code .hljs-subst,
+.cauldron--theme-dark .Code .hljs-meta,
+.cauldron--theme-dark .Code .hljs-link {
+  color: #f99157;
+}
+
 .cauldron--theme-dark .Code .hljs-comment {
   color: #9f9f9f;
 }
@@ -3241,6 +3257,11 @@ button.TooltipTabstop {
   color: var(--accent-primary-active);
 }
 
+.cauldron--theme-dark .Code .hljs-name,
+.cauldron--theme-dark .Code .hljs-section {
+  color: #79a7d9;
+}
+
 .cauldron--theme-dark .Code .hljs-variable,
 .cauldron--theme-dark .Code .hljs-template-variable,
 .cauldron--theme-dark .Code .hljs-tag,
@@ -3473,7 +3494,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;
 }
 
@@ -3858,6 +3879,10 @@ button.TooltipTabstop {
     var(--space-small) calc(var(--panel-padding) * -1);
 }
 
+.Panel__Heading + .Panel__Content {
+  margin-top: calc(var(--panel-padding) * -1);
+}
+
 .Panel__Header {
   margin: calc(var(--panel-padding) * -1) calc(var(--panel-padding) * -1) 0
     calc(var(--panel-padding) * -1);

package/package.json

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