@deque/cauldron-styles 4.7.0-canary.ab331638 → 4.7.0-canary.aee7d227

package/dist/index.css

@@ -20,6 +20,7 @@
   --accent-medium: #283640;
   --accent-light: #d4dde0;
   --accent-success: #a5db75;
+  --accent-success-high-contrast: #4fa630;
   --accent-success-light: #d1ffa4;
   --accent-success-dark: #57a711;
   --accent-error: #d93251;
@@ -38,8 +39,8 @@
   --focus-light: #c11bde;
   --focus-dark: #eb94ff;
   --issue-critical: var(--accent-danger);
-  --issue-serious: #ed9a55;
-  --issue-moderate: var(--accent-warning);
+  --issue-serious: var(--accent-warning);
+  --issue-moderate: #f0c4f8;
   --issue-minor: var(--gray-20);
 
   /* text colours */
@@ -699,6 +700,12 @@ button.Link {
   padding: 0;
 }
 
+/* Ensure both <a> and <button> IconButtons are aligned correctly. See #846. */
+
+a.IconButton {
+  vertical-align: middle;
+}
+
 .IconButton .Icon {
   width: 100%;
   height: 100%;
@@ -1835,7 +1842,7 @@ textarea.Field--has-error:focus:hover,
 
 .Link:hover {
   text-decoration: underline;
-  color: var(--link-text-color);
+  color: var(--link-text-color-hover);
 }
 
 .Link:focus {
@@ -2606,15 +2613,14 @@ p .Link {
 
 .TooltipHead {
   background: var(--gray-20);
-  font-size: 16px;
+  font-size: var(--text-size-small);
   color: var(--gray-90);
-  padding: 16px 28px;
+  padding: var(--space-small) var(--space-large);
   text-align: center;
 }
 
 .TooltipContent {
   background: #fff;
-  font-size: var(--font-size-smaller);
   text-align: left;
 }
 
@@ -3399,6 +3405,7 @@ button.TooltipTabstop {
   --table-row-border-color: var(--gray-40);
   --table-space: 11px;
   --table-header-sorting-border-color: var(--gray-90);
+  --table-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
 }
 
 .cauldron--theme-dark {
@@ -3462,7 +3469,7 @@ button.TooltipTabstop {
 }
 
 .TableHeader--sort-ascending .TableHeader__sort-button,
-.TableHeader--sort-descending .TableHeader__sort-button {
+.TableHeader--sort-decscending .TableHeader__sort-button {
   color: var(--table-header-sorting-text-color);
 }
 
@@ -3479,14 +3486,39 @@ button.TooltipTabstop {
 }
 
 .TableCell,
-.TableHeader {
+.TableHeader,
+.TableFooter {
   padding: var(--table-space) var(--space-smallest);
 }
 
-.TableRow:last-child .TableCell {
+.Table:not(.Table--border) .TableRow:last-child .TableCell {
   border: none;
 }
 
+.Table--border {
+  box-shadow: var(--table-box-shadow);
+}
+
+.Table--border,
+.Table--border .TableHeader,
+.Table--border .TableFooter,
+.Table--border .TableCell {
+  border: 1px solid var(--gray-40);
+}
+
+.cauldron--theme-dark .Table--border,
+.cauldron--theme-dark .Table--border .TableHeader,
+.cauldron--theme-dark .Table--border .TableFooter,
+.cauldron--theme-dark .Table--border .TableCell {
+  border-color: var(--stroke-dark);
+}
+
+.TableFooter .TableCell {
+  background: var(--table-header-background-color);
+  font-weight: var(--font-weight-medium);
+  color: var(--table-header-text-color);
+}
+
 :root {
   --data-list-background-color: var(--gray-20);
   --data-list-value-background-color: var(--white);

package/package.json

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