@deque/cauldron-styles 5.0.0-canary.0645c1f3 → 5.0.0-canary.0efae4e7

package/dist/index.css

@@ -2422,6 +2422,8 @@ p .Link {
 .Toast {
   top: var(--top-bar-height);
   position: fixed;
+  right: 0;
+  left: 0;
   color: #0b0e11;
   font-size: var(--text-size-small);
   z-index: var(--z-index-toast);
@@ -2429,8 +2431,11 @@ p .Link {
   box-sizing: border-box;
   display: flex;
   padding: 4px 15px;
-  right: 0;
-  left: 0;
+}
+
+.Toast.Toast--non-dismissible {
+  position: static;
+  margin-bottom: var(--space-small);
 }
 
 .TopBar--thin .Toast {
@@ -3642,6 +3647,7 @@ button.TooltipTabstop {
   color: var(--data-list-value-text-color);
   background-color: var(--data-list-value-background-color);
   font-weight: var(--font-weight-normal);
+  word-break: break-word;
 }
 
 .DescriptionList__term,
@@ -4197,12 +4203,12 @@ fieldset.Panel {
 }
 
 .Breadcrumb ol {
-  display: flex;
+  display: block;
+  word-break: break-all;
   align-items: center;
   list-style-type: none;
   padding: 0;
   margin: 0;
-  flex-wrap: wrap;
 }
 
 .Breadcrumb__Separator {
@@ -4213,13 +4219,13 @@ fieldset.Panel {
 .Breadcrumb__Link {
   font-weight: 400;
   padding: 0;
+  display: inline;
 }
 
 .Breadcrumb__Item {
   font-weight: 500;
   color: var(--link-text-color);
-  display: flex;
-  flex-wrap: nowrap;
+  display: inline;
 }
 
 :root {
@@ -4257,13 +4263,15 @@ fieldset.Panel {
 }
 
 .TwoColumnPanel__Header {
-  padding: 0 var(--space-small);
+  /* The -2px is to account for the borders that are outside of the element and will make it line up with the left panel when there's only one line of text */
+  padding: calc(var(--space-small) - 2px);
   border-bottom: 1px solid var(--two-column-panel-border-color);
-  height: var(--two-column-panel-header-height);
-  line-height: var(--two-column-panel-header-height);
+  min-height: var(--two-column-panel-header-height);
   font-weight: 500;
   color: var(--two-column-panel-header-text-color);
   flex: 1;
+  display: flex;
+  align-items: center;
 }
 
 .TwoColumnPanel__Left {
@@ -4400,12 +4408,16 @@ fieldset.Panel {
   margin-bottom: 0;
 }
 
+.TwoColumnPanel__ButtonToggle {
+  display: flex;
+}
+
 .TwoColumnPanel__ButtonToggle button,
 .TwoColumnPanel__Close button {
   background-color: transparent;
   border: none;
   border-bottom: 1px solid var(--two-column-panel-border-color);
-  height: var(--two-column-panel-header-height);
+  min-height: var(--two-column-panel-header-height);
   width: var(--two-column-panel-header-height);
 }
 

package/package.json

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