base6-ui 1.1.6 → 1.1.8

package/es/components/BaseLayout/Default/layoutMenu/modules/verticalMixMenu.vue.mjs

@@ -1,94 +1,91 @@
-import { defineComponent as F, computed as c, ref as K, watch as I, resolveComponent as p, createBlock as A, openBlock as U, Teleport as V, unref as e, createElementVNode as n, createVNode as o, normalizeStyle as m, withCtx as f } from "vue";
-import D from "../../../../../hooks/useBoolean.mjs";
-import E from "../../../AsideMenu/index.vue.mjs";
-import { LAYOUT_SLIDER_MENU_ID as N } from "../../constants.mjs";
-import { useMixMenuContext as R, useMenu as T } from "../../../../../hooks/useMenu.mjs";
-import W from "../components/first-level-menu.vue.mjs";
-import j from "../../hooks/useBaseLayoutContext.mjs";
-const P = /* @__PURE__ */ F({
+import { defineComponent as k, computed as p, ref as K, watch as L, resolveComponent as F, createBlock as B, openBlock as I, Teleport as A, unref as e, createElementVNode as l, createVNode as r, normalizeStyle as m, withCtx as U } from "vue";
+import V from "../../../../../hooks/useBoolean.mjs";
+import D from "../../../AsideMenu/index.vue.mjs";
+import { LAYOUT_SLIDER_MENU_ID as E } from "../../constants.mjs";
+import { useMixMenuContext as N, useMenu as R } from "../../../../../hooks/useMenu.mjs";
+import T from "../components/first-level-menu.vue.mjs";
+import W from "../../hooks/useBaseLayoutContext.mjs";
+const J = /* @__PURE__ */ k({
   name: "VerticalMixMenu",
   __name: "verticalMixMenu",
-  setup(z) {
-    const { layoutConfig: t, toggleMenuItem: v } = j(), { bool: x, setBool: r } = D(), {
-      allMenus: h,
-      childLevelMenus: s,
-      activeFirstLevelMenuKey: M,
-      setActiveFirstLevelMenuKey: y,
-      getActiveFirstLevelMenuKey: C
+  setup(j) {
+    const { layoutConfig: t, toggleMenuItem: a } = W(), { bool: v, setBool: s } = V(), {
+      allMenus: f,
+      childLevelMenus: d,
+      activeFirstLevelMenuKey: x,
+      setActiveFirstLevelMenuKey: h,
+      getActiveFirstLevelMenuKey: M
       //
-    } = R(), { selectedKey: u, renderIcon: _ } = T(t), d = c(() => s.value.length > 0), w = c(() => d.value && (x.value || t.mixSliderFixed));
-    function S(a) {
-      y(a.key), a.children?.length && r(!0);
+    } = N(), { selectedKey: u, renderIcon: y } = R(t), c = p(() => d.value.length > 0), w = p(() => c.value && (v.value || t.mixSliderFixed));
+    function C(o) {
+      h(o.key), o.children?.length ? s(!0) : a(o.routeKey, {});
     }
-    function b() {
-      r(!1), t.mixSliderFixed || C();
+    function S() {
+      s(!1), t.mixSliderFixed || M();
     }
     const i = K([]);
-    function g() {
+    function _() {
       if (t.sliderCollapse || !u.value) {
         i.value = [];
         return;
       }
     }
-    return I(
+    return L(
       () => t.curRoute?.name,
       () => {
-        g();
+        _();
       },
       { immediate: !0 }
-    ), (a, l) => {
-      const k = p("SimpleScrollbar"), B = p("BaseContainer");
-      return U(), A(V, {
-        to: `#${e(N)}`
+    ), (o, n) => {
+      const b = F("SimpleScrollbar");
+      return I(), B(A, {
+        to: `#${e(E)}`
       }, [
-        n("div", {
+        l("div", {
           class: "h-full flex",
-          onMouseleave: b
+          onMouseleave: S
         }, [
-          o(W, {
-            menus: e(h),
-            "active-menu-key": e(M),
+          r(T, {
+            menus: e(f),
+            "active-menu-key": e(x),
             inverted: !1,
             "slider-collapse": e(t).sliderCollapse,
             "dark-mode": !1,
             "theme-color": "",
-            onSelect: S
+            onSelect: C
           }, null, 8, ["menus", "active-menu-key", "slider-collapse"]),
-          n("div", {
+          l("div", {
             class: "relative h-full",
-            style: m({ width: e(t).mixSliderFixed && d.value ? e(t).sliderMixChildMenuWidth + "px" : "0px" })
+            style: m({ width: e(t).mixSliderFixed && c.value ? e(t).sliderMixChildMenuWidth + "px" : "0px" })
           }, [
-            o(B, {
+            l("div", {
               class: "absolute left-0 top-0 h-full flex-col-stretch overflow-hidden whitespace-nowrap transition-all duration-300",
               inverted: !1,
-              style: m({ width: w.value ? e(t).sliderMixChildMenuWidth + "px" : "0px" })
-            }, {
-              default: f(() => [
-                l[1] || (l[1] = n("header", {
-                  class: "flex-y-center justify-between px-[12px]",
-                  style: { height: "var(--layout-header-height)" }
-                }, [
-                  n("h2", { class: "!text-[16px] text-primary font-bold" })
-                ], -1)),
-                o(k, null, {
-                  default: f(() => [
-                    o(E, {
-                      "expanded-keys": i.value,
-                      "onUpdate:expandedKeys": l[0] || (l[0] = (L) => i.value = L),
-                      mode: "vertical",
-                      value: e(u),
-                      options: e(s),
-                      inverted: !1,
-                      indent: 18,
-                      renderIcon: e(_),
-                      "onUpdate:value": e(v)
-                    }, null, 8, ["expanded-keys", "value", "options", "renderIcon", "onUpdate:value"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["style"])
+              style: m({ width: w.value ? e(t).sliderMixChildMenuWidth + "px" : "0px", backgroundColor: "var(--n-color)" })
+            }, [
+              n[1] || (n[1] = l("header", {
+                class: "flex-y-center justify-between px-[12px]",
+                style: { height: "var(--layout-header-height)" }
+              }, [
+                l("h2", { class: "!text-[16px] text-primary font-bold" })
+              ], -1)),
+              r(b, null, {
+                default: U(() => [
+                  r(D, {
+                    "expanded-keys": i.value,
+                    "onUpdate:expandedKeys": n[0] || (n[0] = (g) => i.value = g),
+                    mode: "vertical",
+                    value: e(u),
+                    options: e(d),
+                    inverted: !1,
+                    indent: 18,
+                    renderIcon: e(y),
+                    "onUpdate:value": e(a)
+                  }, null, 8, ["expanded-keys", "value", "options", "renderIcon", "onUpdate:value"])
+                ]),
+                _: 1
+              })
+            ], 4)
           ], 4)
         ], 32)
       ], 8, ["to"]);
@@ -96,5 +93,5 @@ const P = /* @__PURE__ */ F({
   }
 });
 export {
-  P as default
+  J as default
 };

package/es/components/BaseLayout/Default/layoutSlider/index.vue.mjs

@@ -1,27 +1,31 @@
-import { defineComponent as l, computed as e, createBlock as t, openBlock as i, withCtx as r, createElementVNode as s, unref as u, createCommentVNode as c } from "vue";
-import d from "../../ASide/index.vue.mjs";
-import p from "../layoutHeader/title.vue.mjs";
-import _ from "../hooks/useBaseLayoutContext.mjs";
+import { defineComponent as c, computed as e, createBlock as l, openBlock as n, withCtx as r, createElementVNode as m, unref as u, createCommentVNode as d } from "vue";
+import p from "../../ASide/index.vue.mjs";
+import _ from "../layoutHeader/title.vue.mjs";
+import h from "../hooks/useBaseLayoutContext.mjs";
 import { LAYOUT_SLIDER_MENU_ID as f } from "../constants.mjs";
-const x = ["id"], E = /* @__PURE__ */ l({
+const x = ["id"], H = /* @__PURE__ */ c({
   name: "LayoutSlider",
   __name: "index",
-  setup(h) {
-    const { layoutConfig: o } = _(), a = e(() => o.mode === "vertical-mix"), n = e(() => o.mode === "horizontal-mix"), m = e(() => !a.value && !n.value);
-    return (y, L) => (i(), t(d, null, {
+  setup(y) {
+    const { layoutConfig: o } = h(), t = e(() => o.mode === "vertical-mix"), i = e(() => o.mode === "horizontal-mix"), a = e(() => !t.value && !i.value), s = e(() => ({ height: a.value ? `${o.headerHeight}px` : "" }));
+    return (g, v) => (n(), l(p, {
+      "logo-style": s.value,
+      "content-scrollable": !t.value,
+      "content-style": "margin-top: 8px"
+    }, {
       header: r(() => [
-        m.value ? (i(), t(p, { key: 0 })) : c("", !0)
+        a.value ? (n(), l(_, { key: 0 })) : d("", !0)
       ]),
       default: r(() => [
-        s("div", {
+        m("div", {
           id: u(f),
-          style: { height: "100%", "margin-top": "8px" }
+          style: { height: "100%" }
         }, null, 8, x)
       ]),
       _: 1
-    }));
+    }, 8, ["logo-style", "content-scrollable"]));
   }
 });
 export {
-  E as default
+  H as default
 };

package/es/components/BaseLayout/Default/type.d.ts

@@ -33,6 +33,7 @@ export type BaseLayoutProviderType = {
     userInfo: UserInfoType;
     userActionOption?: Array<DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption>;
     isDarkMode: ComputedRef<boolean>;
+    toggleLogo: () => void;
     toggleMenuItem: (key: string, item: MenuOption) => void;
     toggleMixMenuItem: (key: string, item: MenuOption) => void;
     toggleSystemTheme: () => void;

package/es/config/themes/components/baseComponent/dark.mjs

@@ -1,19 +1,19 @@
-import o from "../../color/dark.mjs";
-import r from "../../token/dark.mjs";
+import r from "../../color/dark.mjs";
+import o from "../../token/dark.mjs";
 import { commonBase as e } from "../../common.mjs";
 const l = {
   borderRadius: e.borderRadiusMedium,
-  color: o["color-gray-3"],
-  textColor: r["color-text-6"],
+  color: r["color-gray-3"],
+  textColor: o["color-text-6"],
   padding: e.paddingBase
-}, d = {
+}, n = {
   fontSize: e.fontSizeMedium,
-  iconColor: o["color-primary-6"],
+  iconColor: r["color-primary-6"],
   iconSize: e.iconSizeBase
-}, n = {
-  nodeTextColor: r["color-text-6"],
-  arrowColor: r["color-text-3"],
-  lineColor: o["color-gray-11"]
+}, d = {
+  nodeTextColor: o["color-text-6"],
+  arrowColor: o["color-text-3"],
+  lineColor: r["color-gray-11"]
   // nodeColorHover: 'red'
   // nodeColorActive: 'transparent',
   // nodeColorHover: 'transparent',
@@ -35,25 +35,25 @@ const l = {
 }, c = {
   buttonBorderHover: "0px solid transparent",
   buttonBorderPressed: "0px solid transparent",
-  itemTextColorHover: r["color-text-6"],
-  itemTextColorPressed: r["color-text-6"],
-  itemColorActive: o["color-primary-6"],
-  itemColorActiveHover: o["color-primary-6"],
+  itemTextColorHover: o["color-text-6"],
+  itemTextColorPressed: o["color-text-6"],
+  itemColorActive: r["color-primary-6"],
+  itemColorActiveHover: r["color-primary-6"],
   itemBorderDisabled: "0px solid transparent",
-  buttonBorder: o["color-gray-3"],
+  buttonBorder: r["color-gray-3"],
   // // 按钮相关样式（上一页/下一页按钮）
-  buttonIconColor: r["color-text-6"],
+  buttonIconColor: o["color-text-6"],
   /* 按钮图标颜色 */
-  buttonIconColorPressed: r["color-text-6"],
-  buttonIconColorHover: r["color-text-6"],
-  itemTextColorDisabled: r["color-text-6"],
+  buttonIconColorPressed: o["color-text-6"],
+  buttonIconColorHover: o["color-text-6"],
+  itemTextColorDisabled: o["color-text-6"],
   /* 禁用页码文字颜色 */
   /* 文字颜色 */
-  itemTextColor: r["color-text-6"],
+  itemTextColor: o["color-text-6"],
   // itemTextColorPressed: 'red', /* 按下页码文字颜色 */
   itemColorDisabled: "transparent",
   /* 禁用页码背景颜色 */
-  itemTextColorActive: r["color-text-5"],
+  itemTextColorActive: o["color-text-5"],
   /* 当前页码文字颜色 */
   /* 背景颜色 */
   itemBorderRadius: e.borderRadiusMedium,
@@ -64,69 +64,74 @@ const l = {
   itemPaddingMedium: e.paddingMedium,
   // 修改默认内边距
   /** 跳转文字*/
-  jumperTextColor: r["color-text-6"]
+  jumperTextColor: o["color-text-6"]
   // 修改跳转文字颜色
 }, m = {
   // fontSize: string;          /* 面包屑整体字体大小 */
   // itemLineHeight: string;    /* 面包屑项的行高 */
   // fontWeightActive: string;  /* 当前项的字重（如：bold）*/
-  itemTextColor: r["color-text-2"],
+  itemTextColor: o["color-text-2"],
   /* 普通面包屑项文字颜色 */
-  itemTextColorHover: r["color-text-6"],
+  itemTextColorHover: o["color-text-6"],
   /* 鼠标悬停时文字颜色 */
-  itemTextColorPressed: r["color-text-6"],
+  itemTextColorPressed: o["color-text-6"],
   /* 鼠标按下时文字颜色 */
-  itemTextColorActive: r["color-text-6"],
+  itemTextColorActive: o["color-text-6"],
   /* 当前页面项文字颜色（不可点击）*/
   // itemColorHover: string;        /* 鼠标悬停时背景颜色 */
   // itemColorPressed: string;      /* 鼠标按下时背景颜色 */
   // itemBorderRadius: string;      /* 面包屑项的圆角大小 */
-  separatorColor: r["color-text-4"]
+  separatorColor: o["color-text-4"]
   /* 分隔符颜色（如 > 或 / 的颜色）*/
 }, x = {
   /* Line 类型文字颜色 */
-  tabTextColorLine: r["color-text-3"],
+  tabTextColorLine: o["color-text-3"],
   /* 普通文字颜色 */
-  tabTextColorActiveLine: o["color-primary-6"],
+  tabTextColorActiveLine: r["color-primary-6"],
   /* 激活状态文字颜色 */
-  tabTextColorHoverLine: o["color-primary-5"],
+  tabTextColorHoverLine: r["color-primary-5"],
   /* 悬停状态文字颜色 */
-  tabTextColorDisabledLine: r["color-text-6"],
+  tabTextColorDisabledLine: o["color-text-6"],
   /* 禁用状态文字颜色 */
   // /* Bar 类型文字颜色 */
-  tabTextColorBar: r["color-text-3"],
+  tabTextColorBar: o["color-text-3"],
   /* 普通文字颜色 */
-  tabTextColorActiveBar: o["color-primary-6"],
+  tabTextColorActiveBar: r["color-primary-6"],
   /* 激活状态文字颜色 */
-  tabTextColorHoverBar: o["color-primary-5"],
+  tabTextColorHoverBar: r["color-primary-5"],
   /* 悬停状态文字颜色 */
-  tabTextColorDisabledBar: r["color-text-6"],
+  tabTextColorDisabledBar: o["color-text-6"],
   /* 禁用状态文字颜色 */
   // /* Card 类型文字颜色 */
-  tabTextColorCard: r["color-text-3"],
+  tabTextColorCard: o["color-text-3"],
   /* 普通文字颜色 */
-  tabTextColorActiveCard: o["color-primary-6"],
+  tabTextColorActiveCard: r["color-primary-6"],
   /* 激活状态文字颜色 */
-  tabTextColorHoverCard: o["color-primary-5"],
+  tabTextColorHoverCard: r["color-primary-5"],
   /* 悬停状态文字颜色 */
-  tabTextColorDisabledCard: r["color-text-6"],
+  tabTextColorDisabledCard: o["color-text-6"],
   /* 禁用状态文字颜色 */
   // /* Segment 类型文字颜色 */
-  tabTextColorSegment: r["color-text-3"],
+  tabTextColorSegment: o["color-text-2"],
   /* 普通文字颜色 */
-  tabTextColorActiveSegment: o["color-primary-6"],
+  tabTextColorActiveSegment: o["color-text-1"],
   /* 激活状态文字颜色 */
-  tabTextColorHoverSegment: o["color-primary-5"],
+  tabTextColorHoverSegment: o["color-text-1"],
   /* 悬停状态文字颜色 */
-  tabTextColorDisabledSegment: r["color-text-6"],
+  tabTextColorDisabledSegment: o["color-text-4"],
   /* 禁用状态文字颜色 */
-  tabPaddingSmallSegment: "10px 12px",
-  tabPaddingMediumSegment: "10px 0",
-  tabPaddingLargeSegment: "10px 0",
+  tabPaddingSmallSegment: "7xp 16px",
+  tabPaddingMediumSegment: "6px 12px",
+  tabPaddingLargeSegment: "4px 12px",
+  tabGapSmallSegment: "12px",
+  tabGapMediumSegment: "12px ",
+  tabGapLargeSegment: "12px ",
+  colorSegment: "#0000",
+  tabColorSegment: o["fill-color-5"],
   // tabColor: 'green', /* 标签页背景色 */
   // tabColorSegment: darkBase['color-primary-6'], /* Segment 类型标签背景色 */
   // tabBorderColor: string;       /* 标签页边框颜色 */
-  barColor: o["color-primary-6"],
+  barColor: r["color-primary-6"],
   /* Bar 类型指示条颜色 */
   // closeIconColor: string;       /* 关闭图标颜色 */
   // closeIconColorHover: string;  /* 关闭图标悬停颜色 */
@@ -175,51 +180,51 @@ const l = {
   tabBorderRadius: e.tabBorderRadius
   /* 标签页圆角 */
   // closeBorderRadius: string;    /* 关闭按钮圆角 */
-}, s = {
+}, p = {
   indicatorColorWait: "transparent",
   /* 等待状态指示器背景色 */
-  indicatorColorProcess: o["color-primary-6"],
+  indicatorColorProcess: r["color-primary-6"],
   /* 进行状态指示器背景色 */
   indicatorColorFinish: "transparent",
   /* 完成状态指示器背景色 */
   indicatorColorError: "transparent",
   /* 错误状态指示器背景色 */
-  indicatorTextColorWait: o["color-gray-6"],
+  indicatorTextColorWait: r["color-gray-6"],
   /* 等待状态指示器文字颜色 */
-  indicatorTextColorProcess: r["color-text-5"],
+  indicatorTextColorProcess: o["color-text-5"],
   /* 进行状态指示器文字颜色 */
-  indicatorTextColorFinish: o["color-primary-6"],
+  indicatorTextColorFinish: r["color-primary-6"],
   /* 完成状态指示器文字颜色 */
-  indicatorTextColorError: o["color-red-6"],
+  indicatorTextColorError: r["color-red-6"],
   /* 错误状态指示器文字颜色 */
-  indicatorBorderColorWait: o["color-gray-6"],
+  indicatorBorderColorWait: r["color-gray-6"],
   /* 等待状态指示器边框颜色 */
-  indicatorBorderColorProcess: o["color-primary-6"],
+  indicatorBorderColorProcess: r["color-primary-6"],
   /* 进行状态指示器边框颜色 */
-  indicatorBorderColorFinish: o["color-primary-6"],
+  indicatorBorderColorFinish: r["color-primary-6"],
   /* 完成状态指示器边框颜色 */
-  indicatorBorderColorError: o["color-red-6"],
+  indicatorBorderColorError: r["color-red-6"],
   /* 错误状态指示器边框颜色 */
-  headerTextColorWait: r["color-text-6"],
+  headerTextColorWait: o["color-text-6"],
   /* 等待状态标题颜色 */
-  headerTextColorProcess: o["color-gray-10"],
+  headerTextColorProcess: r["color-gray-10"],
   /* 进行状态标题颜色 */
-  headerTextColorFinish: o["color-gray-10"],
+  headerTextColorFinish: r["color-gray-10"],
   /* 完成状态标题颜色 */
-  headerTextColorError: o["color-gray-10"],
+  headerTextColorError: r["color-gray-10"],
   /* 错误状态标题颜色 */
-  descriptionTextColorWait: r["color-text-3"],
+  descriptionTextColorWait: o["color-text-3"],
   /* 等待状态描述颜色 */
-  descriptionTextColorProcess: o["color-gray-6"],
+  descriptionTextColorProcess: r["color-gray-6"],
   /* 进行状态描述颜色 */
-  descriptionTextColorFinish: o["color-gray-6"],
+  descriptionTextColorFinish: r["color-gray-6"],
   /* 完成状态描述颜色 */
-  descriptionTextColorError: o["color-gray-6"],
+  descriptionTextColorError: r["color-gray-6"],
   /* 错误状态描述颜色 */
-  splitorColorProcess: o["color-primary-6"],
-  splitorColorWait: o["color-gray-4"],
-  splitorColorFinish: o["color-primary-6"],
-  splitorColorError: o["color-primary-6"],
+  splitorColorProcess: o["fill-color-3"],
+  splitorColorWait: o["fill-color-3"],
+  splitorColorFinish: r["color-primary-6"],
+  splitorColorError: o["fill-color-3"],
   stepHeaderFontSizeSmall: "16px",
   /* 小尺寸标题字体 */
   stepHeaderFontSizeMedium: "16px",
@@ -241,9 +246,9 @@ const l = {
 export {
   m as BreadcrumbThemeDark,
   c as PaginationThemeDark,
-  d as PopconfirmThemeDark,
-  s as StepsThemeDark,
+  n as PopconfirmThemeDark,
+  p as StepsThemeDark,
   x as TabsThemeDark,
   l as TooltipThemeDark,
-  n as TreeThemeDark
+  d as TreeThemeDark
 };

package/es/config/themes/components/baseComponent/light.mjs

@@ -218,9 +218,12 @@ const l = {
   /* 悬停状态文字颜色 */
   tabTextColorDisabledSegment: o["color-gray-4"],
   /* 禁用状态文字颜色 */
-  tabPaddingSmallSegment: "10px 12px",
-  tabPaddingMediumSegment: "10px 0",
-  tabPaddingLargeSegment: "10px 0",
+  tabPaddingSmallSegment: "7xp 16px",
+  tabPaddingMediumSegment: "6px 12px",
+  tabPaddingLargeSegment: "4px 12px",
+  tabGapSmallSegment: "12px",
+  tabGapMediumSegment: "12px ",
+  tabGapLargeSegment: "12px ",
   colorSegment: e["color-text-1"],
   /* Segment 类型背景色 */
   tabColorSegment: o["color-primary-2"],
@@ -277,7 +280,7 @@ const l = {
   closeBorderRadius: r.tabBorderRadius
   /* 关闭按钮圆角 */
   // closeBorderRadius: string;    /* 关闭按钮圆角 */
-}, C = {
+}, p = {
   indicatorColorWait: e["color-text-1"],
   /* 等待状态指示器背景色 */
   indicatorColorProcess: o["color-primary-6"],
@@ -318,10 +321,10 @@ const l = {
   /* 完成状态描述颜色 */
   descriptionTextColorError: o["color-gray-6"],
   /* 错误状态描述颜色 */
-  splitorColorProcess: o["color-primary-6"],
+  splitorColorProcess: o["color-gray-4"],
   splitorColorWait: o["color-gray-4"],
   splitorColorFinish: o["color-primary-6"],
-  splitorColorError: o["color-primary-6"],
+  splitorColorError: o["color-gray-4"],
   stepHeaderFontSizeSmall: "16px",
   /* 小尺寸标题字体 */
   stepHeaderFontSizeMedium: "16px",
@@ -344,7 +347,7 @@ export {
   m as BreadcrumbThemeLight,
   n as PaginationThemeLight,
   c as PopconfirmThemeLight,
-  C as StepsThemeLight,
+  p as StepsThemeLight,
   g as TabsThemeLight,
   l as TooltipThemeLight,
   d as TreeThemeLight

package/es/config/themes/components/menu/dark.mjs

@@ -1,4 +1,4 @@
-import r from "../../color/dark.mjs";
+import t from "../../color/dark.mjs";
 import o from "../../token/dark.mjs";
 const l = {
   arrowColor: o["color-text-2"],
@@ -18,8 +18,12 @@ const l = {
   itemTextColorActive: o["color-text-1"],
   itemTextColorHover: o["color-text-1"],
   itemTextColorActiveHover: o["color-text-1"],
-  itemTextColorChildActive: r["color-primary-6"],
-  itemTextColorChildActiveHover: r["color-primary-5"]
+  itemTextColorChildActive: t["color-primary-6"],
+  itemTextColorChildActiveHover: t["color-primary-5"],
+  itemTextColorHorizontal: o["color-text-2"],
+  itemTextColorActiveHorizontal: o["color-text-1"],
+  itemTextColorActiveHoverHorizontal: o["color-text-1"],
+  itemTextColorHoverHorizontal: o["color-text-1"]
 };
 export {
   l as MenuThemeDark

package/es/config/themes/components/menu/light.mjs

@@ -18,7 +18,10 @@ const e = {
   itemTextColorHover: o["color-gray-10"],
   itemTextColorActiveHover: o["color-gray-10"],
   itemTextColorChildActive: o["color-primary-6"],
-  itemTextColorChildActiveHover: o["color-primary-5"]
+  itemTextColorChildActiveHover: o["color-primary-5"],
+  itemTextColorHorizontal: o["color-gray-8"],
+  itemTextColorActiveHorizontal: o["color-primary-6"],
+  itemTextColorHoverHorizontal: o["color-primary-6"]
 };
 export {
   e as MenuThemeLight

package/es/config/themes/token/light.d.ts

@@ -5,6 +5,7 @@ declare const lightToken: {
     'bg-color-2': string;
     'bg-color-3': string;
     'bg-color-4': string;
+    'fill-color-5': string;
     'border-color-1': string;
     'border-color-2': string;
 };

package/es/config/themes/token/light.mjs

@@ -5,6 +5,7 @@ const F = {
   "bg-color-2": "#FFFFFF",
   "bg-color-3": "#FFFFFF",
   "bg-color-4": "#E1E9F4",
+  "fill-color-5": "#FAFAFA",
   "border-color-1": "#CAD3E2",
   "border-color-2": "#E0E6EF"
 };