@deque/cauldron-styles 5.0.0-canary.de1da7f8 → 5.0.0-canary.e5711729

package/dist/index.css

@@ -2042,7 +2042,8 @@ p .Link {
 
 .Field__select--wrapper {
   position: relative;
-  min-width: var(--select-width);
+  width: var(--select-width);
+  max-width: 100%;
 }
 
 .arrow-down {
@@ -2537,6 +2538,8 @@ p .Link {
   border-radius: 3px;
   z-index: var(--z-index-tooltip);
   text-align: center;
+  max-width: calc(100vw - 16px);
+  word-break: break-word;
 }
 
 .Tooltip--hidden {
@@ -3954,6 +3957,18 @@ fieldset.Panel {
   transition: background-color 0.3s ease;
 }
 
+.NavBar > ul > .NavItem {
+  font-weight: var(--font-weight-normal);
+}
+
+.NavBar > ul > .NavItem--active {
+  font-weight: var(--font-weight-medium);
+}
+
+.NavBar > ul > .NavItem a {
+  font-weight: inherit;
+}
+
 .NavBar > ul > li:first-child:not(.NavBar__trigger) {
   border-left: 1px solid var(--top-nav-box-shadow-color);
 }
@@ -4242,13 +4257,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 {
@@ -4264,11 +4281,6 @@ fieldset.Panel {
 .TwoColumnPanel__Right {
   flex: 1;
   align-content: flex-start;
-  overflow-x: auto;
-}
-
-.TwoColumnPanel__Right > *:not(.TwoColumnPanel__Header) {
-  overflow-x: auto;
 }
 
 .TwoColumnPanel__Left,
@@ -4390,12 +4402,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.de1da7f8",
+  "version": "5.0.0-canary.e5711729",
   "license": "MPL-2.0",
   "description": "deque cauldron pattern library styles",
   "repository": "https://github.com/dequelabs/cauldron",