@carbon/vue 3.0.9 → 3.0.11

package/src/components/CvUIShell/CvSideNav.vue

@@ -1,5 +1,7 @@
 <template>
   <nav
+    :id="id"
+    ref="el"
     :class="[
       `cv-side-nav`,
       `${carbonPrefix}--side-nav`,
@@ -12,18 +14,16 @@
       },
     ]"
     :aria-hidden="!panelExpanded && !fixed ? 'true' : 'false'"
-    :id="id"
     @focusout="onFocusout"
     @mousedown="onMouseDown"
     @mouseenter="onHoverToggle(true)"
     @mouseleave="onHoverToggle(false)"
-    ref="el"
   >
     <slot></slot>
     <cv-side-nav-footer
       v-if="!fixed && !rail && !panelData.headerEmbedded"
       :expanded="panelExpanded"
-      :assistiveText="assistiveToggleText"
+      :assistive-text="assistiveToggleText"
       @toggle-expand="toggleExpand"
     />
   </nav>
@@ -55,11 +55,12 @@ const props = defineProps({
       }
       return true;
     },
+    default: undefined,
   },
   expanded: Boolean,
   fixed: Boolean,
   id: { type: String, required: true },
-  assistiveToggleText: String,
+  assistiveToggleText: { type: String, default: undefined },
   rail: Boolean,
 });
 

package/src/components/CvUIShell/CvSideNavItems.vue

@@ -1,8 +1,8 @@
 <template>
   <ul
+    ref="el"
     :class="`cv-side-nav-items ${carbonPrefix}--side-nav__items`"
     @mousedown="onMousedown"
-    ref="el"
   >
     <slot />
   </ul>

package/src/components/CvUIShell/CvSideNavLink.vue

@@ -28,7 +28,7 @@ import { onMounted, onUpdated, reactive, useSlots } from 'vue';
 
 const props = defineProps({
   active: Boolean,
-  icon: Object,
+  icon: { type: Object, default: undefined },
   ...propsLink,
 });
 const tagType = useTagType(props);

package/src/components/CvUIShell/_CvSideNavFooter.vue

@@ -4,8 +4,8 @@
       :class="`${carbonPrefix}--side-nav__toggle`"
       type="button"
       v-bind="$attrs"
-      @click="$emit('toggle-expand')"
       :title="assistiveText"
+      @click="$emit('toggle-expand')"
     >
       <div :class="`${carbonPrefix}--side-nav__icon`">
         <close20
@@ -33,4 +33,5 @@ defineProps({
   assistiveText: { type: String, default: 'Open / close side nav' },
   expanded: Boolean,
 });
+defineEmits(['toggle-expand']);
 </script>