@deque/cauldron-styles 4.7.0-canary.b6bfee02 → 4.7.0-canary.b75fad1d

package/dist/index.css

@@ -2259,9 +2259,9 @@ p .Link {
 }
 
 .RadioCardGroup__Icon.Icon svg {
-  /** 
+  /**
    * this is edge case to pass color-contrast when the radio-card is selected,
-   * it is not a color we want to live in cauldron as a variable 
+   * it is not a color we want to live in cauldron as a variable
    * @see https://github.com/dequelabs/cauldron/pull/736
    */
   color: #4f990f;
@@ -2305,6 +2305,10 @@ p .Link {
   justify-content: center;
 }
 
+.cauldron--theme-dark .RadioCardGroup__Icon.Icon svg {
+  color: var(--accent-success);
+}
+
 :root {
   --tile-background-color: var(--white);
   --list-separator: rgba(153, 153, 153, 0.15);
@@ -2530,16 +2534,18 @@ p .Link {
   width: 0.1px;
 }
 
+/* Adjust position to try to center the arrow in the tooltip's border */
+
 [class*='Tooltip--top'] .TooltipArrow {
-  bottom: 0;
+  bottom: -1px;
 }
 
 [class*='Tooltip--bottom'] .TooltipArrow {
-  top: 0;
+  top: -1px;
 }
 
 [class*='Tooltip--left'] .TooltipArrow {
-  right: 0;
+  right: -1px;
 }
 
 [class*='Tooltip--right'] .TooltipArrow {
@@ -2600,15 +2606,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;
 }
 
@@ -3393,6 +3398,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 {
@@ -3477,10 +3483,26 @@ button.TooltipTabstop {
   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 .TableCell {
+  border: 1px solid var(--gray-40);
+}
+
+.cauldron--theme-dark .Table--border,
+.cauldron--theme-dark .Table--border .TableHeader,
+.cauldron--theme-dark .Table--border .TableCell {
+  border-color: var(--stroke-dark);
+}
+
 :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.b6bfee02",
+  "version": "4.7.0-canary.b75fad1d",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",