@deque/cauldron-styles 3.0.1-canary.03388cec → 3.0.1-canary.3e837811

package/dist/index.css

@@ -888,7 +888,7 @@ button.Link {
 }
 
 .Dialog__content {
-  padding: calc(var(--space-small) - 4px) var(--dialog-padding);
+  padding: var(--dialog-padding);
 }
 
 .Dialog__content p:first-child {
@@ -940,6 +940,7 @@ button.Link {
   display: flex;
   justify-content: center;
   border-top: none;
+  padding-top: 0;
 }
 
 /* Dark Theme */
@@ -1599,6 +1600,13 @@ textarea.Field--has-error:focus:hover,
   box-sizing: border-box;
   position: relative;
   margin-bottom: 0;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+
+.Checkbox + .Checkbox,
+.Radio + .Radio {
+  margin-top: var(--space-smallest);
 }
 
 .Checkbox .Field__label,
@@ -1705,6 +1713,7 @@ textarea.Field--has-error:focus:hover,
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
+  border: 0;
 }
 
 .Checkbox__overlay.Checkbox__overlay--focused,
@@ -1722,6 +1731,7 @@ textarea.Field--has-error:focus:hover,
   color: #ccc;
 }
 
+.Field__label:hover ~ .Radio__overlay:not(.Radio__overlay--disabled),
 .Radio__overlay:hover:not(.Radio__overlay--disabled) {
   border: 1px solid currentColor;
 }
@@ -1735,6 +1745,7 @@ textarea.Field--has-error:focus:hover,
      -moz-appearance: none;
           appearance: none;
   width: 2px;
+  border: 0;
 }
 
 .Checkbox__overlay.Icon--checkbox-checked {
@@ -1746,6 +1757,7 @@ textarea.Field--has-error:focus:hover,
   color: #ccc;
 }
 
+.Field__label:hover ~ .Checkbox__overlay:not(.Checkbox__overlay--disabled),
 .Checkbox__overlay:hover:not(.Checkbox__overlay--disabled) {
   border: 1px solid currentColor;
 }
@@ -1945,7 +1957,6 @@ p .Link {
 }
 
 .Field__select--disabled {
-  background: var(--field-background-color-disabled);
   opacity: 0.65;
 }
 
@@ -2270,6 +2281,7 @@ p .Link {
 .Toast__dismiss {
   background: transparent;
   border: 0;
+  height: calc(var(--text-size-small) + 9px);
 }
 
 .Toast__dismiss:focus {
@@ -3191,14 +3203,23 @@ button.TooltipTabstop {
 }
 
 :root {
-  --data-list-value-background-color: var(--gray-20);
+  --data-list-background-color: var(--gray-20);
+  --data-list-value-background-color: var(--white);
   --data-list-border-color: var(--gray-40);
   --data-list-text-color: var(--gray-90);
-  --data-list-value-text-color: var(--gray-60);
+  --data-list-value-text-color: var(--gray-80);
   --data-list-space: 11px;
   --data-list-value-width: 187px;
 }
 
+.cauldron--theme-dark {
+  --data-list-background-color: var(--accent-dark);
+  --data-list-value-background-color: var(--accent-medium);
+  --data-list-text-color: var(--white);
+  --data-list-value-text-color: var(--accent-light);
+  --data-list-border-color: #5d676f;
+}
+
 .DescriptionList {
   color: var(--data-list-text-color);
   font-size: var(--text-size-small);
@@ -3217,6 +3238,7 @@ button.TooltipTabstop {
   padding: var(--data-list-space);
   border-top: 1px solid var(--data-list-border-color);
   border-bottom: 1px solid var(--data-list-border-color);
+  background-color: var(--data-list-value-background-color);
 }
 
 .DescriptionList__item {
@@ -3228,6 +3250,7 @@ button.TooltipTabstop {
   border: 0;
   margin-bottom: var(--space-small);
   display: block;
+  background-color: var(--data-list-value-background-color);
 }
 
 .DescriptionList__item:first-child {
@@ -3247,12 +3270,11 @@ button.TooltipTabstop {
 }
 
 .DescriptionList__term {
-  background-color: var(--data-list-value-background-color);
+  background-color: var(--data-list-background-color);
   width: var(--data-list-value-width);
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-medium);
   border-right: 1px solid var(--data-list-border-color);
   flex: 0 0 auto;
-  font-family: 'Lato', sans-serif;
 }
 
 .DescriptionList--collapsed .DescriptionList__term {
@@ -3262,7 +3284,10 @@ button.TooltipTabstop {
 }
 
 .DescriptionList__details {
+  width: 100%;
   color: var(--data-list-value-text-color);
+  background-color: var(--data-list-value-background-color);
+  font-weight: var(--font-weight-normal);
 }
 
 .DescriptionList__term,
@@ -3646,3 +3671,11 @@ button.TooltipTabstop {
 .cauldron--theme-light .Icon--robot path {
   color: #3e7aae;
 }
+
+:root {
+  --address-line-height: 1.618;
+}
+
+.Address {
+  line-height: var(--address-line-height);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-styles",
-  "version": "3.0.1-canary.03388cec",
+  "version": "3.0.1-canary.3e837811",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",