@deque/cauldron-styles 5.8.0-canary.e27cfd13 → 5.8.1-canary.5921a8e6

package/dist/index.css

@@ -1470,6 +1470,8 @@ ul.semantic-only {
   --field-listbox-selected-background-color: var(--accent-secondary-active);
   --field-font-size: var(--text-size-small);
   --input-min-width: 250px;
+  --checkbox-size: var(--icon-size);
+  --radio-size: var(--icon-size);
 }
 
 .cauldron--theme-dark {
@@ -1795,11 +1797,18 @@ textarea.Field--has-error:focus:hover,
   font-weight: var(--font-weight-normal);
   line-height: 1;
   margin-top: var(--space-half);
-  margin-left: calc(24px + 2px + var(--space-half));
   cursor: default;
   display: flex;
 }
 
+.Checkbox__wrap .Field__labelDescription {
+  margin-left: calc(var(--checkbox-size) + 2px + var(--space-half));
+}
+
+.Radio__wrap .Field__labelDescription {
+  margin-left: calc(var(--radio-size) + 2px + var(--space-half));
+}
+
 .Field__labelDescription + .Error {
   margin-top: var(--space-smallest);
 }
@@ -1827,6 +1836,16 @@ textarea.Field--has-error:focus:hover,
   pointer-events: none;
 }
 
+.Radio__overlay svg {
+  height: var(--radio-size);
+  width: var(--radio-size);
+}
+
+.Checkbox__overlay svg {
+  height: var(--checkbox-size);
+  width: var(--checkbox-size);
+}
+
 .Radio__overlay:active:not(.Radio__overlay--disabled),
 .Checkbox__overlay:active:not(.Checkbox__overlay--disabled) {
   background-color: var(--field-icon-active-color);
@@ -3152,14 +3171,26 @@ button.TooltipTabstop {
   margin-top: -1px;
 }
 
+:root {
+  --code-text-color: var(--accent-primary-active);
+  --code-border-color: var(--stroke-light);
+  --code-background-color: var(--background-light);
+}
+
+.cauldron--theme-dark {
+  --code-text-color: var(--accent-light);
+  --code-background-color: var(--accent-dark);
+  --code-border-color: var(--stroke-dark);
+}
+
 .Code.hljs {
   display: block;
-  padding: 0.5em;
-  background: var(--gray-20);
-  color: var(--gray-90);
-  border: 1px solid var(--gray-40);
-  color: var(--accent-primary-active);
-  word-break: anywhere;
+  padding: var(--space-smaller);
+  background: var(--code-background-color);
+  border: 1px solid var(--code-border-color);
+  border-radius: 3px;
+  color: var(--code-text-color);
+  word-break: break-all;
 }
 
 .Code--scrollable {
@@ -3259,12 +3290,6 @@ button.TooltipTabstop {
 
 /* Dark Theme */
 
-.cauldron--theme-dark .Code.hljs {
-  background: var(--accent-dark);
-  color: var(--accent-light);
-  border: 1px solid transparent;
-}
-
 .cauldron--theme-dark .Code .hljs-string {
   color: #8abeb7;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-styles",
-  "version": "5.8.0-canary.e27cfd13",
+  "version": "5.8.1-canary.5921a8e6",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",