naive-ui 2.25.0 → 2.25.3

package/es/table/src/Table.d.ts

@@ -232,7 +232,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-td-color-striped': string;
         '--n-td-color-striped-modal': string;
         '--n-td-color-striped-popover': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bordered: {
         type: BooleanConstructor;

package/es/table/src/Table.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, h } from 'vue';
-import { useConfig, useTheme } from '../../_mixins';
+import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { createKey } from '../../_utils';
 import { tableLight } from '../styles';
 import style from './styles/index.cssr';
@@ -20,43 +20,54 @@ export default defineComponent({
     name: 'Table',
     props: tableProps,
     setup(props) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme('Table', '-table', style, tableLight, props, mergedClsPrefixRef);
+        const cssVarsRef = computed(() => {
+            const { size } = props;
+            const { self: { borderColor, tdColor, tdColorModal, tdColorPopover, thColor, thColorModal, thColorPopover, thTextColor, tdTextColor, borderRadius, thFontWeight, lineHeight, borderColorModal, borderColorPopover, tdColorStriped, tdColorStripedModal, tdColorStripedPopover, [createKey('fontSize', size)]: fontSize, [createKey('tdPadding', size)]: tdPadding, [createKey('thPadding', size)]: thPadding }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-td-color': tdColor,
+                '--n-td-color-modal': tdColorModal,
+                '--n-td-color-popover': tdColorPopover,
+                '--n-td-text-color': tdTextColor,
+                '--n-border-color': borderColor,
+                '--n-border-color-modal': borderColorModal,
+                '--n-border-color-popover': borderColorPopover,
+                '--n-border-radius': borderRadius,
+                '--n-font-size': fontSize,
+                '--n-th-color': thColor,
+                '--n-th-color-modal': thColorModal,
+                '--n-th-color-popover': thColorPopover,
+                '--n-th-font-weight': thFontWeight,
+                '--n-th-text-color': thTextColor,
+                '--n-line-height': lineHeight,
+                '--n-td-padding': tdPadding,
+                '--n-th-padding': thPadding,
+                '--n-td-color-striped': tdColorStriped,
+                '--n-td-color-striped-modal': tdColorStripedModal,
+                '--n-td-color-striped-popover': tdColorStripedPopover
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('table', computed(() => {
+                return props.size[0];
+            }), cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: computed(() => {
-                const { size } = props;
-                const { self: { borderColor, tdColor, tdColorModal, tdColorPopover, thColor, thColorModal, thColorPopover, thTextColor, tdTextColor, borderRadius, thFontWeight, lineHeight, borderColorModal, borderColorPopover, tdColorStriped, tdColorStripedModal, tdColorStripedPopover, [createKey('fontSize', size)]: fontSize, [createKey('tdPadding', size)]: tdPadding, [createKey('thPadding', size)]: thPadding }, common: { cubicBezierEaseInOut } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-td-color': tdColor,
-                    '--n-td-color-modal': tdColorModal,
-                    '--n-td-color-popover': tdColorPopover,
-                    '--n-td-text-color': tdTextColor,
-                    '--n-border-color': borderColor,
-                    '--n-border-color-modal': borderColorModal,
-                    '--n-border-color-popover': borderColorPopover,
-                    '--n-border-radius': borderRadius,
-                    '--n-font-size': fontSize,
-                    '--n-th-color': thColor,
-                    '--n-th-color-modal': thColorModal,
-                    '--n-th-color-popover': thColorPopover,
-                    '--n-th-font-weight': thFontWeight,
-                    '--n-th-text-color': thTextColor,
-                    '--n-line-height': lineHeight,
-                    '--n-td-padding': tdPadding,
-                    '--n-th-padding': thPadding,
-                    '--n-td-color-striped': tdColorStriped,
-                    '--n-td-color-striped-modal': tdColorStripedModal,
-                    '--n-td-color-striped-popover': tdColorStripedPopover
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
+        var _a;
         const { mergedClsPrefix } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return (h("table", { class: [
                 `${mergedClsPrefix}-table`,
+                this.themeClass,
                 {
                     [`${mergedClsPrefix}-table--bottom-bordered`]: this.bottomBordered,
                     [`${mergedClsPrefix}-table--bordered`]: this.bordered,

package/es/table/src/styles/index.cssr.js

@@ -69,7 +69,7 @@ export default c([cB('table', `
  border: 1px solid var(--n-merged-border-color);
  border-radius: var(--n-border-radius);
  `, [c('tr', [c('&:last-child', [c('td', `
- border-bottom: none;
+ border-bottom: 0 solid var(--n-merged-border-color);
  `)])])]), cM('single-line', [c('th', `
  border-right: none;
  `), c('td', `

package/es/tabs/src/Tabs.d.ts

@@ -494,29 +494,31 @@ declare const _default: import("vue").DefineComponent<{
     handleScroll: import("lodash").DebouncedFunc<(e: Event) => void>;
     handleTabsResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--color-segment': string;
-        '--bar-color': string;
-        '--tab-font-size': string;
-        '--tab-text-color': string;
-        '--tab-text-color-active': string;
-        '--tab-text-color-disabled': string;
-        '--tab-text-color-hover': string;
-        '--pane-text-color': string;
-        '--tab-border-color': string;
-        '--tab-border-radius': string;
-        '--close-color': string;
-        '--close-color-hover': string;
-        '--close-color-pressed': string;
-        '--tab-color': string;
-        '--tab-font-weight': string;
-        '--tab-font-weight-active': string;
-        '--tab-padding': string;
-        '--tab-gap': string;
-        '--pane-padding': string;
-        '--font-weight-strong': string;
-        '--tab-color-segment': string;
-    }>;
+        '--n-bezier': string;
+        '--n-color-segment': string;
+        '--n-bar-color': string;
+        '--n-tab-font-size': string;
+        '--n-tab-text-color': string;
+        '--n-tab-text-color-active': string;
+        '--n-tab-text-color-disabled': string;
+        '--n-tab-text-color-hover': string;
+        '--n-pane-text-color': string;
+        '--n-tab-border-color': string;
+        '--n-tab-border-radius': string;
+        '--n-close-color': string;
+        '--n-close-color-hover': string;
+        '--n-close-color-pressed': string;
+        '--n-tab-color': string;
+        '--n-tab-font-weight': string;
+        '--n-tab-font-weight-active': string;
+        '--n-tab-padding': string;
+        '--n-tab-gap': string;
+        '--n-pane-padding': string;
+        '--n-font-weight-strong': string;
+        '--n-tab-color-segment': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly value: PropType<string | number>;
     readonly defaultValue: PropType<string | number>;

package/es/tabs/src/Tabs.js

@@ -2,8 +2,8 @@ import { h, ref, defineComponent, computed, provide, watch, toRef, nextTick, wit
 import { VResizeObserver, VXScroll } from 'vueuc';
 import { throttle } from 'lodash-es';
 import { useCompitable, onFontsReady, useMergedState } from 'vooks';
-import { useConfig, useTheme } from '../../_mixins';
-import { createKey, call, flatten, warnOnce } from '../../_utils';
+import { useConfig, useTheme, useThemeClass } from '../../_mixins';
+import { createKey, call, flatten, warnOnce, resolveWrappedSlot } from '../../_utils';
 import { tabsLight } from '../styles';
 import { tabsInjectionKey } from './interface';
 import Tab from './Tab';
@@ -38,7 +38,7 @@ export default defineComponent({
                 }
             });
         }
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const themeRef = useTheme('Tabs', '-tabs', style, tabsLight, props, mergedClsPrefixRef);
         const tabsElRef = ref(null);
         const barElRef = ref(null);
@@ -241,50 +241,57 @@ export default defineComponent({
                 updateCurrentBarStyle();
             }
         };
+        const cssVarsRef = computed(() => {
+            const { value: size } = compitableSizeRef;
+            const { type } = props;
+            const typeSuffix = {
+                card: 'Card',
+                bar: 'Bar',
+                line: 'Line',
+                segment: 'Segment'
+            }[type];
+            const sizeType = `${size}${typeSuffix}`;
+            const { self: { barColor, closeColor, closeColorHover, closeColorPressed, tabColor, tabBorderColor, paneTextColor, tabFontWeight, tabBorderRadius, tabFontWeightActive, colorSegment, fontWeightStrong, tabColorSegment, [createKey('panePadding', size)]: panePadding, [createKey('tabPadding', sizeType)]: tabPadding, [createKey('tabGap', sizeType)]: tabGap, [createKey('tabTextColor', type)]: tabTextColor, [createKey('tabTextColorActive', type)]: tabTextColorActive, [createKey('tabTextColorHover', type)]: tabTextColorHover, [createKey('tabTextColorDisabled', type)]: tabTextColorDisabled, [createKey('tabFontSize', size)]: tabFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-color-segment': colorSegment,
+                '--n-bar-color': barColor,
+                '--n-tab-font-size': tabFontSize,
+                '--n-tab-text-color': tabTextColor,
+                '--n-tab-text-color-active': tabTextColorActive,
+                '--n-tab-text-color-disabled': tabTextColorDisabled,
+                '--n-tab-text-color-hover': tabTextColorHover,
+                '--n-pane-text-color': paneTextColor,
+                '--n-tab-border-color': tabBorderColor,
+                '--n-tab-border-radius': tabBorderRadius,
+                '--n-close-color': closeColor,
+                '--n-close-color-hover': closeColorHover,
+                '--n-close-color-pressed': closeColorPressed,
+                '--n-tab-color': tabColor,
+                '--n-tab-font-weight': tabFontWeight,
+                '--n-tab-font-weight-active': tabFontWeightActive,
+                '--n-tab-padding': tabPadding,
+                '--n-tab-gap': tabGap,
+                '--n-pane-padding': panePadding,
+                '--n-font-weight-strong': fontWeightStrong,
+                '--n-tab-color-segment': tabColorSegment
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('tabs', computed(() => {
+                return `${compitableSizeRef.value[0]}${props.type[0]}`;
+            }), cssVarsRef, props)
+            : undefined;
         return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, renderedNames: new Set(), tabsElRef,
             barElRef,
             addTabInstRef,
             xScrollInstRef,
             scrollWrapperElRef, addTabFixed: addTabFixedRef, tabWrapperStyle: tabWrapperStyleRef, handleNavResize, mergedSize: compitableSizeRef, handleScroll,
-            handleTabsResize, cssVars: computed(() => {
-                const { value: size } = compitableSizeRef;
-                const { type } = props;
-                const typeSuffix = {
-                    card: 'Card',
-                    bar: 'Bar',
-                    line: 'Line',
-                    segment: 'Segment'
-                }[type];
-                const sizeType = `${size}${typeSuffix}`;
-                const { self: { barColor, closeColor, closeColorHover, closeColorPressed, tabColor, tabBorderColor, paneTextColor, tabFontWeight, tabBorderRadius, tabFontWeightActive, colorSegment, fontWeightStrong, tabColorSegment, [createKey('panePadding', size)]: panePadding, [createKey('tabPadding', sizeType)]: tabPadding, [createKey('tabGap', sizeType)]: tabGap, [createKey('tabTextColor', type)]: tabTextColor, [createKey('tabTextColorActive', type)]: tabTextColorActive, [createKey('tabTextColorHover', type)]: tabTextColorHover, [createKey('tabTextColorDisabled', type)]: tabTextColorDisabled, [createKey('tabFontSize', size)]: tabFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
-                return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--color-segment': colorSegment,
-                    '--bar-color': barColor,
-                    '--tab-font-size': tabFontSize,
-                    '--tab-text-color': tabTextColor,
-                    '--tab-text-color-active': tabTextColorActive,
-                    '--tab-text-color-disabled': tabTextColorDisabled,
-                    '--tab-text-color-hover': tabTextColorHover,
-                    '--pane-text-color': paneTextColor,
-                    '--tab-border-color': tabBorderColor,
-                    '--tab-border-radius': tabBorderRadius,
-                    '--close-color': closeColor,
-                    '--close-color-hover': closeColorHover,
-                    '--close-color-pressed': closeColorPressed,
-                    '--tab-color': tabColor,
-                    '--tab-font-weight': tabFontWeight,
-                    '--tab-font-weight-active': tabFontWeightActive,
-                    '--tab-padding': tabPadding,
-                    '--tab-gap': tabGap,
-                    '--pane-padding': panePadding,
-                    '--font-weight-strong': fontWeightStrong,
-                    '--tab-color-segment': tabColorSegment
-                };
-            }) }, exposedMethods);
+            handleTabsResize, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender }, exposedMethods);
     },
     render() {
-        const { mergedClsPrefix, type, addTabFixed, addable, mergedSize, $slots: { default: defaultSlot, prefix: prefixSlot, suffix: suffixSlot } } = this;
+        const { mergedClsPrefix, type, addTabFixed, addable, mergedSize, onRender, $slots: { default: defaultSlot, prefix: prefixSlot, suffix: suffixSlot } } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         const tabPaneChildren = defaultSlot
             ? flatten(defaultSlot()).filter((v) => {
                 return v.type.__TAB_PANE__ === true;
@@ -296,13 +303,12 @@ export default defineComponent({
             })
             : [];
         const showPane = !tabChildren.length;
-        const prefix = prefixSlot ? prefixSlot() : null;
-        const suffix = suffixSlot ? suffixSlot() : null;
         const isCard = type === 'card';
         const isSegment = type === 'segment';
         const mergedJustifyContent = !isCard && !isSegment && this.justifyContent;
         return (h("div", { class: [
                 `${mergedClsPrefix}-tabs`,
+                this.themeClass,
                 `${mergedClsPrefix}-tabs--${type}-type`,
                 `${mergedClsPrefix}-tabs--${mergedSize}-size`,
                 mergedJustifyContent && `${mergedClsPrefix}-tabs--flex`
@@ -315,7 +321,7 @@ export default defineComponent({
                     `${mergedClsPrefix}-tabs-nav--${type}-type`,
                     `${mergedClsPrefix}-tabs-nav`
                 ] },
-                prefix ? (h("div", { class: `${mergedClsPrefix}-tabs-nav__prefix` }, prefix)) : null,
+                resolveWrappedSlot(prefixSlot, (children) => children && (h("div", { class: `${mergedClsPrefix}-tabs-nav__prefix` }, children))),
                 isSegment ? (h("div", { class: `${mergedClsPrefix}-tabs-rail` }, showPane
                     ? tabPaneChildren.map((tabPaneVNode, index) => {
                         return (h(Tab, Object.assign({}, tabPaneVNode.props, { internalCreatedByPane: true, internalLeftPadded: index !== 0 }), tabPaneVNode.children
@@ -376,7 +382,7 @@ export default defineComponent({
                 addTabFixed && addable && isCard
                     ? createAddTag(addable, true)
                     : null,
-                suffix ? (h("div", { class: `${mergedClsPrefix}-tabs-nav__suffix` }, suffix)) : null),
+                resolveWrappedSlot(suffixSlot, (children) => children && (h("div", { class: `${mergedClsPrefix}-tabs-nav__suffix` }, children)))),
             showPane &&
                 filterMapTabPanes(tabPaneChildren, this.mergedValue, this.renderedNames)));
     }

package/es/tabs/src/styles/index.cssr.js

@@ -1,39 +1,39 @@
 import { c, cM, cB, cE, cNotM } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --close-color
-// --close-color-hover
-// --close-color-pressed
-// --bar-color
-// --tab-font-size
-// --tab-text-color
-// --tab-text-color-active
-// --tab-text-color-disabled
-// --tab-text-color-hover
-// --pane-text-color
-// --tab-border-color
-// --tab-border-radius
-// --tab-color
-// --tab-font-weight
-// --tab-font-weight-active
-// --tab-gap
-// --tab-padding
-// --pane-padding
-// --color-segment
-// --font-weight-strong
-// --tab-color-segment
+// --n-bezier
+// --n-close-color
+// --n-close-color-hover
+// --n-close-color-pressed
+// --n-bar-color
+// --n-tab-font-size
+// --n-tab-text-color
+// --n-tab-text-color-active
+// --n-tab-text-color-disabled
+// --n-tab-text-color-hover
+// --n-pane-text-color
+// --n-tab-border-color
+// --n-tab-border-radius
+// --n-tab-color
+// --n-tab-font-weight
+// --n-tab-font-weight-active
+// --n-tab-gap
+// --n-tab-padding
+// --n-pane-padding
+// --n-color-segment
+// --n-font-weight-strong
+// --n-tab-color-segment
 
 export default cB('tabs', `
  box-sizing: border-box;
  width: 100%;
  transition:
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
 `, [cB('tabs-rail', `
  padding: 3px;
- border-radius: var(--tab-border-radius);
+ border-radius: var(--n-tab-border-radius);
  width: 100%;
- background-color: var(--color-segment);
- transition: background-color .3s var(--bezier);
+ background-color: var(--n-color-segment);
+ transition: background-color .3s var(--n-bezier);
  display: flex;
  align-items: center;
  `, [cB('tabs-tab-wrapper', `
@@ -44,18 +44,18 @@ export default cB('tabs', `
  justify-content: center;
  `, [cB('tabs-tab', `
  overflow: hidden;
- border-radius: var(--tab-border-radius);
+ border-radius: var(--n-tab-border-radius);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  `, [cM('active', `
- font-weight: var(--font-weight-strong);
- color: var(--tab-text-color-active);
- background-color: var(--tab-color-segment);
+ font-weight: var(--n-font-weight-strong);
+ color: var(--n-tab-text-color-active);
+ background-color: var(--n-tab-color-segment);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
  `), c('&:hover', `
- color: var(--tab-text-color-hover);
+ color: var(--n-tab-text-color-hover);
  `)])])]), cM('flex', [cB('tabs-nav', {
   width: '100%'
 }, [cB('tabs-wrapper', {
@@ -66,7 +66,7 @@ export default cB('tabs', `
  box-sizing: border-box;
  line-height: 1.5;
  display: flex;
- transition: border-color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
  `, [cE('prefix, suffix', `
  display: flex;
  align-items: center;
@@ -79,7 +79,7 @@ export default cB('tabs', `
  `)]), cM('shadow-after', [c('&::after', `
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
  `)]), c('&::before, &::after', `
- transition: box-shadow .3s var(--bezier);
+ transition: box-shadow .3s var(--n-bezier);
  pointer-events: none;
  content: "";
  position: absolute;
@@ -109,21 +109,21 @@ export default cB('tabs', `
  flex-wrap: nowrap;
  display: inline-flex;
  align-items: center;
- color: var(--tab-text-color);
- font-size: var(--tab-font-size);
+ color: var(--n-tab-text-color);
+ font-size: var(--n-tab-font-size);
  background-clip: padding-box;
- padding: var(--tab-padding);
+ padding: var(--n-tab-padding);
  transition:
- box-shadow .3s var(--bezier),
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ box-shadow .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [cM('disabled', {
   cursor: 'not-allowed'
 }), cE('close', `
  margin-left: 8px;
  font-size: 14px;
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  `), cE('label', `
  display: flex;
  align-items: center;
@@ -132,77 +132,77 @@ export default cB('tabs', `
  bottom: 0;
  height: 2px;
  border-radius: 1px;
- background-color: var(--bar-color);
+ background-color: var(--n-bar-color);
  transition:
- left .2s var(--bezier),
- max-width .2s var(--bezier),
- background-color .3s var(--bezier);
+ left .2s var(--n-bezier),
+ max-width .2s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `, [cM('transition-disabled', `
  transition: none;
  `), cM('disabled', `
- background-color: var(--tab-text-color-disabled)
+ background-color: var(--n-tab-text-color-disabled)
  `)]), cB('tab-pane', `
- color: var(--pane-text-color);
+ color: var(--n-pane-text-color);
  width: 100%;
- padding: var(--pane-padding);
+ padding: var(--n-pane-padding);
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `), cB('tabs-tab-pad', `
- width: var(--tab-gap);
+ width: var(--n-tab-gap);
  flex-grow: 0;
  flex-shrink: 0;
  `), cM('line-type, bar-type', [cB('tabs-tab', `
- font-weight: var(--tab-font-weight-active);
+ font-weight: var(--n-tab-font-weight-active);
  box-sizing: border-box;
  vertical-align: bottom;
  `, [c('&:hover', {
-  color: 'var(--tab-text-color-hover)'
+  color: 'var(--n-tab-text-color-hover)'
 }), cM('active', {
-  color: 'var(--tab-text-color-active)'
+  color: 'var(--n-tab-text-color-active)'
 }), cM('disabled', {
-  color: 'var(--tab-text-color-disabled)'
+  color: 'var(--n-tab-text-color-disabled)'
 })])]), cB('tabs-nav', [cM('line-type', [cE('prefix, suffix', `
- transition: border-color .3s var(--bezier);
- border-bottom: 1px solid var(--tab-border-color);
+ transition: border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-nav-scroll-content', `
- transition: border-color .3s var(--bezier);
- border-bottom: 1px solid var(--tab-border-color);
+ transition: border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-bar', `
  border-radius: 0;
  bottom: -1px;
  `)]), cM('card-type', [cE('prefix, suffix', `
- transition: border-color .3s var(--bezier);
- border-bottom: 1px solid var(--tab-border-color);
+ transition: border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-pad', `
  flex-grow: 1;
- transition: border-color .3s var(--bezier);
- border-bottom: 1px solid var(--tab-border-color);
+ transition: border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-tab-pad', `
- transition: border-color .3s var(--bezier);
- border-bottom: 1px solid var(--tab-border-color);
+ transition: border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-tab', `
- font-weight: var(--tab-font-weight);
- border: 1px solid var(--tab-border-color);
- border-top-left-radius: var(--tab-border-radius);
- border-top-right-radius: var(--tab-border-radius);
- background-color: var(--tab-color);
+ font-weight: var(--n-tab-font-weight);
+ border: 1px solid var(--n-tab-border-color);
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-top-right-radius: var(--n-tab-border-radius);
+ background-color: var(--n-tab-color);
  box-sizing: border-box;
  position: relative;
  vertical-align: bottom;
  display: flex;
  justify-content: space-between;
- font-size: var(--tab-font-size);
- color: var(--tab-text-color);
+ font-size: var(--n-tab-font-size);
+ color: var(--n-tab-text-color);
  `, [cM('addable', `
  padding-left: 8px;
  padding-right: 8px;
  font-size: 16px;
  `, [cNotM('disabled', [c('&:hover', `
- color: var(--tab-text-color-hover);
+ color: var(--n-tab-text-color-hover);
  `)])]), cM('closable', 'padding-right: 6px;'), cM('active', `
  border-bottom: 1px solid #0000;
  background-color: #0000;
- font-weight: var(--tab-font-weight-active);
- color: var(--tab-text-color-active);
- `), cM('disabled', 'color: var(--tab-text-color-disabled);')]), cB('tabs-scroll-padding', 'border-bottom: 1px solid var(--tab-border-color);')])])]);
+ font-weight: var(--n-tab-font-weight-active);
+ color: var(--n-tab-text-color-active);
+ `), cM('disabled', 'color: var(--n-tab-text-color-disabled);')]), cB('tabs-scroll-padding', 'border-bottom: 1px solid var(--n-tab-border-color);')])])]);

package/es/tag/src/Tag.d.ts

@@ -26,7 +26,7 @@ declare const tagProps: {
     };
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning" | "primary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning" | "primary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -485,7 +485,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-text-color-checked': string;
         '--n-text-color-hover-checkable': string;
         '--n-text-color-pressed-checkable': string;
-    }>;
+    }> | undefined;
+    themeClass: Ref<string> | undefined;
+    onRender: (() => void) | undefined;
     setTextContent: (textContent: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bordered: {
@@ -507,7 +509,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning" | "primary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -707,7 +709,7 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>>;
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info" | "primary";
+    type: "default" | "error" | "info" | "success" | "warning" | "primary";
     round: boolean;
     size: "small" | "medium" | "large";
     disabled: boolean | undefined;