@deque/cauldron-styles 6.6.1 → 6.7.0-canary.0fa62fa5

package/dist/index.css

@@ -267,7 +267,6 @@ button,
 
 a {
   color: var(--link-text-color);
-  font-weight: var(--font-weight-medium);
 }
 
 p {
@@ -1238,6 +1237,7 @@ textarea.Field--has-error:focus:hover,
 button.Link {
   cursor: pointer;
   font-size: inherit;
+  font-weight: var(--font-weight-normal);
 }
 
 .Button--primary:focus,
@@ -1567,6 +1567,7 @@ button.Link {
   --icon-button-background-color-error-disabled: var(
     --button-background-color-error-disabled
   );
+  --icon-button-icon-size: var(--icon-size);
 }
 
 .IconButton {
@@ -1593,8 +1594,8 @@ a.IconButton {
 }
 
 .IconButton .Icon {
-  height: var(--space-small);
-  width: var(--space-small);
+  height: calc(var(--icon-button-icon-size) - 8px);
+  width: calc(var(--icon-button-icon-size) - 8px);
   pointer-events: none;
 }
 
@@ -1623,6 +1624,11 @@ a.IconButton {
   width: var(--icon-button-large-height);
 }
 
+.IconButton--large .Icon {
+  height: var(--icon-button-icon-size);
+  width: var(--icon-button-icon-size);
+}
+
 .IconButton--secondary:is([aria-disabled='true'], [disabled]),
 .IconButton--secondary:is([aria-disabled='true'], [disabled]):active {
   color: var(--icon-button-text-color-disabled);
@@ -2020,8 +2026,6 @@ a.IconButton {
 .Link {
   text-decoration: underline;
   color: var(--link-text-color);
-  font-weight: var(--font-weight-medium);
-  display: inline-block;
   padding: var(--space-quarter);
   background: transparent;
   vertical-align: baseline;
@@ -2037,12 +2041,11 @@ a.IconButton {
   outline-offset: 0;
 }
 
-p .Link {
-  margin: 0 2px;
-  display: inline;
-  text-decoration: underline;
-  color: var(--link-text-color);
-  font-weight: var(--font-weight-normal);
+.Link:has(.Icon) {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-half);
+  flex-wrap: wrap;
 }
 
 :root {
@@ -3200,6 +3203,15 @@ button.TooltipTabstop {
   --code-border-color: var(--stroke-dark);
 }
 
+.Code__Header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--space-smallest);
+  font-weight: var(--font-weight-medium);
+  font-size: var(--text-size-body);
+}
+
 .Code.hljs {
   display: block;
   padding: var(--space-smaller);
@@ -4993,18 +5005,24 @@ button.Accordion__trigger {
   --notice-border-color: var(--accent-dark);
   --notice-link-hover-color: var(--accent-medium);
   --notice-icon-size: 1rem;
+  --notice-info-border-color: var(--accent-primary-disabled);
+  --notice-caution-border-color: var(--accent-warning);
+  --notice-danger-border-color: var(--accent-error-disabled);
 }
 
 .Notice--info {
   --notice-background-color: var(--notice-info-color);
+  --notice-border-color: var(--notice-info-border-color);
 }
 
 .Notice--caution {
   --notice-background-color: var(--notice-caution-color);
+  --notice-border-color: var(--notice-caution-border-color);
 }
 
 .Notice--danger {
   --notice-background-color: var(--notice-danger-color);
+  --notice-border-color: var(--notice-danger-border-color);
 }
 
 .Notice {

package/package.json

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