naive-ui 2.20.3 → 2.21.3

package/es/dropdown/src/DropdownMenu.d.ts

@@ -1,6 +1,5 @@
 import { InjectionKey, PropType, Ref, CSSProperties } from 'vue';
 import { TreeNode } from 'treemate';
-import { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 export interface NDropdownMenuInjection {
     showIconRef: Ref<boolean>;
     hasSubmenuRef: Ref<boolean>;
@@ -14,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNodes: {
-        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>[]>;
+        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[]>;
         default: () => never[];
     };
     parentKey: {
@@ -31,12 +30,12 @@ declare const _default: import("vue").DefineComponent<{
     clsPrefix: string;
     showArrow: boolean;
     parentKey: string | number;
-    tmNodes: TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>[];
+    tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];
 } & {
     arrowStyle?: string | CSSProperties | undefined;
 }>, {
     showArrow: boolean;
     parentKey: string | number;
-    tmNodes: TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>[];
+    tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];
 }>;
 export default _default;

package/es/dropdown/src/DropdownMenu.js

@@ -57,16 +57,17 @@ export default defineComponent({
         const { parentKey, clsPrefix } = this;
         return (h("div", { class: `${clsPrefix}-dropdown-menu` },
             this.tmNodes.map((tmNode) => {
-                if (isRenderNode(tmNode.rawNode)) {
+                const { rawNode } = tmNode;
+                if (isRenderNode(rawNode)) {
                     return (h(NDropdownRenderOption, { tmNode: tmNode, key: tmNode.key }));
                 }
-                if (isDividerNode(tmNode.rawNode)) {
+                if (isDividerNode(rawNode)) {
                     return h(NDropdownDivider, { clsPrefix: clsPrefix, key: tmNode.key });
                 }
-                if (isGroupNode(tmNode.rawNode)) {
+                if (isGroupNode(rawNode)) {
                     return (h(NDropdownGroup, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key }));
                 }
-                return (h(NDropdownOption, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key, props: tmNode.rawNode.props }));
+                return (h(NDropdownOption, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key, props: rawNode.props }));
             }),
             this.showArrow
                 ? renderArrow({

package/es/dropdown/src/DropdownOption.d.ts

@@ -1,14 +1,13 @@
 import { PropType, Ref, HTMLAttributes } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import { TreeNode } from 'treemate';
-import { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
+        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -28,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     siblingHasSubmenu: Ref<boolean>;
     animated: Ref<boolean>;
     mergedShowSubmenu: import("vue").ComputedRef<boolean>;
-    rawNode: import("vue").ComputedRef<DropdownOption | DropdownGroupOption | DropdownIgnoredOption>;
+    rawNode: import("vue").ComputedRef<import("../..").MenuOption | import("../..").MenuGroupOption | import("../../menu/src/interface").MenuIgnoredOption>;
     hasSubmenu: import("vue").ComputedRef<boolean>;
     pending: import("vue").ComputedRef<boolean>;
     childActive: import("vue").ComputedRef<boolean>;
@@ -49,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     clsPrefix: string;
     placement: FollowerPlacement;
-    tmNode: TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>;
+    tmNode: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>;
     parentKey: string | number | null;
 } & {
     props?: HTMLAttributes | undefined;

package/es/dropdown/src/DropdownOption.js

@@ -7,6 +7,7 @@ import { NIcon } from '../../icon';
 import NDropdownMenu, { dropdownMenuInjectionKey } from './DropdownMenu';
 import { dropdownInjectionKey } from './Dropdown';
 import { isSubmenuNode } from './utils';
+import { happensIn } from 'seemly';
 const dropdownOptionInjectionKey = Symbol('dropdown-option');
 export default defineComponent({
     name: 'DropdownOption',
@@ -104,7 +105,7 @@ export default defineComponent({
                 return;
             const { relatedTarget } = e;
             if (relatedTarget &&
-                !relatedTarget.hasAttribute('__dropdown-option')) {
+                !happensIn({ target: relatedTarget }, 'dropdownOption')) {
                 hoverKeyRef.value = null;
             }
         }
@@ -179,15 +180,15 @@ export default defineComponent({
         };
         return (h("div", { class: `${clsPrefix}-dropdown-option` },
             h('div', mergeProps(builtinProps, props), [
-                h("div", { "__dropdown-option": true, class: [
+                h("div", { "data-dropdown-option": true, class: [
                         `${clsPrefix}-dropdown-option-body__prefix`,
                         siblingHasIcon &&
                             `${clsPrefix}-dropdown-option-body__prefix--show-icon`
                     ] }, [renderIcon ? renderIcon(rawNode) : render(rawNode.icon)]),
-                h("div", { "__dropdown-option": true, class: `${clsPrefix}-dropdown-option-body__label` }, renderLabel
+                h("div", { "data-dropdown-option": true, class: `${clsPrefix}-dropdown-option-body__label` }, renderLabel
                     ? renderLabel(rawNode)
                     : render((_a = rawNode[this.labelField]) !== null && _a !== void 0 ? _a : rawNode.title)),
-                h("div", { "__dropdown-option": true, class: [
+                h("div", { "data-dropdown-option": true, class: [
                         `${clsPrefix}-dropdown-option-body__suffix`,
                         siblingHasSubmenu &&
                             `${clsPrefix}-dropdown-option-body__suffix--has-submenu`

package/es/dropdown/src/DropdownRenderOption.d.ts

@@ -1,14 +1,13 @@
 import { PropType } from 'vue';
 import { TreeNode } from 'treemate';
-import { DropdownRenderOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     tmNode: {
-        type: PropType<TreeNode<DropdownRenderOption, DropdownRenderOption, DropdownRenderOption>>;
+        type: PropType<TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>>;
         required: true;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tmNode?: unknown;
 } & {
-    tmNode: TreeNode<DropdownRenderOption, DropdownRenderOption, DropdownRenderOption>;
+    tmNode: TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>;
 } & {}>, {}>;
 export default _default;

package/es/dropdown/src/interface.d.ts

@@ -1,35 +1,14 @@
 import { TreeNode } from 'treemate';
-import { VNodeChild, HTMLAttributes } from 'vue';
-import { MenuOption, MenuGroupOption } from '../../menu/src/interface';
+import { VNodeChild } from 'vue';
+import { MenuOption, MenuGroupOption, MenuDividerOption, MenuIgnoredOption, MenuRenderOption } from '../../menu/src/interface';
 export declare type Key = string | number;
-export declare type DropdownOptionProps = HTMLAttributes;
-export declare type DropdownOption = MenuOption & {
-    props?: HTMLAttributes;
-};
-export declare type DropdownGroupOption = MenuGroupOption & {
-    props?: HTMLAttributes;
-};
-export interface DropdownIgnoredOption {
-    key?: Key;
-    type: 'render' | 'divider';
-    props?: HTMLAttributes;
-    render?: () => VNodeChild;
-    [key: string]: unknown;
-}
-export declare type DropdownMixedOption = DropdownOption | DropdownGroupOption | DropdownIgnoredOption;
-export declare type DropdownIntersectionOption = DropdownOption & DropdownGroupOption & DropdownIgnoredOption;
-export interface DropdownRenderOption {
-    key?: Key;
-    type: 'render';
-    props?: HTMLAttributes;
-    render?: () => VNodeChild;
-    [key: string]: unknown;
-}
-export interface DropdownDividerOption {
-    key?: Key;
-    type: 'divider';
-    [key: string]: unknown;
-}
+export declare type DropdownOption = MenuOption;
+export declare type DropdownGroupOption = MenuGroupOption;
+export declare type DropdownDividerOption = MenuDividerOption;
+export declare type DropdownRenderOption = MenuRenderOption;
+export declare type DropdownMixedOption = DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption;
+export declare type DropdownIgnoredOption = MenuIgnoredOption;
+export declare type DropdownIntersectionOption = DropdownOption & DropdownGroupOption;
 export declare type TmNode = TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>;
 export declare type OnUpdateValue = <T extends string & number & (string | number)>(value: T, option: DropdownOption) => void;
 export declare type OnUpdateKeys = <T extends string[] & number[] & Array<string | number>>(keys: T) => void;

package/es/dynamic-input/src/DynamicInput.d.ts

@@ -121,20 +121,30 @@ declare const dynamicInputProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -281,9 +291,8 @@ declare const dynamicInputProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -380,20 +389,30 @@ declare const dynamicInputProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -540,9 +559,8 @@ declare const dynamicInputProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -639,20 +657,30 @@ declare const dynamicInputProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -799,9 +827,8 @@ declare const dynamicInputProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -943,20 +970,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1103,9 +1140,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1202,20 +1238,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1362,9 +1408,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1461,20 +1506,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1621,9 +1676,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1729,9 +1783,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -1837,20 +1895,30 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
+                colorSecondary: string;
+                colorSecondaryHover: string;
+                colorSecondaryPressed: string;
+                colorTertiary: string;
+                colorTertiaryHover: string;
+                colorTertiaryPressed: string;
+                colorQuaternary: string;
+                colorQuaternaryHover: string;
+                colorQuaternaryPressed: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
                 colorFocus: string;
                 colorDisabled: string;
                 textColor: string;
+                textColorTertiary: string;
                 textColorHover: string;
                 textColorPressed: string;
                 textColorFocus: string;
                 textColorDisabled: string;
                 textColorText: string;
-                textColorTextDepth1: string;
-                textColorTextDepth2: string;
-                textColorTextDepth3: string;
                 textColorTextHover: string;
                 textColorTextPressed: string;
                 textColorTextFocus: string;
@@ -1997,9 +2065,8 @@ declare const _default: import("vue").DefineComponent<{
                 borderDisabledError: string;
                 rippleColorError: string;
                 waveOpacity: string;
-                fontWeightText: string;
                 fontWeight: string;
-                fontWeighGhost: string;
+                fontWeightStrong: string;
                 paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;
@@ -2143,20 +2210,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -2303,9 +2380,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -2402,20 +2478,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -2562,9 +2648,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -2661,20 +2746,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -2821,9 +2916,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;