@fastkit/vui 0.7.29 → 0.7.30

package/dist/vui.cjs.js

@@ -1303,7 +1303,8 @@ function createNavigationItemProps() {
       type: Number,
       default: 0
     },
-    nested: Boolean // key: {
+    nested: Boolean,
+    color: String // key: {
     //   type: [String, Number],
     //   required: true,
     // },
@@ -1492,7 +1493,10 @@ const VNavigationItem = vue.defineComponent({
       }), _children && vue.createVNode(vueUtils.VExpandTransition, null, {
         default: () => [vue.withDirectives(vue.createVNode("div", {
           "class": "v-navigation-item__expand"
-        }, [_children.map(child => renderNavigationItemInput(child, {
+        }, [_children.map(child => renderNavigationItemInput({
+          color: props.color,
+          ...child
+        }, {
           startIconEmptySpace: _props.value.startIconEmptySpace,
           depth: props.nested ? props.depth + 1 : props.depth // onClick,
           // onChangeActive,

package/dist/vui.cjs.prod.js

@@ -1303,7 +1303,8 @@ function createNavigationItemProps() {
       type: Number,
       default: 0
     },
-    nested: Boolean // key: {
+    nested: Boolean,
+    color: String // key: {
     //   type: [String, Number],
     //   required: true,
     // },
@@ -1492,7 +1493,10 @@ const VNavigationItem = vue.defineComponent({
       }), _children && vue.createVNode(vueUtils.VExpandTransition, null, {
         default: () => [vue.withDirectives(vue.createVNode("div", {
           "class": "v-navigation-item__expand"
-        }, [_children.map(child => renderNavigationItemInput(child, {
+        }, [_children.map(child => renderNavigationItemInput({
+          color: props.color,
+          ...child
+        }, {
           startIconEmptySpace: _props.value.startIconEmptySpace,
           depth: props.nested ? props.depth + 1 : props.depth // onClick,
           // onChangeActive,

package/dist/vui.d.ts

@@ -403,6 +403,7 @@ export declare function createNavigationItemProps(): {
         default: number;
     };
     nested: BooleanConstructor;
+    color: PropType<ScopeName>;
     startIcon: PropType<RawIconProp>;
     endIcon: PropType<RawIconProp>;
     linkFallbackTag: {
@@ -410,7 +411,6 @@ export declare function createNavigationItemProps(): {
         default: string;
     };
     startIconEmptySpace: BooleanConstructor;
-    color: PropType<ScopeName>;
     exactMatch: BooleanConstructor;
     tag: PropType<string>;
     class: PropType<any>;
@@ -6608,6 +6608,7 @@ export declare const VNavigationItem: DefineComponent<{
         default: number;
     };
     nested: BooleanConstructor;
+    color: PropType<ScopeName>;
     startIcon: PropType<RawIconProp>;
     endIcon: PropType<RawIconProp>;
     linkFallbackTag: {
@@ -6615,7 +6616,6 @@ export declare const VNavigationItem: DefineComponent<{
         default: string;
     };
     startIconEmptySpace: BooleanConstructor;
-    color: PropType<ScopeName>;
     exactMatch: BooleanConstructor;
     tag: PropType<string>;
     class: PropType<any>;
@@ -6649,11 +6649,11 @@ export declare const VNavigationItem: DefineComponent<{
     match?: unknown;
     depth?: unknown;
     nested?: unknown;
+    color?: unknown;
     startIcon?: unknown;
     endIcon?: unknown;
     linkFallbackTag?: unknown;
     startIconEmptySpace?: unknown;
-    color?: unknown;
     exactMatch?: unknown;
     tag?: unknown;
     class?: unknown;

package/dist/vui.mjs

@@ -1298,7 +1298,8 @@ function createNavigationItemProps() {
       type: Number,
       default: 0
     },
-    nested: Boolean // key: {
+    nested: Boolean,
+    color: String // key: {
     //   type: [String, Number],
     //   required: true,
     // },
@@ -1487,7 +1488,10 @@ const VNavigationItem = defineComponent({
       }), _children && createVNode(VExpandTransition, null, {
         default: () => [withDirectives(createVNode("div", {
           "class": "v-navigation-item__expand"
-        }, [_children.map(child => renderNavigationItemInput(child, {
+        }, [_children.map(child => renderNavigationItemInput({
+          color: props.color,
+          ...child
+        }, {
           startIconEmptySpace: _props.value.startIconEmptySpace,
           depth: props.nested ? props.depth + 1 : props.depth // onClick,
           // onChangeActive,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.7.29",
+  "version": "0.7.30",
   "description": "@fastkit/vui",
   "buildOptions": {
     "name": "Vui",
@@ -32,11 +32,11 @@
     "vue": "^3.2.26"
   },
   "dependencies": {
-    "@fastkit/color-scheme": "0.7.29",
-    "@fastkit/icon-font": "0.7.29",
-    "@fastkit/tiny-logger": "0.7.29",
-    "@fastkit/vite-kit": "0.7.29",
-    "@fastkit/vue-kit": "0.7.29",
+    "@fastkit/color-scheme": "0.7.30",
+    "@fastkit/icon-font": "0.7.30",
+    "@fastkit/tiny-logger": "0.7.30",
+    "@fastkit/vite-kit": "0.7.30",
+    "@fastkit/vue-kit": "0.7.30",
     "@tiptap/extension-link": "^2.0.0-beta.35",
     "@tiptap/extension-underline": "^2.0.0-beta.22",
     "@tiptap/starter-kit": "^2.0.0-beta.168",

package/src/components/VNavigation/VNavigationItem.tsx

@@ -17,6 +17,7 @@ import {
 } from '@fastkit/vue-utils';
 import { useVui } from '../../injections';
 import { useRoute } from 'vue-router';
+import { ScopeName } from '@fastkit/color-scheme';
 
 export function createNavigationItemProps() {
   return {
@@ -27,6 +28,7 @@ export function createNavigationItemProps() {
       default: 0,
     },
     nested: Boolean,
+    color: String as PropType<ScopeName>,
     // key: {
     //   type: [String, Number],
     //   required: true,
@@ -243,12 +245,18 @@ export const VNavigationItem = defineComponent({
             <VExpandTransition>
               <div class="v-navigation-item__expand" v-show={opened.value}>
                 {_children.map((child) =>
-                  renderNavigationItemInput(child, {
-                    startIconEmptySpace: _props.value.startIconEmptySpace,
-                    depth: props.nested ? props.depth + 1 : props.depth,
-                    // onClick,
-                    // onChangeActive,
-                  }),
+                  renderNavigationItemInput(
+                    {
+                      color: props.color,
+                      ...child,
+                    },
+                    {
+                      startIconEmptySpace: _props.value.startIconEmptySpace,
+                      depth: props.nested ? props.depth + 1 : props.depth,
+                      // onClick,
+                      // onChangeActive,
+                    },
+                  ),
                 )}
               </div>
             </VExpandTransition>