@deque/cauldron-styles 6.3.2 → 6.4.0-canary.0f061da6

package/dist/index.css

@@ -588,8 +588,7 @@ textarea.Field--has-error,
 [role='listbox'].Field--has-error,
 [role='spinbutton'].Field--has-error {
   border: 1px solid var(--field-border-color-error);
-  box-shadow: 0 0 0 1px var(--field-border-color-error),
-    inset 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
 .Checkbox__overlay.Field--has-error {
@@ -611,6 +610,8 @@ textarea.Field--has-error:hover,
 [role='listbox'].Field--has-error:hover,
 [role='spinbutton'].Field--has-error:hover {
   border-color: var(--field-border-color-error-hover);
+  box-shadow: 0 0 0 1px var(--field-border-color-error),
+    inset 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
 input.Field--has-error:focus,
@@ -1011,8 +1012,7 @@ textarea.Field--has-error:focus:hover,
 
 .TextFieldWrapper--error {
   border: 1px solid var(--text-field-wrapper-error-border-color);
-  box-shadow: 0 0 0 1px var(--text-field-wrapper-error-border-color),
-    inset 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
 .TextFieldWrapper--error:focus-within {
@@ -1133,7 +1133,7 @@ textarea.Field--has-error:focus:hover,
   --button-text-color-dark: var(--gray-90);
   --button-text-color-light: var(--white);
   --button-focus-ring-color: var(--focus-light);
-  --button-thin-height: 23px;
+  --button-thin-height: var(--target-size-minimum);
 
   --button-height: 36px;
 }
@@ -2113,20 +2113,21 @@ p .Link {
 
 .Field__select--wrapper select:invalid,
 .Field--has-error select {
-  border-width: var(--space-quarter);
+  border-width: 1px;
   border-color: var(--field-border-color-error);
 }
 
 .Field__select--wrapper.Field--has-error select:hover {
   border-color: var(--field-border-color-error-hover);
+  box-shadow: 0 0 0 1px var(--field-border-color-error-hover);
 }
 
 .Field__select--wrapper select:invalid:focus,
 .Field__select--wrapper.Field--has-error select:focus {
-  border-width: var(--space-quarter);
   border-color: var(--field-border-color-error);
   box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0 inset,
-    var(--field-border-color-error-focus-glow) 0 0 4px 0;
+    var(--field-border-color-error) 0 0 0 1px,
+    var(--field-border-color-error-focus-glow) 0 0 5px 0;
 }
 
 .Field__select--wrapper select:invalid:focus:hover,
@@ -4585,22 +4586,25 @@ fieldset.Panel {
   background: var(--two-column-panel-group-heading-background-color);
   text-transform: uppercase;
   font-size: var(--text-size-smaller);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   padding: var(--space-smallest) var(--space-small);
   color: var(--two-column-panel-group-heading-text-color);
   position: sticky;
   top: 0;
 }
 
-.TwoColumnPanel__GroupHeader h1,
-.TwoColumnPanel__GroupHeader h2,
-.TwoColumnPanel__GroupHeader h3,
-.TwoColumnPanel__GroupHeader h4,
-.TwoColumnPanel__GroupHeader h5,
-.TwoColumnPanel__GroupHeader h6 {
+.TwoColumnPanel__Header :is(h1, h2, h3, h4, h5, h6) {
+  color: inherit;
+  font-size: inherit;
+  font-weight: var(--font-weight-medium);
+  margin: 0;
+  padding: 0;
+}
+
+.TwoColumnPanel__GroupHeader :is(h1, h2, h3, h4, h5, h6) {
   color: inherit;
   font-size: var(--text-size-smaller);
-  font-weight: 500;
+  font-weight: var(--font-weight-medium);
   margin: 0;
   padding: 0;
 }
@@ -5205,6 +5209,7 @@ button.Accordion__trigger {
   display: flex;
   flex-direction: column;
   width: var(--timeline-icon-size);
+  flex-shrink: 0;
   --icon-size: var(--timeline-icon-size);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-styles",
-  "version": "6.3.2",
+  "version": "6.4.0-canary.0f061da6",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",