@carbon-labs/react-ui-shell 0.65.0 → 0.67.0

package/es/components/SideNav.js

@@ -397,7 +397,7 @@ function SideNavRenderFunction({
       currentPrimaryMenu,
       setCurrentPrimaryMenu
     }
-  }, isFixedNav || hideOverlay ? null :
+  }, isFixedNav || hideOverlay || navType === SIDE_NAV_TYPE.PANEL ? null :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
   React__default.createElement("div", {

package/lib/components/SideNav.js

@@ -399,7 +399,7 @@ function SideNavRenderFunction({
       currentPrimaryMenu,
       setCurrentPrimaryMenu
     }
-  }, isFixedNav || hideOverlay ? null :
+  }, isFixedNav || hideOverlay || navType === SIDE_NAV_TYPE.PANEL ? null :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
   React__default.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/react-ui-shell",
-  "version": "0.65.0",
+  "version": "0.67.0",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -42,5 +42,5 @@
   "dependencies": {
     "@ibm/telemetry-js": "^1.9.1"
   },
-  "gitHead": "c2ea04c828d39579831c5beb790eb8f72fafc625"
+  "gitHead": "1d9c28b69885d9403461f310be4d53f735139288"
 }

package/scss/styles/_profile.scss

@@ -27,7 +27,7 @@ $prefix: 'cds' !default;
   gap: 0;
   inline-size: convert.to-rem(256px);
   max-block-size: 100vh;
-  overflow-y: scroll;
+  overflow-y: auto;
 
   > * {
     padding: $spacing-05;

package/scss/styles/_side-nav.scss

@@ -319,6 +319,7 @@ div:has(.#{$prefix}--header)
 .#{$prefix}--side-nav--panel {
   z-index: 7999; /* needs to be below header */
   overflow: visible;
+  border-inline-end: 1px solid $border-subtle;
 
   .#{$prefix}--side-nav__items {
     display: flex;
@@ -582,7 +583,7 @@ div:has(.#{$prefix}--header)
 .#{$prefix}--side-nav__slot {
   display: flex;
   align-items: center;
-  margin: 0 $spacing-05 $spacing-05;
+  margin: 0 $spacing-05 $spacing-05 $spacing-05;
   block-size: 2rem;
 }
 
@@ -590,25 +591,29 @@ div:has(.#{$prefix}--header)
   inline-size: 100%;
 }
 
-// icon shown when rail is collapsed
+// icon shown when rail or panel is collapsed
 .#{$prefix}--side-nav__slot .#{$prefix}--side-nav__icon {
   display: none;
 }
 
-.#{$prefix}--side-nav--rail:not(.#{$prefix}--side-nav--expanded)
-  .#{$prefix}--side-nav__slot
-  .#{$prefix}--side-nav__icon {
-  display: block;
+.#{$prefix}--side-nav--rail:not(.#{$prefix}--side-nav--expanded),
+.#{$prefix}--side-nav--panel:not(.#{$prefix}--side-nav--expanded) {
+  .#{$prefix}--side-nav__slot .#{$prefix}--side-nav__icon {
+    display: block;
+  }
 }
 
-// hide slot item when rail collapsed
-.#{$prefix}--side-nav--rail .#{$prefix}--side-nav__slot-item {
+// hide slot item when rail or panel collapsed
+.#{$prefix}--side-nav--rail .#{$prefix}--side-nav__slot-item,
+.#{$prefix}--side-nav--panel .#{$prefix}--side-nav__slot-item {
   display: none;
 }
 
-.#{$prefix}--side-nav--rail.#{$prefix}--side-nav--expanded
+.#{$prefix}--side-nav--rail.#{$prefix}--side-nav--expanded,
+.#{$prefix}--side-nav--panel.#{$prefix}--side-nav--expanded {
   .#{$prefix}--side-nav__slot-item {
-  display: block;
+    display: block;
+  }
 }
 
 //----------------------------------------------------------------------------