@carbon-labs/react-ui-shell 0.5.0 → 0.6.0

package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js

@@ -0,0 +1,16 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var PropTypes = require('prop-types');
+
+const iconPropTypes = {
+  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+};
+
+exports.i = iconPropTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/react-ui-shell",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -33,5 +33,5 @@
   "dependencies": {
     "@ibm/telemetry-js": "^1.9.1"
   },
-  "gitHead": "ddd5bb7c28f78a9a143e27c2e1fdf3fb8d463708"
+  "gitHead": "615e563886e18b341199eea82182fecd16c8dfd1"
 }

package/scss/styles/_side-nav.scss

@@ -6,6 +6,14 @@
  */
 
 @use '@carbon/styles/scss/utilities/convert' as convert;
+@use '@carbon/styles/scss/utilities/button-reset' as button-reset;
+@use '@carbon/styles/scss/utilities/focus-outline' as *;
+@use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/motion' as *;
+@use '@carbon/styles/scss/type' as *;
+@use '@carbon/styles/scss/components/ui-shell/mixins' as *;
+@use '@carbon/styles/scss/components/ui-shell/functions' as *;
+@use '@carbon/styles/scss/spacing' as *;
 
 $prefix: 'cds' !default;
 
@@ -19,3 +27,46 @@ $prefix: 'cds' !default;
 .#{$prefix}--side-nav--collapsible.#{$prefix}--side-nav--expanded {
   inline-size: convert.to-rem(256px);
 }
+
+//----------------------------------------------------------------------------
+// Side-nav Panel
+//----------------------------------------------------------------------------
+.#{$prefix}--side-nav--panel {
+  .#{$prefix}--side-nav__icon:not(.#{$prefix}--side-nav__submenu-chevron) {
+    margin-inline-end: $spacing-05;
+  }
+
+  .#{$prefix}--side-nav__item.#{$prefix}--side-nav__item--icon
+    a.#{$prefix}--side-nav__link {
+    padding-inline-start: mini-units(8);
+  }
+
+  .#{$prefix}--side-nav__toggle {
+    @include button-reset.reset($width: true);
+    @include type-style('heading-compact-01');
+    @include focus-outline('reset');
+
+    display: flex;
+    align-items: center;
+    padding: 0 $spacing-05;
+    block-size: $spacing-09;
+    color: $text-secondary;
+    transition: color $duration-fast-02, background-color $duration-fast-02,
+      outline $duration-fast-02;
+
+    &:hover {
+      background-color: $background-hover;
+      color: $text-primary;
+    }
+
+    &:focus {
+      @include focus-outline('outline');
+    }
+  }
+
+  .#{$prefix}--side-nav__toggle-text {
+    @include text-overflow();
+
+    text-align: start;
+  }
+}